Allow to disable the round avatar (#612)

This commit is contained in:
Gabriel 2020-04-19 00:31:01 +02:00 committed by GitHub
parent 09bbb35651
commit 2e3ba13c81
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 1 deletions

View File

@ -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. 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-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 **2020-03-23** Remove just-comments as it's getting killed at the end of the year

View File

@ -29,6 +29,7 @@ navbar-links:
# Image to show in the navigation bar - image must be a square (width = height) # 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 # Remove this parameter if you don't want an image in the navbar
avatar: "/img/avatar-icon.png" 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, # If you want to have an image logo in the top-left corner instead of the title text,
# then specify the following parameter # then specify the following parameter

View File

@ -174,16 +174,20 @@ img {
} }
.navbar-custom .avatar-container .avatar-img-border { .navbar-custom .avatar-container .avatar-img-border {
width: 100%; width: 100%;
display: inline-block;
{% if site.round-avatar | default: true %}
border-radius: 50%; border-radius: 50%;
margin-left: -50%; margin-left: -50%;
display: inline-block;
box-shadow: 0 0 8px rgba(0, 0, 0, .8); box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 5px 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); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
{% endif %}
} }
.navbar-custom .avatar-container .avatar-img { .navbar-custom .avatar-container .avatar-img {
width: 100%; width: 100%;
{% if site.round-avatar | default: true %}
border-radius: 50%; border-radius: 50%;
{% endif %}
display: block; display: block;
} }
@ -199,9 +203,11 @@ img {
.navbar-custom .avatar-container .avatar-img-border { .navbar-custom .avatar-container .avatar-img-border {
width: 100%; width: 100%;
{% if site.round-avatar | default: true %}
box-shadow: 1px 1px 2px rgba(0, 0, 0, .8); box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
-webkit-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); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
{% endif %}
} }
.navbar-custom .avatar-container .avatar-img { .navbar-custom .avatar-container .avatar-img {