added template files

2026-04-10 04:16:26 +01:00 · 2026-04-10 04:16:26 +01:00 · 283f091aed
commit 283f091aed
parent bda7f2df49
4 changed files with 146 additions and 9 deletions
--- a/hosts/lab/templates/default.css
+++ b/hosts/lab/templates/default.css
@ -0,0 +1,90 @@
+/* Page container */
+.page-container {
+  max-width: 70ch;
+  margin: 0 auto;
+  padding: 1rem;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+/* Form */
+.guestbook-prompt {}
+.guestbook-form {}
+.guestbook-label {}
+.guestbook-input {}
+.guestbook-textarea {
+  box-sizing: border-box;
+}
+.guestbook-button {
+  display: block;
+  margin-top: 1em;
+}
+
+/* Drawings */
+.guestbook-canvas {
+  border: 1px solid #000;
+  cursor: crosshair;
+  display: block;
+}
+.guestbook-canvas-tools {
+  display: block;
+}
+.guestbook-canvas-tools a {
+  cursor: pointer;
+}
+.guestbook-drawing-inline a {
+  cursor: pointer;
+}
+.guestbook-drawing-content {
+  display: block;
+  margin-bottom: 1em;
+}
+.guestbook-swatch {
+  display: inline-block;
+  width: 0.85em;
+  height: 0.85em;
+  border: 1px solid #000;
+  cursor: pointer;
+  vertical-align: middle;
+  box-sizing: border-box;
+  margin: 0 1px;
+}
+.guestbook-swatch.active {
+  border: 1px solid #000;
+  outline: 1px solid #000;
+}
+.guestbook-size-slider {
+  width: 4em;
+  vertical-align: middle;
+}
+.entry-drawing {
+  max-width: 100%;
+}
+
+/* Voice notes */
+.guestbook-voice-record.recording {
+  color: red;
+}
+.guestbook-voice-timer {
+  font-variant-numeric: tabular-nums;
+}
+.guestbook-voice-playback:empty {
+  display: none;
+}
+.guestbook-voice-playback {
+  display: block;
+  white-space: normal;
+}
+audio {
+  display: block;
+  margin-top: 0.6em;
+  height: 2em;
+}
+
+/* Entries */
+.entry-header {}
+.entry-date {}
+.entry-name {}
+.entry-website {}
+.entry-body {}
+.entry-separator {}
--- a/hosts/lab/templates/default.html
+++ b/hosts/lab/templates/default.html
@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>{{title}}</title>
+  <link rel="stylesheet" href="/style.css">
+  {{style}}
+</head>
+<body>
+<div class="page-container">
+<nav>
+  <a href="/">ily [dot] rs</a> |
+  <a href="/links/">links</a> |
+  <a href="/now/">now</a> |
+  sign the <a href="/g/">guestbook</a>
+</nav>
+
+{{form}}
+
+{{entries}}
+</div>
+</body>
+</html>
--- a/hosts/lab/templates/success.html
+++ b/hosts/lab/templates/success.html
@ -0,0 +1,28 @@
+<!--
+  Default success page shown after a guestbook submission.
+  Copy this file and point BOOK_SUCCESS_TEMPLATE at your copy to customize.
+
+  Available placeholders:
+
+    title - Site title (BOOK_SITE_TITLE).
+    style - Custom CSS (same as the main template).
+
+  Everything else is static — write whatever you want. Use <script> for
+  dynamic behavior like showing the current time.
+-->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>{{title}}</title>
+  {{style}}
+</head>
+<body>
+<div class="page-container">
+Thanks! Your message is pending approval.
+
+<a href="/">&#8592; back</a>
+</div>
+</body>
+</html>