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

