diff --git a/src/css/sections/media.css b/src/css/sections/media.css index e4febf32ded..4a77e0fe50e 100644 --- a/src/css/sections/media.css +++ b/src/css/sections/media.css @@ -1,16 +1,14 @@ #media { + & article + article { + margin-top: var(--space-xl); + } + & .logo { display: inline-block; - margin: var(--space-m) 0 var(--space-xl); max-width: 100%; background: #FFF; border-radius: var(--space-s); padding: var(--space-m); - - & img { - display: block; - width: 100%; - } } & .logo-square { @@ -21,6 +19,11 @@ width: 21em; } + & img { + display: block; + width: 100%; + } + & .colors { display: flex; flex-wrap: wrap; @@ -52,6 +55,11 @@ } } + & .telegram { + display: inline-block; + width: 9em; + } + & .wallpaper { display: inline-block; max-width: 21em; diff --git a/src/media.pug b/src/media.pug index 68b9ef3accf..286d4e610d6 100644 --- a/src/media.pug +++ b/src/media.pug @@ -9,32 +9,37 @@ block main section h1= title - h2 Logo quadratisch + article + h2 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") - a.logo.logo-square(href=assetPath("/img/media/einundzwanzig-square.svg") target="_blank") - img(src=assetPath("/img/media/einundzwanzig-square.svg") alt="Logo quadratisch") + article + h2 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 Logo horizontal + article + h2 Telegram Vorlage Gruppenbild + a.telegram(href=assetPath("/img/media/einundzwanzig-telegram.png") target="_blank") + img(src=assetPath("/img/media/einundzwanzig-telegram.png") alt="Telegram") - a.logo.logo-horizontal(href=assetPath("/img/media/einundzwanzig-horizontal.svg") target="_blank") - img(src=assetPath("/img/media/einundzwanzig-horizontal.svg") alt="Logo horizontal") + article + h2 Wallpaper + a.wallpaper(href=assetPath("/img/media/einundzwanzig-wallpaper.png") target="_blank") + img(src=assetPath("/img/media/einundzwanzig-wallpaper.png") alt="Wallpaper") - h2 Schriften + article + h2 Schriften + 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 - 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 - - ul.colors - 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") + article + h2 Farben + ul.colors + li.orange #F7931A + li.derweg #00B4CF + li.interview #151515 diff --git a/static/img/media/einundzwanzig-telegram.png b/static/img/media/einundzwanzig-telegram.png new file mode 100644 index 00000000000..798dcc4fc10 Binary files /dev/null and b/static/img/media/einundzwanzig-telegram.png differ