From 132cecfea3ba2dbdcf37ac519390175d713edd4b Mon Sep 17 00:00:00 2001
From: Silvio Giebl <silvio.giebl@hivemq.com>
Date: Sat, 17 Aug 2019 14:32:25 +0200
Subject: [PATCH] Added logo variable to _config.yml which can be set to a
 path/url Automatically replaces the title with a logo

---
 _config.yml                       |  1 +
 _includes/title.html              |  6 +++++-
 _sass/layout.scss                 | 11 +++++++++++
 assets/css/dark-mode-preview.scss |  4 ++++
 assets/css/just-the-docs.scss     |  4 ++++
 5 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/_config.yml b/_config.yml
index d12d439..60b446d 100644
--- a/_config.yml
+++ b/_config.yml
@@ -17,6 +17,7 @@ title: Just the Docs
 description: A Jekyll theme for documentation
 baseurl: "/just-the-docs" # the subpath of your site, e.g. /blog
 url: "https://pmarsceill.github.io" # the base hostname & protocol for your site, e.g. http://example.com
+#logo: "/assets/images/just-the-docs.png"
 
 permalink: pretty
 exclude: ["node_modules/", "*.gemspec", "*.gem", "Gemfile", "Gemfile.lock", "package.json", "package-lock.json",  "script/", "LICENSE.txt", "lib/", "bin/", "README.md", "Rakefile"]
diff --git a/_includes/title.html b/_includes/title.html
index f6d5669..8bd3fa8 100644
--- a/_includes/title.html
+++ b/_includes/title.html
@@ -1 +1,5 @@
-{{ site.title }}
\ No newline at end of file
+{% if site.logo %}
+  <div class="site-logo"></div>
+{% else %}
+  {{ site.title }}
+{% endif %}
diff --git a/_sass/layout.scss b/_sass/layout.scss
index d826cfc..9ec8b07 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -153,6 +153,17 @@
   }
 }
 
+@if variable-exists(logo) {
+  .site-logo {
+    width: 100%;
+    height: 100%;
+    background-image: url($logo);
+    background-position: left center;
+    background-repeat: no-repeat;
+    background-size: contain;
+  }
+}
+
 .menu-button {
   appearance: none;
   display: flex;
diff --git a/assets/css/dark-mode-preview.scss b/assets/css/dark-mode-preview.scss
index 8b77da6..c524e81 100644
--- a/assets/css/dark-mode-preview.scss
+++ b/assets/css/dark-mode-preview.scss
@@ -3,6 +3,10 @@
 # only Main files contain this front matter, not partials.
 ---
 
+{% if site.logo %}
+$logo: "{{ site.logo | absolute_url }}";
+{% endif %}
+
 //
 // Import external dependencies
 //
diff --git a/assets/css/just-the-docs.scss b/assets/css/just-the-docs.scss
index 6a2eefa..57d03aa 100644
--- a/assets/css/just-the-docs.scss
+++ b/assets/css/just-the-docs.scss
@@ -3,6 +3,10 @@
 # only Main files contain this front matter, not partials.
 ---
 
+{% if site.logo %}
+$logo: "{{ site.logo | absolute_url }}";
+{% endif %}
+
 //
 // Import external dependencies
 //