ADS System - banner
[edumed.git] / wtem / templates / wtem / main.html
index ccbae22..07e1de9 100644 (file)
@@ -1,5 +1,7 @@
 {% extends 'base_super.html' %}
 {% load compressed %}
+{% load static %}
+{% load cache %}
 
 {% block extra_script %}
     {% compressed_js 'wtem' %}
     .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;
+    }
+
 </style>
+
+<h1>{% include "wtem/title.html" %}</h1>
+<div class="wtem-fixed-info">Rozwiązania można wysyłać do godziny {{end_time|default:"18:30"}}. <strong>Nie czekaj na ostatnią chwilę!</strong></div>
+
+<p>Witamy w II etapie Wielkiego Turnieju Edukacji Medialnej. Na rozwiązanie zadań masz czas do godz. {{end_time|default:"18:30"}}. Test składa się z 22 pytań. Niektóre z nich mają charakter otwarty – pamiętaj, żeby zostawić sobie odpowiednią ilość czasu na ich rozwiązanie.</p>
+
+<p>Wszelkie aktualności dotyczące Turnieju możesz znaleźć <a href="{% url "info" "turniej/" %}" target="_info">tutaj</a>.</p>
+
+<p>Powodzenia!<br/>
+Zespół Edukacji Medialnej, fundacja Nowoczesna Polska</p>
+
 <form method="post" enctype="multipart/form-data">
-{% csrf_token %}
 
+{% cache 30 wtem %}
 {% for exercise in exercises %}
     {% with 'wtem/exercises/'|add:exercise.type|add:'.html' as template_name %}
-    {% include  template_name with exercise=exercise no=forloop.counter %}
+    {% include  template_name with exercise=exercise no=exercise.id %}
     {% endwith %}
 {% endfor %}
+{% endcache %}
 
 
 <hr/>
 <input type="hidden" name="answers" value=""/>
-<button style="display: block; margin: auto;" id="submit_answers">Wyślij moje odpowiedzi</button>
+
+<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:<br/><br/>
+<input type="submit" value="Wyślij moje odpowiedzi" style="display: block; margin: auto;"/>
+<br/>
+<span class="wtem_spinner">
+    <span>Wysyłanie rozwiązań w toku...</span>
+    <img src="{% static 'wtem/spinner.gif' %}"/>
+    <span>Spróbuj jeszcze raz, jeśli wysyłanie trwa dłużej niż kilka minut.</span>
+</span>
+</p>
+
+<div class="wtem-fixed-info" style="margin-top:15px;">Rozwiązania można wysyłać do godziny {{end_time|default:"18:30"}}. <strong>Nie czekaj na ostatnią chwilę!</strong></div>
 
 </form>
 
-{% endblock %}
\ No newline at end of file
+{% endblock %}