Hopefully, I would be retired at 67 years old

Not even sure.
wo0dyn · Sep 20, 2023 · 2a964e4 · 2a964e4
1 parent e8e90e7
commit 2a964e4
Show file tree

Hide file tree

Showing 6 changed files with 119 additions and 0 deletions.
diff --git a/assets/css/jquery.countdown.css b/assets/css/jquery.countdown.css
@@ -0,0 +1,54 @@
+/* jQuery Countdown styles 2.0.0. */
+.is-countdown {
+	border: 1px solid #ccc;
+	background-color: #eee;
+}
+.countdown-rtl {
+	direction: rtl;
+}
+.countdown-holding span {
+	color: #888;
+}
+.countdown-row {
+	clear: both;
+	width: 100%;
+	padding: 0px 2px;
+	text-align: center;
+}
+.countdown-show1 .countdown-section {
+	width: 98%;
+}
+.countdown-show2 .countdown-section {
+	width: 48%;
+}
+.countdown-show3 .countdown-section {
+	width: 32.5%;
+}
+.countdown-show4 .countdown-section {
+	width: 24.5%;
+}
+.countdown-show5 .countdown-section {
+	width: 19.5%;
+}
+.countdown-show6 .countdown-section {
+	width: 16.25%;
+}
+.countdown-show7 .countdown-section {
+	width: 14%;
+}
+.countdown-section {
+	display: block;
+	float: left;
+	font-size: 75%;
+	text-align: center;
+}
+.countdown-amount {
+    font-size: 200%;
+}
+.countdown-period {
+    display: block;
+}
+.countdown-descr {
+	display: block;
+	width: 100%;
+}
diff --git a/assets/js/jquery-1.11.0.min.js b/assets/js/jquery-1.11.0.min.js
diff --git a/assets/js/jquery.countdown-fr.js b/assets/js/jquery.countdown-fr.js
@@ -0,0 +1,15 @@
+/* http://keith-wood.name/countdown.html
+   French initialisation for the jQuery countdown extension
+   Written by Keith Wood (kbwood{at}iinet.com.au) Jan 2008. */
+(function($) {
+	$.countdown.regionalOptions['fr'] = {
+		labels: ['Années', 'Mois', 'Semaines', 'Jours', 'Heures', 'Minutes', 'Secondes'],
+		labels1: ['Année', 'Mois', 'Semaine', 'Jour', 'Heure', 'Minute', 'Seconde'],
+		compactLabels: ['a', 'm', 's', 'j'],
+		whichLabels: function(amount) {
+            return (amount > 1 ? 0 : 1);
+        },
+		digits: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+		timeSeparator: ':', isRTL: false};
+	$.countdown.setDefaults($.countdown.regionalOptions['fr']);
+})(jQuery);
diff --git a/assets/js/jquery.countdown.min.js b/assets/js/jquery.countdown.min.js
diff --git a/assets/js/jquery.plugin.min.js b/assets/js/jquery.plugin.min.js
diff --git a/index.html b/index.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>wo0dyn's Retirement Countdown</title>
+<link rel="stylesheet" type="text/css" href="assets/css/jquery.countdown.css">
+<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Special+Elite">
+<style type="text/css">
+* { font-family: 'Special Elite', cursive }
+body { text-align: center; }
+h1 { font-size: 48px; font-weight: bold; margin: 2em; }
+#video { clear: both; text-align: center; }
+#countdown {
+    font-size: 60px;
+    font-weight: bold;
+    width: 50%;
+    margin: auto;
+    background: transparent;
+    border: none;
+    margin-bottom: 2em;
+}
+</style>
+
+<script type="text/javascript" src="assets/js/jquery-1.11.0.min.js"></script>
+<script type="text/javascript" src="assets/js/jquery.plugin.min.js"></script>
+<script type="text/javascript" src="assets/js/jquery.countdown.min.js"></script>
+<script>
+$(function () {
+    const retirementDay = new Date("2046-07-01T17:00:00")
+    $('#countdown').countdown({until: retirementDay})
+});
+</script>
+
+<h1>wodyn's Retirement Countdown</h1>
+<div id="countdown"></div>
+<div id="video">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/HyWajWueH2w?si=NZwQ9JA2NF9P5Kgg&amp;start=66" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+</div>