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>
|