-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (119 loc) · 6.73 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang=en-US class="fouc fame tape-flow tape-loud">
<meta charset=utf-8>
<title>s9a aka synesthesia</title>
<meta name="theme-color" content="#44f477">
<meta name="viewport" content="width=device-width">
<meta name="description" content="next level web color made with imagination and web standards">
<style>
.fouc { background-color: #bae }
</style>
<link rel="stylesheet" href="frozen.css" media="(color)">
<link rel="stylesheet" href="fresh.css">
<base data-www href=.>
<script data-local>
location.host ? null :
document.querySelector("base").href = "https://s9a.page"
</script>
<link rel="canonical" href="https://s9a.page">
<link rel href="https://s9a.github.io">
<link rel href="https://s9a.org">
<link rel href="https://feels.ink">
<link rel="search" href="https://github.com/search?q=user:s9a">
<body class="hood">
<header class="hood pad tape-watt">
<h1 class="hood hella">
<a class="surf iffy" href="/">s9a</a>
</h1>
<p class="nah lowkey">
<a href="dream" class="tape-bluv" style="--tape-hex:#bed">dream</a>
<a href="tape" class="tape-play">vivid</a>
<a href="https://webmural.com" class="tape-loud">web</a>
<a href="https://webmural.com/rainbov" class="tape-loud ffiy">color</a>
<a href="license" class="tape-flow">code</a>
</p>
</header>
<figure class="hood pad tape-watt" style="--tape-hex:#bae4ea" id="opener">
<h2 class="hood exhale calm bold">
<a class="surf lowkey tape-loud" href="boost">opener</a>
</h2>
<ul class="nah exhale">
<li class="hella"><a class="surf tape-loud" style="--tape-hex:turquoise" href="1111">1111</a>
<li class="hella"><a class="surf tape-luvu" href="nosh">nosh</a>
<li class="hella"><a class="surf iffy" href="iffy">iffy</a>
<li class="hella"><a class="surf tape-loud" href="yr">yr<span class="tape-bluv"> w*</span></a>
<li class="hella"><a class="surf viola violet" href="violet">violet</a>
<li class="hella"><a class="surf tape-loud" href="volume">volume</a>
<li class="hella"><a class="surf yffi yiff" href="reef"><span class="iffy">re</span>ef</a>
<li class="hella"><a class="surf tape-bluv" href="bluetang">blue<span class="tape-blaq">tang</span></a>
</ul>
</figure>
<figure class="hood pad tape-bluv" id="enjoy">
<h2 class="hood exhale calm bold">
<a class="surf lowkey tape-watt" href="tagging">enjoy</a>
</h2>
<ul class="nah exhale">
<li class="hella"><a class="surf yffi" href="mochi">mochi</a>
<li class="hella"><a class="surf tape-loud ffiy" href="contrast">contrast</a>
<li class="hella"><a class="surf tape-bluv ffiy" href="snooze">snooze</a>
<li class="hella"><a class="surf tape-watt" href="angel">angel</a>
<li class="hella"><a class="surf yffi" href="orb">orb</a>
</ul>
</figure>
<figure class="hood pad tape-watt" id="explore">
<h2 class="hood exhale calm bold">
<a class="surf lowkey tape-luvu" href="hellotape">hellö</a>
</h2>
<ul class="nah exhale">
<li class="hella"><a class="surf tape-watt" href="bae" style="--tape-hex:#bae">bae</a>
<li class="hella"><a class="surf yffi ffiy" href="cab">abc</a>
<li class="hella"><a class="surf tape-play" href="j29"><span class="tape-play" style="--tape-hex:deeppink">jjjjjjjjjjjjj</span>jjjjjjjj</a>
<li class="hella"><a class="surf tape-bluv" href="presampler" rel="prev">re<wbr>wind</a>
<li class="hella"><a class="surf tape-play" href="tape">tḁpe</a>
</ul>
</figure>
<figure class="hood pad tape-loud ffiy" id="connect">
<h2 class="hood exhale calm bold iyff">
<a class="surf lowkey tape-bluv" href="yesp">Connect</a>
</h2>
<ul class="nah iyff">
<li class="hella"><a class="surf tape-loud" style="--tape-hex:turquoise" href="https://porpoise.page">p2p</a>
<li class="hella"><a class="surf viola blueviolet" href="https://github.com/sponsors/s9a">github</a>
<li class="hella"><a class="surf viola violet" href="https://x.com/colorfulcode"><span class="pad">x</span></a>
</ul>
</figure>
<figure class="hood pad tape-bluv" id="sampler" style="--tape-hex:blueviolet">
<h2 class="hood exhale calm bold">
<a class="surf lowkey tape-bluv" href="templates">sampler</a>
</h2>
<ul class="nah" style="--tape-luvu:greenyellow">
<li class="hella"><a class="surf tape-blaq tape-watt" href="illbang">¡!</a><a class="surf tape-play" href="http://numb.page">∞</a><a class="surf tape-loud" href="https://webmural.com/testing">/0</a>
<li class="hella"><a class="surf tape-blaq tape-luvu" href="https://webmural.com/web123">123</a>
<li class="hella"><a class="surf tape-luvu" style="--tape-hex:greenyellow" href="https://webmural.com/turf">45678</a>
<li class="hella"><a class="surf tape-watt" href="https://webmural.com/placebo">placebo</a>
<li class="hella"><a class="surf tape-loud" href="https://webmural.com/qyslem">qys°l<em class="tape-bluv">em</em></a>
<li class="hella"><a class="surf tape-bluv" href="https://webmural.com/poft">poft</a>
<li class="hella"><a class="surf tape-bluv" style="--tape-hex:plum" href="https://webmural.com/pluw">pluw</a>
<li class="hella"><a class="surf tape-play" href="https://webmural.com/bat">ba+</a>
</ul>
</figure>
<figure class="hood pad tape-bluv tape-blaq" id="deep" style="--tape-blaq:#528">
<h2 class="hood exhale calm bold">
<a class="surf lowkey" href="selfie">deep cuts</a>
</h2>
<ul class="nah exhale">
<li class="hella"><a class="surf tape-play" href="firefly" style="--tape-hex:#fa8;--tape-filter:hue-rotate(-60deg)">fírefly</a>
<li class="hella"><a class="surf tape-bluv" href="sea">sea</a><a class="surf tape-watt" href="cake">cake</a>
<li class="hella"><a class="surf tape-loud ffiy" href="hue">hue</a>
<li class="hella"><a class="surf tape-loud" href="memia">memia</a>
<li class="hella"><a class="surf tape-luvu" href="nymph">nym<mark class="tape-bluv" style="--tape-hex:turquoise">pH</mark></a>
<li class="hella"><a class="surf tape-bluv" href="atmosphere">atmos<mark class="tape-luvu" style="--tape-hex:deepskyblue">pH</mark>ere</a>
<li class="hella"><a class="surf tape-bluv" style="--tape-hex:deepskyblue" href="oracle">oracle</a>
<li class="hella"><a class="surf tape-loud" href="cuerpo" lang="es-CO"><b>c</b>uerpo</a>
<li class="hella"><a class="surf tape-play" style="--tape-blaq:#313;--tape-hex:deeppink" href="https://ryanve.com"><b>s</b>peak</a>
<li class="hella"><a class="surf tape-play" style="--tape-blaq:#313;--tape-hex:magenta" href="terms"><b>s</b>mert</a>
<li class="hella"><a class="surf tape-loud" href="puravida" lang="es-CR"><span class="tape-play">pura</span><span class="tape-bluv">vida</span></a>
<li class="hella"><a class="surf tape-loud" style="--tape-blaq:rebeccapurple" href="https://webmural.com">graF°</a>
<li class="hella"><a class="surf tape-loud" href="E">E=</a>
</ul>
</figure>