55 lines
2.0 KiB
HTML
55 lines
2.0 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}{{ section.title }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container-fluid">
|
|
<h2 class="mb-4">{{ section.title }}</h2>
|
|
|
|
{% for topic in section.topics %}
|
|
<div class="card mb-4">
|
|
<div class="card-body">
|
|
<h3 class="h5">{{ topic.title }}</h3>
|
|
{% if topic.description %}
|
|
<p class="text-muted">{{ topic.description }}</p>
|
|
{% endif %}
|
|
|
|
{% if topic.subtopics %}
|
|
<div class="accordion mt-3">
|
|
{% for subtopic in topic.subtopics %}
|
|
<div class="accordion-item">
|
|
<h4 class="accordion-header">
|
|
<button class="accordion-button collapsed" type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#collapse{{ subtopic.id }}">
|
|
{{ subtopic.title }}
|
|
</button>
|
|
</h4>
|
|
<div id="collapse{{ subtopic.id }}" class="accordion-collapse collapse">
|
|
<div class="accordion-body">
|
|
{% if subtopic.content %}
|
|
<p>{{ subtopic.content }}</p>
|
|
{% endif %}
|
|
|
|
{% if subtopic.keywords %}
|
|
<div class="keywords-container">
|
|
{% for keyword in subtopic.keywords %}
|
|
<span class="keyword" data-bs-toggle="tooltip" data-bs-placement="top"
|
|
title="{{ keyword.description }}">
|
|
{{ keyword.term }}
|
|
</span>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock %}
|