extends /template.pug

block vars
  - const title = 'Unser Media Kit'
  - 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 Logo quadratisch, invertiert
        a.logo.logo-square.inverted(href=assetPath("/img/media/einundzwanzig-square-inverted.svg") target="_blank")
          img(src=assetPath("/img/media/einundzwanzig-square-inverted.svg") alt="Logo quadratisch, invertiert")

      article
        h2 Logo horizontal, invertiert
        a.logo.logo-horizontal.inverted(href=assetPath("/img/media/einundzwanzig-horizontal-inverted.svg") target="_blank")
          img(src=assetPath("/img/media/einundzwanzig-horizontal-inverted.svg") alt="Logo horizontal, invertiert")

      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
        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 Präsentationsvorlage
        a(href="https://github.com/Einundzwanzig-Podcast/slides" target="_blank")
          img(src=assetPath("/img/media/einundzwanzig-slides.png") alt="Einundzwanzig Slide-Vorlage")

      article
        h2 Meetup Flyer Vorlage
        p
          = "Von "
          a(href="https://twitter.com/Niklvs03/status/1459629529731903495?s=20" target="_blank" rel="noopener noreferrer") SATNIK
          = ": "
          a(href="https://drive.google.com/file/d/1FUv7WfCgwOp-5aAB3gPl_hSPEm3eXkmH/view" target="_blank" rel="noopener noreferrer") Photoshop
          = " und "
          a(href="https://www.canva.com/design/DAEvn3g1ycs/cJ-4MfDZBvLHZN3SKRu5Cg/view?utm_content=DAEvn3g1ycs&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton&mode=preview" target="_blank" rel="noopener noreferrer") Canva
        img.flyer(src=assetPath("/img/media/einundzwanzig-meetup-flyer-preview.jpg") alt="Einundzwanzig Meetup Flyer Vorlage")

      article
        h2 Wallpaper
        a.wallpaper(href=assetPath("/img/media/einundzwanzig-wallpaper.png") target="_blank")
          img(src=assetPath("/img/media/einundzwanzig-wallpaper-preview.jpg") alt="Wallpaper")

        a.wallpaper(href=assetPath("/img/media/einundzwanzig-wallpaper-owl.png") target="_blank")
          img(src=assetPath("/img/media/einundzwanzig-wallpaper-owl-preview.jpg") alt="Wallpaper Meetup OWL")

        a.wallpaper(href=assetPath("/img/media/einundzwanzig-wallpaper-benrath.png") target="_blank")
          img(src=assetPath("/img/media/einundzwanzig-wallpaper-benrath-preview.jpg") alt="Wallpaper Meetup Düsseldorf")

        each i in [1, 2, 3, 4, 5]
          a.wallpaper(href=assetPath(`/img/media/einundzwanzig-wallpaper-dezentralschweiz-0${i}.jpg`) target="_blank")
            img(src=assetPath(`/img/media/einundzwanzig-wallpaper-dezentralschweiz-0${i}-preview.jpg`) alt=`Wallpaper Meetup Schweiz ${1}`)

        p
          a(href="https://drive.google.com/drive/folders/1SWZfGja8DoYuXsV5shCPm67Bthgmgtl2" target="_blank" rel="noopener noreferrer"

          ) Weitere 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.nostrtalk #A915FF
          li.interview #151515

      article
        h2 Dokumente
        ul
          li: a(href="/files/EINUNDZWANZIG-WhatWorkedForUs.pdf") What Worked For Us