commit 0fa77d5239a8bcfebaed070206ac7f43ba42fd10 from: VoidKrypt date: Sun May 10 07:51:51 2026 UTC modified&new folder/files ssg.template&style.cdd modified / new svg/logo.svg updated commit - c2067baa88c5beba77d4914927e9cc437a0fa7a1 commit + 0fa77d5239a8bcfebaed070206ac7f43ba42fd10 blob - f4be7b5091f28e4bbe44252e58a633020d2ca517 blob + 32a948fd30b7e0834ce66053dbfb6093f6c100fa --- .ssg.template +++ .ssg.template @@ -1,19 +1,74 @@ - - - - - {{#title}}{{title}} — {{/title}}wiki.voidq.xyz - - - -
- {{content}} -
- - + + + + + + +{{#title}}{{title}} — {{/title}}wiki.voidq.xyz + + +
+ + + + wiki.voidq.xyz + +
+ +
+{{content}} +
+ + + + + blob - c3c9fa45fd5aaa740a1c29e17a7ccebca20ffe0a blob + 038e70c58b8853be75ff37e8b815f8acb8a3b5b4 --- style.css +++ style.css @@ -1,70 +1,207 @@ *,*::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; +} + +html{background:var(--bg);color:var(--text)} + body{ - background:#1a1a18; - color:#b4b09c; + background:var(--bg); + color:var(--text); font-family:'Courier New',Courier,monospace; font-size:15px; - line-height:1.7; - max-width:680px; - margin:2rem auto; - padding:0 1.5rem; + line-height:1.75; + max-width:720px; + margin:0 auto; + padding:2rem 1.5rem 4rem; } -a{color:#8ab4a0;text-decoration:underline} -a:hover{color:#b8d4c0} +/* ── links ── */ +a{color:var(--link);text-decoration:underline;text-underline-offset:3px} +a:hover{color:var(--link2)} +/* ── header / nav ── */ +header{ + display:flex; + align-items:center; + gap:1rem; + padding-bottom:1.25rem; + margin-bottom:2rem; + border-bottom:1px solid var(--border); +} +header img.logo{ + width:48px; + height:48px; + image-rendering:pixelated; + border:1px solid var(--border2); +} +header .site-title{ + font-size:1rem; + color:var(--head); + text-decoration:none; +} +header .site-title:hover{color:var(--link2)} + nav{ + display:flex; + gap:1.4rem; + flex-wrap:wrap; font-size:13px; - margin-bottom:2.5rem; - padding-bottom:1rem; - border-bottom:1px solid #2e2e2a; + margin-left:auto; } -nav a{color:#7a9e8a;text-decoration:none;margin-right:1.2rem} -nav a:hover{color:#a8c8b4} +nav a{ + color:var(--text2); + text-decoration:none; + letter-spacing:.02em; +} +nav a:hover{color:var(--link2)} -h1{font-size:1.3rem;font-weight:normal;color:#e8e4d0;margin:0 0 1.5rem} -h2{font-size:1rem;font-weight:normal;color:#a8a494;margin:2rem 0 .75rem} -h3{font-size:.95rem;font-weight:normal;color:#8a8678;margin:1.5rem 0 .5rem} +/* ── typography ── */ +h1{font-size:1.3rem;font-weight:normal;color:var(--head);margin:0 0 1.5rem;letter-spacing:.01em} +h2{font-size:1rem;font-weight:normal;color:#a8a494;margin:2.5rem 0 .75rem} +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:#b4b09c} +p{margin:0 0 1rem;color:var(--text)} +/* ── code blocks with copy button ── */ +.code-wrap{ + position:relative; + margin:1.25rem 0; +} +.copy-btn{ + position:absolute; + top:.5rem; + right:.5rem; + background:var(--bg3); + border:1px solid var(--border2); + color:var(--text2); + font-family:'Courier New',monospace; + font-size:11px; + padding:.2rem .55rem; + cursor:pointer; + border-radius:3px; + letter-spacing:.04em; + transition:color .15s,border-color .15s; + z-index:1; +} +.copy-btn:hover{color:var(--green2);border-color:var(--green3)} +.copy-btn.ok{color:var(--copy-ok);border-color:var(--copy-ok)} + pre{ - background:#111110; - border:1px solid #2a2a26; - padding:1rem; + background:var(--bg2); + border:1px solid var(--border); + border-left:3px solid var(--green3); + padding:1rem 1rem 1rem 1.2rem; overflow-x:auto; - border-radius:3px; + border-radius:0 3px 3px 0; font-size:13px; - color:#8ab47a; - margin:1rem 0; + color:var(--green2); + margin:0; + tab-size:4; } code{ - background:#111110; - border:1px solid #242420; + background:var(--bg2); + border:1px solid var(--border); padding:.1em .35em; border-radius:2px; font-size:13px; - color:#8ab47a; + color:var(--green2); } pre code{border:none;padding:0;background:transparent} -ul,ol{padding-left:1.2rem;color:#b4b09c;margin:0 0 1rem} -li::marker{color:#4a4a42} +/* ── lists ── */ +ul,ol{padding-left:1.4rem;color:var(--text);margin:0 0 1rem} +li{margin-bottom:.25rem} +li::marker{color:var(--green3)} +/* ── blockquote ── */ blockquote{ - border-left:2px solid #3a3a34; - margin:1rem 0; - padding:.5rem 1rem; - color:#7a7a6e; + 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)} -hr{border:none;border-top:1px solid #2e2e2a;margin:2rem 0} +/* ── tables ── */ +table{ + border-collapse:collapse; + width:100%; + margin:1.25rem 0; + font-size:13px; +} +th{ + text-align:left; + color:var(--text2); + border-bottom:1px solid var(--border2); + padding:.5rem .75rem; + font-weight:normal; + letter-spacing:.04em; +} +td{ + padding:.45rem .75rem; + border-bottom:1px solid var(--border); + color:var(--text); + vertical-align:top; +} +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} + +/* ── 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{border:none;border-top:1px solid var(--border);margin:2.5rem 0} + +/* ── footer ── */ footer{ - margin-top:3rem; + margin-top:4rem; padding-top:1rem; - border-top:1px solid #2e2e2a; + border-top:1px solid var(--border); font-size:12px; - color:#4a4a42; + color:var(--text3); + display:flex; + gap:1rem; + flex-wrap:wrap; + align-items:center; } +footer a{color:var(--text3);text-decoration:none} +footer a:hover{color:var(--text2)} blob - /dev/null blob + a27d4b98311aab1c370608e059b68d5c57b2e0f3 (mode 644) --- /dev/null +++ svg/logo.svg @@ -0,0 +1,127 @@ + +voidq — void cat pixel logo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +[ v o i d ] + + \ No newline at end of file