Add skip-to-content and basic datenschutz and impressum relinks
This commit is contained in:
parent
883fc50ae2
commit
09457cbdd6
|
|
@ -1,3 +1,8 @@
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<a href="/impressum" class="footer-link">Impressum</a>
|
<nav>
|
||||||
|
<ul class="footer-links">
|
||||||
|
<li><a href="/impressum" class="footer-link">Impressum</a></li>
|
||||||
|
<li><a href="/datenschutz" class="footer-link">Datenschutz</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,5 @@
|
||||||
{% if header %}
|
|
||||||
<header class="page-header">
|
<header class="page-header">
|
||||||
<h1 class="page-header-headline">{{ title | safe }}</h1>
|
<h1 class="page-header-headline">{{ title | safe }}</h1>
|
||||||
<p class="page-header-subheadline">{{ header.subheadline | safe }}<p>
|
<p class="page-header-subheadline">{{ header.subheadline | safe }}<p>
|
||||||
<a href="{{ header.headlineCta.link | safe }}" class="page-header-cta">{{ header.headlineCta.text | safe }}</a>
|
<a href="{{ header.headlineCta.link | safe }}" class="page-header-cta">{{ header.headlineCta.text | safe }}</a>
|
||||||
</header>
|
</header>
|
||||||
{% endif %}
|
|
||||||
|
|
|
||||||
|
|
@ -29,11 +29,17 @@ article: null
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</head>
|
</head>
|
||||||
<body class="page">
|
<body class="page">
|
||||||
|
<a href="#skip-to-content" class="skip-to-content">Menü überspringen</a>
|
||||||
|
|
||||||
{% include "navigation.njk" %}
|
{% include "navigation.njk" %}
|
||||||
|
|
||||||
|
<div id="skip-to-content" class="skip-to-content"></div>
|
||||||
|
|
||||||
|
{% if header %}
|
||||||
{% block header %}
|
{% block header %}
|
||||||
{% include "header.njk" %}
|
{% include "header.njk" %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{% if not header %}
|
{% if not header %}
|
||||||
<h1 class="page-title">{{ title | safe }}</h1>
|
<h1 class="page-title">{{ title | safe }}</h1>
|
||||||
|
|
|
||||||
|
|
@ -1,30 +1,10 @@
|
||||||
layout: layouts/default.njk
|
layout: layouts/default.njk
|
||||||
|
|
||||||
extraStylesheets:
|
title: Datenschutz
|
||||||
- /downloads.css
|
|
||||||
|
|
||||||
title: Begleitende Unterrichts­materialien zur Jubiläums­woche „60 Jahre Anwerbe­abkommen der Türkei mit der Bundes­republik Deutschland“
|
article: '
|
||||||
|
Diese Seite wurde vom Kommunalen Kommunikationszentrum Köln entwickelt. Die Datenschutzerklärung finden Sie hier:
|
||||||
|
|
||||||
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.
|
[https://www.ki-koeln.de/datenschutz](https://www.ki-koeln.de/datenschutz)
|
||||||
|
'
|
||||||
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­material Deutsch
|
|
||||||
location: /unterricht/docs/60 Jahre Anwerbeabkommen, Unterrichtsmaterial Deutsch.pdf
|
|
||||||
- name: Unterrichts­material Geschichte
|
|
||||||
location: /unterricht/docs/60 Jahre Anwerbeabkommen, Unterrichtsmaterial Geschichte.pdf
|
|
||||||
- name: Unterrichts­material HSU
|
|
||||||
location: /unterricht/docs/60 Jahre Anwerbeabkommen, Unterrichtsmaterial HSU.pdf
|
|
||||||
- name: Unterrichts­material Politik-Sozialwissenschaft
|
|
||||||
location: /unterricht/docs/60 Jahre Anwerbeabkommen, Unterrichtsmaterial Politik-Sozialwissenschaft.pdf
|
|
||||||
- name: Unterrichts­material Praktische Philosophie
|
|
||||||
location: /unterricht/docs/60 Jahre Anwerbeabkommen, Unterrichtsmaterial Praktische Philosophie.pdf
|
|
||||||
|
|
|
||||||
|
|
@ -2,20 +2,9 @@ layout: layouts/default.njk
|
||||||
|
|
||||||
title: Impressum
|
title: Impressum
|
||||||
|
|
||||||
article: "
|
article: '
|
||||||
## Anbieterkennzeichnung nach § 5 Telemediengesetz
|
Diese Seite wurde vom Kommunalen Kommunikationszentrum Köln entwickelt. Das impressum finden Sie hier:
|
||||||
|
|
||||||
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>
|
[https://www.ki-koeln.de/impressum](https://www.ki-koeln.de/impressum)
|
||||||
Telefax: 0221 / 221-22211<br>
|
'
|
||||||
[E-Mail an die Stadtverwaltung](mailto:stadtverwaltung@stadt-koeln.de)
|
|
||||||
|
|
||||||
|
|
||||||
Umsatzsteuer-Identifikationsnummer: DE122790626
|
|
||||||
"
|
|
||||||
|
|
|
||||||
32
styles.css
32
styles.css
|
|
@ -2,6 +2,10 @@
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
*:focus {
|
||||||
|
outline: 2px dotted blue;
|
||||||
|
}
|
||||||
|
|
||||||
.page {
|
.page {
|
||||||
font-family: 'Overlock', sans-serif;
|
font-family: 'Overlock', sans-serif;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
|
@ -31,6 +35,23 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.skip-to-content {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: auto;
|
||||||
|
z-index: -1;
|
||||||
|
background: white;
|
||||||
|
font-size: 2rem;
|
||||||
|
opacity: 0;
|
||||||
|
padding: 1rem 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skip-to-content:focus {
|
||||||
|
opacity: 1;
|
||||||
|
z-index: 100000;
|
||||||
|
}
|
||||||
|
|
||||||
.page-header {
|
.page-header {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
@ -205,7 +226,18 @@
|
||||||
padding: 3rem var(--side-padding);
|
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 {
|
.footer-link {
|
||||||
|
margin: 0 1rem;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue