diff --git a/src/css/sections/media.css b/src/css/sections/media.css index 4a77e0fe50e..037cfc0fea1 100644 --- a/src/css/sections/media.css +++ b/src/css/sections/media.css @@ -19,6 +19,14 @@ width: 21em; } + & .cover { + display: inline-block; + width: 9em; + max-width: 100%; + margin: 0 var(--space-l) var(--space-l) 0; + border-radius: var(--space-s); + } + & img { display: block; width: 100%; @@ -39,7 +47,7 @@ flex: 0 0 6em; height: 6em; border-radius: 50%; - margin: 0 1em 1em 0; + margin: 0 var(--space-l) var(--space-l) 0; } & .orange { diff --git a/src/media.pug b/src/media.pug index d20b4d0d112..3d936276c1f 100644 --- a/src/media.pug +++ b/src/media.pug @@ -24,6 +24,14 @@ block main a.telegram(href=assetPath("/img/media/einundzwanzig-telegram.png") target="_blank") img(src=assetPath("/img/media/einundzwanzig-telegram.png") alt="Telegram") + article + h2 Cover Vorlage + a.cover(href=assetPath("/img/media/einundzwanzig-cover-interview.png") target="_blank") + img(src=assetPath("/img/media/einundzwanzig-cover-interview.png") alt="Cover Interview") + + a.cover(href=assetPath("/img/media/einundzwanzig-cover-lesestunde.png") target="_blank") + img(src=assetPath("/img/media/einundzwanzig-cover-lesestunde.png") alt="Cover Lesestunde") + article h2 Wallpaper a.wallpaper(href=assetPath("/img/media/einundzwanzig-wallpaper.png") target="_blank") diff --git a/static/img/media/einundzwanzig-cover-interview.png b/static/img/media/einundzwanzig-cover-interview.png new file mode 100644 index 00000000000..bade024d283 Binary files /dev/null and b/static/img/media/einundzwanzig-cover-interview.png differ diff --git a/static/img/media/einundzwanzig-cover-lesestunde.png b/static/img/media/einundzwanzig-cover-lesestunde.png new file mode 100644 index 00000000000..4b7f852be00 Binary files /dev/null and b/static/img/media/einundzwanzig-cover-lesestunde.png differ