This commit is contained in:
Jonas Heinrich 2025-04-05 08:18:23 +02:00
parent 83d8aa21b5
commit 551ba500b2
4 changed files with 238 additions and 196 deletions

View file

@ -188,17 +188,11 @@
<main> <main>
{% if request.path == '/' %} {% if request.path == '/' %}
<h1 class="text-body-emphasis">Licht ins Dunkel</h1> <h1 class="text-body-emphasis">Licht ins Dunkel</h1>
<p class="fs-5 col-md-8"> <p class="fs-5 col-md-8">
Mit unserem Verwaltungstracker können Sie die Arbeit der Stadtverwaltung live verfolgen: Mit unserem Verwaltungstracker können Sie die Arbeit der Stadtverwaltung live verfolgen:
Welche Vorhaben werden umgesetzt? Wo wird gebremst? Wie sieht der Stand in einzelnen Themenbereichen aus? Welche Vorhaben werden umgesetzt? Wo wird gebremst? Wie sieht der Stand in einzelnen Themenbereichen aus?
</p> </p>
<div class="mb-5">
<a href="/docs/5.3/examples/" class="btn btn-primary btn-lg px-4">Download examples</a>
</div>
{% endif %} {% endif %}
{% static_alias "govplan_header" %} {% static_alias "govplan_header" %}
@ -280,8 +274,59 @@
</div> </div>
</div> </div>
</main> </main>
<footer class="pt-5 my-5 text-body-secondary border-top"> <footer class="pt-5 my-5 text-body-secondary border-top">
Created by the Project-Insanity team &middot; &copy; 2025
<div class="row">
<div class="col-12 col-md">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="d-block mb-2" role="img" viewBox="0 0 24 24"><title>Product</title><circle cx="12" cy="12" r="10"/><path d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"/></svg>
<small class="d-block mb-3 text-body-secondary">Project-Insanity &copy; 2025</small>
</div>
<div class="col-6 col-md">
<h5>Features</h5>
<ul class="list-unstyled text-small">
<li><a class="link-secondary text-decoration-none" href="#">Cool stuff</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Random feature</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Team feature</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Stuff for developers</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Another one</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Last time</a></li>
</ul>
</div>
<div class="col-6 col-md">
<h5>Resources</h5>
<ul class="list-unstyled text-small">
<li><a class="link-secondary text-decoration-none" href="#">Resource name</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Resource</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Another resource</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Final resource</a></li>
</ul>
</div>
<div class="col-6 col-md">
<h5>Resources</h5>
<ul class="list-unstyled text-small">
<li><a class="link-secondary text-decoration-none" href="#">Business</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Education</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Government</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Gaming</a></li>
</ul>
</div>
<div class="col-6 col-md">
<h5>About</h5>
<ul class="list-unstyled text-small">
<li><a class="link-secondary text-decoration-none" href="#">Team</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Locations</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Privacy</a></li>
<li><a class="link-secondary text-decoration-none" href="#">Terms</a></li>
</ul>
</div>
</div>
</footer> </footer>
</div> </div>
<script src="https://getbootstrap.com/docs/5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://getbootstrap.com/docs/5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

View file

@ -14,14 +14,9 @@
{% include "snippets/meta.html" %} {% include "snippets/meta.html" %}
{% endblock meta %} {% endblock meta %}
{% block app_body %} {% block app_body %}
<div class="container mb-3">
<div class="box-card border-yellow md:shadow-yellow bg-body mb-5"> <h1 class="text-body-emphasis">{{ object.title }}</h1>
<div> <p class="fs-5 col-md-8">
<div class="flex-grow-1 tight-margin p-3 p-md-4 p-lg-5">
{% if not government.active %}
<div class="alert alert-info">Dieses Vorhaben gehörte zur {{ government.name }} und wird nicht mehr aktualisiert.</div>
{% endif %}
<h1 class="mt-0 h3">{{ object.title }}</h1>
<div class="d-md-flex my-4 align-items-center"> <div class="d-md-flex my-4 align-items-center">
<ul class="list-unstyled d-flex m-0"> <ul class="list-unstyled d-flex m-0">
<li> <li>
@ -34,10 +29,7 @@
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
<b>FIXME FOLLOW LIST</b>
</div> </div>
<div class="row">
<div class="col col-12 col-md-7 col-lg-8 order-md-2 offset-lg-1">
<dl> <dl>
{% if object.quote %} {% if object.quote %}
<dt>Ausschnitt aus dem Koalitionsvertrag</dt> <dt>Ausschnitt aus dem Koalitionsvertrag</dt>
@ -72,7 +64,7 @@
</div> </div>
{% endif %} {% endif %}
</dl> </dl>
</div> <div class="row">
<div class="col col-12 col-md-5 col-lg-3 mt-3 mt-md-0"> <div class="col col-12 col-md-5 col-lg-3 mt-3 mt-md-0">
<dl> <dl>
{% if object.rating %} {% if object.rating %}
@ -139,21 +131,17 @@
</dl> </dl>
</div> </div>
</div> </div>
</div> </p>
</div>
</div> <div class="row align-items-md-stretch">
<div class="row">
{% include "froide_govplan/plugins/updates.html" with wrapper_classes="col col-12 col-lg-6 d-flex mb-4" %} {% include "froide_govplan/plugins/updates.html" with wrapper_classes="col col-12 col-lg-6 d-flex mb-4" %}
{% if government.active %} {% if government.active %}
<div class="col col-12 col-lg-6 d-flex mb-4"> <div class="col-md-6">
<div class="box-card border-gray shadow-gray"> <div class="h-100 p-5 border rounded-3">
<div> <h2>Neue Entwicklung melden</h2>
<div class="box-card-header text-bg-body-tertiary d-flex justify-content-center p-3 p-md-4 tight-margin flex-column"> <p>
<h3 class="h4">Neue Entwicklung melden</h3> Gibt es Neuigkeiten zu diesem Vorhaben, die wir noch nicht erfasst haben?
</div> </p>
<div class="p-3 p-md-4">
{% if request.user.is_authenticated %}
<p>Gibt es Neuigkeiten zu diesem Vorhaben, die wir noch nicht erfasst haben?</p>
<button type="button" <button type="button"
class="btn btn-outline-secondary" class="btn btn-outline-secondary"
data-bs-toggle="modal" data-bs-toggle="modal"
@ -178,14 +166,9 @@
</div> </div>
</div> </div>
</div> </div>
{% else %}
Bitte <a href="{{ object.get_absolute_url|make_login_redirect_url }}">melden Sie sich an</a>, um einen Änderungsvorschlag einzureichen.
{% endif %}
</div>
</div>
</div> </div>
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div>
{% endblock app_body %} {% endblock app_body %}

View file

@ -22,20 +22,20 @@
{{ object.quote|striptags|truncatewords:20|addquotes }} {{ object.quote|striptags|truncatewords:20|addquotes }}
</blockquote> </blockquote>
{% endif %} {% endif %}
</p>
<div class="d-flex mt-auto">
<a href="{{ object.get_absolute_url }}" class="text-decoration-none"> <a href="{{ object.get_absolute_url }}" class="text-decoration-none">
<span href="{{ object.get_absolute_url }}" class="action-link text-blue-600 "> <span href="{{ object.get_absolute_url }}" class="action-link text-blue-600 ">
→ mehr lesen → mehr lesen
</span> </span>
</a> </a>
</p>
<div class="d-flex mt-auto">
<p class="card-text"><small class="text-body-secondary">Last updated 3 mins ago</small></p>
<div class="ms-auto"> <div class="ms-auto">
<span class="badge text-bg-{{ object.get_status_css }}"> <span class="badge text-bg-{{ object.get_status_css }}">
{{ object.get_status_display }} {{ object.get_status_display }}
</span> </span>
</div> </div>
</div> </div>
<p class="card-text"><small class="text-body-secondary">Last updated 3 mins ago</small></p>
</div> </div>
</div> </div>
</div> </div>

View file

@ -11,14 +11,20 @@
{% endfor %} {% endfor %}
</style> </style>
<div class="row"> <div class="album py-5 bg-body-tertiary">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
{% for section in sections %} {% for section in sections %}
<div class="col col-12 col-md-4 d-flex mb-3"> <div class="col">
<a href="{{ section.get_absolute_url }}" class="d-flex w-100 text-body text-decoration-none"> <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 class="card shadow-sm">
<div> <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice">
<div class="box-card-header tight-margin d-flex align-items-center has-background p-3 p-md-4 text-bg-callout" id="govsection-{{ section.pk }}"> <title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/>
<h3 class="h5 m-0">{{ section.title }}</h3> <text x="50%" y="50%" fill="#eceeef" dy=".3em">
{{ section.title }}
</text>
</svg>
{% if section.icon %} {% if section.icon %}
<div class="ms-auto"> <div class="ms-auto">
<div class="box-card-icon position-static text-bg-body"> <div class="box-card-icon position-static text-bg-body">
@ -26,9 +32,16 @@
</div> </div>
</div> </div>
{% endif %} {% endif %}
</div> <div class="card-body">
<div class="flex-grow-1 tight-margin p-3 p-md-4 cms-plugin cms-plugin-87888"> <p class="card-text">
{% get_section_progress section %} {% get_section_progress section %}
</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
</div>
<small class="text-body-secondary">9 mins</small>
</div> </div>
</div> </div>
</div> </div>
@ -36,3 +49,4 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div>