und frisch

static/style.css

@@ -0,0 +1,46 @@
+html{
+    background-image: url('./images/background-image.png');
+    font-family: roman_font_7;
+    text-align: center;
+    cursor: url(./cursor/Normal\ Select\ Orange\ Circle.cur), default;
+    color: #4e2a01;
+}
+
+h1{
+    font-size: 50px;
+    text-decoration: underline;
+}
+
+h2{
+    font-size: 40px;
+}
+
+button{
+    color: #4e2a01;
+    font-family: roman_font_7;
+    text-align: center;
+}
+
+.button1{
+    background-color: rgb(255, 187, 103);
+    font-size: 40px;
+    background-origin: padding-box;
+    border: 7px solid rgb(170, 114, 45);
+    border-radius: 80px;
+    padding: 20px 25px;
+    transition-duration: 0.4s;
+    cursor: url(./cursor/Move\ Orange\ Circle.cur), default;
+}
+
+.button1:hover{
+    background-color: rgb(255, 203, 139);
+    border: 7px solid rgb(255, 239, 219);
+    opacity: 50;
+    padding: 20px 35px;
+    box-shadow: 0 40px 30px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
+}
+
+@font-face {
+    font-family: roman_font_7;
+    src: url(./font/roman_font_7.ttf);
+}

templates/index.html

@@ -1,99 +1,20 @@
-{% extends 'base.html' %}
+<!DOCTYPE html>
-
+<html lang="de">
-{% block content %}
+    <head>
-    <h1>{% block title %} Besucher Check In - Chamäleon Demo{% endblock %}</h1>
+        <title>Vokabeltrainer - B. Runden</title>
-    <h2> Registrierung </h2>
+        <link rel="icon" type="image/png" href="./images/favicon.png"/>
-
+        <link rel="stylesheet" href="style.css">
-<div class="row">
+    </head>
-    <div class="col-sm-6">
+    <body>
-        <small> Für alle, die genug haben von der Zettelwirtschaft und den Datenschutzproblemen. <br/>
+        <p>
-        Digitaler Briefkasten für Registrierungen. Fertig! <br/>
+            <h1>Vokabeltrainer</h1><br><br><br><br><br><br>
-        Kein Herumliegen und Einsicht in fremde Regisrierungen...
+            <h2>Willkommen bei Brunos Vokabeltrainer!</h2><br><br><br><br><br><br><br>
-        </small>
+            <button class="button1">
-    </div>
+                Vokabeln einpflegen!
-    <img src="{{ url_for('static', filename='CCLOGO-vect.svg') }}" alt="Chamäleon Logo" class="img-thumbnail col-sm-6" width=50%>
+            </button><br><br><br>
-</div>
+            <button class="button1">
-
+                Vokabeln abfragen!
-<form method="post" name="Registrierung" >
+            </button>
-    <div class="form-group ">
+        </p>
-        <label for="vorname">Vorname</label>
+    </body>
-        <input type="text" name="vorname" required
+</html>
-               placeholder="Vornamen eingeben" class="form-control"
-               value="{{ request.form['vorname'] }}"></input>
-
-        <label for="nachname">Nachname</label>
-        <input type="text" name="nachname" required
-               placeholder="Nachnamen eingeben" class="form-control"
-               value="{{ request.form['nachname'] }}"></input>
- 
- <br />
-
- <strong> Eine </strong> der folgenden Eingaben zur Erreichbarkeit ist erforderlich: <br/>
-        <label for="telefonnummer">Telefonnummer</label>
-        <input type="text" name="telefonnummer" 
-               placeholder="+49 123 456" class="form-control"
-               value="{{ request.form['telefonnummer'] }}"></input>
-
-        <label for="emailadresse">E-Mail Adresse</label>
-        <input type="text" name="emailadresse" 
-               placeholder="gast@chamaeleoncloud.de" class="form-control"
-               value="{{ request.form['emailadresse'] }}"></input>
-
-        <label for="anschrift">Anschrift (Str., Nr., PLZ, Ort)</label>
-        <input type="text" name="anschrift" 
-               placeholder="Str. 123, 65432 Ort" class="form-control"
-               value="{{ request.form['anschrift'] }}"></input>
-    </div>
-</br>
-
-    <div class="form-group">
-        <button type="submit"  class="btn btn-primary">Einwerfen</button>
-    </div>
-</form>
-    <h2> Infos / Datenschutz </h2>
-    <p>
-    Diese Registrierung läuft lokal bei uns im Haus. </br>
-    Die hier aufgenommenen Daten werden <em>vertraulich</em> und lediglich für die ggf. nötige, 
-    hilfreiche Nachverfolgung von Infektionsketten im Zusammenhang mit der Corona-Pandemie aufgenommen, 
-    maximal vier Wochen gesichert im Hause aufbewahrt und nur auf Anfrage an das zuständige Gesundheitsamt weitergegeben.
-    <br/>
-    Verpflichtende Angaben sind: 
-    <ul>
-     <li> Datum, Zeit (Wird automatisch erfasst) </li>
-     <li> Vorname, Name </li>
-     <li> <strong>Eine</strong> Angabe von </li>
-        <ul>
-             <li> Telefonnummer <em>oder</em></li>
-             <li> E-Mail Adresse <em>oder</em></li>
-             <li> Anschrift (Straße Hausnummer, PLZ Ort </li>
-        </ul>
-    </ul>
-    Bei Fragen zur Datenhaltung und zum Datenschutz wenden Sie sich gern <br/>
-    an:  <a href="mailto:kontakt@chamaeleoncloud.de"> kontakt @ ChamäleonCloud </a>
-    </p>
-<!--
-{#
-    <h2> Gäste bisher:</h2>
-   <p>
-    {% for gast in guests %}
-        <a href="#">
-            <h2>{{ gast['nachname'] }}</h2>
-        </a>
-        <div> {{ gast['nachname'] }}, {{ gast['vorname'] }}, {{ gast['anschrift'] }}, {{ gast['telefonnummer']}}, {{ gast['emailadresse'] }}, {{ gast['id'] }} </div>
-        <span class="badge badge-primary">{{ gast['zeitpunkt'] }}</span>
-        <hr>
-    {% endfor %}
-    </p>
-#}   
-<!-- -->
-
-<table class="table">
-  <tbody>
-    <tr>
-      <td> <a href="https://www.xn--chamleoncloud-efb.de/">ChamäleonCloud Website</a> </td>
-      <td> <a href="https://www.xn--chamleoncloud-efb.de/impressum">Impressum</a> </td>
-      <td> <a href="https://www.xn--chamleoncloud-efb.de/datenschutz">Datenschutz</a> </td>
-    </tr>
-</div>
-
-{% endblock %}