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

[2024-08-10] Add CSS, templates, and marathon comparison

Browse source
This commit is contained in:
Andrew Conlin 2024-08-10 21:26:41 +01:00
parent fb1bde579d
commit 5b717ddf11
3 changed files with 124 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

24
templates/index.html Normal file
View file

@ -0,0 +1,24 @@
<html>
<head>
<link href="{{ cssPath }}" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="content">
<h1><strong><strong>It is currently <span class="red">{{ nowTime }}</span> on <span class="orange">{{ nowDate }}</span>.</strong></strong></h1><br>
<h2>
We are <span class="green">{{ yearPercent }}%</span> of the way through {{ year }}.<br><br>
<progress id="file" max="100" value="{{ yearPercent }}">{{ yearPercent }}%</progress><br>
<br>
</h2>
To put that into context:<br>
If the year were<br>
a 90 minute football match,<br>
it would be the {{ footballMinute }}th minute.<br>
a 40 hour work week,<br>
it would be {{ workTime }} on {{ workDay }}.<br>
a marathon,<br>
you would have {{ marathonMile }} miles to go.<br>
</div>
</body>
</html>