Add calendar

_data/calendar.yml

@@ -0,0 +1,124 @@
+- title: Retro Game convention KALKEN
+  when: 6 to 7 may 2023
+  where: Kalken
+  link: https://www.facebook.com/events/729290605304756/
+  country: BE
+
+- title: Outline 2023 Demoparty
+  when: 18 to 21 may 2023
+  where: Ommen
+  link: https://outlinedemoparty.nl/
+  country: NL
+
+- title: X23 - Commodore 64 demoparty
+  when: 2 to 4 jun 2023
+  where: Someren
+  link: https://www.scs-trc.net/x2023/
+  country: NL
+
+- title: GameWalhalla Retro gaming Beurs
+  when: 4 jun 2023
+  where: Putte
+  link: https://www.gamewalhalla.be/Gamewalhalla-Retro-Game-Be
+  country: BE
+
+- title: Game Markt Noord-Nederland
+  when: 11 jun 2023
+  where: Heerenveen
+  link: https://www.facebook.com/events/1284179085816450/
+  country: NL
+
+- title: HCC Commodore clubdag
+  when: 17 jun 2023
+  where: Maarssen
+  link: https://commodore.hcc.nl/component/jevents/icalrepeat.detail/2023/06/17/790/-/clubdag.html?Itemid=0
+  country: NL
+
+- title: Dutch Comic Con
+  when: 24 to 25 jun 2023
+  where: Utrecht
+  link: https://www.dutchcomiccon.com/
+  country: NL
+
+- title: Vintage Star Wars Meet
+  when: 24 jun 2023
+  where: Aalter
+  link: https://www.vintagestarwars.be/
+  country: BE
+
+- title: HCC Commodore clubdag
+  when: 19 aug 2023
+  where: Maarssen
+  link: https://commodore.hcc.nl/component/jevents/icalrepeat.detail/2023/08/19/792/-/clubdag.html?Itemid=0
+  country: NL
+
+- title: GamesCom
+  when: 23 to 27 aug 2023
+  where: Cologne
+  link: https://www.gamescom.global/
+  country: DE
+
+- title: Retro Games & Collectibles of the Universe
+  when: 24 sep 2023
+  where: Vosselaar
+  link: https://www.facebook.com/events/1135430123918900/
+  country: BE
+
+- title: Belgian Amiga Club Meeting
+  when: 30 sep 2023
+  where: Antwerpen
+  link: https://www.amigaclub.be/news/40/meeting-2023
+  country: BE
+
+- title: Amiga38
+  when: 7 oct 2023
+  where: Mönchengladbach
+  link: https://amigaevent.de/
+  country: DE
+
+- title: Vintage Tech Fair - Eindhoven
+  when: 8 oct 2023
+  where: Eindhoven
+  link: https://www.erixcollectables.nl/vtf/
+  country: NL
+
+- title: Facts - Fall
+  when: 21 to 22 oct 2023
+  where: Gent
+  link: https://facts.be/
+  country: BE
+
+- title: HCC Commodore Clubdag
+  when: 21 oct 2023
+  where: Maarssen
+  link: https://commodore.hcc.nl/component/jevents/icalrepeat.detail/2023/10/21/794/-/clubdag.html?Itemid=0
+  country: NL
+
+- title: Retro Games
+  when: 29 oct 2023
+  where: Olen
+  country: BE
+
+- title: Bourse Rétrogaming IX
+  when: 5 nov 2023
+  where: Dour
+  link: https://www.facebook.com/events/547776864197530/
+  country: BE
+
+- title: World of Retro Gaming - Beurs
+  when: 19 nov 2023
+  where: Stevoort (Hasselt)
+  link: https://www.facebook.com/events/210639585041288/
+  country: BE
+
+- title: Transmission 64 - c64 demo party
+  when: 25 nov 2023
+  where: Online
+  link: https://transmission64.com/
+  country: online
+
+- title: GlitchMania 2024
+  when: 17 feb 2024
+  where: Herzele
+  link: https://www.facebook.com/events/696281248916596/
+  country: BE

_includes/header.html

@@ -7,6 +7,7 @@
       <a href="/" class="logo">{{ site.title }}</a>
       <ul class="menu">
           <li class="menu__entry"><a href="{{ '/' | prepend: site.baseurl }}">About</a></li>
+          <li class="menu__entry"><a href="{{ '/calendar' | prepend: site.baseurl }}">Calendar</a></li>
           {% for category in site.data.categories %}
             <li class="menu__entry"><a href="{{ '/' | append: category.slug | prepend: site.baseurl }}">{{ category.name }}</a></li>
           {% endfor %}

calendar.html

@@ -0,0 +1,33 @@
+---
+layout: page
+title: Calendar
+permalink: /calendar/
+---
+<table class="calendar">
+  {% for event in site.data.calendar %}
+    <tr>
+      <td>{{ event.when }}</td>
+      <td>
+        {% if event.link %}
+          <a href="{{ event.link }}">{{ event.title }}</a>
+        {% else %}
+          {{ event.title }}
+        {% endif %}
+      </td>
+      <td>
+        {% if event.country %}
+          <span class="flag {{ event.country }}"></span>
+        {% endif %}
+        {{ event.where }}
+      </td>
+    </tr>
+  {% endfor %}
+</table>
+
+<p>
+  <small>
+    If you are missing an event in this list:
+    <a href="mailto:{{ site.author.email }}">drop us a line</a>
+    and we'll add it.
+  </small>
+</p>

css/main.scss

@@ -1,17 +1,66 @@
 ---
 # Only the main Sass file needs front matter (the dashes are enough)
 sitemap:
-  exclude: 'yes'
+  exclude: "yes"
 ---
+
 @charset "utf-8";
 
 /* =Colors */
-$dorian: #F5F5F5;
+$dorian: #f5f5f5;
 $iron: #333333;
 $cloudy: #828282;
 
-@import
+@import "mixins", "default", "404";
-    "mixins",
+
-    "default",
+table,
-    "404"
+th,
-;
+td {
+  border: 1px solid;
+  padding: 5px;
+}
+
+table.calendar {
+  width: 100%;
+}
+
+.flag.BE {
+  display: inline-block;
+  width: 20px;
+  height: 16px;
+  background-image: url("/assets/img/flags/BE.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  vertical-align: text-bottom;
+}
+
+.flag.DE {
+  display: inline-block;
+  width: 20px;
+  height: 16px;
+  background-image: url("/assets/img/flags/DE.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  vertical-align: text-bottom;
+}
+
+.flag.NL {
+  display: inline-block;
+  width: 20px;
+  height: 16px;
+  background-image: url("/assets/img/flags/NL.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  vertical-align: text-bottom;
+}
+
+.flag.online {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  background-image: url("/assets/img/flags/globe.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  vertical-align: text-bottom;
+  background-color: #333333;
+}