X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/dd0b1138bec01e917fb3105be5ba41325370aa41..c411ffb02d0b387e2e3ca0be2dbad5e373eeed64:/wtem/templates/wtem/main.html

diff --git a/wtem/templates/wtem/main.html b/wtem/templates/wtem/main.html
index e7ce29a..8477e03 100644
--- a/wtem/templates/wtem/main.html
+++ b/wtem/templates/wtem/main.html
@@ -8,8 +8,46 @@
 
 
 {% block body %}
+<style>
+    .wtem-open-field {
+        margin: 10px 0;
+    }
+    .wtem-open-field textarea {
+        margin-top:0;
+    }
+    .wtem-fixed-info {
+        top: 20px;
+        left: 20px;
+        border: 1px solid black;
+        background: #16a487;
+        border-radius: 0.938em;
+        padding: 5px 2px;
+        color: white;
+        text-align: center;
+        font-weight: bold;
+    }
+    .wtem-items-inline li {
+        display: inline-block;
+    }
+    .instruction {
+        font-weight: bold;
+    }
+    .wtem-disclaimer {
+        font-style: italic;
+        font-size: .9em;
+    }
 
-<form>
+</style>
+
+<h1>Wielki Turniej Edukacji Medialnej</h1>
+<div class="wtem-fixed-info">Rozwiązania można wysyłać do godziny 17:00.</div>
+
+<p>Witamy w I etapie Wielkiego Turnieju Edukacji Medialnej. Na rozwiązanie zadań masz czas do godz. 17.00. Test składa się z 22 pytań. Dwa ostatnie mają charakter otwarty - pamiętaj, żeby zostawić sobie odpowiednią ilość czasu na ich rozwiązanie.</p>
+
+<p>Powodzenia!
+Zespół Edukacji Medialnej, Fundacja Nowoczesna Polska</p>
+
+<form method="post" enctype="multipart/form-data">
 
 {% for exercise in exercises %}
     {% with 'wtem/exercises/'|add:exercise.type|add:'.html' as template_name %}
@@ -19,8 +57,10 @@
 
 
 <hr/>
-<button style="display: block; margin: auto;" id="submit_answers">Wyślij moje odpowiedzi</button>
+<input type="hidden" name="answers" value=""/>
 
+<p style="text-align:center; margin-top:20px;">Sprawdź jeszcze raz wszystkie swoje odpowiedzi, a następnie wyślij je do nas klikając w poniższy przycisk:</p>
+<input type="submit" value="Wyślij moje odpowiedzi" style="display: block; margin: auto;"/>
 </form>
 
 {% endblock %}
\ No newline at end of file