From e2d917d7b402ad1c71b0a5d64d67b93af2eb6f6c Mon Sep 17 00:00:00 2001
From: Andre Beging <github@beging.de>
Date: Tue, 18 Aug 2020 10:37:19 +0200
Subject: [PATCH] Quick redesign merch

---
 content/merch.md | 160 +++++++++++++++++------------------------------
 1 file changed, 59 insertions(+), 101 deletions(-)

diff --git a/content/merch.md b/content/merch.md
index f7b39eb..4e4313d 100644
--- a/content/merch.md
+++ b/content/merch.md
@@ -6,28 +6,12 @@ date: '2020-02-18'
 <div class="center-container">
     <div style="width: 100%;max-width: 600px;">
         <p>
-Es wird Merch geben.
-
-Nach der Bestellung teilt dir Andi per E-Mail deine Zahlungsdetails mit. Es gilt das Prinzip der **Vorkasse**, der offene Betrag muss bis zum **31. Juli 2020** beglichen sein.
-Bitte habt Verständnis, dass die Finanzen von der Anmeldung getrennt von denen der Mechandise-Bestellung behandelt werden.
-
-<p style="display: flex;">
-    Nachfragen zu Merch:&nbsp;<img src="../assets/abmail.png" />
-</p>
-
-Die Bestellung bringen wir euch zum Wochenende mit.
+            Die Bestellungen 2020 bringen wir euch zum Wochenende mit.<br />Vorbestellungen sind wieder ab Frühjahr 2021 möglich.
         </p>
     </div>
 </div>
 
 <hr />
-<div class="center-container">
-
-Das Formular für Merchandise ist geschlossen.<br />
-Wer bestellt hat, bekommt seine Sachen auf dem Wochenende.<br />
-Noch nicht bezahlt? Melde dich schleunigst bei Andi! (E-Mail weiter oben)
-
-</div>
 
 <div class="center-container">
     <form class="form" method="GET" style="display: none;" action="https://ssl.webpack.de/beging.de/form/write/ddwe-merch">
@@ -99,87 +83,61 @@ Noch nicht bezahlt? Melde dich schleunigst bei Andi! (E-Mail weiter oben)
     </form> 
 </div>
 
-<div class="center-container">
-
-# T-Shirt
-</div>
-
-<div class="center-container">
-    15,00 EUR / Stück
-</div>
-<div class="center-container">
-    Vorne im klassischen &lt;DD&gt;-Design
-</div>
-<div class="center-container">
-    Hinten mit tollem Überraschungsmotiv
-</div>
-<div class="center-container">
-    B&C Herren in Premiumqualität
-</div>
-
-<div class="center-container mt-25">
-    <img src="../assets/shirt.png" style="width: 100%; max-width: 350px;">
-</div>
-
-<!----- -------->
-
-<div class="center-container">
-
-# Bierkrug
-</div>
-
-<div class="center-container">
-    14,00 EUR / Stück
-</div>
-<div class="center-container">
-    Passend in coolem &lt;DD&gt;-Designbedruckt.
-</div>
-<div class="center-container">
-    Bunt und rundherum.
-</div>
-
-<div class="center-container mt-25">
-    <img src="../assets/bierkrug.png" style="width: 100%; max-width: 350px;">
-</div>
-
-<!----- -------->
-
-<div class="center-container mt-60">
-
-# Emaille Tasse
-</div>
-
-<div class="center-container">
-    10,00 EUR / Stück
-</div>
-<div class="center-container">
-    Passend in coolem &lt;DD&gt;-Design bedruckt.
-</div>
-<div class="center-container">
-    Bunt und rundherum.
-</div>
-
-<div class="center-container">
-    <img src="../assets/emaille.jpg" style="width: 100%; max-width: 350px;">
-</div>
-
-<!----- -------->
-
-<div class="center-container mt-60">
-
-# Weißbierglas
-</div>
-
-<div class="center-container">
-    8,00 EUR / Stück
-</div>
-<div class="center-container">
-    Passend in coolem &lt;DD&gt;-Design bedruckt.
-</div>
-<div class="center-container">
-    Bunt und rundherum.
-</div>
-
-<div class="center-container mt-25">
-    <img src="../assets/weizen.png" style="width: 100%; max-width: 350px;">
-</div>
\ No newline at end of file
+<section class="cards">
+    <article class="card">
+        <div class="card-header">
+            <strong>T-Shirt</strong>
+        </div>
+        <div class="card-body text-center">
+            <img src="../assets/shirt.png" style="max-width: 350px; max-height: 195px;">
+            <p>
+                Vorne im klassischen &lt;DD&gt;-Design<br />
+                Die Rückseite mit Event-Motiv<br />
+                Größen: S - 3XL
+            </p>
+            <h2>€ 15,00</h2>
+        </div>
+    </article>
+    <article class="card">
+        <div class="card-header">
+            <strong>Bierkrug</strong>
+        </div>
+        <div class="card-body text-center">
+            <img src="../assets/bierkrug.png" style="max-width: 350px; max-height: 195px;">
+            <p>
+                Rundherum bedruckt im coolen &lt;DD&gt;-Design<br />
+                Personalisiert mit Hex-ID<br />
+                &nbsp;
+            </p>
+            <h2>€ 14,00</h2>
+        </div>
+    </article>
+    <article class="card">
+        <div class="card-header">
+            <strong>Weißbierglas</strong>
+        </div>
+        <div class="card-body text-center">
+            <img src="../assets/weizen.png" style="max-width: 350px; max-height: 195px;">
+            <p>
+                Hochwertige Lasergravur<br />
+                im coolen &lt;DD&gt;-Design<br />
+                &nbsp;
+            </p>
+            <h2>€ 8,00</h2>
+        </div>
+    </article>
+    <article class="card">
+        <div class="card-header">
+            <strong>Emaille Tasse</strong>
+        </div>
+        <div class="card-body text-center">
+            <img src="../assets/emaille.jpg" style="max-width: 350px; max-height: 195px;">
+            <p>
+                Rundherum bedruckt im coolen &lt;DD&gt;-Design<br />
+                &nbsp;<br />
+                &nbsp;
+            </p>
+            <h2>€ 10,00</h2>
+        </div>
+    </article>
+</section>
\ No newline at end of file