-
Notifications
You must be signed in to change notification settings - Fork 2
/
convert.html
37 lines (37 loc) · 1.76 KB
/
convert.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
<!DOCTYPE HTML>
<html lang=en>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Chocolate Factory Converter</title>
<link rel="stylesheet" href="convert.css">
<script type=module src="convert.js"></script>
</head>
<body>
<main>
<h1>Chocolate Factory Converter</h1>
<p>Paste in a blob of HTML or XML to see the equivalent Chocolate Factory construction.</p>
<form id=convert>
<textarea id=input></textarea>
<div id=btnbox><button>
<svg data-name="01-Next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<path style="fill:#1c69a1" d="m1 1 20 31L1 63v-7l15-24L1 9V1z"/>
<path style="fill:#fa5f07" d="m27 1 20 31-20 31v-7l15-24L27 9V1z"/>
<path style="fill:#2483c6" d="m16 1 21 31-19 31H1l20-31L1 1h15z"/>
<path style="fill:#fab503" d="m42 1 21 31-19 31H27l20-31L27 1h15z"/>
<path style="fill:#2483c6" d="M1 1v8l15 23h5L1 1z"/>
<path style="fill:#fd9c04" d="M27 1v8l15 23h5L27 1z"/>
<path style="fill:#6bdcff" d="m1 1 20 31h16L16 1H1z"/>
<path style="fill:#ffdb02" d="m27 1 20 31h16L42 1H27z"/>
<path style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:2px" d="m8.097 12-1.291-2M22.29 56 18 63H1l20-31L9.387 14"/>
<path style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:2px" d="M5.516 8 1 1h15l21 31-13.484 22"/>
<path style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:2px" d="M1 1v8l15 23L1 56v7M34.097 12l-1.291-2M48.29 56 44 63H27l20-31-11.613-18"/>
<path style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:2px" d="M31.516 8 27 1h15l21 31-13.484 22"/>
<path style="fill:none;stroke:#000;stroke-linejoin:round;stroke-width:2px" d="M27 1v8l15 23-15 24v7"/>
</svg>
</button></div>
<textarea id=output></textarea>
</form>
</main>
</body>
</html>