<!doctype html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="css/ct-events.css">
		<link rel="stylesheet" type="text/css" href="css/all.min.css"><!-- load fontawesome -->
		<link rel="modulepreload" href="js/ct-events.js" />
		<link rel="modulepreload" href="js/mithril.min.js" />
	</head>
	<body style="background-color: var(--cte-bg-color);">
		<div
			class="cte-events"
			style="max-width: 1100px;"
			data-cte-calendar-regex="Erwachsene|Chor"
			data-cte-event-regex="Ausrufezeichen|Chor AZ"
			data-cte-limit="5"
		>
		</div>
		<script type="module">
			import { load_all_events } from "./js/ct-events.js";
			await load_all_events({
				instance: "https://elkw2808.krz.tools",
				default_image: "https://maierbn.github.io/churchtools_custom_calendar/img/welcome.jpg",
				default_image_mobile: "https://maierbn.github.io/churchtools_custom_calendar/img/calendar.jpg",
				// fontawesome_svg_path: "img",
			});
		</script>
	</body>
</html>