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

[2024-08-16] Add Abbey Road, The Hobbit, transatlantic flight and history of life on Earth

Browse source
This commit is contained in:
Andrew Conlin 2024-08-18 10:18:39 +01:00
parent 4af1e7b745
commit f1c63d0ecf
2 changed files with 155 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

42
templates/index.html
View file

@ -5,20 +5,36 @@
</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>
<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>
</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 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>