Neale Pickett
·
2025-02-27
index.html
1<!DOCTYPE html>
2<html>
3 <head>
4 <title>Pupate</title>
5 <link rel="stylesheet" href="moth.css">
6 <link rel="icon" href="silk-cocoon.png"> <!-- https://www.flaticon.com/free-icons/insect : Insect icons created by Eucalyp -->
7 <script src="update-reload.mjs" type="module" async></script>
8 <script src="pupate.mjs" type="module"></script>
9 </head>
10 <body>
11 <div class="loading">
12 <progress></progress>
13 </div>
14
15 <div class="categorylist hidden">
16 <details class="errors"></details>
17 <h1 class="title">Categories</h1>
18 <div>Open an individual category to see puzzle titles.</div>
19 </div>
20
21 <div class="category hidden">
22 <details class="errors"></details>
23 <h1 class="title"><slot name="Title">title</slot></h1>
24 <div class="puzzles"><slot name="Puzzles"></slot></div>
25 <div class="content"><slot name="Content"></slot></div>
26 </div>
27
28 <div class="puzzle hidden">
29 <h1 class="title"><slot name="Title">title</slot></h1>
30 <div class="content"><slot name="Content">[content here]</slot></div>
31 <form class="answer">
32 <label>
33 <slot name="Question">Answer:</slot>
34 <input name="answer">
35 <span class="hash no-match" title="Not correct">❌</span>
36 <span class="hash match" title="Possibly correct">⭕</span>
37 </label>
38 <button name="submit">Submit</button>
39 </form>
40 <ul class="authors"><slot name="Authors"></slot></ul>
41 <ul class="attachments"><slot name="Attachments" data-links></slot></ul>
42 <dl class="debug"><slot name="Debug"></slot></dl>
43 </div>
44
45 <div class="error hidden">
46 <h1 class="title">Error</h1>
47 </div>
48
49 <div class="toasts"></div>
50
51 <footer>
52 <div>
53 <a href="/docs/puzzle-format.md" target="_blank">Formatting</a>
54 |
55 <a href="/docs/" target="_blank">Documentation</a>
56 </footer>
57 </footer>
58
59 </body>
60</html>