From 0431089dd2bd506171d5cc22183d53c9b81f611e Mon Sep 17 00:00:00 2001
From: ubq323 <ubq323@ubq323.website>
Date: Tue, 5 Nov 2024 18:55:43 +0000
Subject: initial
---
template.html | 38 ++++++++++++++++++++++++++++++++++++++
1 file changed, 38 insertions(+)
create mode 100644 template.html
(limited to 'template.html')
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>
--
cgit v1.2.3