extends /template.pug

block vars
  - const title = 'Media'
  - const description = 'Damit wir mal groß und berühmt werden, kannst du dieses Media Kit gerne nutzen, um allen von uns zu erzählen.'

block main
  #media.wrap
    section
      h1= title

      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")

      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")

      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")

      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")
          img(src=assetPath("/img/media/einundzwanzig-wallpaper-preview.png") alt="Wallpaper")

      article
        h2 Schriften
        ul.fonts
          li.font-bold
            a(href="https://www.dafont.com/the-bold-font.font" target="_blank" rel="nofollow noopener") Logo: The Bold Font
          li.font-inconsolata
            a(href="https://fonts.google.com/specimen/Inconsolata" target="_blank" rel="nofollow noopener") Copy: Inconsolata

      article
        h2 Farben
        ul.colors
          li.orange #F7931A
          li.derweg #00B4CF
          li.interview #151515