54 lines
1.4 KiB
HTML
54 lines
1.4 KiB
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 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 %}
|