{% extends "snippets/layout.html" %}

{% block description %}
	Wann ist Zeitumstellung zur {{ tc.season }}? In Kalender einbinden und nie wieder vergessen.
{% endblock %}

{% block title %}
	Wann ist Zeitumstellung zur {{ tc.season }}? | Maximilian Möhring
{% endblock %}

{% 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 %}