From f809f516d861d34a7e7a0f40ace9661f9f9d9c55 Mon Sep 17 00:00:00 2001
From: mrtoine <anthony.violet@outlook.be>
Date: Fri, 12 Dec 2025 19:29:15 +0100
Subject: [PATCH] Ajout de classe pour maintenir logo dans navbar height. Ajout
 du lien youtube dans le footer.

---
 static/css/app.css              | 8 ++++++++
 templates/partials/_footer.html | 3 +++
 templates/partials/_header.html | 7 +++----
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/static/css/app.css b/static/css/app.css
index e47ea13..fc28936 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -444,6 +444,14 @@ body {
     font-variant: small-caps;
 }
 
+/* Logo inside brand: keep it within navbar height */
+.brand .logo {
+    max-height: 64px;
+    height: auto;
+    vertical-align: middle;
+    display: inline-block;
+}
+
 .subtitle {
     font-size: 1rem;
     letter-spacing: 0.05cm;
diff --git a/templates/partials/_footer.html b/templates/partials/_footer.html
index af756bc..ed9ef09 100644
--- a/templates/partials/_footer.html
+++ b/templates/partials/_footer.html
@@ -16,6 +16,9 @@
         <div class="footer-link">
             <h5>Suivre</h5>
             <ul class="social">
+                {% if settings.youtube_url %}
+                    <li><a href="https://github.com/" target="_blank" rel="noopener"><i class="fa-brands fa-github"></i> GitHub</a></li>
+                {% endif %}
                 {% if settings.github_url %}
                     <li><a href="https://github.com/" target="_blank" rel="noopener"><i class="fa-brands fa-github"></i> GitHub</a></li>
                 {% endif %}
diff --git a/templates/partials/_header.html b/templates/partials/_header.html
index 107fedd..0290e98 100644
--- a/templates/partials/_header.html
+++ b/templates/partials/_header.html
@@ -1,6 +1,5 @@
-<!-- TODO : Améliorer la mise en page -->
 <nav class="site-nav">
-    <div class="brand"><i class="fa-solid fa-terminal"></i>Partir de zéro<br><span class="subtitle comment">/* Anthony Violet */</span></div>
+    <div class="brand">{% if settings.site_logo %}<img src="{{ settings.site_logo.url }}" alt="{{ settings.site_name|default:'Logo' }}" class="logo" style="max-height:64px; height:auto; vertical-align:middle;">{% endif %} Partir de zéro<br><span class="subtitle comment">/* Anthony Violet */</span></div>
     <div class="navbar">
         <ul id="menu">
             <li><a href="/" class="house"><i class="fa-solid fa-house"></i></a></li>
@@ -12,8 +11,8 @@
                     {% endfor %}
                 </ul>
             </li>
-            <li><a href="">Tutoriels</a></li>
-            <li><a href="">Billets</a></li>
+            <!--<li><a href="">Tutoriels</a></li>
+            <li><a href="">Billets</a></li>-->
         </ul>
         <div class="navend">
             <ul>