onny/verwaltungstracker
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update plan og image

Browse source
This commit is contained in:
krmax44 2022-03-16 11:44:27 +01:00
parent 05fed3b694
commit f67b4b0a62
No known key found for this signature in database
GPG key ID: 5C499A4F4EC4EE03
1 changed files with 19 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

36
froide_govplan/templates/froide_govplan/plan_og.html
View file

@ -6,39 +6,33 @@
{% block extra_style %} {% block extra_style %}
<style> <style>
.og-container-image { body {
background-image: url('https://media.frag-den-staat.de/files/media/thumbnails/d5/0b/d50be174-0cd1-4a35-97e4-2d7747db8404/temp-lineart.jpg__1920x0_q85_subsampling-2.jpg'); background-image: url('https://media.frag-den-staat.de/files/media/main/d5/0b/d50be174-0cd1-4a35-97e4-2d7747db8404/temp-lineart.jpg');
background-size: cover;
background-position: center;
} }
</style> </style>
{% endblock %} {% endblock %}
{% block body %} {% block body %}
<div class="og-container d-flex flex-column"> <div class="og-container d-flex flex-column min-h-screen">
<div class="px-5 pt-5 hero-image og-container-image" style="min-height: 40vh;"> <div class="p-5">
<div class="row"> <img class="img-fluid" src="https://media.frag-den-staat.de/files/media/main/98/91/98919aa3-9200-4f99-a7c7-de25cda8675a/logo-koalitionstracker-w.svg" alt="Koalitionstracker">
<img class="img-fluid col-md-6 col-lg-4 my-5 mx-auto d-block cms-plugin cms-plugin-116103" src="https://media.frag-den-staat.de/files/media/main/98/91/98919aa3-9200-4f99-a7c7-de25cda8675a/logo-koalitionstracker-w.svg" alt="Koalitionstracker">
</div>
</div> </div>
<div class="d-flex flex-column flex-grow-1"> <div class="d-flex flex-column flex-grow-1">
<div class="px-5 pb-5 pt-3"> <div class="p-5 d-flex align-items-center flex-1 h-100">
<div class="row">
<div class="col-12">
<h3> <h3>
{{ object.title|truncatechars:120 }} {{ object.title|truncatechars:120 }}
</h3> </h3>
</div> </div>
</div>
</div>
<div class="pb-5 px-5 mt-auto"> <div class="pb-5 px-5 mt-auto">
<div class="row justify-content-between"> <div class="row justify-content-between align-items-center">
<div class="col-4"> <div class="col-4">
<div class="media"> <div class="badge badge-{{ object.get_status_css }} p-3">
<span class="fa fa-info-circle mr-3"></span> <i class="fa fa-circle mr-3"></i>
<div class="media-body"> <span class="h2 m-0">
<h2 class="mt-0">
{{ object.get_status_display }} {{ object.get_status_display }}
</h2> </span>
</div>
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-4">
@ -46,7 +40,7 @@
<div class="media {% if object.is_overdue %}text-danger{% endif %}"> <div class="media {% if object.is_overdue %}text-danger{% endif %}">
<span class="fa fa-calendar mr-3"></span> <span class="fa fa-calendar mr-3"></span>
<div class="media-body"> <div class="media-body">
<h2 class="mt-0"> <h2 class="m-0">
{{ object.due_date | date }} {{ object.due_date | date }}
</h2> </h2>
</div> </div>
@ -54,12 +48,10 @@
{% endif %} {% endif %}
</div> </div>
<div class="col-auto ml-auto"> <div class="col-auto ml-auto">
<div class="mt-n4">
<img height="80" src="https://static.frag-den-staat.de/static/img/header_logo.580ed694906e.svg" alt="FragDenStaat.de"/> <img height="80" src="https://static.frag-den-staat.de/static/img/header_logo.580ed694906e.svg" alt="FragDenStaat.de"/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
{% endblock %} {% endblock %}