Wooohaaa! Look! I did magic: I converted a list into a table. How beautiful ist that?

lektor/lektordata/project/assets/static/style.css

@@ -39,21 +39,31 @@ div.page,footer,header {
 }
 
 div.page {
-    color: #6c7d8c
+    color: #6c7d8c;
 }
 
 div.page>div.inner_page,footer>div.inner_footer,header>div.inner_header {
-    padding: 20px 30px
+    padding: 20px 30px;
 }
 
 div.inner_page > * {
-    margin: 0
+    margin: 0;
+    padding:0 ;
 }
 
+
 body,div.page h1, div.page h2, div.page h3, div.page h4, div.page h5, div.page h6 {
-    color: #5d5d5d
+    color: #5d5d5d;
+    padding: 20px 30px;
+    margin: 0;
 }
 
+body,div.inner_page h1, div.inner_page h2, div.inner_page h3, div.inner_page h4, div.inner_page h5, div.inner_page h6 {
+    color: #5d5d5d;
+    padding: 0;
+}
+
+
 div.inner_page {
     position: relative;
     top: 0;
@@ -109,6 +119,62 @@ div.page {
     width: 283.66px
 }
 
+
+
+.termine *{
+    box-sizing: border-box;
+}
+
+
+.termine ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.termine li {
+  display: flex;
+  margin-bottom: 10px;
+}
+
+
+.termine ul > li {
+  font-weight: bold;
+  width: 1000px;
+}
+.termine ul > li > div {
+  width: 500px;
+  font-size: 0.75vw;
+}
+
+
+.termine ul > li > ul > li {
+  width: 175px;
+}
+
+.termine ul > li > ul > li:nth-child(1){
+  width: 250px;
+}
+
+.termine ul > li > ul > li:nth-child(2){
+  width: 75px;
+}
+
+.termine ul > li > ul {
+  display: flex;
+  padding-left: 0;
+  margin-left: 0;
+}
+
+.termine ul > li > ul > li {
+  margin-right: 0;
+}
+
+.termine ul > li > ul > li > div{
+    font-size: 0.75vw;
+}
+
+
 @media (max-width:768px) {
     header h1 {
         font-size: 3.15vw

lektor/lektordata/project/content/about/contents.lr

@@ -34,3 +34,5 @@ Ob im Training oder an Schützenfesten, überall sind Mitglieder des Pistolenclu
 | **2010** | | Einbau künstliche Kugelfänge System Leu + Helfenstein.<br>Umbau 50m Zugscheibenanlage von System Schmalz Uster auf System Leu + Helfenstein.<br>Einbau neuer Motoren und Steuerung.                                                                                                                                                                                                                          |
 | | | |
 | **2015** | | Einbau Schallschutzwände standseitig und Verkleidung der Hochblende mit Schalldämmplatten.                                                                                                                                                                                                                                                                                                                   |
+---
+_template: page.html

lektor/lektordata/project/content/termine/contents.lr

@@ -53,3 +53,6 @@ body:
   * <div>18:00</div>&nbsp;
   * <div>&nbsp;</div>&nbsp;
 
+---
+_template: termine_page.html
+

lektor/lektordata/project/content/vorstand/contents.lr

@@ -12,3 +12,5 @@ body:
 | **Müller Konrad** | 1. Schützenmeister | schiesswesen@pc-stammertal.ch |
 | **Bollinger Reto** | Schützenmeister, Beisitz | beisitz@pc-stammertal.ch |
 | **Horvath Richard** | Schützenmeister, Fähnrich, Standwart | infrastruktur@pc-stammertal.ch |
+---
+_template: page.html

lektor/lektordata/project/templates/page.html

@@ -1,8 +1,8 @@
 {% extends "layout.html" %}
 {% block title %}{{ this.title }}{% endblock %}
 {% block body %}
-  <div class="inner_page">
   <h2>{{ this.title }}</h2>
+  <div class="inner_page">
     {{ this.body }}
   </div>
 {% endblock %}

lektor/lektordata/project/templates/termine_page.html

@@ -0,0 +1,8 @@
+{% extends "layout.html" %}
+{% block title %}{{ this.title }}{% endblock %}
+{% block body %}
+  <h2>{{ this.title }}</h2>
+  <div class="inner_page termine">
+    {{ this.body }}
+  </div>
+{% endblock %}

lektor/lektordata/scripts/calendar-fetcher.sh

@@ -78,3 +78,6 @@ echo "$ICS_DATA" | awk 'BEGIN{FS=":"}
 }' | awk -v today="$TODAY" 'substr($1,1,8) >= today' | sort | cut -d " " -f 2- | sed 's@</div>@</div>\&nbsp;\n@g' | sed '/^$/d'
 
 echo ""
+echo "---"
+echo "_template: termine_page.html"
+echo ""