47 lines
1.8 KiB
HTML
47 lines
1.8 KiB
HTML
<html>
|
|
<head>
|
|
<link href="{{ cssPath }}" rel="stylesheet">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
</head>
|
|
<body>
|
|
<div class="content">
|
|
<h1></h1>
|
|
<h2><strong><strong>It is currently <button>{{ nowTime }}</button> on <button>{{ nowDate }}</button> <a style="text-decoration: none;" href="">↻<a></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>
|
|
<br>
|
|
<div class="footer">
|
|
<a href="https://git.cnln.dev/andrew/year-progress/issues">📨 Suggestions?</a> |
|
|
<a href="https://git.cnln.dev/andrew/year-progress">🧑💻 Source</a> |
|
|
<a href="https://concrete.style">🎨 Style</a> |
|
|
<a href="https://ko-fi.com/andrewconlin">☕ Buy me a coffee!</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|