-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
41 lines (31 loc) · 2 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
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width'>
<style>
html, body {
height: 100%;
font-family: arial, sans-serif;
}
input.svelte-19590a8{width:100%}svg.svelte-19590a8{width:100%;height:calc(100% - 5em)}path.svelte-19590a8{stroke:white}text.svelte-19590a8{font-size:3px;text-anchor:middle}.outline.svelte-19590a8{stroke:white;stroke-width:0.5px}
</style>
</head>
<body>
<svg viewBox="0 0 100 100" class="svelte-19590a8">
<g transform="translate(50,50)">
<path d="M2.4492935982947065e-15,-40A40,40,0,0,1,38.63703305156273,-10.352761804100828L19.318516525781366,-5.176380902050414A20,20,0,0,0,1.2246467991473533e-15,-20Z" fill="rgb(100,180,200)" class="svelte-19590a8"></path>
<text class="outline svelte-19590a8" x="18.26284287026162" y="-23.800600208737055">this thing</text>
<text x="18.26284287026162" y="-23.800600208737055" class="svelte-19590a8">this thing</text>
<path d="M38.63703305156273,-10.352761804100828A40,40,0,0,1,-10.352761804100815,38.63703305156274L-5.176380902050408,19.31851652578137A20,20,0,0,0,19.318516525781366,-5.176380902050414Z" fill="rgb(150,200,250)" class="svelte-19590a8"></path>
<text class="outline svelte-19590a8" x="21.213203435596427" y="21.213203435596423">that thing</text>
<text x="21.213203435596427" y="21.213203435596423" class="svelte-19590a8">that thing</text>
<path d="M-10.352761804100815,38.63703305156274A40,40,0,0,1,-7.347880794884118e-15,-40L-3.673940397442059e-15,-20A20,20,0,0,0,-5.176380902050408,19.31851652578137Z" fill="rgb(80,100,150)" class="svelte-19590a8"></path>
<text class="outline svelte-19590a8" x="-29.743345841214314" y="-3.9157857666015397">another thing</text>
<text x="-29.743345841214314" y="-3.9157857666015397" class="svelte-19590a8">another thing</text>
</g>
</svg>
<input type="range" min="0" max="6.283185307179586" step="0.01" class="svelte-19590a8" value=6.283185307179586>
<script async defer src='bundle.js'></script>
</body>
</html>