Initial version of events page
This commit is contained in:
parent
504e821cfa
commit
9c9a250704
66
events.css
Normal file
66
events.css
Normal file
|
|
@ -0,0 +1,66 @@
|
||||||
|
.event-day {
|
||||||
|
border-top: 7px solid var(--border);
|
||||||
|
margin-top: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-day-heading {
|
||||||
|
padding: 30px 20px;
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event {
|
||||||
|
border-top: 3px solid var(--border);
|
||||||
|
margin-left: 20px;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 345px 1fr;
|
||||||
|
grid-template-rows: auto auto auto auto 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-time {
|
||||||
|
grid-column-start: 1;
|
||||||
|
grid-column-end: 3;
|
||||||
|
grid-row-start: 1;
|
||||||
|
grid-row-end: 2;
|
||||||
|
}
|
||||||
|
.event-title {
|
||||||
|
grid-column-start: 1;
|
||||||
|
grid-column-end: 3;
|
||||||
|
grid-row-start: 2;
|
||||||
|
grid-row-end: 3;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.event-description {
|
||||||
|
grid-column-start: 2;
|
||||||
|
grid-column-end: 3;
|
||||||
|
grid-row-start: 4;
|
||||||
|
grid-row-end: 6;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.event-location {
|
||||||
|
grid-column-start: 1;
|
||||||
|
grid-column-end: 2;
|
||||||
|
grid-row-start: 4;
|
||||||
|
grid-row-end: 5;
|
||||||
|
}
|
||||||
|
.event-people {
|
||||||
|
grid-column-start: 1;
|
||||||
|
grid-column-end: 2;
|
||||||
|
grid-row-start: 5;
|
||||||
|
grid-row-end: 6;
|
||||||
|
}
|
||||||
|
.event-details {
|
||||||
|
grid-column-start: 1;
|
||||||
|
grid-column-end: 3;
|
||||||
|
grid-row-start: 3;
|
||||||
|
grid-row-end: 4;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-location,
|
||||||
|
.event-people,
|
||||||
|
.event-details {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
line-height: 1.2rem;
|
||||||
|
}
|
||||||
1
img/bg-pattern.svg
Normal file
1
img/bg-pattern.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 39 KiB |
14
styles.css
14
styles.css
|
|
@ -8,12 +8,17 @@ body {
|
||||||
line-height: 2em;
|
line-height: 2em;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
--primary: #D02424;
|
--primary: #D02424;
|
||||||
--navigation-font: #ffffff;
|
--navigation-font: #ffffff;
|
||||||
--side-padding: 10vw;
|
--side-padding: 10vw;
|
||||||
--max-content-width: 925px;
|
--max-content-width: 925px;
|
||||||
padding: 0;
|
--border: #707070;
|
||||||
margin: 0;
|
background-image: url(/img/bg-pattern.svg);
|
||||||
|
background-repeat: repeat-y;
|
||||||
|
background-position: right;
|
||||||
|
background-size: 50vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigation {
|
.navigation {
|
||||||
|
|
@ -64,6 +69,7 @@ header {
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
border-bottom: 5px solid var(--primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
header::before {
|
header::before {
|
||||||
|
|
@ -118,3 +124,7 @@ main {
|
||||||
padding-top: 10vh;
|
padding-top: 10vh;
|
||||||
padding-bottom: 10vh;
|
padding-bottom: 10vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
nav + main {
|
||||||
|
margin-top: 20vh;
|
||||||
|
}
|
||||||
|
|
|
||||||
113
veranstaltungen/index.html
Normal file
113
veranstaltungen/index.html
Normal file
|
|
@ -0,0 +1,113 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<title>Veranstaltungen | 60 Jahre Anwerbeabkommen</title>
|
||||||
|
<meta name="theme-color" content="#ffffff" id="theme-color" />
|
||||||
|
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="Keywords" content="">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/styles.css" media="all" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="/events.css" media="all" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav class="navigation">
|
||||||
|
<a href="/" class="logo navigation-link">Logo</a>
|
||||||
|
<ul class="menu">
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="" class="navigation-link">Geschichte</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="" class="navigation-link">Veranstaltungen</a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="" class="navigation-link">Unterrichtsmaterial</a>
|
||||||
|
</li>
|
||||||
|
</nav>
|
||||||
|
<main>
|
||||||
|
<h1>Veranstaltungen</h1>
|
||||||
|
<p>
|
||||||
|
Am 30.10. 2021 jährt sich das bundesdeutsche Anwerbeabkommen mit der Türkei zum sechzigsten Mal. In der Woche vom 26.10. bis 30.10.2021 sind zahlreiche Veranstaltungen geplant, die die Stadt Köln federführend oder als Kooperationspartner ausrichten wird. Auf den folgenden Seiten finden Sie dazu eine kurze Übersicht.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<details open class="event-day">
|
||||||
|
<summary class="event-day-heading">
|
||||||
|
Mittwoch 27.09.
|
||||||
|
</summary>
|
||||||
|
|
||||||
|
<section class="event">
|
||||||
|
<p class="event-time">13:00 – 17:00</p>
|
||||||
|
|
||||||
|
<h1 class="event-title">ALMANYA – Ich bin da</h1>
|
||||||
|
|
||||||
|
<p class="event-description">
|
||||||
|
Interaktive Begegnungsräume mit Video- und Fotoausstellung der ersten und zweiten Generation. Über Videos, Fotos und persönliche Gespräche stellen sich Menschen der ersten und zweiten Generation vor. Sie teilen ihre Erinnerungen und ihre Geschichte und laden Sie ein, mit Ihnen in den Dialog zu gehen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<address class="event-location">
|
||||||
|
Vingster Treff Würzburgerstr. 11a 51103 Köln-Vingst
|
||||||
|
</address>
|
||||||
|
|
||||||
|
<p class="event-people">
|
||||||
|
Ansprechpartner:<br>
|
||||||
|
Gülistan Çaçan<br>
|
||||||
|
g.cacan@soziales-koeln.de<br>
|
||||||
|
0221- 875485
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="event-details">
|
||||||
|
Anmeldung unter
|
||||||
|
<a href="mailto:vingstertreff@soziales-koeln.de">vingstertreff@soziales-koeln.de</a>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
<section class="event">
|
||||||
|
<p class="event-time">16:00 – 18:00</p>
|
||||||
|
|
||||||
|
<h1 class="event-title">Türkisch – Deutsche Literaturlesung</h1>
|
||||||
|
|
||||||
|
<p class="event-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
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<address class="event-location">
|
||||||
|
Stadtteilbibliothek Mülheim<br>
|
||||||
|
Bezirksrathaus Mülheim<br>
|
||||||
|
Wiener Platz 2a<br>
|
||||||
|
51065 Köln
|
||||||
|
</address>
|
||||||
|
|
||||||
|
<p class="event-people">
|
||||||
|
Stadtbibliothek Köln Mülheim + Interkultur e.V.<br>
|
||||||
|
Maria.Töws<br>
|
||||||
|
j.kollmann@interkultur-ev.net<br>
|
||||||
|
0221 - 95790186
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="event-details">Offene Veranstaltung</p>
|
||||||
|
</section>
|
||||||
|
<section class="event">
|
||||||
|
<p class="event-time">17:00 – 20:00</p>
|
||||||
|
|
||||||
|
<h1 class="event-title">Motoren der Wirtschaft: Arbeitskräfte mit dem der Wohlstand gewonnen wurde</h1>
|
||||||
|
|
||||||
|
<p class="event-description">
|
||||||
|
Gemeinsam mit HWK zu Köln, IHK zu Köln, türkischen Generalkonsulat sowie der KölnBusiness Wirtschaftsförderungs-GmbH wird eine Veranstaltung zum Thema Arbeiten unter dem Blickwinkel der Anwerbung der Arbeitnehmer*innen von 1961 bis zur heutigen Situation auf dem Arbeitsmarkt präsentiert und diskutiert.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<address class="event-location">
|
||||||
|
Hans-Langemann Saal HWK zu Köln Heumarkt 12 50667 Köln
|
||||||
|
</address>
|
||||||
|
|
||||||
|
<p class="event-people">
|
||||||
|
Ansprechpartner:<br>
|
||||||
|
Fr. Kremer-Buttkereit (Stadt Köln)<br>
|
||||||
|
susanne.kremer-buttkereit@stadt-koeln.de<br>
|
||||||
|
Fr. Ekinci (Stadt Köln) elcin.ekinci@stadt-koeln.de
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="event-details">Anmeldung erforderlich</p>
|
||||||
|
</section>
|
||||||
|
</details>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue