ADD Logo configuration for the header #14

theme/default/assets/style.css

@@ -12,6 +12,7 @@ header {
     padding: 20px;
     margin-bottom: 40px;
     border-radius: 10px;
+    text-align: center;
 }
 
 img {
@@ -22,7 +23,13 @@ hr {
 	border: 1px solid #efefef;
 }
 
-h1 { margin: 0; }
+h1 {
+    margin: 0;
+}
+
+.header-logo {
+    vertical-align: middle;
+}
 
 .blog-description {
     margin: 10px 0 0 0;
@@ -33,6 +40,10 @@ h1 { margin: 0; }
 .main-nav {
     margin-top: 15px;
     font-weight: bold;
+    display: flex;
+    justify-content: center;
+    gap: 10px;
+    flex-wrap: wrap;
 }
 
 .nav-item {

theme/default/templates/header.tmpl

@@ -1,5 +1,14 @@
 <header>
-    <h1><a href="/" style="color: #333; text-decoration: none;">{{ blog_title }}</a></h1>
+    <h1>
+        <a href="/" style="color: #333; text-decoration: none;">
+            {% if not hide_logo %}
+            <img src="{{ logo_path }}" alt="{{ blog_title }}" class="header-logo">
+            {% endif %}
+            {% if not hide_title %}
+            {{ blog_title }}
+            {% endif %}
+        </a>
+    </h1>
     <p class="blog-description">{{ blog_description }}</p>
     <nav class="main-nav">
         {% for item in navbar_items %}