From 274b11d4f9a50e1dbc863dcb18a9d8712e4f6a83 Mon Sep 17 00:00:00 2001
From: MG-5 <mg-95@t-online.de>
Date: Mon, 6 Nov 2023 15:06:41 +0100
Subject: [PATCH] Add iCal-Feed link

---
 pages/01_events.md | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
diff --git a/pages/01_events.md b/pages/01_events.md
index e2e7ec9..d40363c 100644
--- a/pages/01_events.md
+++ b/pages/01_events.md
@@ -38,5 +38,35 @@ icon: "far fa-calendar"
   </head>
   <body>
     <div id='calendar' style="width:95%; margin: auto;"></div>
+    <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px">
+        <div style="display: flex; align-items: center; margin-top: 50px">
+            <p>iCal-Feed:
+                <code id="icalFeedUrl" style="box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); font-family: monospace;"></code>
+            </p>
+            <a id="copyButton" class="button" style="margin-left: 10px; margin-top: 0px">
+                <i class="fas fa-copy" title="In Zwischenablage kopieren"></i>
+            </a>
+        </div>
+    </div>
+
+    <script>
+        const ICAL_FEED_URL = "{{site.url}}/feed/eo-events/events.ics";
+
+        // set text in HTML element "icalFeedUrl" to the URL
+        document.getElementById("icalFeedUrl").textContent = ICAL_FEED_URL;
+
+        const copyButton = document.getElementById('copyButton');
+        const urlToCopy = ICAL_FEED_URL;
+
+        copyButton.addEventListener('click', () => {
+            const tempInput = document.createElement('input');
+            tempInput.value = urlToCopy;
+            document.body.appendChild(tempInput);
+            tempInput.select();
+            document.execCommand('copy');
+            document.body.removeChild(tempInput);
+            alert('URL wurde in die Zwischenablage kopiert!');
+        });
+    </script>
   </body>
 </html>
