From 2e3ba13c81c6369460d98bd25c13470ce383120b Mon Sep 17 00:00:00 2001
From: Gabriel <gabriel@potter.fr>
Date: Sun, 19 Apr 2020 00:31:01 +0200
Subject: [PATCH] Allow to disable the round avatar (#612)

---
 CHANGELOG.md | 2 ++
 _config.yml  | 1 +
 css/main.css | 8 +++++++-
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 79be67e..f0f30e5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,8 @@ This file lists all non-trivial changes to Beautiful Jekyll.
 
 I often make small changes to documentation, to the demo site, or to the general look-and-feel. These changes will not be listed here. Any other minor changes will also not be listed here.
 
+**2020-04-18** Add ability to disable round logo (thanks @gpotter2)
+
 **2020-04-01** Add support for Utterances comments (#596) (thanks @colynn)
 
 **2020-03-23** Remove just-comments as it's getting killed at the end of the year
diff --git a/_config.yml b/_config.yml
index 98c465d..45e7575 100644
--- a/_config.yml
+++ b/_config.yml
@@ -29,6 +29,7 @@ navbar-links:
 # Image to show in the navigation bar - image must be a square (width = height)
 # Remove this parameter if you don't want an image in the navbar
 avatar: "/img/avatar-icon.png"
+round-avatar: true
 
 # If you want to have an image logo in the top-left corner instead of the title text,
 # then specify the following parameter
diff --git a/css/main.css b/css/main.css
index 8e25771..81ebff7 100644
--- a/css/main.css
+++ b/css/main.css
@@ -174,16 +174,20 @@ img {
 }
 .navbar-custom .avatar-container .avatar-img-border {
   width: 100%;
+  display: inline-block;
+  {% if site.round-avatar | default: true %}
   border-radius: 50%;
   margin-left: -50%;
-  display: inline-block;
   box-shadow: 0 0 8px rgba(0, 0, 0, .8);
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .8);
   -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
+  {% endif %}
 }
 .navbar-custom .avatar-container .avatar-img {
   width: 100%;
+  {% if site.round-avatar | default: true %}
   border-radius: 50%;
+  {% endif %}
   display: block;
 }
 
@@ -199,9 +203,11 @@ img {
 
   .navbar-custom .avatar-container .avatar-img-border {
     width: 100%;
+    {% if site.round-avatar | default: true %}
     box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
     -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
     -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
+    {% endif %}
   }
 
   .navbar-custom .avatar-container .avatar-img {