Add media page, fix a11y issues, fix unterricht page, fix main page text, update events

2021-10-12 22:08:29 +02:00 · 2021-10-12 22:08:29 +02:00 · fc044b987f
parent 7c20ab766f
commit fc044b987f
28 changed files with 250 additions and 167 deletions
--- a/_includes/footer.njk
+++ b/_includes/footer.njk
@ -1,6 +1,21 @@
 <footer class="footer">
  <nav>
    <ul class="footer-links">
+      <li>
+        <a href="https://ki-koeln.de/aufgaben/querschnitt/integrationsrat/" target="_blank" class="footer-link">
+          <img src="/img/integrationsrat-koeln.jpg" alt="Logo des Integrationsrates der Stadt Köln" class="footer-logo" />
+        </a>
+      </li>
+      <li>
+        <a href="https://ki-koeln.de/" target="_blank" class="footer-link">
+          <img src="/img/ki-koeln.png" alt="Logo des Kommunalen Integrationszentrum der Stadt Köln" class="footer-logo" />
+        </a>
+      </li>
+      <li>
+        <a href="https://www.stadt-koeln.de/" target="_blank" class="footer-link">
+          <img src="/img/stadt-koeln.png" alt="Logo der Stadt Köln" class="footer-logo" />
+        </a>
+      </li>
      <li><a href="/impressum" class="footer-link">Impressum</a></li>
      <li><a href="/datenschutz" class="footer-link">Datenschutz</a></li>
    </ul>
--- a/_includes/layouts/default.njk
+++ b/_includes/layouts/default.njk
@ -19,9 +19,15 @@ article: null

    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0">

+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap" rel="stylesheet"> 
+
    <link rel="stylesheet" type="text/css" href="/styles.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/navigation.css" media="all" />
+    <link rel="stylesheet" type="text/css" href="/footer.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/google-fonts.css" media="all" />
+
    {% if extraStylesheets %}
      {% for extraStylesheet in extraStylesheets %}
        <link rel="stylesheet" type="text/css" href="{{ extraStylesheet }}" media="all" />
@ -55,6 +61,10 @@ article: null
          {% include "event-day.njk" %}
        {% endfor %}
      {% endif %}
+
+      {% if media %}
+        {% include "media.njk" %}
+      {% endif %}
    </main>

    {% if downloads %}
--- a/_includes/media.njk
+++ b/_includes/media.njk
@ -0,0 +1,19 @@
+<section
+  id="media"
+  class="media"
+>
+  {% for medium in media %}
+    <h2>{{ medium.title }}</h2>
+
+    <figure class="media-iframe-parent">
+      <iframe
+        class="media-iframe"
+        src="{{ medium.link }}"
+        title="YouTube video player"
+        frameborder="0"
+        allow="autoplay; clipboard-write; encrypted-media; picture-in-picture"
+        allowfullscreen
+      ></iframe>
+    </figure>
+  {% endfor %}
+</section>
--- a/_includes/navigation.njk
+++ b/_includes/navigation.njk
@ -30,16 +30,14 @@
  </script>

  <ul class="menu">
-  {#
-    <li class="menu-item">
-      <a href="/geschichte" class="navigation-link">Geschichte</a>
-    </li>
-  #}
    <li class="menu-item">
      <a href="/veranstaltungen" class="navigation-link">Veranstaltungen</a>
    </li>
    <li class="menu-item">
-      <a href="/unterricht" class="navigation-link">Unterrichtsmaterial</a>
+      <a href="/medien" class="navigation-link">Medien</a>
+    </li>
+    <li class="menu-item">
+      <a href="/unterricht" class="navigation-link">Bildung</a>
    </li>
  </ul>
 </nav>
--- a/build.sh
+++ b/build.sh
@ -0,0 +1,5 @@
+#!/usr/bin/env bash
+
+lume
+cp -r ./img ./_site/
+cp -r ./unterricht/docs ./_site/unterricht/
--- a/downloads.css
+++ b/downloads.css
@ -14,7 +14,8 @@
  .downloads {
    grid-column-start: 1;
    grid-column-end: 2;
-    grid-row-start: 5;
+    grid-row-start: 4;
+    grid-row-end: 5;
  }
 }

@ -25,6 +26,7 @@
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
+    grid-row-end: 4;
  }
 }

--- a/events.css
+++ b/events.css
@ -1,5 +1,7 @@
 .event-day {
  border-top: 7px solid var(--border);
+  width: calc(100vw - 2*var(--side-padding));
+  position: relative;
 }

 .event-day[open] {
@ -10,11 +12,13 @@
  padding: 30px 20px;
  font-size: 2rem;
  font-weight: bold;
+  cursor: pointer;
 }

 .event {
  border-top: 3px solid var(--border);
  margin-left: 20px;
+  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
 }
@ -54,11 +58,16 @@
  grid-row-start: 4;
  grid-row-end: 6;
 }
+
 .event-description > *:first-child {
  margin: 0;
  margin-bottom: 2rem;
 }

+.event-description > *:last-child {
+  margin-bottom: 0;
+}
+
@media screen and (min-width: 1024px) {
  .event-description {
    margin-bottom: 0;
--- a/footer.css
+++ b/footer.css
@ -0,0 +1,72 @@
+.footer {
+  border-top-left-radius: var(--border-radius);
+  border-top-right-radius: var(--border-radius);
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  align-items: center;
+  padding: 0 12px;
+  background-color: var(--primary);
+  margin: 0 var(--mobile-side-margin);
+  left: var(--mobile-side-margin);
+  right: var(--mobile-side-margin);
+  color: var(--primary-font);
+}
+
+@media screen and (min-width: 1024px) {
+  .footer {
+    flex-wrap: nowrap;
+    margin: 0 calc(var(--side-padding) - var(--mobile-side-margin));
+  }
+}
+
+.footer-logo {
+  height: 48px;
+  width: auto;
+  padding: 12px;
+  background-color: white;
+  color: black;
+}
+
+@media screen and (min-width: 768px) {
+  .footer-logo {
+    margin-bottom: 0px;
+  }
+}
+
+.footer-links {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  list-style: none;
+  padding: 0;
+}
+
+.footer-link {
+  display: flex;
+  height: auto;
+  margin: 12px;
+  color: var(--primary-font);
+  text-decoration: none;
+}
+
+.footer-link:hover {
+  text-decoration: none;
+}
+
+@media screen and (min-width: 768px) {
+  .footer {
+    grid-column-start: 1;
+    grid-column-end: 3;
+    grid-row-start: 5;
+    grid-row-end: 6;
+  }
+}
+
+@media print {
+  .footer {
+    display: none;
+  }
+}
--- a/Deutsch.pdf
+++ b/Deutsch.pdf
--- a/1053,0315.png
+++ b/1053,0315.png
--- a/1053,0315@2x.png
+++ b/1053,0315@2x.png
--- a/1053,0373.png
+++ b/1053,0373.png
--- a/1053,0373@2x.png
+++ b/1053,0373@2x.png
--- a/img/LaKi_Köln_4C.EPS
+++ b/img/LaKi_Köln_4C.EPS
--- a/img/STK_Dom_transp_cmyk_mac.eps
+++ b/img/STK_Dom_transp_cmyk_mac.eps
--- a/img/Wirtschaft-Politik-Sozialwissenschaften.pdf
+++ b/img/Wirtschaft-Politik-Sozialwissenschaften.pdf
--- a/img/integrationsrat-koeln.jpg
+++ b/img/integrationsrat-koeln.jpg
--- a/img/ki-koeln.png
+++ b/img/ki-koeln.png
--- a/img/stadt-koeln.png
+++ b/img/stadt-koeln.png
--- a/index.yml
+++ b/index.yml
@ -13,7 +13,14 @@ article: "

    # Zum Anwerbeabkommen
    
-    Das Anwerbeabkommen mit der Türkei wurde am 30. Oktober 1961 vom dritten Kabinett unter Kanzler Konrad Adenauer in Bad Godesberg unterzeichnet.
-    Auf der Basis dieses Abkommens bewarben sich zwischen 1961 und dem Anwerbestopp im Jahre 1973 mehr als zweieinhalb Millionen Menschen aus der Türkei um eine Arbeitserlaubnis in Deutschland; ein Viertel davon wurde angenommen. Von den etwa 867.000 Eingereisten, damals als „Gastarbeiter“ bezeichnet, kehrten rund 500.000 wieder in die Türkei zurück. Andere blieben, begründeten in Deutschland neue Existenzen und sind selbst oder über ihre Nachkommen ein fester Bestandteil unserer deutschen Gesellschaft.
-    Ähnliche Abkommen schloss die Bundesrepublik Deutschland auch mit anderen, so etwa mit Italien (1955), Griechenland (1960), Spanien (1960), Marokko (1963), Südkorea (1963), Portugal (1964), Tunesien (1965) und dem damaligen Jugoslawien (1968).
+    Das Anwerbeabkommen mit der Türkei wurde am 30. Oktober 1961 vom dritten Kabinett unter Kanzler Konrad Adenauer in Bad Godesberg unterzeichnet. Auf der Basis dieses Abkommens bewarben sich zwischen 1961 und dem Anwerbestopp im Jahre 1973 mehr als zweieinhalb Millionen Menschen aus der Türkei um eine Arbeitserlaubnis in Deutschland; ein Viertel davon wurde angenommen. Von den etwa 867.000 Eingereisten, damals als „Gastarbeiter“ bezeichnet, kehrten rund 500.000 wieder in die Türkei zurück. Andere blieben, begründeten in Deutschland neue Existenzen und sind selbst oder über ihre Nachkommen ein fester Bestandteil unserer deutschen Gesellschaft. Ähnliche Abkommen schloss die Bundesrepublik Deutschland auch mit anderen, so etwa mit Italien (1955), Griechenland (1960), Spanien (1960), Marokko (1963), Südkorea (1963), Portugal (1964), Tunesien (1965) und dem damaligen Jugoslawien (1968).
+
+
+    Der Kölner Verein \"Dokumentationszentrum und Museum über die Migration in Deutschland\" (DOMiD) hat anlässlich des Jubiläums die Sonderseite \"60 Jahre Almanya - Migration aus der Türkei\" erstellt.
+
+
+    Dort sind fotografische Einblicke in die Lebensrealitäten dieser 60 Jahre zu sehen sowie Videos von heutigen türkeistämmigen Kölner*innen, die erzählen, was das Anwerbeabkommen für sie bedeutet.
+
+
+    [Mehr erfahren](https://www.domid.org/60jahre-almanya/)
 "
--- a/media.css
+++ b/media.css
@ -0,0 +1,18 @@
+.media {
+}
+
+.media-iframe-parent {
+  margin: 0;
+  width: 100%;
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9 */
+  box-sizing: content-box;
+}
+
+.media-iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
--- a/medien/index.yml
+++ b/medien/index.yml
@ -0,0 +1,32 @@
+layout: layouts/default.njk
+
+extraStylesheets:
+  - /media.css
+
+title: "Medien"
+
+article: "
+## Benim Müzem – Mein Museum
+
+Ein Videoprojekt von Museumsdienst Köln und dem Amt für Integration und Vielfalt
+
+
+In drei Kurzfilmen gibt das Videoprojekt einen Einblick in den Arbeitsalltag von drei Menschen, die in den oder für die städtischen Museen in Köln arbeiten. Sie berichten von ihrer Beziehung zum Museum oder seinen Objekten und sprechen darüber, wie sie ihre Mehrsprachigkeit in der Arbeit einsetzen.
+
+
+## Der Geschichte Ein Gesicht Geben – Und Namen
+
+Ein Videoprojekt von In-Haus e.V. und der AWO Mittelrhein
+
+
+60 Jahre Anwerbeabkommen zur Entsendung von Arbeitskräften aus der Türkei nach Deutschland Vielen Dank an alle, die ihre Geschichte mit uns geteilt haben. Und danke an Nuran Kançok, Vural Çeliker, Ayşe Und Levent Seyhan vom AWO Bezirksverband Mittelrhein e.V. für die Unterstützung.
+"
+
+media:
+  - title: Ayşe Und Levent Seyhan
+    link: https://www.youtube.com/watch?v=Qr-_B3j99dE
+  - title: Vural Çeliker
+    link: https://www.youtube.com/watch?v=WQPZh7RWqtI
+  - title: Nejla Ocak
+    link: https://www.youtube.com/watch?v=xUwNO2FwqI8
+    
--- a/navigation.css
+++ b/navigation.css
@ -1,6 +1,4 @@
 .navigation {
-  --mobile-side-margin: 2vw;
-
  position: fixed;
  top: 0;
  left: var(--mobile-side-margin);
@ -10,8 +8,8 @@
  padding: 0 calc(var(--side-padding) - var(--mobile-side-margin));
  z-index: 1000;
  background-color: var(--primary);
-  border-bottom-left-radius: 5px;
-  border-bottom-right-radius: 5px;
+  border-bottom-left-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
 }

@media print {
@ -47,6 +45,7 @@
 }

 .navigation-toggle-line {
+  display: block;
  width: 32px;
  height: 3px;
  border-radius: 1.5px;
--- a/styles.css
+++ b/styles.css
@ -6,32 +6,21 @@
  outline: 2px dotted blue;
 }

-a {
-  text-decoration: none;
-  color: rgb(0, 102, 204);
-}
-
-a:hover {
-  text-decoration: underline;
-}
-
-a:visited {
-  color: rgb(0, 102, 204);
-}
-
 .page {
-  font-family: 'Overlock', sans-serif;
+  font-family: 'Cairo', sans-serif;
  font-size: 18px;
  line-height: 2em;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
-  --primary: #D02424;
+  --primary: #B51111;
  --primary-font: #ffffff;
  --side-padding: 8vw;
  --max-content-width: 925px;
  --border: #707070;
+  --border-radius: 5px;
+  --mobile-side-margin: 2vw;
  background-image: url(/img/bg-pattern.svg);
  background-repeat: repeat-y;
  background-position: right;
@ -41,16 +30,17 @@ a:visited {
@media screen and (min-width: 768px) {
  .page {
    font-size: 24px;
-    display: grid;
-    grid-template-columns: auto 1fr;
-    grid-template-rows: auto auto auto auto auto;
    --side-padding: 10vw;
  }
 }

-@media print {
-  .navigation {
-    display: flex;
+@media screen and (min-width: 1024px) {
+  .page {
+    font-size: 24px;
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto auto auto auto auto auto;
+    --side-padding: 10vw;
  }
 }

@ -112,7 +102,7 @@ a:visited {
  left: 0;
  bottom: 0;
  right: 0;
-  background: rgba(208,36, 36, 0.83);
+  background: rgba(181, 17, 17, 0.83);
  mix-blend-mode: multiply;
 }

@ -196,6 +186,19 @@ a:visited {
  margin-top: 0;
 }

+.page-main a {
+  text-decoration: none;
+  color: rgb(0, 102, 204);
+}
+
+.page-main a:hover {
+  text-decoration: underline;
+}
+
+.page-main a:visited {
+  color: rgb(0, 102, 204);
+}
+
@media screen and (min-width: 768px) {
  .page-main {
    grid-column-start: 1;
@ -241,39 +244,3 @@ a:visited {
  }
 }

-.footer {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: 3rem var(--side-padding);
-}
-
-.footer-links {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-.footer-link {
-  margin: 0 1rem;
-}
-
-@media screen and (min-width: 768px) {
-  .footer {
-    grid-column-start: 1;
-    grid-column-end: 3;
-    grid-row-start: 4;
-    grid-row-end: 5;
-  }
-}
-
-@media print {
-  .footer {
-    display: none;
-  }
-}
--- a/unterricht/docs/60
+++ b/unterricht/docs/60
--- a/Wirtschaft-Politik-SozialWissenschaften.pdf
+++ b/Wirtschaft-Politik-SozialWissenschaften.pdf
--- a/unterricht/index.yml
+++ b/unterricht/index.yml
@ -6,15 +6,15 @@ extraStylesheets:
 title: Begleitende Unterrichts&shy;materialien zur Jubiläums&shy;woche „60 Jahre Anwerbe&shy;abkommen der Türkei mit der Bundes&shy;republik Deutschland“

 article: "
-    Das Auswärtige Amt in Bonn unterzeichnete gemeinsam mit der türkischen Botschaft am 30.10.1961 ein Anwerbeabkommen, in dessen Folge sich türkische Arbeiter*innen auf eine Stelle in Deutschland bewerben konnten. Zuvor wurden bereits Abkommen mit Italien (1955), Griechenland (1960) und Spanien (1960) abgeschlossen. Es folgten Marokko (1963), die Republik Korea (1963), Portugal (1964), Tunesien (1965) und das damalige Jugoslawien (1968, heute: Slowenien, Kroatien, Bosnien-Herzegowina, Serbien, Montenegro, Republik Nordmazedonien und das Kosovo).
+    Das Auswärtige Amt in Bonn unterzeichnete gemeinsam mit der türkischen Botschaft am 30.10.1961 ein Anwerbeabkommen, in dessen Folge sich türkische Arbeiter\\*innen auf eine Stelle in Deutschland bewerben konnten. Zuvor wurden bereits Abkommen mit Italien (1955), Griechenland (1960) und Spanien (1960) abgeschlossen. Es folgten Marokko (1963), die Republik Korea (1963), Portugal (1964), Tunesien (1965) und das damalige Jugoslawien (1968, heute: Slowenien, Kroatien, Bosnien-Herzegowina, Serbien, Montenegro, Republik Nordmazedonien und das Kosovo).

    Heute blicken wir zurück auf 60 Jahre des Zusammenlebens und des Miteinanders.

    Gerade der Stadt Köln in ihrer Vielfalt, Pluralität, Multikulturalität und mit einer Bevölkerung, die zu 40 Prozent aus Menschen mit internationaler Familiengeschichte besteht, liegt daran, diesem Thema Aufmerksamkeit zu schenken. Aus diesem Grund organisiert die Stadt Köln für Ende Oktober eine Jubiläumswoche (26.10. - 30.10.2021) mit verschiedensten (kulturellen) Veranstaltungen.

-    Es scheint uns wichtig, dass sich Schüler*innen mit und ohne eigene internationale Familiengeschichte mit dem Thema auseinandersetzen. Vorschläge für das Einbinden in den Unterrichtskontext haben wir Ihnen hier zusammengestellt. Einzelne Anregungen für den Unterricht beziehen sich auf konkrete Veranstaltungen in der Jubiläumswoche. 
+    Es scheint uns wichtig, dass sich Schüler\\*innen mit und ohne eigene internationale Familiengeschichte mit dem Thema auseinandersetzen. Vorschläge für das Einbinden in den Unterrichtskontext haben wir Ihnen hier zusammengestellt. Einzelne Anregungen für den Unterricht beziehen sich auf konkrete Veranstaltungen in der Jubiläumswoche. 

-    Wir freuen uns, wenn wir damit dazu beitragen können, dass Schüler*innen ihre gegenwärtige Lebenswelt reflektieren und historische Zusammenhänge besser begreifen lernen.
+    Wir freuen uns, wenn wir damit dazu beitragen können, dass Schüler\\*innen ihre gegenwärtige Lebenswelt reflektieren und historische Zusammenhänge besser begreifen lernen.
 "

 downloads:
@ -24,7 +24,7 @@ downloads:
    location: /unterricht/docs/60 Jahre Anwerbeabkommen, Unterrichtsmaterial Geschichte.pdf
  - name: Unterrichts&shy;material HSU
    location: /unterricht/docs/60 Jahre Anwerbeabkommen, Unterrichtsmaterial HSU.pdf
-  - name: Unterrichts&shy;material Politik-Sozialwissenschaft
-    location: /unterricht/docs/60 Jahre Anwerbeabkommen, Unterrichtsmaterial Politik-Sozialwissenschaft.pdf
+  - name: Unterrichts&shy;material Wirtschaft-Politik-Sozialwissenschaft
+    location: /unterricht/docs/60 Jahre Anwerbeabkommen, Unterrichtsmaterial Wirtschaft-Politik-Sozialwissenschaft.pdf
  - name: Unterrichts&shy;material Praktische Philosophie
    location: /unterricht/docs/60 Jahre Anwerbeabkommen, Unterrichtsmaterial Praktische Philosophie.pdf
--- a/veranstaltungen/index.yml
+++ b/veranstaltungen/index.yml
@ -19,10 +19,6 @@ Das Videoprojekt ist in der Gesamten Veranstaltungswoche einsehbar.
 "
        location:
          name: Online
-        people:
-          - name: Dominik Fasel (Museumsdienst)
-            email: dominik.fasel@stadt-koeln.de
-            tel: 0221 221 -24083

      - title: Fotoausstellung 60 Jahre Anwerbeabkommen – deutsch-türkisches Leben in Deutschland – 60 yıllık Işçi Alım Sözleşmesi – Almanya'da alman-türk yaşamı
        organiser: Eine Veranstaltung des Gesundheitszentrums für Migrant*innen und des Regionalbüros Alter, Pflege und Demenz Köln und das südliche Rheinland 
@ -34,10 +30,6 @@ Das Videoprojekt ist in der Gesamten Veranstaltungswoche einsehbar.
          name: Bürgerzentrum Ehrenfeld
          address: Venloer Str. 429
          city: 50825 Köln
-        people:
-          - name: Dominik Fasel (Museumsdienst)
-            email: dominik.fasel@stadt-koeln.de
-            tel: 0221 221 -24083
        details: 'Teilnahme an Eröffnungsfeier nur mit Anmeldung unter: <a href="mailto:dederichs@parisozial-koeln.de">dederichs@parisozial-koeln.de</a>'

      - title: „Gurbet – von der Vergangenheit in die Gegenwart“ – Vernissage
@ -52,47 +44,35 @@ Die Ausstellung ist im Zeitraum vom 29.10. – 12.11. jeweils von Dienstag bis F
          address: Berliner Straße 77
          city: 51063 Köln Mülheim

-  - heading: Dienstag 26.10
+  - heading: Dienstag 26. Oktober
    events:
-      - time: "11:00"
+      - time: "11:00 Uhr"
        title: Stadtführung „Das türkische Köln“ mit Söhret Gök
        description: „Was waren und sind wichtige Orte für die türkisch-stämmige Community Kölns, wie haben sie die Stadt geprägt und was bedeutet türkisch-kölsches Leben heute?“ Eine Spurensuche mit Şöhret Gök im Rahmen der Kulturwanderung „Köln Alla Turca“ gibt Antworten. 
        location:
          name: Start Rathaus Gürzenich
-        people: 
-          - name: "
-01/3 - Frau Ute Dreiocker,
-Büro für europäische und internationale Angelegenheiten
-
-Unter Goldschmied 6,
-50667 Köln
-"
        details: Geschlossene Veranstaltung

-  - heading: Mittwoch 27.10
+  - heading: Mittwoch 27. Oktober
    events:
-      - time: "11:00"
+      - time: "11:00 Uhr"
        title: Stadtführung Keupstraße mit Peter Bach
        description: Eine Führung durch die Keupstraße gibt interessante Einblicke in die Lebenswelten der Migration.
        location: 
          name: Keupstraße / Ecke Schanzenstraße
          city: Köln Mülheim
        organiser: Eine Veranstaltung der AWO Bezirksverband Mittelrhein e.V.
-        details: Anmeldung unter <a href="mailto:nuran.kancok@awo-mittelrhein.de">nuran.kancok@awo-mittelrhein.de</a>, maximal 25 TN.
+        details: Anmeldung unter <a href="mailto:nuran.kancok@awo-mittelrhein.de">nuran.kancok@awo-mittelrhein.de</a> (maximal 25 TN)

-      - time: 13:00 – 17:00
+      - time: 13:00 bis 17:00 Uhr
        title: „ALMANYA – Ich bin da“ – interaktive Begegnungen 
        description: Menschen der ersten und zweiten Generation stellen sich über Videos, Fotos und persönliche Gespräche vor. Sie teilen ihre Erinnerung und ihre Geschichten und laden Sie ein, mit ihnen in den Dialog zu gehen. 
        organiser: Eine Veranstaltung des Vingster Treffs (Interkulturelles Zentrum)
        location: 
          name: Online
-        people: 
-          - name: Gülistan Çaçan
-            email: g.cacan@soziales-koeln.de
-            tel: 0221- 875485
        details: Anmeldung erforderlich unter <a href="mailto:vingstertreff@soziales-koeln.de">vingstertreff@soziales-koeln.de</a>

-      - time: "15:00"
+      - time: "15:00 Uhr"
        title: 'Festakt: „Wir riefen Arbeitskräfte, und es kamen Menschen“ Max Frisch ‘’Biz iş gücü çağırdık ve insanlar geldi’’ Max Frisch'
        description: "Festakt anlässlich von 60 Jahren Anwerbeabkommen zwischen der Türkei und Deutschland.

@ -102,14 +82,10 @@ Die Veranstaltung wird ins Türkische übersetzt.
        location:
          address: Martinstraße 29-37
          city: 50667 Köln Gürzenich
-        people:
-          - name: Stadt Köln in Kooperation mit dem Integrationsrat Köln und DoMID
-            email: susanne.kremer-buttkereit@stadt-koeln.de
-            tel: 0221-221 – 31967
        organiser: 'Eine Veranstaltung der Stadt Köln in Kooperation mit DOMiD e.V. (Dokumentationszentrum und Museum über die Migration in Deutschland)'
        details: Nur geladene Gäste

-      - time: 16:00 – 18:00
+      - time: 16:00 bis 18:00 Uhr
        title: „Geschichten in und aus der Migrationsgesellschaft“ – Türkisch – Deutsche Literaturlesung
        description: Mitglieder der Literaturgruppe von Interkultur e.V. lesen aus dem Buch „Geschichten in und aus der Migrationsgesellschaft (1., 2., 3. Generation)“. Musikalische Begleitung durch Erdal Şahin
        organiser: Eine Veranstaltung von Interkultur e.V. und der Stadtbibliothek Köln Mülheim 
@ -118,30 +94,9 @@ Die Veranstaltung wird ins Türkische übersetzt.
          place: Bezirksrathaus Mülheim
          address: Wiener Platz 2a
          city: 51065 Köln
-        people:
-          - name: Maria.Töws
-            email: j.kollmann@interkultur-ev.net
-            tel: 0221 - 95790186
        details: Anmeldung erforderlich unter <a href="mailto:j.kollmann@interkultur-ev.net">j.kollmann@interkultur-ev.net</a>

-      - time: 17:00 – 20:00
-        title: "Motoren der Wirtschaft: Arbeitskräfte mit dem der Wohlstand gewonnen wurde"
-        description: Eine Veranstaltung, die sich mit den Herausforderungen der Vergangenheit und Gegenwart auf dem Arbeitsmarkt auseinandersetzt.
-        organiser: Eine Veranstaltung der Stadt Köln, der Handwerkskammer zu Köln, der Industrie und Handelskammer Köln und von KölnBusiness Wirtschaftsförderung GMBH.
-        location:
-          name: Hans-Langemann Saal Handwerkskammer zu Köln
-          address: Heumarkt 12
-          city: 50667 Köln
-        people:
-          - name: Fr. Kremer-Buttkereit (Stadt Köln)
-            email: susanne.kremer-buttkereit@stadt-koeln.de
-          - name: Fr. Ekinci (Stadt Köln)
-            email: elcin.ekinci@stadt-koeln.de
-          - name: Fr. Akpinar (IHK)
-            email: bqn.akpinar@koeln.ihk.de
-        details: Nur geladene Gäste
-
-      - time: 20:00 – 22:00
+      - time: 20:00 bis 22:00 Uhr
        title: „Gastfrau- Zwischen Heim und Weh“ – eine Theaterperformance in Deutsch und Türkisch
        organiser: Eine Veranstaltung des Kulturbunkers Mülheim
        description: "Eine dokumentarische Theaterperformance auf der Grundlage von Interviews mit Frauen der damaligen Aufnahmegesellschaft und den zugewanderten Frauen.
@ -158,9 +113,9 @@ Die Veranstaltung wird ins Türkische übersetzt.
          city: 50667 Köln
        details: Eintritt auf Spendenbasis 

-  - heading: Donnerstag 28.10
+  - heading: Donnerstag 28. Oktober
    events:
-      - time: 15:00 – 17:00
+      - time: 15:00 bis 17:00 Uhr
        title: „Gurbet – von der Vergangenheit in die Gegenwart“ – Vernissage & Biografien Ausstellung
        organiser: Eine Veranstaltung von Interkultur e.V. 
        description: "„Gastarbeitende“ und ihren Familienangehörigen der ersten, zweiten und dritten Generation. 
@ -172,26 +127,17 @@ Ausstellung zu intergenerative Biografien, sowie ein Kurzfilm.
          name: Interkultur e.V.
          address: Berliner Straße 77
          city: 51063 Köln Mülheim
-        people:
-          - name: Interkultur e.V.,  Julia Kollmann
-            email: j.kollmann@interkultur-ev.net
-            tel: 0221 - 95790186
        details: Vernissage (geschlossene Veranstaltung), Öffentliche Ausstellung vom 29.10 – 12.11

-      - time: 18:00 – 20:00
+      - time: 18:00 bis 20:00 Uhr
        title: "Fordstreik 1973 – Der Kampf um die Mark und um Würde"
        organiser: Eine Veranstaltung des Integrationsrates Köln und dem Kommunalen Integrationszentrum
        description: Der erste größere Arbeitskampf in der Bundesrepublik Deutschland, der vor allem von türkischen Arbeitnehmer*innen im Kölner Werk des Autoherstellers Ford im August 1973 getragen wurde. 
        location:
          name: VHS Forum / Stadtteilbibliothek Mülheim DGB Haus
-        people: 
-          - name: Fr. Ekinci (Stadt Köln)
-            email: elcin.ekinci@stadt-koeln.de 
-          - name: Andreas Vetter (Integrationsrat der Stadt Köln) 
-            email: andreas.vetter@stadt-koeln.de
        details: Anmeldung erforderlich unter <a href="https://www.ki-koeln.de/events/registration/event/fordstreik-1973">https://www.ki-koeln.de/events/registration/event/fordstreik-1973</a>

-      - time: ab 18:00
+      - time: ab 18:00 Uhr
        title: Filmvorführung "Gleis 11" und Talkrunde
        organiser: Eine Veranstaltung des Integrationsrates Köln in Kooperation mit dem Filmforum NRW e.V. und dem Kommunalen Integrationszentrum Köln.
        description: "Unerzählte Geschichten einer Generation, die längst ein Teil Deutschlands ist und deutsche Geschichte mitgeschrieben hat. Sechs Perspektiven über die ersten Jahre in einer neuen Heimat, über Einsamkeit, Hoffnungen, Träume und Ängste. 
@ -203,12 +149,9 @@ Ausstellung zu intergenerative Biografien, sowie ein Kurzfilm.
          name: Filmforum Museum Ludwig 
          address: Bischofsgartenstraße 1
          city: 50667 Köln
-        people: 
-          - name: Eine Veranstaltung des Integrationsrates Köln in Kooperation mit dem Filmforum NRW e.V. im Museum Ludwig und dem Amt für Integration und Vielfalt
-            email: neslihan.arikan@stadt-koeln.de
        details: Anmeldung erforderlich (über KI Website)

-      - time: ab 18:00
+      - time: ab 18:00 Uhr
        title: Literarturlesung und Performance „Songs of Gastarbeiter“
        organiser: Eine Veranstaltung des Kommunalen Integrationszentrums Köln und des Literaturhauses Köln 
        description: "
@ -220,19 +163,11 @@ Im Anschluss an Lesung und Gespräch tritt die Gruppe „Songs of Gastarbeiter
        location:
          name: Literaturhaus Köln, Kulturbunker Mülheim
          city: Köln Mülheim
-        people:
-          - name: Amtes für Integration und Vielfalt
-          - name: Kulturamt der Stadt Köln
-          - name: Kulturbunker Köln Mülheim
-          - name: Neslihan Arikan
-            email: neslihan.arikan@stadt-koeln.de
-          - name: Sevgi Demirkaya
-            email: sevgi.demirkaya@kulturbunker-muelheim.de
        details: Anmeldung erforderlich unter <a href="https://www.ki-koeln.de/events/registration/event/literarturlesung-und-konzert-songs-of-gastarbeiter">https://www.ki-koeln.de/events/registration/event/literarturlesung-und-konzert-songs-of-gastarbeiter</a>

-  - heading: Freitag 29.10
+  - heading: Freitag 29. Oktober
    events:
-      - time: 18:30 – 22:00
+      - time: 18:30 bis 22:00 Uhr
        title: Theateraufführung „Ich bin ein Gastarbeiterkind“ – Das Fest
        organiser: Eine Veranstaltung des Kommunalen Integrationszentrums Köln, des Kulturamtes der Stadt Köln und des Kulturbunkers Köln-Mülheim.
        description: "Acht Menschen treffen sich, essen, trinken, erzählen, weinen, schweigen, lachen und tanzen miteinander. In ihrer Unterschiedlichkeit haben sie etwas gemeinsam, ähnliche Erfahrungen in ihrer Kindheit als Kinder von Gastarbeitern (‚Kofferkinder‘) welche sie bis heute stark geprägt haben. Ich bin ein Gastarbeiterkind“ beschäftigt sich mit den menschlichen Wunden und Traumata von Migrantenkindern."
@ -242,9 +177,9 @@ Im Anschluss an Lesung und Gespräch tritt die Gruppe „Songs of Gastarbeiter
          city: 51063 Köln Mülheim
        details: Anmeldung erforderlich (über KI Webseite)

-  - heading: Samstag 30.10
+  - heading: Samstag 30. Oktober
    events:
-      - time: "16:00"
+      - time: "16:00 Uhr"
        title: Hört uns doch bitte einmal zu… 
        organiser: Eine Veranstaltung des Integrationsrates Köln und der IG Keupstraße
        description: "Gesprächsrunde mit ‚Vätern und Müttern‘ der Keupstraße aus der 1. Generation.
@ -255,7 +190,7 @@ Moderation Kutlu Yurtseven
        location:
          name: Keupstraße

-      - time: ab 18:30
+      - time: ab 18:30 Uhr
        title: Preisverleihung zum Literaturwettbewerb „60 Jahre Einwanderung aus der Türkei – Neue Hoffnungen“ (Nesli)
        description: "
 Der Literaturwettbewerb verfolgt das Ziel, Geschehnisse und Erlebnisse aus der Migration und dem Leben in Deutschland durch vielfältige Perspektiven literarisch zu beleuchten. Die eingereichten Geschichten und Gedichte sollen nicht zuletzt auch als Überlieferung an die nächsten Generationen dienen. 
@ -267,11 +202,5 @@ Der Literaturwettbewerb verfolgt das Ziel, Geschehnisse und Erlebnisse aus der M
          name: Wallraf-Richartz-Museum / Stiftersaal
          address: Obermarspforten 40
          city: 50667 Köln
-        people:
-          - name: Integrationsrat der Stadt Köln
-          - name: Neslihan Arikan
-            email: neslihan.arikan@stadt-koeln.de
-          - name: Dünya Verlag
-            email: info@dunya-verlag.de
        details: Anmeldung erforderling (je nach aktueller Regelung)