-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (55 loc) · 2.49 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./example/dist/index.css" />
<title>Stopwatch Example powered by EasyTimer React Hook</title>
</head>
<body>
<nav class="navbar is-dark" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<span class="navbar-item has-text-weight-bold"> Easytimer React Hook </span>
<a href="https://github.com/albert-gonzalez/easytimer-react-hook" class="navbar-item"
><img class="mr-3" src="./example/dist/images/github.png" /> Github
</a>
</div>
</nav>
<div class="section">
<p class="subtitle">
This is an awesome Stopwatch/Countdown that uses the available options in the EasyTimer React Hook. You
can configure the start and target values, the precision and the type of the timer. Please visit the
Github page for more details.
</p>
<p></p>
</div>
<div id="root"></div>
<div class="section">
<div class="content is-medium">
<h3>Technologies</h3>
<p>This page uses the following technologies and assets:</p>
<ul>
<li><a href="https://reactjs.org/">React</a></li>
<li><a href="https://github.com/albert-gonzalez/easytimer.js">Easytimer</a></li>
<li><a href="https://bulma.io/">Bulma</a></li>
<li><a href="https://www.1001fonts.com/digital-7-font.html">Digital 7 font</a></li>
</ul>
<h3>Source Code</h3>
<p>
You can check out the source code of this example
<a href="https://github.com/albert-gonzalez/easytimer-react-hook/tree/main/example/src">here</a>
</p>
</div>
</div>
<div class="footer py-5">
<div class="content has-text-centered is-medium">
<p>
Created by <a href="https://github.com/albert-gonzalez">Albert González</a>. Thank you for visiting
me! :-)
</p>
</div>
</div>
<script src="./example/dist/index.js"></script>
</body>
</html>