From b623e17c5a5057858b614215a6cd3ae97d6423c8 Mon Sep 17 00:00:00 2001
From: CaffeineFueled <hello@uphillsecurity.com>
Date: Thu, 23 Oct 2025 23:44:24 +0200
Subject: [PATCH] ADD Logo configuration for the header #14

---
 config.py                           |   7 ++++++-
 images/logo.png                     | Bin 0 -> 4505 bytes
 picopaper.py                        |  20 ++++++++++++++++----
 theme/default/assets/style.css      |  13 ++++++++++++-
 theme/default/templates/header.tmpl |  11 ++++++++++-
 5 files changed, 44 insertions(+), 7 deletions(-)
 create mode 100644 images/logo.png

diff --git a/config.py b/config.py
index 3f23cdb..2f193d3 100644
--- a/config.py
+++ b/config.py
@@ -1,6 +1,6 @@
 """Configuration file for picopaper blog"""
 
-BLOG_TITLE = "picopaper"
+BLOG_TITLE = "PicoPaper.com"
 BLOG_DESCRIPTION = "we like simple."
 THEME = "default"
 
@@ -14,3 +14,8 @@ NAVBAR_ITEMS = [
     {'text': 'About', 'url': '/about/'}
 ]
 
+# Logo settings
+HIDE_LOGO = False
+HIDE_TITLE = True
+LOGO_PATH = "/images/logo.png"  
+
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f0057581acbe1155cc3f9f5bae1a3a34704fc5e
GIT binary patch
literal 4505
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

literal 0
HcmV?d00001

diff --git a/picopaper.py b/picopaper.py
index f9184a1..700bc67 100644
--- a/picopaper.py
+++ b/picopaper.py
@@ -6,7 +6,7 @@ from datetime import datetime
 from pathlib import Path
 from jinja2 import Environment, FileSystemLoader
 import markdown
-from config import BLOG_TITLE, BLOG_DESCRIPTION, THEME, EXCLUDE_FEEDS_FROM_MAIN, NAVBAR_ITEMS
+from config import BLOG_TITLE, BLOG_DESCRIPTION, THEME, EXCLUDE_FEEDS_FROM_MAIN, NAVBAR_ITEMS, HIDE_LOGO, HIDE_TITLE, LOGO_PATH
 
 class SSGGGenerator:
     def __init__(self, items_dir='items', output_dir='output', theme=None, blog_title=None, blog_description=None):
@@ -20,6 +20,9 @@ class SSGGGenerator:
         self.blog_description = blog_description or BLOG_DESCRIPTION
         self.exclude_feeds = EXCLUDE_FEEDS_FROM_MAIN
         self.navbar_items = NAVBAR_ITEMS
+        self.hide_logo = HIDE_LOGO
+        self.hide_title = HIDE_TITLE
+        self.logo_path = LOGO_PATH
 
         # Setup Jinja2
         self.env = Environment(loader=FileSystemLoader(self.templates_dir))
@@ -143,7 +146,10 @@ class SSGGGenerator:
             blog_description=self.blog_description,
             navbar_items=self.navbar_items,
             posts=posts,
-            all_posts=all_posts or posts
+            all_posts=all_posts or posts,
+            hide_logo=self.hide_logo,
+            hide_title=self.hide_title,
+            logo_path=self.logo_path
         )
 
         output_path.parent.mkdir(parents=True, exist_ok=True)
@@ -174,7 +180,10 @@ class SSGGGenerator:
             blog_description=self.blog_description,
             navbar_items=self.navbar_items,
             feeds=feed_list,
-            all_posts=all_posts or []
+            all_posts=all_posts or [],
+            hide_logo=self.hide_logo,
+            hide_title=self.hide_title,
+            logo_path=self.logo_path
         )
 
         output_path.parent.mkdir(parents=True, exist_ok=True)
@@ -193,7 +202,10 @@ class SSGGGenerator:
             blog_description=self.blog_description,
             navbar_items=self.navbar_items,
             post=post,
-            all_posts=all_posts or []
+            all_posts=all_posts or [],
+            hide_logo=self.hide_logo,
+            hide_title=self.hide_title,
+            logo_path=self.logo_path
         )
 
         # Create directory for the post slug
diff --git a/theme/default/assets/style.css b/theme/default/assets/style.css
index 1663aa4..9b276fc 100644
--- a/theme/default/assets/style.css
+++ b/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 {
diff --git a/theme/default/templates/header.tmpl b/theme/default/templates/header.tmpl
index 22b854c..e92c6f6 100644
--- a/theme/default/templates/header.tmpl
+++ b/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 %}