41 lines
1.4 KiB
HTML
41 lines
1.4 KiB
HTML
<html>
|
|
<head>
|
|
<link href="{{ cssPath }}" rel="stylesheet">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
</head>
|
|
<body>
|
|
<div class="content">
|
|
<h2><strong><strong>It is currently <button>{{ nowTime }}</button> on <button>{{ nowDate }}</button>.</strong></strong></h2>
|
|
<h3>
|
|
We are <button>{{ yearPercent }}%</button> of the way through {{ year }}.<br>
|
|
<progress max="100" value="{{ yearPercent }}">{{ yearPercent }}%</progress>
|
|
</h3>
|
|
<strong>To put that into context, if the year was:</strong><br>
|
|
<br>
|
|
<div class="left">
|
|
⚽ a 90 minute football match, it would be the {{ footballMinute }}th minute.
|
|
</div><br>
|
|
<div class="right">
|
|
🕘 a 40 hour work week, it would be {{ workTime }} on {{ workDay }}.
|
|
</div><br>
|
|
<div class="left">
|
|
🏃 a marathon, you would have {{ marathonMile }} miles to go.
|
|
</div><br>
|
|
<div class="right">
|
|
🪲 Abbey Road, you would be listening to "{{ abbeyRoadSong }}"
|
|
</div><br>
|
|
<div class="left">
|
|
🗡️ The Hobbit, Bilbo would be {{ hobbitChapter }}.
|
|
</div><br>
|
|
<div class="right">
|
|
✈️ a flight from London to New York, you would be about <a href="https://www.openstreetmap.org/?mlat={{ lat }}&mlon={{ long }}.00#map=4/{{ lat }}/{{ long }}">here</a>.
|
|
</div><br>
|
|
<div class="left">
|
|
🧬 the history of life on Earth, {{ homoSapiens }}
|
|
</div><br>
|
|
<footer>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|