-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtab.html
48 lines (34 loc) · 1.63 KB
/
tab.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
<html>
<head>
<title>YOLO</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<p class="credit">Small extension by <a target="_blank" href="https://johanndutoit.net?ref=yolo">Johann du Toit</a></p>
<div class="tab-section" data-section="immortal">
<p>You've gone over the mean by 3 days, you might be immortal. Better get that checked out.</p>
</div>
<div class="tab-section" data-section="counter">
<div class="tab-wrapper">
<h3 class="heading">What will you build on your</h3>
<span class="clock"></span>
<h4 class="tagline">day alive on this earth?</h4>
<h6 class="fact">With a life expectancy of <strong>70</strong> years, that's <span id="days_left"></span> days left</h6>
<a href="#" class="link-properties">Change your birthdate</a>
</div>
</div>
<div class="tab-section" data-section="properties">
<div class="tab-wrapper">
<form action="#" class="property-form" id="property-form">
<h3 class="heading">Set your birthdate to start counting</h3>
<input type="date" class="property_field_dob" id="property_field_dob" />
<button>GET TO BUILDING</button>
<h3 class="fact">No data is being sent<br>Feel free to check the code at <a target="_blank" href="https://github.com/johanndutoit/yolo">github.com/johanndutoit/yolo</a></h3>
</form>
<div class="tab-wrapper">
</div>
<script type="text/javascript" src="utils.js"></script>
<script type="text/javascript" src="clock.js"></script>
<script type="text/javascript" src="tab.js"></script>
</body>
</html>