Merge pull request #28 from netz39/6-page-veranstaltungenkalender

Add built-in calender by using fullcalendar.io
netz39 · Oct 20, 2023 · 6cddb2e · 6cddb2e
2 parents 20034a3 + 7002f2b
commit 6cddb2e
Show file tree

Hide file tree

Showing 9 changed files with 105 additions and 1 deletion.
diff --git a/_config.yml b/_config.yml
@@ -46,6 +46,10 @@ collections:
   portfolio:
     output: true
     permalink: /:collection/:name
+  events:
+    output: true
+    permalink: /events/:path
+    title: Events
 
 # BUILD SETTINGS
 sass:

diff --git a/_events/stammtisch_kw42.md b/_events/stammtisch_kw42.md
@@ -0,0 +1,7 @@
+---
+layout: event
+title:  "Stammtisch KW42"
+event_date:   2023-10-18
+---
+
+Heute ist Stammtisch!
diff --git a/_layouts/event.liquid b/_layouts/event.liquid
@@ -0,0 +1,33 @@
+---
+layout: default
+---
+<article {% if page.feature-img or page.color %}class="feature-image" {% endif %}>
+  <header id="main" style="">
+    <div class="title-padder">
+      {% if page.hide_title %}
+      <div class="feature-image-padding"></div>
+      {% else %}
+      <h1 id="{{ page.title | cgi_escape }}" class="title">{{ page.title }}</h1>
+      {% include blog/post_info.liquid author=page.author date=page.event_date %}
+      {% endif %}
+    </div>
+  </header>
+
+  <section class="post-content">
+  {% if page.bootstrap %}
+    <div class="bootstrap-iso">
+    {% endif %}
+      {{ content }}
+    {% if page.bootstrap %}
+    </div>
+  {% endif %}
+  </section>
+
+  <!-- Social media shares -->
+  {% include social/share_buttons.liquid %}
+
+   <!-- Tag list -->
+  {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
+  {% include default/tags_list.liquid tags=tag_list %}
+
+</article>
diff --git a/_sass/base/_global.scss b/_sass/base/_global.scss
@@ -157,7 +157,6 @@ table {
   word-wrap: break-word;
   table-layout: fixed;
   width: 100%;
-  display: inline-block;
 }
 
 td,

diff --git a/assets/js/vendor/fullcalendar/de.global.min.js b/assets/js/vendor/fullcalendar/de.global.min.js
diff --git a/assets/js/vendor/fullcalendar/index.global.min.js b/assets/js/vendor/fullcalendar/index.global.min.js
diff --git a/calendar-data.html b/calendar-data.html
@@ -0,0 +1,17 @@
+---
+layout: 
+title: 
+permalink: /calendar-data/
+---
+
+[
+{% for event in site.events %}
+	{
+		"title":"{{event.title}}",
+		"start": "{{event.event_date}}",
+		"allDay":true,
+		"url":"{{event.url}}"
+	}
+	{%unless forloop.last %},{%endunless%}
+{% endfor %}
+]
diff --git a/pages/01_events.md b/pages/01_events.md
@@ -0,0 +1,32 @@
+---
+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'
+        });
+        calendar.render();
+      });
+
+    </script>
+  </head>
+  <body>
+    <div id='calendar' style="width:80%; margin: auto;"></div>
+  </body>
+</html>
diff --git a/pages/01_verein.md → pages/03_verein.md b/pages/01_verein.md → pages/03_verein.md