summaryrefslogtreecommitdiff
path: root/template.html
blob: e8c75501a654922e04ccfa051d62f36f51d73353 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<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>