diff --git a/src/css/sections/media.css b/src/css/sections/media.css index 875065f1c88..e4febf32ded 100644 --- a/src/css/sections/media.css +++ b/src/css/sections/media.css @@ -21,17 +21,6 @@ width: 21em; } - & .font { - display: block; - margin: var(--space-m) 0; - font-size: var(--font-size-l); - color: inherit; - - &:last-of-type { - margin-bottom: var(--space-xxl); - } - } - & .colors { display: flex; flex-wrap: wrap; @@ -62,4 +51,14 @@ background: var(--color-interview); } } + + & .wallpaper { + display: inline-block; + max-width: 21em; + + & img { + display: block; + width: 100%; + } + } } diff --git a/src/media.pug b/src/media.pug index 1ce3c1355e2..68b9ef3accf 100644 --- a/src/media.pug +++ b/src/media.pug @@ -11,19 +11,21 @@ block main h2 Logo quadratisch - a.logo.logo-square(href=assetPath("/img/einundzwanzig-square.svg") target="_blank") - img(src=assetPath("/img/einundzwanzig-square.svg") alt="Logo quadratisch") + a.logo.logo-square(href=assetPath("/img/media/einundzwanzig-square.svg") target="_blank") + img(src=assetPath("/img/media/einundzwanzig-square.svg") alt="Logo quadratisch") h2 Logo horizontal - a.logo.logo-horizontal(href=assetPath("/img/einundzwanzig-horizontal.svg") target="_blank") - img(src=assetPath("/img/einundzwanzig-horizontal.svg") alt="Logo horizontal") + a.logo.logo-horizontal(href=assetPath("/img/media/einundzwanzig-horizontal.svg") target="_blank") + img(src=assetPath("/img/media/einundzwanzig-horizontal.svg") alt="Logo horizontal") h2 Schriften - a.font.font-bold(href="https://www.dafont.com/the-bold-font.font" target="_blank") Logo: The Bold Font - - a.font.font-inconsolata(href="https://fonts.google.com/specimen/Inconsolata" target="_blank") Copy: Inconsolata + ul.fonts + li.font-bold + a(href="https://www.dafont.com/the-bold-font.font" target="_blank") Logo: The Bold Font + li.font-inconsolata + a(href="https://fonts.google.com/specimen/Inconsolata" target="_blank") Copy: Inconsolata h2 Farben @@ -31,3 +33,8 @@ block main li.orange #F7931A li.derweg #00B4CF li.interview #151515 + + h2 Wallpaper + + a.wallpaper(href=assetPath("/img/media/einundzwanzig-wallpaper.png") target="_blank") + img(src=assetPath("/img/media/einundzwanzig-wallpaper.png") alt="Wallpaper") diff --git a/static/img/einundzwanzig-horizontal.svg b/static/img/media/einundzwanzig-horizontal.svg similarity index 100% rename from static/img/einundzwanzig-horizontal.svg rename to static/img/media/einundzwanzig-horizontal.svg diff --git a/static/img/einundzwanzig-square.svg b/static/img/media/einundzwanzig-square.svg similarity index 100% rename from static/img/einundzwanzig-square.svg rename to static/img/media/einundzwanzig-square.svg diff --git a/static/img/media/einundzwanzig-wallpaper.png b/static/img/media/einundzwanzig-wallpaper.png new file mode 100644 index 00000000000..b8e55910640 Binary files /dev/null and b/static/img/media/einundzwanzig-wallpaper.png differ