From 883fc50ae2e2d4907c88085b70825e05d3e32f81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20B=C3=A4dorf?= <hello@benjaminbaedorf.eu>
Date: Tue, 5 Oct 2021 14:39:12 +0200
Subject: [PATCH] Add impressum page

---
 _includes/footer.njk          |  3 +++
 _includes/layouts/default.njk |  1 +
 datenschutz/index.yml         | 30 ++++++++++++++++++++++++++++++
 impressum/index.yml           | 21 +++++++++++++++++++++
 styles.css                    | 27 ++++++++++++++++++++++++++-
 5 files changed, 81 insertions(+), 1 deletion(-)
 create mode 100644 _includes/footer.njk
 create mode 100644 datenschutz/index.yml
 create mode 100644 impressum/index.yml

diff --git a/_includes/footer.njk b/_includes/footer.njk
new file mode 100644
index 0000000..71ef15b
--- /dev/null
+++ b/_includes/footer.njk
@@ -0,0 +1,3 @@
+<footer class="footer">
+  <a href="/impressum" class="footer-link">Impressum</a>
+</footer>
diff --git a/_includes/layouts/default.njk b/_includes/layouts/default.njk
index defb9ca..678472e 100644
--- a/_includes/layouts/default.njk
+++ b/_includes/layouts/default.njk
@@ -55,5 +55,6 @@ article: null
       {% include "downloads.njk" %}
     {% endif %}
 
+    {% include "footer.njk" %}
   </body>
 </html>
diff --git a/datenschutz/index.yml b/datenschutz/index.yml
new file mode 100644
index 0000000..77ba0da
--- /dev/null
+++ b/datenschutz/index.yml
@@ -0,0 +1,30 @@
+layout: layouts/default.njk
+
+extraStylesheets:
+  - /downloads.css
+
+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).
+
+    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. 
+
+    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:
+  - name: Unterrichts&shy;material Deutsch
+    location: /unterricht/docs/60 Jahre Anwerbeabkommen, Unterrichtsmaterial Deutsch.pdf
+  - name: Unterrichts&shy;material Geschichte
+    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 Praktische Philosophie
+    location: /unterricht/docs/60 Jahre Anwerbeabkommen, Unterrichtsmaterial Praktische Philosophie.pdf
diff --git a/impressum/index.yml b/impressum/index.yml
new file mode 100644
index 0000000..207482c
--- /dev/null
+++ b/impressum/index.yml
@@ -0,0 +1,21 @@
+layout: layouts/default.njk
+
+title: Impressum
+
+article: "
+## Anbieterkennzeichnung nach § 5 Telemediengesetz
+
+Stadt Köln<br>
+Die Oberbürgermeisterin<br>
+Henriette Reker<br>
+Historisches Rathaus<br>
+50667 Köln-Innenstadt<br>
+
+
+Telefon: [0221 / 221-0](tel:+492212210)<br>
+Telefax: 0221 / 221-22211<br>
+[E-Mail an die Stadtverwaltung](mailto:stadtverwaltung@stadt-koeln.de)
+
+
+Umsatzsteuer-Identifikationsnummer: DE122790626
+"
diff --git a/styles.css b/styles.css
index bf4606a..29459a6 100644
--- a/styles.css
+++ b/styles.css
@@ -26,7 +26,7 @@
     font-size: 24px;
     display: grid;
     grid-template-columns: auto 1fr;
-    grid-template-rows: auto auto auto auto;
+    grid-template-rows: auto auto auto auto auto;
     --side-padding: 10vw;
   }
 }
@@ -196,3 +196,28 @@
     grid-row-end: 3;
   }
 }
+
+.footer {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 3rem var(--side-padding);
+}
+
+.footer-link {
+  text-decoration: none;
+}
+
+.footer-link:hover {
+  text-decoration: underline;
+}
+
+@media screen and (min-width: 768px) {
+  .footer {
+    grid-column-start: 1;
+    grid-column-end: 3;
+    grid-row-start: 4;
+    grid-row-end: 5;
+  }
+}