verwaltungstracker/froide_govplan/templates/froide_govplan/plugins/sections.html
2022-03-15 14:32:03 +01:00

38 lines
1.2 KiB
HTML

{% load thumbnail %}
{% load govplan %}
<style>
{% for section in sections %}
{% if section.image %}
#govsection-{{ section.pk }}::after {
background-image: url('{% thumbnail section.image 350x150 crop subject_location=section.image.subject_location %}');
}
{% endif %}
{% endfor %}
</style>
<div class="row">
{% for section in sections %}
<div class="col col-12 col-md-4 d-flex mb-3">
<a href="{{ section.get_absolute_url }}" class="d-flex w-100 text-body text-decoration-none">
<div class="box-card border-blue mb-4">
<div>
<div class="box-card-header tight-margin d-flex align-items-center has-background p-3 p-md-4 bg-blue-20" id="govsection-{{ section.pk }}">
<h3 class="h5 m-0">{{ section.title }}</h3>
{% if section.icon %}
<div class="ml-auto">
<div class="box-card-icon position-static bg-white">
<i class="fa fa-{{ section.icon }}"></i>
</div>
</div>
{% endif %}
</div>
<div class="flex-grow-1 tight-margin p-3 p-md-4 cms-plugin cms-plugin-87888">
{% get_section_progress section %}
</div>
</div>
</div>
</a>
</div>
{% endfor %}
</div>