Bild eingefügt, Format der Seiten verbessert

templates/form.html

@@ -5,24 +5,36 @@
 {% endblock %}
 
 {% block content %}
+    <center>
+    <br><br>
+    <h1>Trauzeugen-Antragsformular 38b/2</h1>    
     <form action='#' method='post'>
-        <br>
+        <br><br>
         <p> Name:</p>
         <p><input type='text' name='name' /></p>
         <p> Email:</p>
         <p><input type='text' name='email' /></p>
+        <br><br>
+        <h5>Glatze vorhanden und entspiegelt?</h5>
         <br>
-        <p><input type='submit' value='submit' /></p>
+        <input type="radio" class="btn-check" name="options-base" id="option1" autocomplete="off" checked>
+        <label class="btn" for="option1">Ja!</label>
+
+        <input type="radio" class="btn-check" name="options-base" id="option2" autocomplete="off">
+        <label class="btn" for="option2">Nein!</label>
+        <br><br>
+        <h5>Bock auf ein Trauzeugen-Happening am 20.07.24?</h5>
+        <br><br>
+     
+        <input type="radio" class="btn-check" name="options-base2" id="option3" autocomplete="off" checked>
+        <label class="btn" for="option3">Fuck yes!</label>
+
+        <input type="radio" class="btn-check" name="options-base2" id="option4" autocomplete="off">
+        <label class="btn" for="option4">Fuck no!</label>
+
+        <input type="radio" class="btn-check" name="options-base2" id="option5" autocomplete="off">
+        <label class="btn" for="option5">Fuck you!</label><br><br>
+        <p><input type='submit' value='Antrag einreichen' /></p>
     </form>        
-
+    </center>
-    <input type="radio" class="btn-check" name="options-base" id="option5" autocomplete="off" checked>
-    <label class="btn" for="option5">Fuck yes!</label>
-
-    <input type="radio" class="btn-check" name="options-base" id="option6" autocomplete="off">
-    <label class="btn" for="option6">Fuck no!</label>
-
-    <input type="radio" class="btn-check" name="options-base" id="option7" autocomplete="off">
-    <label class="btn" for="option7">Fuck you!</label><br><br>
-
-    <button type="button" class="btn btn-primary">Submit</button>
 {% endblock %}

templates/index.html

@@ -5,14 +5,19 @@
 {% endblock %}
 
 {% block content %}
+    <center>
     <br><br>
-    Um die Frage vorab zu beantworten: "WTF... hasch du di wirklich in Web-programmierung inkl. CSS und Javascript eingelesen <br>, gelernt des ganze Backend mit Python zu schreiben und des ganze auf deinem eigenen Server deployed... nur für den Joke?!"
+    Um dir die Tipperei zu ersparen und die folgende Frage vorab zu beantworten: 
     <br><br>
-    <h3>JA</h3>
+    <h5>"WTF... hasch du di wirklich in HTML inkl. CSS und Javascript eingelesen, <br>
+        dann gelernt des ganze Back-End inkl. automatischem Mail-Versand in Python zu schreiben und final des Ganze auf deinem eigenen Server virtualisiert in am Docker-Container deployed <br><br>... nur für den 2-Minuten-Joke?!"</h5>
+    <br><br>
+    <h1>"JA!"</h1>
     <br>
     <form action='#' method='post'>
-        <p> Hier geht es zum Antragformular:</p>
+        <p> Hier geht es zum Trauzeugen-Antragformular:</p>
         <br>
         <p><input type='submit' value='Zum Formular' /></p>
     </form>
+    </center>
     {% endblock %}

templates/submitted.html

@@ -5,5 +5,10 @@
 {% endblock %}
 
 {% block content %}
-    Formular eingereicht! 
+    <center><br><br>
+    <h3>Formular eingereicht!</h3>
+    Vielen Dank für Ihre Kooperation<br>Sie haben eine automatische Bestätigung per E-Mail erhalten und werden innerhalb der nächsten 18 Werktage von einem unserer Service-Mitarbeiter kontaktiert
+    <br><br>
+    <img src="{{url_for('static', filename='spiegelei.jpg')}}" align="middle" />
+    </center> 
     {% endblock %}