From 9121d57dccf604436fc647ba70659ba3a9158868 Mon Sep 17 00:00:00 2001
From: DragonSlayer_14 <dragonslayer14@murena.io>
Date: Sat, 13 Jun 2026 17:51:32 +0200
Subject: [PATCH] =?UTF-8?q?Feat:=20=C3=9Cberarbeitet=20Navbar=20mit=20Logo?=
 =?UTF-8?q?-Integration,=20zentrierten=20Links=20und=20verbesserten=20Styl?=
 =?UTF-8?q?es?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/styles/app/nav.css           |  8 +++++++-
 templates/widgets/nav_bar.html.twig | 19 +++++++++++++------
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/assets/styles/app/nav.css b/assets/styles/app/nav.css
index c8beb30..bdc0c5f 100644
--- a/assets/styles/app/nav.css
+++ b/assets/styles/app/nav.css
@@ -1,5 +1,5 @@
 nav div {
-    height: 64px;
+    min-height: 64px;
 }
 
 /* Glassmorphism nav — uses RGB channel var for rgba() composition */
@@ -28,4 +28,10 @@ nav div {
     font-family: var(--font-display), serif;
     letter-spacing: -.02em;
     font-size: 1rem;
+    text-decoration: none;
+}
+
+#nav-brand-logo {
+    height: 30px;
+    width: auto;
 }
diff --git a/templates/widgets/nav_bar.html.twig b/templates/widgets/nav_bar.html.twig
index 26a6c45..e6c5594 100644
--- a/templates/widgets/nav_bar.html.twig
+++ b/templates/widgets/nav_bar.html.twig
@@ -2,16 +2,23 @@
      id="top-nav"
      aria-label="Hauptnavigation">
     <div class="container d-flex justify-content-between align-items-center">
-                        <span id="nav-site-name" class="fw-bold text-white">
-                            CTDRA
-                        </span>
 
-        <div class="d-none d-md-flex align-items-center gap-4">
+        {# Links: Logo + CTDRA (als Block zusammengefasst) #}
+        <a href="/" id="nav-site-name" class="d-flex align-items-center gap-2 text-decoration-none">
+            <img src="{{ asset('images/logo.png') }}"
+                 alt="CTDRA Logo"
+                 id="nav-brand-logo">
+            <span class="fw-bold text-white">CTDRA</span>
+        </a>
+
+        {# Mitte: Links zentriert mit mx-auto #}
+        <div class="d-none d-md-flex align-items-center gap-4 mx-auto">
             <a href="#" class="text-label-sm text-decoration-none nav-link-ds">News</a>
-            <a href="#" class="text-label-sm text-decoration-none nav-link-ds">Projects</a>
-            <a href="#" class="text-label-sm text-decoration-none nav-link-ds">About Me</a>
+            <a href="#" class="text-decoration-none nav-link-ds">Projects</a>
+            <a href="#" class="text-decoration-none nav-link-ds">About Me</a>
         </div>
 
+        {# Rechts: Platzhalter #}
         <div>&nbsp;</div>
     </div>
 </nav>