This commit is contained in:
parent
1a67319e42
commit
f978df6cd5
4 changed files with 131 additions and 15 deletions
70
pst/index.html
Normal file
70
pst/index.html
Normal file
|
@ -0,0 +1,70 @@
|
|||
<!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>
|
Loading…
Add table
Add a link
Reference in a new issue