70 lines
1.4 KiB
HTML
70 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8" />
|
|
<title>Plural Spectrum Tool</title>
|
|
<link rel="preconnect" href="https://fonts.bunny.net" />
|
|
<link
|
|
href="https://fonts.bunny.net/css?family=atkinson-hyperlegible:400,400i,700,700i"
|
|
rel="stylesheet"
|
|
/>
|
|
<style>
|
|
:root {
|
|
font-family: "Atkinson Hyperlegible", sans-serif;
|
|
--l0: #040504;
|
|
--l1: #0c100f;
|
|
--l2: #182421;
|
|
--l3: #d9073b;
|
|
--l4: rgba(101, 142, 133, 0.5);
|
|
--l5: #80aca2;
|
|
--gr: #40b39a;
|
|
--gd: #b89524;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--l0);
|
|
color: var(--l5);
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
main {
|
|
max-width: 960px;
|
|
margin: 2em;
|
|
border: 1px solid var(--l4);
|
|
padding: 1em;
|
|
line-height: 1.4;
|
|
}
|
|
hr {
|
|
border-color: var(--l4);
|
|
}
|
|
|
|
.circle-palette {
|
|
/* todo: real palette */
|
|
--stop0: #000;
|
|
--stop1: #111;
|
|
--stop2: #222;
|
|
--stop3: #333;
|
|
--stop4: #444;
|
|
--stop5: #555;
|
|
--stop6: #666;
|
|
--stop7: #777;
|
|
--stop8: #888;
|
|
--stop9: #999;
|
|
}
|
|
</style>
|
|
<main>
|
|
<header>
|
|
<h1>plural spectrum tool</h1>
|
|
<p>
|
|
interactive version of
|
|
<a href="https://powertotheplurals.com/the-plural-spectrum-tool/"
|
|
>https://powertotheplurals.com/the-plural-spectrum-tool/</a
|
|
>
|
|
</p>
|
|
</header>
|
|
<hr />
|
|
<div>
|
|
<svg width="360" height="211.60269" viewBox="0 0 360 211.60269">
|
|
<path d="M 360,0 A 360,360 0 0 1 291.24612,211.60269 L 0,0 Z" />
|
|
</svg>
|
|
</div>
|
|
</main>
|