From 91715191544ceb747c78014b8d56c247e73759e4 Mon Sep 17 00:00:00 2001
From: Tanner Smith <tannersmithtn95@gmail.com>
Date: Wed, 03 Jun 2020 21:26:29 +0000
Subject: [PATCH] Site logo (#284)

---
 exampleSite/config.toml               |    1 +
 layouts/partials/site-navigation.html |    6 +++++-
 README.md                             |   10 ++++++++++
 3 files changed, 16 insertions(+), 1 deletions(-)

diff --git a/README.md b/README.md
index fd8beeb..6dfdedd 100644
--- a/README.md
+++ b/README.md
@@ -146,6 +146,16 @@
 Some scripts need to be added within the page head. To add your own scripts to the page head, simply insert them into the `head-additions.html` partial located in the `layouts/partials` folder.
 
 
+### Logo
+
+You can replace the title of your site in the top left corner of each page with your own logo. To do that put your own logo into the `static` directory of your website, and add the `site_logo` parameter to the site params in your config file. For example:
+
+```
+[params]
+  site_logo = "img/logo.svg"
+```
+
+
 ### Nearly finished
 
 In order to see your site in action, run Hugo's built-in local server.
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 8ff63d0..9f83574 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -18,6 +18,7 @@
 
 [params]
   favicon = ""
+  site_logo = ""
   description = "The last theme you'll ever need. Maybe."
   facebook = ""
   twitter = "https://twitter.com/GoHugoIO"
diff --git a/layouts/partials/site-navigation.html b/layouts/partials/site-navigation.html
index fc6f40c..d73c66d 100644
--- a/layouts/partials/site-navigation.html
+++ b/layouts/partials/site-navigation.html
@@ -1,7 +1,11 @@
 <nav class="pv3 ph3 ph4-ns" role="navigation">
   <div class="flex-l justify-between items-center center">
     <a href="{{ .Site.Home.RelPermalink }}" class="f3 fw2 hover-white no-underline white-90 dib">
-      {{ .Site.Title }}
+      {{ with .Site.Params.site_logo }}
+        <img src="{{ . }}" class="w100 mw5-ns" alt="{{ $.Site.Title }}" />
+      {{ else }}
+        {{ .Site.Title }}
+      {{ end }}
     </a>
     <div class="flex-l items-center">
       {{ partial "i18nlist.html" . }}

--
Gitblit v1.10.0