generated from s9a/1111
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (72 loc) · 1.56 KB
/
index.html
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html lang=en id=1111>
<meta charset=utf-8>
<title>1111 Uranus +al¡smo</title>
<meta name=viewport content="width=device-width">
<meta name=description content="Uranus enerGY sharks">
<meta name=theme-color content="#EC0">
<meta name=color-scheme content="dark light">
<style>
html {
font-family: monospace;
font-size: max(4ch, 4vmax + 4vmin + 4pc);
border-width: max(4vmax, 4ch);
border-style: double;
}
body {
margin: 0;
overflow-wrap: anywhere;
}
main {
align-items: center;
justify-items: center;
flex-flow: column;
display: flex;
}
menu {
display: flex;
flex-flow: wrap;
}
a {
display: inline-flex;
padding: 4pc;
}
:focus {
outline: 4ex dotted;
text-decoration-style: dotted;
}
:hover {
text-decoration-style: double;
}
::marker {
font-size: 4ch;
}
li {
--lp: 0deg;
flex-basis: 50%;
list-style: inside square;
transform: rotate(var(--lp));
}
li:first-child { --lp: 90deg }
li:first-child+* { --lp: 180deg }
li:last-child { --lp: -90deg }
h1 {
margin: auto;
position: fixed;
top: -1111%;
writing-mode: vertical-rl;
}
</style>
<link rel=stylesheet href=1111.css>
<link rel=help href=https://webmural.com/dandelion>
<link rel=index href=/terms>
<link rel=next href=https://octopus.boo>
<main>
<h1>1111</h1>
<menu>
<li><a href="https://s9a.page/a11y">1</a>
<li><a href="https://s9a.page/c11y">1</a>
<li><a href="https://s9a.page/s11y">1</a>
<li><a href="https://s9a.page/v11y">1</a>
</menu>
</main>