commit a3167e3f364239490141a4b5b3ff6ee0d783e588 from: VoidKrypt date: Sun May 10 17:32:50 2026 UTC modified style&header commit - 10f3c1a2738a667a292b86bc039cca73098115d5 commit + a3167e3f364239490141a4b5b3ff6ee0d783e588 blob - a188eb59dd1ce775336a46e8964edb4202e11087 blob + 38d26c34ca331ff39a9e4c331ff50409589cb66e --- _header.html +++ _header.html @@ -7,9 +7,6 @@

- -

- wiki.voidq.xyz home about 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; }