---
layout: default
title: Events
permalink: /events
icon: "far fa-calendar"
---

<center>
<h2 class="title"> <i class="far fa-calendar"></i> Events </h2>
</center>

<html lang='de'>
  <head>
    <meta charset='utf-8' />
    <script src='/assets/js/vendor/fullcalendar/index.global.min.js'></script>
    <script src='/assets/js/vendor/fullcalendar/de.global.min.js'></script>
    <script>

      document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
          initialView: 'dayGridMonth',
          height: "auto",
          locale: 'de',
          events: '/calendar-data',
          weekNumbers: true,
          headerToolbar:
          {
            left: 'today',
            center: 'title',
            right: 'prev,next'
          }
        });
        calendar.render();
      });

    </script>
  </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>