diff options
Diffstat (limited to 'guestbook-comments.php')
| -rw-r--r-- | guestbook-comments.php | 76 |
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> |