Add rc3 2020

assets/scss/_events.scss

@@ -0,0 +1,46 @@
+div.events {
+    margin: 0 auto;
+    padding: 20px 30px;
+    background: transparent;
+    p{
+      color: $font_default;
+      font-size: $font_size_default;
+    }
+    a, a:link, a:visited {
+        text-decoration: none;
+        color: $font_accent_4;
+    }
+    a:hover, a:active {
+       color: $font_accent_3;
+    }
+
+    code {
+      color: $font_accent_4;
+      font-size: $font_size_code;
+    }
+    .headline a {
+        color: $font_accent_3;
+        font-size: $font_size_h2;
+        text-shadow: 0px 0px 1px black;
+        text-decoration: none;
+    }
+    .meta {
+        color: silver;
+        font-style: italic;
+    }
+    .blog-post {
+        background: rgba(128,128,128,0.15);
+        padding: 16px;
+        margin-top: 50px;
+        box-shadow: 0px 0px 2px 8px rgba(128,128,128,0.1);
+    }
+    h2 {
+        color: $font_accent_3;
+        text-shadow: 0px 0px 1px black;
+    }
+    img {
+        max-width: 94%;
+        margin: 3%;
+        box-shadow: 5px 5px 4px 3px grey;
+    }
+}

assets/scss/_fonts.scss

@@ -6,9 +6,9 @@
   font-weight: 400;
   font-display: swap;
   src: local(''),
-       url('../fonts/mochiy-pop-one-v5-latin-regular.woff2') format('woff2'),
+       url('/fonts/mochiy-pop-one-v5-latin-regular.woff2') format('woff2'),
-       url('../fonts/mochiy-pop-one-v5-latin-regular.woff') format('woff'),
+       url('/fonts/mochiy-pop-one-v5-latin-regular.woff') format('woff'),
-       url('../fonts/mochiy-pop-one-v5-latin-regular.ttf') format('truetype'),
+       url('/fonts/mochiy-pop-one-v5-latin-regular.ttf') format('truetype'),
 }
 
 // Lato font
@@ -44,3 +44,36 @@
       url('/fonts/lato-v20-latin-900.woff') format('woff'),
       url('/fonts/lato-v20-latin-900.ttf') format('truetype');
 }
+
+@font-face {
+  font-family: $main_font;
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local(''),
+      url('/fonts/lato-v20-latin-italic.woff2') format('woff2'),
+      url('/fonts/lato-v20-latin-italic.woff') format('woff'),
+      url('/fonts/lato-v20-latin-italic.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: $main_font;
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: local(''),
+      url('/fonts/lato-v20-latin-700italic.woff2') format('woff2'),
+      url('/fonts/lato-v20-latin-700italic.woff') format('woff'),
+      url('/fonts/lato-v20-latin-700italic.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: $main_font;
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: local(''),
+      url('/fonts/lato-v20-latin-900italic.woff2') format('woff2'),
+      url('/fonts/lato-v20-latin-900italic.woff') format('woff'),
+      url('/fonts/lato-v20-latin-900italic.ttf') format('truetype');
+}

assets/scss/_general.scss

@@ -2,16 +2,4 @@ body {
     font-family: $main_font, sans-serif;
     margin: 25px 25px 50px 25px;
     background: $background_accent_2;
-    a {
-        color: $font_accent_2;
-    }
-    a:hover {
-        color: $font_accent_3;
-    }
-}
-
-.left {
-    background: rgba(128,128,128,0.15);
-    padding: 12px;
-    box-shadow: 0px 0px 2px 8px rgba(128,128,128,0.1);
 }

assets/scss/_header.scss

@@ -16,6 +16,12 @@ header {
         list-style: none;
         margin: 0;
         padding: 0;
+        a, a:link, a:visited {
+            color: $font_accent_2;
+        }
+        a:hover, a:active {
+            color: $font_accent_3;
+        }
         li {
             display: inline;
             margin: 0 8px 0 0;

assets/scss/_start.scss

@@ -31,6 +31,12 @@ div.start {
     }
 }
 
+.left {
+    background: rgba(128,128,128,0.15);
+    padding: 12px;
+    box-shadow: 0px 0px 2px 8px rgba(128,128,128,0.1);
+}
+
 @media (max-width: $media_horizontal_breakpoint) {
     div.start {
         display: initial;

assets/scss/events.scss

@@ -0,0 +1,8 @@
+@import "_variables";
+@import "_fonts";
+
+@import "_events.scss";
+
+@import "_general";
+@import "_header";
+@import "_footer";

content/events/contents.lr

@@ -1,5 +1,3 @@
-_model: page
+_model: blog
 ---
 title: Veranstaltungen mit Winkekatze TV
----
-body: Hallo Welt

content/events/rc3-2020/contents.lr

@@ -0,0 +1,15 @@
+title: rC3 2020
+---
+event_end_date: 2020-12-30
+---
+event_start_date: 2020-12-27
+---
+preview: winkekatze.tv war Teil des Chaos-Studio Chaos-West TV.
+---
+body:
+
+Dieses Jahr läuft alles anders als sonst. Und so findet auch die Jahresendveranstaltung des Chaos Computer Club zwangsläufig als reine online Veranstaltung statt.
+
+So hat sich [Chaos West TV](https://chaoswest.tv) als remote Studio zusammen gesetzt und wir haben mitgeholfen das CWTV Choas-Studio hoch zu ziehen und einen der Standorte zu betrieben.
+
+Die hierbei entstandenen Videos findet man auf [media.ccc.de](https://media.ccc.de/c/rc3/CWTV) oder auf dieser [YouTube Playlist](https://www.youtube.com/playlist?list=PLAAnbiYJDWjjVd6_pFyEHXcdciuA2GOEV).

content/events/rc3-2021/contents.lr

@@ -0,0 +1,21 @@
+title: RC3 2021 - NOWHERE
+---
+body:
+
+Am [rC3 2021 - NOWHERE](https://events.ccc.de/category/rc3-2021/) gab es verschiede Chaos-Studios, die das Vortragsprogramm dieser Veranstaltung gestreamt und aufgezeichnet haben. Eins dieser Studios ist Chaos-West TV.
+
+Bei Chaos-West TV wurde ein Chaos-Studio im kompletten remote Betrieb aufgebaut und trotz Pandemie und erschreckend hoher Krankenhausauslastung und Inzidenzien im remote Betrieb relativ gut funktioniert hat. 
+Eine Übersichtsgrafik, die es auch bis in das [Infrastructure Review](https://media.ccc.de/v/rc3-2021-cwtv-910-infrastructure-review#t=1844) geschafft hat, fasst grob zusammen, was dort gemacht wurde.
+
+[![rc3-2021-infrareview-redlines.svg](rc3-2021-infrareview-redlines.svg)](https://raw.githubusercontent.com/chaoswest-tv/rc3-2021-infrareview/main/rc3-2021-infrareview-redlines.pdf)
+
+*Von Winkekatze.tv war L3D dort beteiligt.*
+
+Die Aufzeichnungen vom rC3 2021 kann man auf [media.ccc.de](https://media.ccc.de/c/rc3-2021) finden.
+Von Chaos-West TV selber wurden alle Vorträge der Kategorien [Auf in die Zukunft!](https://media.ccc.de/c/rc3-2021/Auf%20in%20die%20Zukunft!), [Back to Basics](https://media.ccc.de/c/rc3-2021/Back%20to%20Basics) und [rC3 2021](https://media.ccc.de/c/rc3-2021/rC3%2021) gestreamt und recordet. Neben media.ccc.de findet man auch eine [YouTube Playlist](https://www.youtube.com/playlist?list=PLAAnbiYJDWjioG4lAMTdoy4Tww93vaN9J) mit allen Vorträgen.
+---
+event_end_date: 2021-12-30
+---
+event_start_date: 2021-12-27
+---
+preview: winkekatze.tv war Teil des Chaos-Studio Chaos-West TV.

models/blog-post.ini

@@ -0,0 +1,27 @@
+[model]
+name = Blog Post
+label = {{ this.title }}
+hidden = yes
+
+[fields.title]
+label = Event Name
+type = string
+size = large
+
+[fields.event_start_date]
+label = event start
+type = date
+width = 1/2
+
+[fields.event_end_date]
+label = event end
+type = date
+width = 1/2
+
+[fields.preview]
+label = Preview
+type = markdown
+
+[fields.body]
+label = Body
+type = markdown

models/blog.ini

@@ -0,0 +1,16 @@
+[model]
+name = Blog
+label = Blog
+hidden = true
+
+[fields.title]
+label = Title
+type = string
+
+[children]
+model = blog-post
+order_by = -event_start_date,title
+
+[pagination]
+enabled = yes
+per_page = 10

templates/blog-post.html

@@ -0,0 +1,12 @@
+{% extends "layout.html" %}
+{% from "macros/blog.html" import render_blog_post %}
+{% block title %}{{ this.title }}{% endblock %}
+{% block body %}
+  {{ render_blog_post(this) }}
+{% endblock %}
+{%- block class -%}
+  events
+{%- endblock -%}
+{%- block scss -%}
+  css/events.min.css
+{%- endblock -%}

templates/blog.html

@@ -0,0 +1,17 @@
+{% extends "layout.html" %}
+{% from "macros/blog.html" import render_blog_post %}
+{% from "macros/pagination.html" import render_pagination %}
+{% block title %}{{ this.title }}{% endblock %}
+{% block body %}
+  {% for child in this.pagination.items %}
+    {{ render_blog_post(child, from_index=true) }}
+  {% endfor %}
+
+  {{ render_pagination(this.pagination) }}
+{% endblock %}
+{%- block class -%}
+  events
+{%- endblock -%}
+{%- block scss -%}
+  css/events.min.css
+{%- endblock -%}

templates/macros/blog.html

@@ -0,0 +1,21 @@
+{% macro render_blog_post(post, from_index=false) %}
+  <div class="blog-post">
+  {% if from_index -%}
+    <h2 class="headline"><a href="{{ post|url }}">{{ post.title }}</a></h2>
+  {% else -%}
+    <h2 class="headline"><a>{{ post.title }}</a></h2>
+  {% endif -%}
+  <p class="meta">
+    {% if post.event_start_date != post.event_end_date -%}
+      Vom {{ post.event_start_date | dateformat(('d. MMM'), locale=post.alt ) }} bis {{ post.event_end_date | dateformat('long', locale=post.alt) }}.
+    {%- else -%}
+      Am {{ post.event_start_date | dateformat('long', locale=post.alt) }}.
+    {%- endif %}
+  </p>
+  {% if from_index -%}
+    {{ post.preview }}
+  {% else -%}
+    {{ post.body }}
+  {% endif -%}
+  </div>
+{% endmacro %}