Inline page in website

1 files changed, 52 insertions, 0 deletions

diff --git a/index.html b/index.html
new file mode 100644
index 0000000..ae60c67
--- /dev/null
+++ b/index.html
@@ -0,0 +1,52 @@
+{% extends "snippets/layout.html" %}
+
+{% block description %}
+	Wann ist Zeitumstellung zur {{ tc.season }}? | Maximilian Möhring
+{% endblock %}
+
+{% block title "Zeitumstellung | Maximilian Möhring" %}
+
+{% block css %}
+	.main {
+		font-size: 1.25rem;
+	}
+	a.btn {
+		margin-top: 0.75rem;
+		color: inherit !important;
+		text-decoration: none;
+		font-size: 1.25rem;
+	}
+{% endblock %}
+
+{% block main %}
+<div class="container" id="index">
+	<div class="flavor-text">
+		<h1>Wann ist Zeitumstellung zur {{ tc.season }}?</h1>
+	</div>
+	<p>
+		Nächste Zeitumstellung ist am <b>{{ tc.day }}. {{ tc.monthText }} {{ tc.year }}</b>, also in <b>{{ tc.daysuntil }} Tagen</b>.
+			<br>
+			{{ tc.descriptionHTML|raw }}
+	</p>
+
+	<p>
+			Sie können folgenden Kalender in Ihre Software einbinden: <br>
+			<a class="btn btn-primary" href="webcal://www.maximilianmoehring.com/feed/zeitumstellung/" title="Link in der Kalender-App öffnen">Link in der Kalender-App öffnen</a>
+			<a class="btn btn-primary" href="/feed/zeitumstellung/?download=1" title="Link zum iCal-Kalender">Kalender-Datei downloaden</a>
+	</p>
+	<script>
+	if ('serviceWorker' in navigator){
+		navigator.serviceWorker.register('serviceworker.js').then(function(registration){
+			console.log('ServiceWorker registration successful with scope: ', registration.scope);
+		}).catch(function(err){
+			console.log('ServiceWorker registration failed: ', err);
+		});
+	} else {
+		console.log('no service worker found. offline access is not granted.');
+	}
+	window.addEventListener('online', () => {
+		location.reload();
+	});
+	</script>
+</div>
+{% endblock %}