Allow to disable the round avatar (#612)

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

_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

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 {