add sections overview plugin

This commit is contained in:
krmax44 2022-03-14 14:02:00 +01:00
parent 9dcec2fa62
commit 9623f7105b
No known key found for this signature in database
GPG key ID: 5C499A4F4EC4EE03
4 changed files with 114 additions and 1 deletions

View file

@ -0,0 +1,33 @@
{% load thumbnail %}
<style>
{% for section in sections %}
#govsection-{{ section.pk }}::after {
background-image: url('{% thumbnail section.image 350x150 crop subject_location=instance.picture.subject_location %}');
}
{% 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>
<div class="ml-auto">
<div class="box-card-icon position-static bg-white">
<i class="fa fa-{{ section.icon }}"></i>
</div>
</div>
</div>
<div class="flex-grow-1 tight-margin p-3 p-md-4 cms-plugin cms-plugin-87888">
progress bar
</div>
</div>
</div>
</a>
</div>
{% endfor %}
</div>