Add some Videos from FFF and updated Design

assets/scss/_events.scss

@@ -2,14 +2,17 @@ div.events {
     margin: 0 auto;
     padding: 20px 30px;
     background: transparent;
-    p {
+
+    p, ul {
       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;
     }
@@ -18,26 +21,37 @@ div.events {
       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);
+        ul li a {
+            color: $font_default;
+        }
+        ul li a:hover {
+            text-decoration: underline;
+        }
     }
+
     h2 {
         color: $font_accent_3;
         text-shadow: 0px 0px 1px black;
     }
+
     img {
         max-width: 94%;
         margin: 3%;
@@ -48,7 +62,7 @@ div.events {
 @media (min-width: $large_view) {
     div.events {
         max-width: $large_min_width;
-        p {
+        p, ul {
             font-size: $font_size_default_large;
         }
         .headline a {
@@ -65,7 +79,7 @@ div.events {
 
 @media (max-width: $mobile_view) {
     div.events {
-        p {
+        p, ul {
             font-size: $font_size_default_mobile;
         }
         img {

assets/scss/_page.scss

@@ -2,7 +2,7 @@ div.page {
     margin: 0 auto;
     padding: 20px 30px;
     background: transparent;
-    p, code{
+    p, code, ul {
       color: $font_default;
       font-size: $font_size_default;
     }
@@ -30,7 +30,7 @@ div.page {
     div.page {
         margin: auto;
         max-width: $large_min_width;
-        p {
+        p, code, ul {
             font-size: $font_size_default_large;
         }
         h1 {

content/events/fff_bodensee/contents.lr

@@ -0,0 +1,23 @@
+title: Fridays for Future Bodensee
+---
+body:
+
+Wir waren auf Demonstrationen und Kundgebungen von [Fridays for Future Bodensee](https://klima-streik.de) und haben diese gefilmt.
+
+Das Ergebnis dazu findet ihr auf den YouTube Account von Fridays for Future Bodensee Bodensee: [FFF Bodensee YouTube](https://www.youtube.com/channel/UCeON2H-cmeLvvIrYHfgcidg/featured).
+
+## Bis Januar 2022 veröffentlichte Videos:
+- [#LützerathBleibt | Solidarisierung von Fridays for Future Bodensee in Markdorf Teil 1 | 21.01.2022](https://youtu.be/A_c4pfYv4pw)
+- [#LützerathBleibt | Solidarisierung von Fridays for Future Bodensee in Markdorf Teil 2 | 21.01.2022](https://youtu.be/srRSRFN0_78)
+- [Kundgebung in Friedrichshafen am 17.12.2021](https://youtu.be/Adz0etxRumI)
+- [Zur Klimakonferenz in Glasgow am 12.11.2021 in Markdorf](https://youtu.be/THYVQOS8wJc)
+
+Wir planen auf weiteren Fridays for Future Demonstrationen und Kundgebungen Teil zu Nehmen und die Reden zu veröffentlichen.
+
+Für die Videos haben wir Grafiken basierend auf der [Fridays for Future CI](https://wiki.fridaysforfuture.is/index.php?title=Corporate-Identity) erstellt und in diesem Git Repo unter [CC-BY-NC 4.0](https://creativecommons.org/licenses/by-nc/4.0/) veröffentlicht: [backwesen.de/fff/schriftzuege](https://backwesen.de/fff/schriftzuege.git).
+---
+event_end_date: 2022-01-21
+---
+event_start_date: 2021-11-12
+---
+preview: Wir waren auf Kundgebungen von Fridays for Future Bodensee und haben diese gefilmt.

content/kontakt/contents.lr

@@ -9,9 +9,7 @@ Du oder Wesen mit denen du gerne Zeit verbringst, haben ein spannedes Projekt, e
 
 Sehr cool! Dann nimm gerne Kontakt mit uns auf!
 
-```
-video [at] winkekatze.tv
-```
+<code>video [at] winkekatze.tv</code>
 
 Das Winkekatzen Video Operation Center hilft gerne dabei, Wissen mit der Welt zu teilen. Wir haben gute Erfahrungen damit gesammelt, auch zusammen mit anderen von Streaming begeisterten Hackern kleine oder auch größere Streamingprojekte zu ermöglichen. Zum Beispiel an der Jahresendveranstaltung des Chaos Computer Club sind wir bei [Chaos West TV](https://chaoswest.tv) dabei, das Studio zu betreiben, eine Bühne zu bauen und haben am Ende gemeinsam viele spannende Vorträge gestreamt und veröffentlich.