-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (82 loc) · 2.65 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
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>selfie</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="deepskyblue">
<meta name="color-scheme" content="dark light">
<meta name="description" content="hotpink">
<style media=(color)>
html { color: turquoise; background: darkviolet }
mark { color: #510; background: lemonchiffon }
strong { color: #111; background: #11dff1 }
:link { color: #111; background: magenta }
:visited { color: #111; background: #bae }
::selection { color: rebeccapurple; background: pink; }
</style>
<style media=all>
a { box-sizing: border-box }
a + a { border-radius: 80% 10% }
code { font-style: oblique }
strong { border-radius: 10% 80% }
:focus {
outline: thick groove;
text-decoration-style: wavy;
}
a + a:focus { border-radius: 10% 10% }
.wavy { text-decoration-style: wavy }
.wavy:focus { text-decoration-style: dashed }
html { font: max(30pt, 6vw)/1 monospace }
body { margin: auto; overflow-wrap: anywhere }
menu { margin: 0; margin-inline-start: 2rem; padding: 0 }
menu li { margin: 1rem }
.circle { list-style: circle }
</style>
<link rel="help" href="https://github.com/s9a/ocean">
<link rel="license" href="UNLICENSE.txt">
<h1><a href="/selfie">selfie</a></h1>
<menu>
<li id="sun">
<a href="/gerbera">sun</a>
<a href="/" rel="home">home</a>
<li id="moon">
<a href="/moon">moon</a>
<a href="/dream">dream</a>
<li id="mercury">
<a href="/volume">mercury</a>
<a href="/hellotape"><code>em</code></a>
<li>
<a href="/flamingo">venus</a>
<a href="/e">open</a>
<li id="mars">
<a href="/porpoise">mars</a>
<a href="/tapeshop"><code>rad</code></a>
<li id="jupe">
<a href="/lemon"><mark>jupe</mark></a>
<a href="/cuerpo" hreflang="es" lang="es">cuerpo</a>
<li id="saturn" class="circle">
<a href="/cab">saturn</a>
<a href="/lockdown"><code>rem</code></a>
<li id="uranus" class="circle">
<a href="/dew">uranus</a>
<a href="/tape" class="wavy rad"><strong>station</strong></a>
<li id="neptune">
<a href="/dream">neptune</a>
<a href="/sea" lang="es">pez</a>
<li id="pluto">
<a href="/bae">pluto</a>
<a href="/oracle"><code>coral</code></a>
<li class="ac">
<a href="/rose">rising</a>
<a href="/cascade">practice</a>
<li class="mc">
<a href="/angel"><b>m</b>ysti<b>c</b></a>
<a href="/dm">mid<wbr>heaven</a>
<li id="node">
<a href="/gerbera">gerbera</a>
<a href="/flamingo">node</a>
</menu>
<address>
<a rel="me" href="https://twitter.com/colorfulcode">twinkle</a>
<a rel="me" href="https://github.com/s9a">s9a</a>
</address>