2023-10-20 14:22:48 +02:00
|
|
|
---
|
2023-10-20 14:30:55 +02:00
|
|
|
layout: default
|
2023-10-20 14:22:48 +02:00
|
|
|
title: Events
|
|
|
|
|
permalink: /events
|
|
|
|
|
icon: "far fa-calendar"
|
|
|
|
|
---
|
|
|
|
|
|
2023-10-20 14:30:55 +02:00
|
|
|
<center>
|
|
|
|
|
<h2 class="title"> <i class="far fa-calendar"></i> Events </h2>
|
|
|
|
|
</center>
|
|
|
|
|
|
2023-10-20 14:22:48 +02:00
|
|
|
<html lang='de'>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset='utf-8' />
|
|
|
|
|
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.9/index.global.min.js'></script>
|
|
|
|
|
<script src='https://cdn.jsdelivr.net/npm/@fullcalendar/core@6.1.9/locales/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'
|
|
|
|
|
});
|
|
|
|
|
calendar.render();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id='calendar' style="width:80%; margin: auto;"></div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
