mamweb/seminar/templates/seminar/tematka/rozcestnik.html

{% extends "base.html" %}


{% block content %}

<h2>
  {% block nadpis1a %}
  Aktuální témata 
  {% endblock %}
</h2>

<p>Témata jsou texty nejen z oblasti matematiky, fyziky a informatiky, které popisují nějaký
  problém a jsou doprovázeny návodnými úlohami. Vaším úkolem je&nbsp;zamyslet se nad daným
  problémem a sepsat vaše úvahy ve formě krátkého textu.</p>

<p><a href="{% url 'jak_resit' %}">Jak řešit téma?</a></p>


<div class="rozcestnik_temat">

{% for tematko in tematka %}

{# karta témátka - zepředu ilustrační, zezadu abstrakt #}
<div class="tema_pole">

  <h3>
    <a href='{{ tematko.verejne_url }}'>Téma {{ tematko.nazev }}</a>
  </h3>

  <div class="flip-card" id="tema-rozcestnik">

    <div class="flip-card-inner">
      <div class="flip-card-front">
        <div class="flip-card-foto">
          {% if tematko.obrazek %}
            <img src="{{ tematko.obrazek.url }}" alt="{{ tematko.nazev }}">
          {% else %} {# pokud témátko nemá fotku, zobrazuje se defaultní obrázek #}
            {% load static %} <img src="{% static 'images/tema-bez-obrazku.png' %}" alt="{{ tematko.nazev }}">
          {% endif %}
        </div>
      </div>
      <div class="flip-card-back">
          <p>{{ tematko.abstrakt }}</p>
      </div>
    </div>

  </div>
</div>
{# konec karty témátka #}
{% endfor %}

</div>

{% endblock %}