Second online version

This commit is contained in:
Benjamin Bädorf 2021-09-27 00:53:08 +02:00
parent c044be397d
commit 93798a43c9
No known key found for this signature in database
GPG key ID: 4406E80E13CD656C
12 changed files with 44 additions and 10 deletions

View file

@ -8,8 +8,9 @@ const site = lume({}, { markdown });
site.use(postcss()); site.use(postcss());
site.loadAssets([ site.loadAssets([
".svg",
".png", ".png",
".jpg",
".svg",
".pdf", ".pdf",
]); ]);

View file

@ -1,7 +1,7 @@
{% if header %} {% if header %}
<header class="page-header"> <header class="page-header">
<h1 class="page-header-headline">{{ title }}</h1> <h1 class="page-header-headline">{{ title | safe }}</h1>
<p class="page-header-subheadline">{{ header.subheadline }}<p> <p class="page-header-subheadline">{{ header.subheadline | safe }}<p>
<a href="{{ header.headlineCta.link }}" class="page-header-cta">{{ header.headlineCta.text }}</a> <a href="{{ header.headlineCta.link | safe }}" class="page-header-cta">{{ header.headlineCta.text | safe }}</a>
</header> </header>
{% endif %} {% endif %}

View file

@ -1,9 +1,17 @@
<nav class="navigation"> <nav class="navigation">
<a href="/" class="logo navigation-link">Logo</a> <a href="/" class="logo navigation-link">
<img
class="logo-image"
src="/img/logo.png"
alt="Unser Logo"
/>
</a>
<ul class="menu"> <ul class="menu">
{#
<li class="menu-item"> <li class="menu-item">
<a href="/geschichte" class="navigation-link">Geschichte</a> <a href="/geschichte" class="navigation-link">Geschichte</a>
</li> </li>
#}
<li class="menu-item"> <li class="menu-item">
<a href="/veranstaltungen" class="navigation-link">Veranstaltungen</a> <a href="/veranstaltungen" class="navigation-link">Veranstaltungen</a>
</li> </li>

View file

@ -31,6 +31,7 @@
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
background-color: var(--primary); background-color: var(--primary);
border-radius: 5px;
height: auto; height: auto;
} }
@media screen and (min-width: 1400px) { @media screen and (min-width: 1400px) {

BIN
img/header-1024.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 165 KiB

BIN
img/header-1920.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 422 KiB

BIN
img/header-full.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 MiB

BIN
img/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9 KiB

View file

@ -44,6 +44,8 @@
color: var(--primary-font); color: var(--primary-font);
text-decoration: none; text-decoration: none;
padding: 12px 24px; padding: 12px 24px;
display: flex;
align-items: center;
} }
.logo { .logo {
@ -53,6 +55,10 @@
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
} }
.logo-image {
height: 35px;
}
.menu { .menu {
list-style: none; list-style: none;
display: flex; display: flex;
@ -73,9 +79,9 @@
.page-header { .page-header {
height: 100vh; height: 100vh;
justify-content: center; justify-content: center;
background-image: url(/img/header.png); background-image: url(/img/header-1024.jpg);
background-size: cover; background-size: cover;
background-position: center; background-position: bottom right;
background-repeat: no-repeat; background-repeat: no-repeat;
position: relative; position: relative;
border-bottom: 5px solid var(--primary); border-bottom: 5px solid var(--primary);
@ -84,12 +90,25 @@
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.page-header { .page-header {
grid-column-start: 1; grid-column-start: 1;
grid-column-end: 2; grid-column-end: 3;
grid-row-start: 1; grid-row-start: 1;
grid-row-end: 2; grid-row-end: 2;
} }
} }
@media screen and (min-width: 1025px) {
.page-header {
background-image: url(/img/header-1920.jpg);
background-position: center;
}
}
@media screen and (min-width: 1921px) {
.page-header {
background-image: url(/img/header-full.jpg);
}
}
.page-header::before { .page-header::before {
content: ''; content: '';
display: block; display: block;
@ -124,6 +143,10 @@
text-decoration: none; text-decoration: none;
} }
.page-header-cta:hover {
text-decoration: underline;
}
.page-header, .page-header,
.page-main { .page-main {
width: 100%; width: 100%;
@ -159,7 +182,8 @@
padding-right: var(--side-padding); padding-right: var(--side-padding);
} }
.navigation + .page-title { .navigation + .page-title,
.page-header + .page-main {
margin-top: 20vh; margin-top: 20vh;
} }

View file

@ -3,7 +3,7 @@ layout: layouts/default.njk
extraStylesheets: extraStylesheets:
- /downloads.css - /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“ S 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: " 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).