Add livestream link and locally hosted videos

_includes/media.njk

@@ -5,15 +5,22 @@
   {% for medium in media %}
     <h2>{{ medium.title }}</h2>
 
-    <figure class="media-iframe-parent">
+    {% if medium.id %}
-      <iframe
+      <figure class="media-iframe-parent">
-        class="media-iframe"
+        <iframe
-        src="https://www.youtube.com/embed/{{ medium.id }}"
+          class="media-iframe"
-        title="YouTube video player"
+          src="https://www.youtube.com/embed/{{ medium.id }}"
-        frameborder="0"
+          title="YouTube video player"
-        allow="autoplay; clipboard-write; encrypted-media; picture-in-picture"
+          frameborder="0"
-        allowfullscreen
+          allow="autoplay; clipboard-write; encrypted-media; picture-in-picture"
-      ></iframe>
+          allowfullscreen
-    </figure>
+        ></iframe>
+      </figure>
+    {% elif medium.src %}
+      <video class="media-video" controls>
+        <source src="{{ medium.src }}" type="video/mp4">
+        Dein Browser unterstützt leider keine Videos
+      </video>
+    {% endif %}
   {% endfor %}
 </section>

build.sh

@@ -4,4 +4,5 @@ lume
 cp -r ./img ./_site/
 cp -r ./unterricht/docs ./_site/unterricht/
 cp -r ./fonts ./_site/
+cp -r ./videos ./_site/
 cp favicon.png ./_site/

media.css

@@ -16,3 +16,8 @@
   width: 100%;
   height: 100%;
 }
+
+.media-video {
+  width: 100%;
+  height: auto;
+}

medien/index.yml

@@ -37,4 +37,10 @@ media:
     id: 1DDoJ3-bXq0
   - title: Turan Özkücük
     id: 8Id6f6meCRw
+  - title: Ertan Özcan
+    src: /videos/Ertan_MD_25.10.21.mp4
+  - title: Ipek Sirena Krutsch
+    src: /videos/Ipek_MD_25.20.21.mp4
+  - title: Kezban Tursun
+    src: /videos/Kezban_MD_25.10.21.mp4
     

veranstaltungen/index.yml

@@ -165,7 +165,11 @@ Ausstellung zu intergenerative Biografien, sowie ein Kurzfilm.
 Zwei Romane von Dilek Güngör und Cihan Acar, die von Zugehörigkeit, Ausgrenzung und Identität sowie über Fremdzuschreibungen, die Menschen in der BRD erfahren und über Heimatlosigkeit und Toleranz. 
 Im Anschluss an Lesung und Gespräch tritt die Gruppe „Songs of Gastarbeiter“ auf. 
 
+
 [Link zum Programm](https://literaturhaus-koeln.de/programm/60-jahre-anwerbeabkommen-tuerkei/28-10-2021/)
+
+
+[Link zum Live-Stream](https://dringeblieben.de/videos/60-jahre-anwerbeabkommen-turkei)
           "
         location:
           name: Kulturbunker
@@ -234,6 +238,7 @@ Im Anschluss findet ein Publikumsgespräch statt.
 
       - time: "16:30 Uhr"
         title: Hört uns doch bitte einmal zu… 
+        details: Anmeldung erforderlich unter <a href="https://www.ki-koeln.de/events/event/hoert-uns-doch-bitte-einmal-zu">https://www.ki-koeln.de/events/event/hoert-uns-doch-bitte-einmal-zu</a>
         organiser: Eine Veranstaltung der IG Keupstraße, des Schauspiel Köln, des Kommunalen Integrationszentrums Köln und des Integrationsrates Köln
         description: "Gesprächsrunde mit den 'Vätern und Müttern' der Keupstraße aus der 1. Generation berichten über ihr Ankommen in Deutschland und der Keupstraße