Commit Diff

Commit:
f9f2fbabe185a24700b69d58d469dcf95263bc81
From:
VoidKrypt <voidkrypt@nastycode.com>
Date:
Message:
modified template&style
Actions:
Patch | Tree
commit - 3766de2d08441a4e25261161c996767d4422a26c
commit + f9f2fbabe185a24700b69d58d469dcf95263bc81
blob - 005514cacf236984cc8a74740619b93ebe836899
blob + 440e6bbb29857425e1f1a9a65e44f557a234d91a
--- .ssg.template
+++ .ssg.template
@@ -5,18 +5,20 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="color-scheme" content="dark">
 <link rel="stylesheet" href="/style.css">
-<link rel="icon" href="svg/logo.svg" type="image/svg+xml">
+<link rel="icon" href="/logo.svg" type="image/svg+xml">
+<link rel="shortcut icon" href="/logo.svg" type="image/svg+xml">
 <title>{{#title}}{{title}} — {{/title}}wiki.voidq.xyz</title>
 </head>
 <body>
 <header>
-  <a href="/" class="site-title">
-    <img src="svg/logo.svg" alt="voidq logo" class="logo">
+  <a href="/" class="brand">
+    <img src="/logo.svg" alt="voidq cat" class="logo-icon">
+    <span class="brand-name">wiki.voidq.xyz</span>
   </a>
-  <a href="/" class="site-title">wiki.voidq.xyz</a>
   <nav>
     <a href="/">home</a>
     <a href="/about.html">about</a>
+    <a href="/guides/wiki-setup.html">wiki setup</a>
   </nav>
 </header>
 
@@ -25,17 +27,11 @@
 </main>
 
 <footer>
-  <span>wiki.voidq.xyz</span>
-  <span>&mdash;</span>
-  <span>got + ssg + lowdown</span>
-  <span>&mdash;</span>
-  <a href="https://gameoftrees.org">got</a>
-  <a href="https://romanzolotarev.com/ssg/">ssg</a>
-  <a href="https://kristaps.bsd.lv/lowdown/">lowdown</a>
+  <img src="/logo.svg" alt="" class="logo-icon-sm">
+  <span>wiki.voidq.xyz &mdash; got + ssg + lowdown</span>
 </footer>
 
 <script>
-/* inject copy buttons on all pre blocks */
 (function(){
   var blocks = document.querySelectorAll('pre');
   blocks.forEach(function(pre){
@@ -43,13 +39,11 @@
     wrap.className = 'code-wrap';
     pre.parentNode.insertBefore(wrap, pre);
     wrap.appendChild(pre);
-
     var btn = document.createElement('button');
     btn.className = 'copy-btn';
     btn.textContent = 'copy';
     btn.setAttribute('aria-label', 'copy code');
     wrap.appendChild(btn);
-
     btn.addEventListener('click', function(){
       var text = pre.querySelector('code')
         ? pre.querySelector('code').innerText
blob - 038e70c58b8853be75ff37e8b815f8acb8a3b5b4
blob + aaa06c521f20a5096342243a1e3c2d5b3ac877d0
--- style.css
+++ style.css
@@ -205,3 +205,63 @@ footer{
 }
 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;
+  image-rendering:pixelated;
+  opacity:.4;
+}