Add impressum, add coming soon page, small css adjustments

clubhaus/homepage/templates/homepage/base.html

@@ -8,17 +8,18 @@
 
     <!-- WhatsApp & Facebook Link Preview -->
     <meta property="og:site_name" content="{% block site_name %}Clubhaus Schornbach{% endblock %}">
-    <meta property="og:title" content="">
+    <meta property="og:title" content="{% block title %}Clubhaus Schornbach{% endblock %}">
     <meta property="og:description" content="Clubhaus Schornbach - est. 2007">
     <meta property="og:image"
-          content="{{ request.scheme }}://{{ request.get_host }}{% static 'homepage/image01.jpg' %}">
+          content="{{ request.scheme }}://{{ request.get_host }}{% static 'homepage/logo-with-text.svg' %}">
     <meta property="og:type" content="website"/>
-    <meta property="og:image:type" content="image/jpeg">
+    <meta property="og:image:type" content="image/svg+xml">
     <meta property="og:image:width" content="300">
     <meta property="og:image:height" content="300">
     <meta property="og:url" content="{{ request.scheme }}://{{ request.get_host }}">
 
     <title>Clubhaus Schornbach</title>
+    <link rel="icon" href="{% static 'homepage/logo.svg' %}" sizes="any" type="image/svg+xml">
 
     <link href="{% static 'homepage/assets/bootstrap/bootstrap.min.css' %}" rel="stylesheet">
     <link href="{% static 'homepage/assets/self/custom.css' %}" rel="stylesheet">
@@ -31,10 +32,10 @@
 <div class="d-flex h-100 flex-column">
     <header class="container d-flex w-100 p-3 mx-auto flex-column text-white text-center">
         <div>
-            <h3 class="float-md-start mb-0 font-oleo">
+            <h2 class="float-md-start mb-0 font-oleo align-items-center">
                 <a class="text-white text-decoration-none"
                    href="{% url 'index' %}">Clubhaus Schornbach</a>
-            </h3>
+            </h2>
             <nav class="nav nav-masthead justify-content-center float-md-end">
                 <a class="nav-link fw-bold py-1 px-0 {% if request.path == '/' %}active{% endif %}"
                    href="{% url 'index' %}">Home</a>

clubhaus/homepage/templates/homepage/coming-soon.html

@@ -0,0 +1,19 @@
+{% extends 'homepage/base.html' %}
+{% load static %}
+
+{% block extra_header_block %}
+    <style>
+        .bg-logo {
+            background-image: url("{% static 'homepage/logo-with-coming-soon.svg' %}");
+            background-repeat: no-repeat;
+            background-position: center;
+            background-size: contain;
+        }
+    </style>
+{% endblock %}
+
+{% block main %}
+    <main class="d-flex flex-column h-100 mx-5">
+        <div class="d-flex row flex-grow-1 w-100 mt-5 mb-4 mx-auto bg-logo" style="max-width: 42rem"></div>
+    </main>
+{% endblock %}

clubhaus/homepage/templates/homepage/cookies.html

@@ -3,7 +3,7 @@
 
 {% block main %}
     <main class="container d-flex flex-column flex-grow-1 text-white mt-5">
-        <h1>Cookies</h1>
+        <h1 class="fst-italic">Cookies</h1>
         <p>Diese Seite benutzt ausschließlich technisch notwendige Cookies! Es werden weder tracker noch statistik
             Cookies verwendet.</p>
         <p>In untenstehender Liste finden Sie alle verwendeten Cookies und deren Verwendung.</p>

clubhaus/homepage/templates/homepage/impressum.html

@@ -4,12 +4,9 @@
 {% block main %}
     <main class="container d-flex flex-column flex-grow-1 text-white mt-5">
         <div class="impressum">
-            <h1>Impressum</h1>
+            <h1 class="fst-italic">Impressum</h1>
             <p>Angaben gemäß § 5 TMG</p>
-            <p>Max Muster <br> Musterweg<br> 12345 Musterstadt <br></p>
+            <img class="mb-3" width="400px" src="{% static 'homepage/jks.png' %}" alt="">
-            <p><strong>Vertreten durch: </strong><br>Max Muster<br></p>
-            <p><strong>Kontakt:</strong> <br>Telefon: 01234-789456<br>Fax: 1234-56789<br>E-Mail: <a
-                    href="mailto:max@muster.de">max@muster.de</a><br></p>
             <p><strong>Haftung für Inhalte</strong>
                 <br><br>
                 Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit

clubhaus/homepage/templates/homepage/tobacco.html

@@ -25,10 +25,11 @@
             {% for tobacco in tobaccos %}
                 <div class="col-sm-6 col-lg-4 col-sm-12 mb-4 text-center">
                     <div class="card {% if tobacco.in_stock %} bg-success {% else %} red-700 text-decoration-line-through {% endif %}">
-                        {% if tobacco.picture %}
-                            <img class="rounded" src="{% get_media_prefix %}{{ tobacco.picture }}" alt="Tobacco Image">
-                        {% endif %}
                         <div class="card-header">
+                            {% if tobacco.picture %}
+                                <img class="w-50 rounded" src="{% get_media_prefix %}{{ tobacco.picture }}"
+                                     alt="Tobacco Image">
+                            {% endif %}
                             <h4 class="align-baseline">{{ tobacco.name }}</h4>
                             <h6 class="card-subtitle mb-2">{{ tobacco.category.name }}</h6>
                         </div>

clubhaus/homepage/views.py

@@ -50,7 +50,7 @@ def events(request: HttpRequest) -> django.http.HttpResponse:
 
         return render(request, 'homepage/events.html', {'next_event': next_event, "dates": dates, 'votes': vote_map})
     else:
-        return HttpResponseRedirect(reverse("index"))
+        return render(request, 'homepage/coming-soon.html')
 
 
 def voting(request: HttpRequest) -> django.http.HttpResponse: