andrew/year-progress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[2025-04-13] Docker setup

Browse source
This commit is contained in:
Andrew Conlin 2025-04-13 17:51:23 +01:00
parent c05e550f74
commit aa8c36d4b9
7 changed files with 23 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

46
templates/index.html
View file

@ -1,46 +0,0 @@
<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>