Commit Diff

Commit:
a3167e3f364239490141a4b5b3ff6ee0d783e588
From:
VoidKrypt <voidkrypt@nastycode.com>
Date:
Message:
modified style&header
Actions:
Patch | Tree
commit - 10f3c1a2738a667a292b86bc039cca73098115d5
commit + a3167e3f364239490141a4b5b3ff6ee0d783e588
blob - a188eb59dd1ce775336a46e8964edb4202e11087
blob + 38d26c34ca331ff39a9e4c331ff50409589cb66e
--- _header.html
+++ _header.html
@@ -7,9 +7,6 @@
 </head>
 <body>
 <nav>
-<a href="/" class="site-title">
-<img src="svg/logo.svg" alt="voidq logo" class="logo">
-</a>
 <a href="/" class="site-title">wiki.voidq.xyz</a>
 <a href="/">home</a>
 <a href="/about.html">about</a>
blob - aaa06c521f20a5096342243a1e3c2d5b3ac877d0
blob + 4b7ae7af3e1f5c531cf0d2842f585806615375e3
--- style.css
+++ style.css
@@ -1,21 +1,21 @@
 *,*::before,*::after{box-sizing:border-box}
 
 :root{
-  --bg:       #0e0e0c;
-  --bg2:      #141412;
-  --bg3:      #1a1a18;
-  --border:   #2a2a26;
-  --border2:  #3a3a34;
-  --text:     #b4b09c;
-  --text2:    #7a7a6e;
-  --text3:    #4a4a42;
-  --head:     #e8e4d0;
-  --green:    #6a9e7a;
-  --green2:   #8ab47a;
-  --green3:   #4a7a5a;
-  --link:     #8ab4a0;
-  --link2:    #b8d4c0;
-  --copy-ok:  #4a9a6a;
+  --bg:      #0e0e0c;
+  --bg2:     #141412;
+  --bg3:     #1a1a18;
+  --border:  #2a2a26;
+  --border2: #3a3a34;
+  --text:    #b4b09c;
+  --text2:   #7a7a6e;
+  --text3:   #4a4a42;
+  --head:    #e8e4d0;
+  --green:   #6a9e7a;
+  --green2:  #8ab47a;
+  --green3:  #4a7a5a;
+  --link:    #8ab4a0;
+  --link2:   #b8d4c0;
+  --copy-ok: #4a9a6a;
 }
 
 html{background:var(--bg);color:var(--text)}
@@ -35,7 +35,7 @@ body{
 a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
 a:hover{color:var(--link2)}
 
-/* ── header / nav ── */
+/* ── header ── */
 header{
   display:flex;
   align-items:center;
@@ -44,25 +44,33 @@ header{
   margin-bottom:2rem;
   border-bottom:1px solid var(--border);
 }
-header img.logo{
-  width:48px;
-  height:48px;
-  image-rendering:pixelated;
-  border:1px solid var(--border2);
+.brand{
+  display:flex;
+  align-items:center;
+  gap:.6rem;
+  text-decoration:none;
 }
-header .site-title{
-  font-size:1rem;
+.brand-name{
+  font-family:'Courier New',monospace;
+  font-size:.95rem;
   color:var(--head);
-  text-decoration:none;
+  letter-spacing:.02em;
 }
-header .site-title:hover{color:var(--link2)}
+.brand:hover .brand-name{color:var(--link2)}
+.logo-icon{
+  width:32px;
+  height:32px;
+  image-rendering:pixelated;
+  display:block;
+}
 
+/* ── nav ── */
 nav{
+  margin-left:auto;
   display:flex;
   gap:1.4rem;
   flex-wrap:wrap;
   font-size:13px;
-  margin-left:auto;
 }
 nav a{
   color:var(--text2);
@@ -77,14 +85,10 @@ h2{font-size:1rem;font-weight:normal;color:#a8a494;mar
 h3{font-size:.95rem;font-weight:normal;color:#8a8678;margin:2rem 0 .5rem}
 h2::before{content:"## ";color:var(--border2)}
 h3::before{content:"### ";color:var(--border2)}
-
 p{margin:0 0 1rem;color:var(--text)}
 
-/* ── code blocks with copy button ── */
-.code-wrap{
-  position:relative;
-  margin:1.25rem 0;
-}
+/* ── code blocks ── */
+.code-wrap{position:relative;margin:1.25rem 0}
 .copy-btn{
   position:absolute;
   top:.5rem;
@@ -103,7 +107,6 @@ p{margin:0 0 1rem;color:var(--text)}
 }
 .copy-btn:hover{color:var(--green2);border-color:var(--green3)}
 .copy-btn.ok{color:var(--copy-ok);border-color:var(--copy-ok)}
-
 pre{
   background:var(--bg2);
   border:1px solid var(--border);
@@ -136,19 +139,13 @@ blockquote{
   border-left:3px solid var(--border2);
   margin:1.25rem 0;
   padding:.6rem 1rem;
-  color:var(--text2);
   background:var(--bg2);
   border-radius:0 3px 3px 0;
 }
 blockquote p{margin:0;color:var(--text2)}
 
 /* ── tables ── */
-table{
-  border-collapse:collapse;
-  width:100%;
-  margin:1.25rem 0;
-  font-size:13px;
-}
+table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:13px}
 th{
   text-align:left;
   color:var(--text2);
@@ -166,29 +163,13 @@ td{
 tr:last-child td{border-bottom:none}
 tbody tr:hover td{background:var(--bg2)}
 
-/* ── images ── */
-img{
-  max-width:100%;
-  height:auto;
-  border:1px solid var(--border);
-  border-radius:3px;
-  display:block;
-  margin:1.25rem 0;
-}
-img.logo{border:none;border-radius:0}
+/* ── images / video ── */
+img{max-width:100%;height:auto;border:1px solid var(--border);border-radius:3px;display:block;margin:1.25rem 0}
+img.logo-icon{border:none;margin:0}
+img.logo-icon-sm{border:none;margin:0}
+video{max-width:100%;height:auto;border:1px solid var(--border);border-radius:3px;display:block;margin:1.25rem 0;background:#000}
 
-/* ── video & gif ── */
-video{
-  max-width:100%;
-  height:auto;
-  border:1px solid var(--border);
-  border-radius:3px;
-  display:block;
-  margin:1.25rem 0;
-  background:#000;
-}
-
-/* ── horizontal rule ── */
+/* ── hr ── */
 hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}
 
 /* ── footer ── */
@@ -199,69 +180,15 @@ footer{
   font-size:12px;
   color:var(--text3);
   display:flex;
-  gap:1rem;
-  flex-wrap:wrap;
   align-items:center;
+  gap:.6rem;
+  flex-wrap:wrap;
 }
 footer a{color:var(--text3);text-decoration:none}
 footer a:hover{color:var(--text2)}
-
-/* ── copy button JS injection ── */
-/* applied via script below — no build step needed */
-
-/* ── logo / brand header ── */
-header{
-  display:flex;
-  align-items:center;
-  gap:1rem;
-  padding-bottom:1.25rem;
-  margin-bottom:2rem;
-  border-bottom:1px solid var(--border);
-}
-.brand{
-  display:flex;
-  align-items:center;
-  gap:.6rem;
-  text-decoration:none;
-}
-.logo-icon{
-  width:36px;
-  height:36px;
-  image-rendering:pixelated;
-  display:block;
-  /* invert makes black pixels invisible on dark bg — cat appears white only */
-  filter:none;
-}
-.brand-name{
-  font-family:'Courier New',monospace;
-  font-size:.95rem;
-  color:var(--head);
-  letter-spacing:.02em;
-}
-.brand:hover .brand-name{color:var(--link2)}
-nav{
-  margin-left:auto;
-  display:flex;
-  gap:1.4rem;
-  flex-wrap:wrap;
-  font-size:13px;
-}
-nav a{
-  color:var(--text2);
-  text-decoration:none;
-  letter-spacing:.02em;
-}
-nav a:hover{color:var(--link2)}
-
-/* ── footer logo ── */
-footer{
-  display:flex;
-  align-items:center;
-  gap:.6rem;
-}
 .logo-icon-sm{
-  width:20px;
-  height:20px;
+  width:18px;
+  height:18px;
   image-rendering:pixelated;
-  opacity:.4;
+  opacity:.35;
 }