Add cover templates

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 {

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