Add footer template and include it in base and hero templates; update legal URL path

base/static/css/main.css

@@ -91,6 +91,7 @@ article.message {
         color-mix(in hsl, var(--pico-primary-background) 10%, var(--pico-background-color)) 80%,
         var(--pico-background-color));
     display: grid;
+    grid-template-rows: 1fr min-content;
     align-items: center;
     padding: 4rem;
 
@@ -116,3 +117,8 @@ h6,
 i.i {
     margin-right: .5em;
 }
+
+footer {
+    text-align: center;
+    font-weight: 350;
+}

base/templates/base.html

@@ -68,6 +68,9 @@
                 {% block content %}
                 {% endblock content %}
             </main>
+            <footer class="container">
+                {% include "footer.html" %}
+            </footer>
         {% endblock body %}
     </body>
 </html>

base/templates/footer.html

@@ -0,0 +1 @@
+© <a href="https://edgarpierre.fr">Edgar P. Burkhart</a> – <a href="{% url "legal" %}">Mentions légales</a>

base/templates/hero.html

@@ -1,10 +1,13 @@
 {% load static %}
 <div id="hero">
-    <div>
+    <main>
         <i class="ri-music-ai-fill big-logo"></i>
         <h1>Musik</h1>
         <p>
             <a href="{% url "login" %}" role="button"><i class="ri-play-fill"></i> Jouer</a>
         </p>
-    </div>
+    </main>
+    <footer>
+        {% include "footer.html" %}
+    </footer>
 </div>

base/templates/privacy.html

@@ -0,0 +1,21 @@
+{% extends "base.html" %}
+{% block content %}
+    <h1>Mentions légales</h1>
+    <h2>Éditeur</h2>
+    <p>
+        Ce site est réalisé et hébergé par <a href="mailto:contact@edgarpierre.fr">Edgar P. Burkhart</a>.
+    </p>
+    <h2>Données Personnelles</h2>
+    <p>
+        Dans le cadre de la création d'un compte, un nom d'utilisateur, une adresse email et un mot de passe sont requis.
+        Ces données sont stockées dans le seul but de permettre la connexion et la réinitialisation du mot de passe de l'utilisateur (dans le cas de l'adresse mail).
+    </p>
+    <p>
+        La connexion à un compte Youtube est utilisée pour permettre la génération automatique de playlists, et sa suppression le cas échéant.
+        Elle n'est pas requise pour l'utilisation de Musik.
+        Youtube est une marque de Google LLC.
+    </p>
+    <p>
+        La suppression des données stockée par le service Musik pour son utilisation peut être demandée par email à  <a href="mailto:contact@edgarpierre.fr">Edgar P. Burkhart</a>.
+    </p>
+{% endblock content %}

base/urls.py

@@ -1,4 +1,5 @@
 from django.urls import include, path
+from django.views.generic import TemplateView
 
 from . import views
 
@@ -6,4 +7,5 @@ urlpatterns = [
     path("", views.HomePageView.as_view(), name="index"),
     path("accounts/signup/", views.SignupView.as_view(), name="signup"),
     path("accounts/", include("django.contrib.auth.urls")),
+    path("legal/", TemplateView.as_view(template_name="privacy.html"), name="legal"),
 ]