-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (71 loc) · 7.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Security-Policy" content="object-src 'none'; script-src 'unsafe-inline' 'self'" />
<meta name="description" content="A very simple interface for managing Flowtime tasks" />
<meta name="msapplication-TileColor" content="#DA532C" />
<meta name="theme-color" content="#5E81AC" />
<meta name="viewport" content="initial-scale=1, width=device-width" />
<title>Flowtime</title>
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<link rel="icon" href="icon-16.png" sizes="16x16" />
<link rel="icon" href="icon-32.png" sizes="32x32" />
<link rel="manifest" href="manifest.json" />
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#4C566A" />
<link rel="stylesheet" href="styles.css" />
<script src="main.js" type="module"></script>
</head>
<body>
<progress></progress>
<ul></ul>
<footer>
<button data-action="create" title="Add task (shortcut: A)">
<svg data-shape="create" width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(0.4482,0,0,0.4482,-12.9198,-12.9207)">
<path d="M497.3,28.828L706.31,28.828C738.744,28.828 763.966,57.656 763.966,90.09L763.966,436.04L1113.52,436.04C1145.95,436.04 1171.17,464.868 1171.17,497.302L1171.17,706.312C1171.17,738.746 1145.94,763.968 1113.52,763.968L763.966,763.968L763.966,1113.52C763.966,1145.95 738.739,1171.17 706.31,1171.17L497.3,1171.17C464.866,1171.17 436.038,1145.95 436.038,1113.52L436.038,763.968L90.088,763.968C57.654,763.968 28.826,738.741 28.826,706.312L28.826,497.302C28.826,464.868 57.654,436.04 90.088,436.04L436.038,436.04L436.038,90.09C436.038,57.656 464.866,28.828 497.3,28.828Z"/>
</g>
</svg>
</button>
<button data-action="clear" title="Clear tasks">
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(0.451765,0,0,0.451765,-15.0573,-15.056)">
<path d="M974.98,366.67L225.02,366.67C119.32,366.67 33.33,452.658 33.33,558.35L33.33,974.97C33.33,1080.67 119.318,1166.66 225.02,1166.66L974.98,1166.66C1080.68,1166.66 1166.67,1080.67 1166.67,974.97L1166.67,558.34C1166.67,452.64 1080.68,366.66 974.98,366.66L974.98,366.67ZM600,1033.33C452.96,1033.33 333.33,913.71 333.33,766.66C333.33,619.62 452.95,499.99 600,499.99C747.04,499.99 866.67,619.61 866.67,766.66C866.67,913.7 747.04,1033.33 600,1033.33Z" style="fill-rule:nonzero;"/>
<path d="M600,566.67C489.72,566.67 400,656.389 400,766.67C400,876.951 489.719,966.67 600,966.67C710.281,966.67 800,876.951 800,766.67C800,656.389 710.281,566.67 600,566.67ZM706.9,826.43C719.92,839.446 719.92,860.551 706.9,873.571C693.88,886.591 672.779,886.591 659.759,873.571L599.997,813.809L540.231,873.575C527.211,886.595 506.11,886.595 493.09,873.575C480.07,860.559 480.07,839.454 493.09,826.434L552.856,766.668L493.09,706.902C480.07,693.886 480.07,672.781 493.09,659.761C506.106,646.745 527.211,646.745 540.231,659.761L599.997,719.527L659.763,659.761C672.779,646.745 693.884,646.745 706.904,659.761C719.924,672.777 719.924,693.882 706.904,706.902L647.138,766.668L706.9,826.43Z" style="fill-rule:nonzero;"/>
<path d="M874.98,133.33C900.578,133.33 925.308,137.092 948.671,144.057C918.097,78.721 851.757,33.327 774.981,33.327L425.031,33.327C348.258,33.327 281.911,78.718 251.341,144.057C274.7,137.092 299.435,133.33 325.032,133.33L874.98,133.33Z" style="fill-rule:nonzero;"/>
<path d="M974.98,300C1000.57,300 1025.31,303.762 1048.67,310.723C1018.09,245.391 951.749,200.003 874.971,200.003L325.021,200.003C248.248,200.003 181.901,245.394 151.331,310.723C174.69,303.762 199.421,300 225.019,300L974.98,300Z" style="fill-rule:nonzero;"/>
</g>
</svg>
</button>
</footer>
<audio>
<source src="chime.wav" type="audio/wav" />
</audio>
<svg data-shape="check" width="100%" height="100%" viewBox="0 0 512 497" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,0,-7.99229)">
<g transform="matrix(0.474742,0,0,0.474742,-38.5633,-28.5106)">
<path d="M582.35,1121.7L81.23,715.82L224.04,539.47L525.78,783.91L967.24,76.89L1159.71,196.98L582.35,1121.7Z" style="fill-rule:nonzero;"/>
</g>
</g>
</svg>
<svg data-shape="move" width="100%" height="100%" viewBox="0 0 264 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(0.647059,0,0,0.646465,-256.235,-131.879)">
<path d="M804,660L600,996L396,660L804,660ZM396,540L600,204L804,540L396,540Z"/>
</g>
</svg>
<svg data-shape="start" width="100%" height="100%" viewBox="0 0 441 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,0,-0.383642)">
<g transform="matrix(0.448877,0,0,0.448877,-49.0174,-13.0991)">
<path d="M1017.6,470.4L343.2,52.8C241.2,-9.602 109.2,63.601 109.2,183.6L109.2,1017.6C109.2,1137.6 240,1210.8 342,1147.2L1016.4,730.8C1114.8,670.796 1114.8,529.19 1017.6,470.39L1017.6,470.4Z" style="fill-rule:nonzero;"/>
</g>
</g>
</svg>
<svg data-shape="trash" width="100%" height="100%" viewBox="0 0 507 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-2.63529,0)">
<g transform="matrix(0.487619,0,0,0.487619,-36.5722,-36.2784)">
<path d="M1074,198L822,198L822,142.801C822,104.403 786,74.403 741.602,74.403L457.202,74.399C412.804,74.399 376.804,104.399 376.804,142.797L376.804,197.996L124.804,197.996C99.605,197.996 80.406,217.195 80.406,242.394C80.406,267.593 99.605,286.792 124.804,286.792L180.003,286.8L235.202,978C236.401,1059.6 302.401,1124.4 384.002,1124.4L816.002,1124.4C897.604,1124.4 962.402,1059.6 964.802,978L1020,288L1075.2,288C1100.4,288 1119.6,268.801 1119.6,243.602C1119.6,218.399 1099.2,198 1074,198L1074,198ZM466.8,164.398L733.2,164.398L733.2,198L466.8,198L466.8,164.398ZM484.8,885.598L483.601,885.598C459.601,885.598 439.203,867.598 439.203,842.399L422.402,479.999C422.402,455.999 440.402,435.601 465.601,434.397L466.8,434.397C490.8,434.397 509.999,453.596 511.198,477.596L526.8,839.996C526.8,863.996 509.999,884.394 484.8,885.598ZM762,843.598C760.801,867.598 741.602,886.797 717.602,886.797L716.403,886.797C691.204,885.598 673.204,863.996 673.204,841.195L690.005,478.795C691.204,454.795 710.403,435.596 734.403,435.596L735.602,435.596C760.801,435.596 780,455.994 778.801,481.198L762,843.598Z" style="fill-rule:nonzero;"/>
</g>
</g>
</svg>
</body>
</html>