From e2c371265d9008877419803b58d3b0f4d53c5df8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20B=C3=BChler?= <source@stbuehler.de>
Date: Mon, 30 Dec 2024 22:29:00 +0100
Subject: [PATCH] example for typo3 integration

---
 example-typo3.html | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 example-typo3.html

diff --git a/example-typo3.html b/example-typo3.html
new file mode 100644
index 0000000..d98e0f2
--- /dev/null
+++ b/example-typo3.html
@@ -0,0 +1,29 @@
+<div
+	class="cte-events"
+	style="max-width: 800px; --cte-bg-color: transparent;"
+	data-cte-calendar-regex="Kalender"
+	data-cte-event-regex=""
+	data-cte-limit="5"
+	data-cte-days="365"
+>
+</div>
+<script type="module">
+	const base_path = "/fileadmin";
+	const cal_path = base_path + "/cal";
+	const css1 = document.createElement("link");
+	css1.rel = "stylesheet";
+	css1.type = "text/css";
+	css1.href = cal_path + "/css/ct-events.css";
+	document.head.appendChild(css1);
+	const css2 = document.createElement("link");
+	css2.rel = "stylesheet";
+	css2.type = "text/css";
+	css2.href = cal_path + "/css/all.min.css"; // fontawesome
+	document.head.appendChild(css2);
+	import { load_all_events } from "/fileadmin/cal/js/ct-events.js";
+	await load_all_events({
+		instance: "https://example.krz.tools/",
+		default_image: base_path + "/img/logo.png",
+		// default_image_mobile: "...",
+	});
+</script>