add sections overview plugin
This commit is contained in:
parent
9dcec2fa62
commit
9623f7105b
4 changed files with 114 additions and 1 deletions
|
|
@ -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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue