generated from webmural/tlfr
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (76 loc) · 3.6 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
<!DOCTYPE html>
<html lang="en-US" class="tape-flow tape-pink">
<meta charset="utf-8">
<title>contrast ratio and juliet</title>
<meta name="viewport" content="width=device-width">
<meta name="color-scheme" content="dark light">
<meta name="theme-color" content="hotpink">
<meta name="description" content="a11y hue saturate webs">
<meta name="creator" content="💔">
<style media=(color) data-imagine=https://s9a.org/tape/releases/tag/v0.5.0>
:root{--tape-black:#090909;--tape-white:#e9e9e9;--tape-pink:#fbbfff;--tape-yellow:#eee833;--tape-blue:#11dff1;--tape-green:#44f477;--tape-filter:none;--tape-mix:transparent}@media (prefers-contrast:less){:root{--tape-white:#dcdcdc;--tape-black:#181818}}.tape-black,.tape-white{--tape-hex:var(--tape-white)}.tape-blue{--tape-hex:var(--tape-blue)}.tape-pink{--tape-hex:var(--tape-pink)}.tape-green{--tape-hex:var(--tape-green)}.tape-yellow{--tape-hex:var(--tape-yellow)}.tape-flat{border-color:transparent}.tape-flap{border-color:currentColor}.tape-flow{--tape-remix:none}.tape-flow :not(.tape-skip){background-color:transparent;color:inherit}.tape-black,.tape-blue,.tape-pink,.tape-green,.tape-yellow,.tape-white{--tape-mix:var(--tape-hex);--tape-remix:none;color:var(--tape-black)!important;background-color:var(--tape-mix)!important;background-image:var(--tape-remix);filter:var(--tape-filter)}.tape-black{--tape-mix:var(--tape-black);color:var(--tape-hex)!important}.tape-erase,.tape-erase *{color:transparent!important}
</style>
<style media=(color)>
::selection {
color: indigo;
background: salmon;
}
:root {
--tape-black: #315;
--tape-pink: #a5e;
--tape-yellow: #ea5;
--tape-blue: #5be;
--tape-green: #2c8;
--tape-white: #ecd;
}
</style>
<link rel="stylesheet" href="aerosol.css">
<link rel="icon" href="hue.svg">
<link rel="next" href="https://s9a.page/mochi">
<link rel="home" href="https://s9a.page">
<link rel="help" href="https://s9a.org/contrast">
<main class="flowsinyo">
<header class="tape-yellow">
<h1>
<small>contrast</small>
<a href="https://s9a.page/mochi"><b>rat</b>io</a>
<b>+</b>
<a href="https://webmural.com/tlfr">juliet</a>
</h1>
</header>
<h2>
re:
<a class="tape-green" href="https://s9a.page">sorcery</a>
</h2>
<p>
<a class="tape-white" href="https://s9a.page/mochi">mochi</a>
prefers <samp>4.5+</samp> ratio fur vision
<a class="tape-white" href="https://webmural.com/a11y">a11y</a>
and you better play noise because
sox will eat hue or ur fone cuz
<samp>7+</samp> is hella fone friendly and
<samp>3+</samp> <a class="tape-yellow" href="https://webmural.com/bee">bee</a>
<sub>basic</sub>
<sup>bggy</sup>
just aska
<a class="tape-yellow" href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast">firefox</a> aura
<a class="tape-yellow" href="https://s9a.page/daffo">flow</a> aura
<a class="tape-yellow" href="https://s9a.page/wave">wave))))))</a>
</p>
<p>
p.s. <code role="presentation">if</code>u
<a class="tape-green" href="https://webmural.com/les"><s>app</s><mark class="tape-flow">roach</mark></a>
<samp>20</samp>
umay
<a class="tape-green" href="https://s9a.page/E/">buzza</a>
<a class="tape-white" href="https://webmural.com/milf">mime</a>
</p>
<p>
s/o...just <a class="tape-blue" href="https://webmural.com/slipup">slipup</a>
<a class="tape-white" href="https://s9a.page/tape">4sum1u</a>
<a class="tape-blue" href="https://s9a.page/cab">cuetrust</a>
</p>
<p>
<a class="tape-black tape-pink" href="https://webmural.com/fnuv">~ thxyz</a>
</p>
</main>