Commit 4fa31592 authored by Dennis Appel's avatar Dennis Appel

Add Banner, fix minor css bugs

parent 6fe922d8
.vscode
db.sqlite3
node_modules/
staticfiles/
......@@ -9,27 +9,27 @@
{% block content %}
{% if checklist_entries %}
<div class="grid-container vertical-space">
<h1>Checkliste</h1>
<h1>Checkliste</h1>
<div id='checklist' class="grid-x grid-margin-x grid-padding-x grid-padding-y grid-margin-y">
{% for entry in checklist_entries %}
<div class="cell cell-background-lg">
<h3>{{entry.checkListEntryTitle}}</h3>
<p>
<span class="alert label">Erledigt</span>
<span class="primary label">{{entry.checkListEntrySeverity}}</span>
<span class="alert label">Offen</span>
<span class="primary label">Gewichtung: {{entry.checkListEntrySeverity}}</span>
</p>
<p>
{{entry.checkListEntryDescription}}</br>
<a class="link" href="{% url 'wiki:index' %}#item_{{entry.id}}">Wiki</a>
<a class="link" href="{% url 'glossary:index'%}#item_{{entry.id}}">Glossar</a>
</p>
<button class="hollow button">Erledigt</button>
<button class="hollow button" onclick="checkListToggle(this)">Erledigt</button>
</div>
{% endfor %}
{% else %}
<p>Keine Eintraege gefunden</p>
</div>
</div>
{% else %}
<p>Keine Eintraege gefunden</p>
{% endif %}
{% endblock %}
......
This source diff could not be displayed because it is too large. You can view the blob instead.
$(document).foundation();
function checkListToggle(element) {
let label = element.parentElement.getElementsByClassName("alert");
if (label[0] === undefined) {
label = element.parentElement.getElementsByClassName("success");
label[0].innerHTML = "Offen";
label[0].classList.add("alert");
label[0].classList.remove("success");
} else {
label[0].innerHTML = "Erledigt";
label[0].classList.add("success");
label[0].classList.remove("alert");
}
}
$light-gray: #fbfbfbR
$light-gray: #fbfbfb;
$medium-gray: #cacaca;
$medium-gray-wiki: #f7f7f7;
$dark-gray: #8a8a8a;
......
......@@ -38,4 +38,17 @@ html, body {
.main {
min-height:100%;
position: relative;
padding-bottom: 4rem;
}
.banner {
text-align: center;
height: 15rem;
background-color: lightgray;
border-top: 1px solid $dark-gray;
border-bottom: 1px solid $dark-gray;
img {
height: 100%;
}
}
{% extends "base.html" %}
{% load staticfiles %}
{% block title %}
{% with title="Startseite" %}
{{ block.super }}
......@@ -7,6 +7,11 @@
{% endblock %}
{% block content %}
<section>
<div class="banner">
<img src="{% static 'images/inclusion_no_background.png' %}" alt="Banner Bild - zeigt Sillhouetten mehrerer Menschen verschiedener alters Gruppen mit und ohne Behinderung.">
</div>
</section>
<section>
<div class="grid-container vertical-space">
<div class="grid-x grid-margin-x">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment