import live www.sillylaird.ca webrootHEADmain

1 files changed, 76 insertions, 0 deletions

diff --git a/guestbook-comments.php b/guestbook-comments.php
new file mode 100644
index 0000000..4901df9
--- /dev/null
+++ b/guestbook-comments.php
@@ -0,0 +1,76 @@
+<?php $light = isset($_GET['theme']) && $_GET['theme'] === 'light'; ?>
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guestbook Comments — SillyLaird</title>
+  <link rel="stylesheet" href="assets/css/site.css">
+  <style>
+    :root {
+      --bg: <?= $light ? '#ffffff' : '#000000' ?>;
+      --surface: <?= $light ? '#ffffff' : '#000000' ?>;
+      --ink: <?= $light ? '#260600' : '#8b0000' ?>;
+      --border: <?= $light ? '#d8d8d8' : '#2a1010' ?>;
+    }
+
+    html,
+    body {
+      background-color: var(--bg) !important;
+      background: var(--bg) !important;
+      margin: 0;
+      padding: 10px;
+      color: var(--ink) !important;
+      overflow-y: auto;
+    }
+
+    * {
+      background-color: var(--surface) !important;
+      color: var(--ink) !important;
+    }
+
+    .anonymous {
+      color: var(--ink) !important;
+    }
+
+    .guestbook-entry {
+      background-color: transparent !important;
+      border: 1px solid var(--border) !important;
+      border-radius: 6px;
+      padding: 15px;
+      margin-bottom: 15px;
+    }
+
+    .guestbook-entry strong {
+      color: <?= $light ? '#b01616' : '#cc0000' ?> !important;
+    }
+
+    .guestbook-entry time {
+      color: <?= $light ? '#714039' : '#8b0000' ?> !important;
+      opacity: <?= $light ? '0.85' : '0.7' ?>;
+    }
+
+    .guestbook-entry p {
+      color: var(--ink) !important;
+    }
+
+    body::-webkit-scrollbar {
+      display: block;
+      width: 8px;
+    }
+
+    body::-webkit-scrollbar-thumb {
+      background: var(--border);
+      border-radius: 4px;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="comments" class="stack" style="gap: var(--space-md);">Loading comments...</div>
+
+  <script src="/assets/js/pages/guestbook-comments.js" defer></script>
+</body>
+
+</html>