From e5e6a3220d48cb153f251028c6e0d7d93796f367 Mon Sep 17 00:00:00 2001
From: asauer <auersanna@googlemail.com>
Date: Sun, 14 Apr 2019 12:19:06 +0200
Subject: [PATCH] Redigate index page

---
 static/main.css      | 11 +++++++++--
 templates/base.html  |  2 +-
 templates/index.html | 47 +++++++++++++++++++++++++++++++++-----------
 3 files changed, 45 insertions(+), 15 deletions(-)

diff --git a/static/main.css b/static/main.css
index 39d6de6..1fbbaec 100644
--- a/static/main.css
+++ b/static/main.css
@@ -59,7 +59,7 @@ li a{
 }
 
 .btn-group button {
-  background-color: #0D2B4A; /* Green background */
+  background-color: #2E296C; /* Green background */
   color: white; /* White text */
   padding: 10px 24px; /* Some padding */
   cursor: pointer; /* Pointer/hand icon */
@@ -73,7 +73,7 @@ li a{
 
 /* Add a background color on hover */
 .btn-group button:hover {
-  background-color: #03192F;
+  background-color: #7470A8;
 }
 
 input {
@@ -83,6 +83,8 @@ input {
 /* Remove underline effect if links are inside a div (cf. index.html) */
 div a {
     text-decoration: none;
+    color: #2E296C;
+    font-weight: bold;
 }
 
 /* logo image class */
@@ -100,6 +102,11 @@ header h1 {
         vertical-align: center;
 }
 
+/* headline color for index.html */
+h2.index {
+	color: #7470A8;
+}
+
 /* view answers page: highlight chosen options */
 .choice {
 	font-weight: 900;
diff --git a/templates/base.html b/templates/base.html
index d6e125b..5bbfbbd 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -14,7 +14,7 @@
         <nav>
              <ul>
                  <li {% if request.path == url_for('index') %} class="active" {% endif %}><a href="{{ url_for('index') }}">Home</a></li>
-                 <li {% if request.path == url_for('questions') %} class="active" {% endif %}><a href="{{ url_for('questions') }}">Formular</a></li>
+                 <li {% if request.path == url_for('questions') %} class="active" {% endif %}><a href="{{ url_for('questions') }}">Jetzt sortiert werden</a></li>
                  <li {% if request.path == url_for('answers') %} class="active" {% endif %}><a href="{{ url_for('answers') }}">Meine Antworten</a></li>
                  <li {% if request.path == url_for('solution') %} class="active" {% endif %}><a href="{{ url_for('solution') }}">Lösung einreichen</a></li>
                  <li {% if request.path == url_for('patrons') %} class="active" {% endif %}><a href="{{ url_for('patrons') }}">Häuser</a></li>
diff --git a/templates/index.html b/templates/index.html
index 880d239..527e36e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,13 +1,36 @@
 {% extends "base.html" %}
-        {% block content %}
-        <h1> Fooboars EET-Spiel </h1>
-        <h2> Wie funktioniert das Spiel? </h2>
-        <div> Anleitung leitet an. Oder erklärt die erklärt die Erklärung? Das ist alles gar nicht so schwer und überhaupt wollt ihr da alle mitmachen, weil es bestimmt Wildschweine gibt. Und wer will die nicht sehen?
-            Kein Alkohol mehr.
-        </div>
-        <div class="btn-group">
-                <a href="{{ url_for('questions') }}"><button>Jetzt mitspielen</button></a>
-                <a href="{{ url_for('answers') }}"><button>Hier geht's zu deinen Antworten</button></a>
-		<a href="{{ url_for('solution') }}"><button>Lösung einreichen</button></a>
-	</div>
-        {% endblock %}
+{% block content %}
+<h1>Sortierhut&nbsp;&ndash; Das Spiel</h1>
+<div>
+	<h2 class="index">Was ist das überhaupt?</h2>
+	<p>Herzlich willkommen an der Informatikfakultät der Uni Bamberg!<br>
+	<strong>Sortierhut</strong> ist ein Spiel, das wir uns als Fachschaft für euch ausgedacht haben, damit zwischen all den Infoveranstaltungen bei den Einführungstagen auch der Spaß nicht zu kurz kommt und ihr Gelegenheit habt, viele spannende Mitspieler*innen kennenzulernen.</p>
+</div>
+<div>
+	<h2 class="index">Wie funktioniert's?</h2>
+	<p>Wenn du mitspielen möchtest, klicke unter <a href="{{ url_for('questions') }}">Jetzt sortiert werden</a> und fülle eine Handvoll Fragen aus. Anhand deiner Antworten wirst du dann in eine von 5 Häuser einsortiert. Aber Achtung: Nur eine einzige der Fragen bestimmt, in welches Haus du kommst. Wer zuerst enträselt, welche die relevante Frage ist, bekommt einen außergewöhnlich attraktiven Preis.</p>
+	<p>Dabei ist Kooperation gefragt. Damit ihr gegenseitig erkennen könnt, in welchen Häusern ihr seid, könnt ihr nach dem Ausfüllen des Formulars in Raum <strong>XXXX</strong> einen Haussticker abholen, um ihn dann stolz auf der Brust zu tragen.</p>
+</div>
+<div>
+	<h2 class="index">Wer sind diese Leute, nach denen die Häuser benannt sind?</h2>
+	<p>Die Häuser haben wir auf die Namen von 5 berühmten Informatiker*innen getauft, über die du unter <a href="{{ url_for('patrons') }}">Häuser</a> mehr Informationen findest.</p>
+</div>
+<div>
+	<h2 class="index">Ich habe vergessen, wie ich geantwortet habe. Ist jetzt alles verloren?</h2>
+	<p>Keine Sorge, du kannst deine Antworten jederzeit unter <a href="{{ url_for('answers') }}">Meine Antworten</a> noch einmal ansehen.</p>
+</div>
+<div>
+	<h2 class="index">Wohin mit Lösungsideen?</h2>
+	<p>Du kannst sie entweder eine*r der freilaufenden Fachschaftler*innen flüstern, die während der Einführungstage überall herumflitzen. Oder du reichst sie hier unter <a href="{{ url_for('answers') }}">Lösung einreichen</a> per Formular ein.</p>
+	<p>Wir sammeln die Lösungsideen und verkünden dann auf dieser Seite und im wahren Leben am Ende der Einführungstage, wie die richtige Lösung lautet und wo sich die Gewinner*innen ihren wohlverdienten Preis abholen können.</p>
+</div>
+<div>
+	<h2 class="index">Wie kann ich euch kontaktieren, um euch weitere Fragen zu Sortierhut zu stellen?</h2>
+	<p>Sprich einen von uns Fachschaftsmenschen an oder schreib uns eine Mail unter fachschaft-wiai.stuve@uni-bamberg.de. Wir freuen auf drauf!</p>
+</div>
+<div class="btn-group">
+	<a href="{{ url_for('questions') }}"><button>Jetzt mitspielen</button></a>
+	<a href="{{ url_for('answers') }}"><button>Hier geht's zu deinen Antworten</button></a>
+	<a href="{{ url_for('solution') }}"><button>Lösung einreichen</button></a>
+</div>
+{% endblock %}