Merch

content/anmeldung.md

@@ -33,10 +33,6 @@ date: '2020-02-12'
             <input id="chapter" name="chapter" type="text" required />
             <label for="chapter">Chapter</label>
         </div>
-        <div class="grow-2">
-            <input id="allergien" name="allergien" type="text" />
-            <label for="allergien">Allergien</label>
-        </div>
         <div class="grow-1">
             <input id="abendFreitag" name="abendFreitag" type="checkbox" checked />
             <label for="abendFreitag">Abendessen Freitag</label>
@@ -54,6 +50,10 @@ date: '2020-02-12'
             </select>
             <label for="ernaehrung">Ernährung</label>
         </div>
+        <div class="grow-2">
+            <input id="allergien" name="allergien" type="text" />
+            <label for="allergien">Allergien</label>
+        </div>
         <div class="grow-2">
             <textarea id="message" name="message"></textarea>
             <label for="message">Sonst noch was?</label>

content/merch.md

@@ -0,0 +1,45 @@
+---
+title: Merchandise
+date: '2020-02-18'
+---
+
+Es wird Merch geben. Bierkrug?
+
+<div class="center-container">
+    <div style="width: 100%;max-width: 600px;">
+        <p>
+Es wird Merch geben.
+
+Nach der Bestellung bekommst du von uns eine E-Mail (manuell, nicht automatisch) mit den Zahlungsinfos. Es gilt das Prinzip der **Vorkasse**, der offene Betrag muss bis zum **28. Juni 2020** beglichen sein.
+        </p>
+    </div>
+</div>
+
+<div class="center-container">
+    <form class="form" method="GET" action="https://ssl.webpack.de/beging.de/form/write/ddwemerch">
+        <div class="grow-1">
+            <input id="name" name="name" type="text" required />
+            <label for="name">Name</label>
+        </div>
+        <div class="grow-1">
+            <input id="mail" name="mail" type="email" required />
+            <label for="mail">E-Mail</label>
+        </div>
+        <div class="grow-2">
+            <select id="bierkrug" name="bierkrug" required>
+                <option value="Bierkrug ja">Ja! Bierkrug! (15,00 EUR)</option>
+                <option value="Bierkrug nein">Kein Bierkrug</option>
+            </select>
+            <label for="bierkrug">Bierkrug</label>
+        </div>
+        <div class="grow-2">
+            <textarea id="message" name="message"></textarea>
+            <label for="message">Sonst noch was?</label>
+        </div>
+        <div class="grow-2">
+        </div>
+        <div class="grow-2">
+            <input class="btn btn-lg" type="submit" value="Verbindlich bestellen" />
+        </div>
+    </form> 
+</div>

layouts/partials/navigation.html

@@ -17,6 +17,11 @@
           <a href='{{ "info/" | absURL }}'>
             <li {{$classString | safeHTMLAttr}}>Infos</li>
           </a>
+
+          {{ if (eq .Permalink (string ("merch/" | absURL))) }}{{ $classString = "class='active'" }}{{else}}{{$classString = ""}}{{ end }}
+          <a href='{{ "merch/" | absURL }}'>
+            <li {{$classString | safeHTMLAttr}}>Merch</li>
+          </a>
         </ul>
       </div>
       <div class="nav-right">

static/js/script.js

@@ -19,7 +19,7 @@ document.querySelector('form').addEventListener('submit', function (e) {
     xmlHttp.open("GET", getUrl);
     xmlHttp.send();
     // Cleanup
-    // e.target.reset();
+    e.target.reset();
     alert("Anmeldung abgeschickt");
     e.preventDefault();
 });