docs(pages): center footer, add click-to-copy on all code blocks

Made-with: Cursor

Author: TMHSDigital

docs/_layouts/default.html

@@ -217,12 +217,43 @@
       .site-footer {
         border-top: 1px solid #d0d7de;
         background: #f6f8fa;
-        padding: 1.2rem 2rem;
+        padding: 1.4rem 2rem;
         font-size: 0.8rem;
         color: #57606a;
+        text-align: center;
       }
       .site-footer-owner a,
       .site-footer-credits a { color: #0969da; }
+      .site-footer-credits { display: block; margin-top: 0.2rem; }
+
+      /* ── Copy button ── */
+      .code-block-wrap {
+        position: relative;
+      }
+      .copy-btn {
+        position: absolute;
+        top: 8px;
+        right: 8px;
+        background: #e6edf3;
+        border: 1px solid #d0d7de;
+        border-radius: 5px;
+        padding: 3px 9px;
+        font-size: 11px;
+        font-family: "SFMono-Regular", Consolas, monospace;
+        color: #57606a;
+        cursor: pointer;
+        opacity: 0;
+        transition: opacity 0.15s, background 0.15s;
+        line-height: 1.6;
+        user-select: none;
+      }
+      .code-block-wrap:hover .copy-btn { opacity: 1; }
+      .copy-btn.copied {
+        background: #dafbe1;
+        border-color: #2ea043;
+        color: #116329;
+        opacity: 1;
+      }
 
       /* ── Screenshot ── */
       .screenshot-wrap {
@@ -287,10 +318,9 @@
       <footer class="site-footer">
         <span class="site-footer-owner">
           <a href="https://github.com/TMHSDigital/subenum">subenum</a> is maintained by
-          <a href="https://github.com/TMHSDigital">TMHSDigital</a>.
+          <a href="https://github.com/TMHSDigital">TMHSDigital</a>
         </span>
         <span class="site-footer-credits">
-          &nbsp;&middot;&nbsp;
           <a href="{{ '/CONTRIBUTING.html' | relative_url }}">Contributing</a>
           &nbsp;&middot;&nbsp;
           <a href="https://github.com/TMHSDigital/subenum/blob/main/SECURITY.md">Security</a>
@@ -300,5 +330,32 @@
       </footer>
     </main>
 
+    <script>
+      // Click-to-copy for all code blocks
+      document.querySelectorAll('pre').forEach(function(pre) {
+        var wrap = document.createElement('div');
+        wrap.className = 'code-block-wrap';
+        pre.parentNode.insertBefore(wrap, pre);
+        wrap.appendChild(pre);
+
+        var btn = document.createElement('button');
+        btn.className = 'copy-btn';
+        btn.textContent = 'copy';
+        wrap.appendChild(btn);
+
+        btn.addEventListener('click', function() {
+          var code = pre.querySelector('code');
+          var text = code ? code.innerText : pre.innerText;
+          navigator.clipboard.writeText(text).then(function() {
+            btn.textContent = 'copied!';
+            btn.classList.add('copied');
+            setTimeout(function() {
+              btn.textContent = 'copy';
+              btn.classList.remove('copied');
+            }, 2000);
+          });
+        });
+      });
+    </script>
   </body>
 </html>