Add logo to header

assets/styles/app.css

@@ -28,6 +28,7 @@ h1 {
 h1.brand {
     font-family: var(--brand-font), serif;
     font-size: 3.6rem;
+    color: var(--brand-color);
 }
 
 
@@ -297,7 +298,8 @@ div:nth-child(odd) .featured-list {
 }
 
 .header__logo img {
-    height: 40px; /* Adjust the height as needed */
+    height: 60px;
+    vertical-align: bottom;
 }
 
 .header__logo a:hover {
@@ -509,4 +511,9 @@ label.search {
     h1.brand {
         font-size: 2.2rem;
     }
+
+    .header__logo img {
+        height: 40px;
+        vertical-align: bottom;
+    }
 }

config/unfold.yaml

@@ -1,13 +1,13 @@
 parameters:
-    name: 'Unfold Demo'
+    name: 'GitCitadel'
-    short_name: 'Unfold'
+    short_name: 'GitCitadel'
     description: 'Unfolding nostr magazines and community articles'
     default_relay: 'wss://TheForest.nostr1.com'
     theme: 'space'
     theme_color: '#000000'
     theme_bg_color: '#ffffff'
     npub: 'npub1ez09adke4vy8udk3y2skwst8q5chjgqzym9lpq4u58zf96zcl7kqyry2lz'
-    d_tag: 'unfold-magazine'
+    d_tag: 'newsroom-magazine-by-newsroom'
     community_articles: true
     external_links:
       - title: "Unfold"

templates/components/Header.html.twig

@@ -1,6 +1,11 @@
 <header class="header" data-controller="menu" {{ attributes }}>
     <div class="header__logo">
-        <h1 class="brand"><a href="/">{{ website_name }}</a></h1>
+        <a href="/" class="header__brand">
+            <h1 class="brand">
+                <img src="{{ asset('icons/favicon-96x96.png') }}" alt="{{ website_name_short }}" class="logo" />
+                {{ website_name }}
+            </h1>
+        </a>
         <button class="hamburger btn btn-secondary" data-action="click->menu#toggle" aria-label="Menu">&#9776;</button>
     </div>
     <div class="header__categories"  data-menu-target="menu">