Add pre-built bulma

3 years ago · 0e3db29154
parent ff481a41c1
commit 0e3db29154
5 changed files with 44 additions and 14 deletions
--- a/shiftregister/app/templates/helper_base.html
+++ b/shiftregister/app/templates/helper_base.html
@ -1,13 +1,24 @@
 {% extends "base.html" %}

 {% block title %}Help!{% endblock %}
+
+{% block navbar %}
+<a class="navbar-item" href="{% url 'register' %}">Anmelden</a>
+{% endblock %}
+
 {% block body %}
 {% if helper %}
-Hallo {{ helper.name }}
-{% else %}
-<a href="{% url 'register' %}">Anmelden</a>
+<section class="hero">
+    <div class="container">
+        <div class="hero-body">
+            <h1 class="title">Hallo {{ helper.name }}!</h1>
+        </div>
+    </div>
+</section>
 {% endif %}
-<div id="content">
-    {% block content %}{% endblock %}
-</div>
+<section class="section">
+    <div class="container">
+{% block content %}{% endblock %}
+    </div>
+</section>
 {% endblock %}
--- a/shiftregister/settings.py
+++ b/shiftregister/settings.py
@ -127,6 +127,10 @@ USE_TZ = True
 STATIC_ROOT = "/opt/shiftregister/static"
 STATIC_URL = "static/"

+STATICFILES_DIRS = [
+    Path(BASE_DIR, Path("static")),
+]
+
 # Default primary key field type
 # https://docs.djangoproject.com/en/4.0/ref/settings/#default-auto-field

--- a/shiftregister/team/templates/team_base.html
+++ b/shiftregister/team/templates/team_base.html
@ -1,13 +1,16 @@
 {% extends "base.html" %}

 {% block title %}Team{% endblock %}
+
+{% block navbar %}
+<a class="navbar-item" href="{% url 'team:shift_overview' %}">Schichtübersicht</a>
+<a class="navbar-item" href="{% url 'team:shift_all' %}">Alle Schichten</a>
+{% endblock %}
+
 {% block body %}
-<nav>
-    <a href="{% url 'team:shift_overview' %}">Schichtuebersicht</a>
-    <a href="{% url 'team:shift_all' %}">Alle Schichten</a>
-</nav>
-<hr>
-<div id="content">
-    {% block content %}{% endblock %}
-</div>
+<section class="section">
+    <div class="container">
+{% block content %}{% endblock %}
+    </div>
+</section>
 {% endblock %}
--- a/static/bulma.min.css
+++ b/static/bulma.min.css
--- a/templates/base.html
+++ b/templates/base.html
@ -1,3 +1,4 @@
+{% load static %}
 <!DOCTYPE html>
 <html lang="de">
 <head>
@ -5,8 +6,18 @@
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>{% block title %}Help!{% endblock %}</title>
    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+    <link rel="stylesheet" href="{% static 'bulma.min.css' %}">
 </head>
 <body>
+    <nav class="navbar">
+        <div class="container">
+            <div class="navbar-brand">
+                <a class="navbar-item has-text-weight-bold" href="{% url 'index' %}">Helfer*innen</a>
+{% block navbar %}
+{% endblock navbar %}
+            </div>
+        </div>
+    </nav>
 {% block body %}
 {% endblock %}
 </body>