-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (81 loc) · 2.52 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Simple Tools Examples</title>
<script type="module" src="./calculator/mod-web.example.js"></script>
<script type="module" src="./timers/countdown-web.example.js"></script>
<script type="module" src="./timers/stopwatch-web.example.js"></script>
<script type="module" src="./todolist/mod-web.example.js"></script>
<link rel="stylesheet" href="https://matcha.mizu.sh/matcha.css">
</head>
<body>
<style>
main {
max-width: 700px;
margin: 20px auto 20px auto;
}
</style>
<main>
<section>
<h1>Simple Tools</h1>
<p>
Javascript versions of the basic apps you expect to find built into your OS. The intention is that these utilities have simple state management that gives you the tools to power UI apps for common tasks.</p>
</section>
<section>
<article>
<header><h3>Calculator</h3></header>
<p>
<calculator-component initial-ms="120000"></calculator-component>
</p>
<footer>
<a href="https://jsr.io/@inro/simple-tools/doc/calculator/~">jsr</a>
,
<a href="https://github.com/inro-digital/simple-tools/tree/main/calculator">
Github
</a>
</footer>
</article>
<article>
<header><h3>Countdown</h3></header>
<p>
<countdown-component initial-ms="120000"></countdown-component>
</p>
<footer>
<a href="https://jsr.io/@inro/simple-tools/doc/countdown/~">jsr</a>
,
<a href="https://github.com/inro-digital/simple-tools/tree/main/timers">
Github
</a>
</footer>
</article>
<article>
<header><h3>Stopwatch</h3></header>
<p>
<stopwatch-component></stopwatch-component>
</p>
<footer>
<a href="https://jsr.io/@inro/simple-tools/doc/stopwatch/~">jsr</a>
,
<a href="https://github.com/inro-digital/simple-tools/tree/main/timers">
Github
</a>
</footer>
</article>
<article>
<header><h3>Todolist</h3></header>
<p>
<todolist-component initial-ms="120000"></todolist-component>
</p>
<footer>
<a href="https://jsr.io/@inro/simple-tools/doc/todolist/~">jsr</a>
,
<a href="https://github.com/inro-digital/simple-tools/tree/main/todolist">
Github
</a>
</footer>
</article>
</section>
</main>
</body>
</html>