diff options
author | ubq323 <ubq323@ubq323.website> | 2024-11-05 18:55:43 +0000 |
---|---|---|
committer | ubq323 <ubq323@ubq323.website> | 2024-11-05 18:55:43 +0000 |
commit | 0431089dd2bd506171d5cc22183d53c9b81f611e (patch) | |
tree | 0f04272e0d9c594145a88960cbfc74615c45bb00 /template.html |
initial
Diffstat (limited to 'template.html')
-rw-r--r-- | template.html | 38 |
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> |