wtem/templates/wtem/main.html

   1 {% extends 'base_super.html' %}
   2 {% load compressed %}
   3
   4 {% block extra_script %}
   5     {% compressed_js 'wtem' %}
   6 {% endblock %}
   7
   8
   9
  10 {% block body %}
  11 <style>
  12     .wtem-open-field {
  13         margin: 10px 0;
  14     }
  15     .wtem-open-field textarea {
  16         margin-top:0;
  17     }
  18     .wtem-fixed-info {
  19         top: 20px;
  20         left: 20px;
  21         border: 1px solid black;
  22         background: #16a487;
  23         border-radius: 0.938em;
  24         padding: 5px 2px;
  25         color: white;
  26         text-align: center;
  27         font-weight: bold;
  28     }
  29     .wtem-items-inline li {
  30         display: inline-block;
  31     }
  32     .instruction {
  33         font-weight: bold;
  34     }
  35     .wtem-disclaimer {
  36         font-style: italic;
  37         font-size: .9em;
  38     }
  39
  40 </style>
  41
  42 <h1>Wielki Turniej Edukacji Medialnej</h1>
  43 <div class="wtem-fixed-info">Rozwiązania można wysyłać do godziny 17:00.</div>
  44
  45 <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>
  46
  47 <p>Powodzenia!
  48 Zespół Edukacji Medialnej, Fundacja Nowoczesna Polska</p>
  49
  50 <form method="post" enctype="multipart/form-data">
  51 {% csrf_token %}
  52
  53 {% for exercise in exercises %}
  54     {% with 'wtem/exercises/'|add:exercise.type|add:'.html' as template_name %}
  55     {% include  template_name with exercise=exercise no=forloop.counter %}
  56     {% endwith %}
  57 {% endfor %}
  58
  59
  60 <hr/>
  61 <input type="hidden" name="answers" value=""/>
  62
  63 <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>
  64 <button style="display: block; margin: auto;" id="submit_answers">Wyślij moje odpowiedzi</button>
  65
  66 </form>
  67
  68 {% endblock %}