-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (113 loc) · 5.91 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
<!DOCTYPE html>
<html lang=en-US class="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">
<link rel="stylesheet" href="fresh.css">
<link rel="stylesheet" href="frozen.css" media="(color)">
<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 viola blueviolet" href="/">s9a</a>
</h1>
<p class="nah lowkey">
<a href="dream" class="tape-bluv">dream</a>
<a href="tape" class="tape-play">vivid</a>
<a href="https://webmural.com" class="tape-bluv">web</a>
<a href="https://webmural.com/rainbov" class="tape-play">color</a>
<a href="license" class="tape-flow">code</a>
</p>
</header>
<figure class="hood pad viola violet" id="opener">
<h2 class="hood exhale calm bold">
<a class="surf jump lowkey" href="natal">opener</a>
</h2>
<ul class="nah exhale">
<li class="hella"><a class="surf tape-loud" href="1111">1111</a>
<li class="hella"><a class="surf tape-luvu yiff" href="nosh">nosh</a>
<li class="hella"><a class="surf iffy" href="iffy">iffy</a>
<li class="hella"><a class="surf viola violet ouija" href="violet">violet</a>
<li class="hella"><a class="surf tape-loud" href="volume">volume</a>
<li class="hella"><a class="surf tape-bluv" href="yr">yr</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" style="--tape-hex:#bae">
<h2 class="hood exhale calm bold">
<a class="surf jump lowkey tape=green" href="j29">enjoy</a>
</h2>
<ul class="nah exhale">
<li class="hella"><a class="surf viola darkviolet" href="angel">angel</a>
<li class="hella"><a class="surf yffi" href="orb">orb</a>
<li class="hella"><a class="surf iffy" href="mochi">mochi</a>
<li class="hella"><a class="surf yffi" href="contrast">contrast</a>
<li class="hella"><a class="surf tape-loud ffiy" href="hue">hue</a>
</ul>
</figure>
<figure class="hood pad tape-watt" id="explore">
<h2 class="hood exhale calm bold">
<a class="surf jump lowkey" 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">cab</a>
<li class="hella"><a class="surf tape-play" href="sea">sea</a>
<li class="hella"><a class="surf tape-bluv" href="presampler" rel="prev">rewind</a>
<li class="hella"><a class="surf tape-luvu" href="tape">tḁpe</a>
</ul>
</figure>
<figure class="hood pad tape-bluv" id="connect">
<h2 class="hood exhale calm bold">
<a class="surf jump lowkey" href="#connect">Connect</a>
</h2>
<ul class="nah">
<li class="hella"><a class="surf viola blueviolet" href="https://github.com/sponsors/s9a">github</a>
<li class="hella"><a class="surf tape-watt" href="https://opencollective.com/s9a">open<wbr>collective</a>
<li class="hella"><a class="surf tape-play" 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 jump lowkey tape-bluv" href="templates">sampler</a>
</h2>
<ul class="nah" style="--tape-luvu:greenyellow">
<li class="hella"><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 jump 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">fírefly</a>
<li class="hella"><a class="surf tape-loud" href="sea" style="--tape-hex:#ee1">sea</a>
<li class="hella"><a class="surf tape-luvu" href="cake">cake</a>
<li class="hella"><a class="surf tape-bluv" href="reef">reef</a>
<li class="hella"><a class="surf tape-bluv" style="--tape-hex:deepskyblue" href="oracle">oracle</a>
<li class="hella"><a class="surf tape-play" style="--tape-hex:magenta" href="cuerpo">cuerpo</a>
<li class="hella"><a class="surf tape-play" style="--tape-hex:deeppink" href="https://ryanve.com">speak</a>
<li class="hella"><a class="surf tape-play" style="--tape-hex:magenta" href="terms">smert</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>