evalweb: Polish the compare result page a bit more

evalweb/templates/result_compare.html

@@ -32,9 +32,9 @@
                     <b>Charakteristika:</b> {{ teacher.sizename }}<br><br>
                     <b>Příklad slova z jazyka:</b> {{ teacher.example }}<br><br>
                     <b>Původní popis:</b> <br>
-                    {{ teacher_type_string }}: {{ teacher.string }}<br><br>
+                    {{ teacher_type_string }}: <code>{{ teacher.string }}</code><br><br>
                     <b>Popis pomocí minimálního DFA:</b> <br>
-                    {{ teacher.minimal }}<br>
+                    <code>{{ teacher.minimal }}</code><br>
                 </div><br>
             </div>
 
@@ -44,9 +44,9 @@
                     <b>Charakteristika:</b> {{ student.sizename }}<br><br>
                     <b>Příklad slova z jazyka:</b> {{ student.example }}<br><br>
                     <b>Původní popis:</b> <br>
-                    {{ student_type_string }}: {{ student.string }}<br><br>
+                    {{ student_type_string }}: <code>{{ student.string }}</code><br><br>
                     <b>Popis pomocí minimálního DFA:</b> <br>
-                    {{ student.minimal }}<br>
+                    <code>{{ student.minimal }}</code><br>
                 </div><br>
             </div>
         </div>
@@ -56,7 +56,7 @@
     <h3>Porovnání jazyků</h3>
 
         {% if img_src %}
-          <img style="float:left; margin:10px 30px;" src="static/img/{{ img_src }}.png" alt="{{ img_src }}"><br>
+          <img style="float:left; margin:10px 30px;" src="/static/img/{{ img_src }}.png" alt="{{ img_src }}"><br>
         {% endif %}
 
         {% if not ok and (extra_word_ce or missing_word_ce) %}
@@ -94,7 +94,7 @@
             <td>{{ langs[0].example }}</td>
             <td>
                 <button onclick="toggleDFA('.dfa_0')">Automat</button>
-                <div class="dfa_0" style="display: none;">{{ langs[0].minimal }}</div>
+                <div class="dfa_0" style="display: none;"><code>{{ langs[0].minimal }}</code></div>
             </td>
         </tr>
     {% if langs[1] %}
@@ -104,7 +104,7 @@
             <td>{{ langs[1].example }}</td>
             <td>
                 <button onclick="toggleDFA('.dfa_1')">Automat</button>
-                <div class="dfa_1" style="display: none;">{{ langs[1].minimal }}</div>
+                <div class="dfa_1" style="display: none;"><code>{{ langs[1].minimal }}</code></div>
             </td>
         </tr>
     {% if langs[2] %}
@@ -114,7 +114,7 @@
             <td>{{ langs[2].example }}</td>
             <td>
                 <button onclick="toggleDFA('.dfa_2')">Automat</button>
-                <div class="dfa_2" style="display: none;">{{ langs[2].minimal }}</div>
+                <div class="dfa_2" style="display: none;"><code>{{ langs[2].minimal }}</code></div>
             </td>
         </tr>
     {% if langs[3] %}
@@ -124,7 +124,7 @@
             <td>{{ langs[3].example }}</td>
             <td>
                 <button onclick="toggleDFA('.dfa_3')">Automat</button>
-                <div class="dfa_3" style="display: none;">{{ langs[3].minimal }}</div>
+                <div class="dfa_3" style="display: none;"><code>{{ langs[3].minimal }}</code></div>
             </td>
         </tr>
     {% endif %}
@@ -149,6 +149,9 @@ function toggleDFA(dfa){
 <br><br><br><br><br>
 <div style="margin:10px 30px;">
     <h3>Vygenerovaný řetězec pro odpovědník</h3>
-    {{ is_task }}
+    <pre>
+Zkonstruujte {{student_type_string}}…
+ :e1a___
+:e1a="d:?{{is_task}}"</pre>
     </div>
 {% endblock %}