summaryrefslogtreecommitdiff
path: root/template.html
diff options
context:
space:
mode:
authorubq323 <ubq323@ubq323.website>2024-11-05 18:55:43 +0000
committerubq323 <ubq323@ubq323.website>2024-11-05 18:55:43 +0000
commit0431089dd2bd506171d5cc22183d53c9b81f611e (patch)
tree0f04272e0d9c594145a88960cbfc74615c45bb00 /template.html
initial
Diffstat (limited to 'template.html')
-rw-r--r--template.html38
1 files changed, 38 insertions, 0 deletions
diff --git a/template.html b/template.html
new file mode 100644
index 0000000..5dcda74
--- /dev/null
+++ b/template.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<meta charset="utf-8"/>
+<style>
+body { background-color: #e0ceec }
+h1 { max-width: min-content; margin-left: auto; padding-right: 1rem; font-style: italic }
+main {
+ max-width: 60ch;
+ margin: auto;
+ font-family: sans-serif;
+ font-size: larger;
+}
+section, footer {
+ border: 1px solid black;
+ background-color: #fff;
+ padding: 10px;
+ margin: 10px 0px;
+}
+word def { display: none }
+word:hover { background-color: #ddd }
+
+textarea { width: calc(100% - 14px); resize: vertical; height: 200px }
+</style>
+
+<main>
+<h1>conglossor</h1>
+%content%
+<!-- <footer>
+ good
+</footer> -->
+</main>
+
+<script>
+let place = document.getElementById("place");
+document.querySelectorAll("word").forEach(el=>el.addEventListener("mouseenter", ev=> {
+ place.innerHTML = "";
+ place.append(ev.target.querySelector("def").cloneNode(true));
+}));
+</script>