Redigate index page
This commit is contained in:
parent
659ab64aee
commit
e5e6a3220d
@ -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;
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 – 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 %}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user