wtem/templates/wtem/main.html

   1 {% extends 'base_super.html' %}
   2 {% load compressed %}
   3 {% load static %}
   4 {% load cache %}
   5
   6 {% block extra_script %}
   7     {% compressed_js 'wtem' %}
   8 {% endblock %}
   9
  10
  11
  12 {% block body %}
  13 <style>
  14     .wtem-open-field {
  15         margin: 10px 0;
  16     }
  17     .wtem-open-field textarea {
  18         margin-top:0;
  19     }
  20     .wtem-fixed-info {
  21         top: 20px;
  22         left: 20px;
  23         border: 1px solid black;
  24         background: #16a487;
  25         border-radius: 0.938em;
  26         padding: 5px 2px;
  27         color: white;
  28         text-align: center;
  29         font-weight: bold;
  30     }
  31     .wtem-items-inline li {
  32         display: inline-block;
  33     }
  34     .instruction {
  35         font-weight: bold;
  36     }
  37     .wtem-disclaimer {
  38         font-style: italic;
  39         font-size: .9em;
  40     }
  41
  42 </style>
  43
  44 <h1>{% include "wtem/title.html" %}</h1>
  45 {% comment %}
  46 <div class="wtem-fixed-info">Rozwiązania można wysyłać do godziny {{end_time|default:"11:30"}}. <strong>Nie czekaj na ostatnią chwilę!</strong></div>
  47
  48 <p>Witamy w I etapie Olimpiady Cyfrowej. Na rozwiązanie zadań masz czas do godz. {{end_time|default:"11:30"}}. Test składa się z 30 pytań.</p>
  49
  50 <p>Wszelkie aktualności dotyczące Olimpiady możesz znaleźć <a href="/" target="_info">tutaj</a>.</p>
  51
  52 <p>Powodzenia!<br/>
  53 Zespół Olimpiady Cyfrowej, fundacja Nowoczesna Polska</p>
  54 {% endcomment %}
  55 <form method="post" enctype="multipart/form-data">
  56
  57 {% cache 30 wtem %}
  58 {% for exercise in exercises %}
  59     {% with 'wtem/exercises/'|add:exercise.type|add:'.html' as template_name %}
  60     {% include  template_name with exercise=exercise no=exercise.id %}
  61     {% endwith %}
  62 {% endfor %}
  63 {% endcache %}
  64
  65
  66 {% comment %}
  67 <hr/>
  68 <input type="hidden" name="answers" value=""/>
  69
  70 <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/>
  71 <input type="submit" value="Wyślij moje odpowiedzi" style="display: block; margin: auto;"/>
  72 <br/>
  73 <span class="wtem_spinner">
  74     <span>Wysyłanie rozwiązań w toku...</span>
  75     <img src="{% static 'wtem/spinner.gif' %}"/>
  76     <span>Spróbuj jeszcze raz, jeśli wysyłanie trwa dłużej niż kilka minut.</span>
  77 </span>
  78 </p>
  79
  80 <div class="wtem-fixed-info" style="margin-top:15px;">Rozwiązania można wysyłać do godziny {{end_time|default:"11:30"}}. <strong>Nie czekaj na ostatnią chwilę!</strong></div>
  81 {% endcomment %}
  82 </form>
  83
  84 {% endblock %}