Merge pull request not-matthias#84 from tstoeter/main

feat: logo support
uhve · Dec 27, 2024 · 7b85d52 · 7b85d52
2 parents c9abd57 + 9232c62
commit 7b85d52
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 1 deletion.
diff --git a/content/posts/configuration.md b/content/posts/configuration.md
@@ -39,6 +39,16 @@ Defines the navigation menu items for your blog.
   ]
   ```
 
+## Logo
+
+Defines the site logo image file.
+
+- Type: String
+- Usage:
+  ```toml
+  logo = "site_logo.svg"
+  ```
+
 ## Socials
 
 Defines the social media links.

diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss
@@ -51,6 +51,22 @@ header .socials {
     justify-content: center;
 }
 
+.logo {
+    border-bottom: unset;
+    background-image: unset;
+}
+
+.logo>img {
+    border: unset;
+    width: auto;
+    height: 24px;
+    vertical-align: middle;
+}
+
+.logo:hover {
+  background-color: transparent;
+}
+
 .socials {
     /* flex-child */
     flex-grow: 0;

diff --git a/sass/parts/_tags.scss b/sass/parts/_tags.scss
@@ -14,7 +14,7 @@
   }
 
   a:hover {
-    color: var(--hover_color);
+    color: var(--hover-color);
     background-color: var(--primary-color);
   }
 

diff --git a/templates/partials/nav.html b/templates/partials/nav.html
@@ -1,6 +1,12 @@
 <header>
     <div class="main">
+        {% if config.extra.logo %}
+        <a href={{ config.base_url }} class="logo">
+            <img alt={{ config.title }} src={{ get_url(path=config.extra.logo) }}>
+        </a>
+        {% else %}
         <a href={{ config.base_url }}>{{ config.title }}</a>
+        {% endif %}
 
         <div class="socials">
             {% for social in config.extra.socials | default(value=[]) %}