11 Commits
2.2.0 ... 2.3.0

8 changed files with 66 additions and 15 deletions

View File

@ -2,6 +2,18 @@
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 and other minor changes will not be listed here.
**2020-04-29** Upgrade gem to 2.3.0 to include all new features
**2020-04-28** Add YAML option `footer-extra` for including custom content in the footer
**2020-04-28** Fix issue: linking to a specific part of a page resulted in scrolling too far (#69)
**2020-04-28** Add YAML option `nav-short` to have navbar permanently collapsed
**2020-04-28** Add social network link: Calendly
**2020-04-28** Fix bug where RSS link in footer was showing even when turned off
**2020-04-27** Upgrade gem to 2.2.0 to improve some documentation and fix small bugs from remote_theme migration
**2020-04-27** Moved the demo site to an independent URL: https://beautifuljekyll.com

View File

@ -128,6 +128,8 @@ image | If you want to add a personalized image to your blog post that wil
readtime | If you want to show how many minutes it will take to read a post in the header, add `readtime: true`.
share-img | If you want to specify an image to use when sharing the page on Facebook or Twitter, then provide the image's full URL here.
social-share | If you don't want to show buttons to share a blog post on social media, use `social-share: false` (this feature is turned on by default).
footer-extra | If you want to include extra information in the footer, create an HTML file in the `_includes/` folder (for example `_includes/myinfo.html`) and set `footer-extra` to the name of the file (for example `footer-extra: myinfo.html`)
nav-short | By default, the navigation bar gets shorter after scrolling down the page. If you want the navigation bar to always be short on a certain page, use `nav-short: true`
use-site-title | If you want to use the site title rather than page title as HTML document title (ie. browser tab title), use `use-site-title: true`. When set, the document title will take the format `Site Title - Site Description` (eg. `My website - A virtual proof that name is awesome!`). By default, it will use `Page Title` if it exists, or `Site Title` otherwise.
language | HTML language code to be set on <html> element (see [W3Schools website](https://www.w3schools.com/tags/ref_language_codes.asp) for more info on this topic). Language can also be set site-wide in `_config.yml`.
layout | What type of page this is (default is `post` for blog posts and `page` for other pages). See _Page types_ section below for more information.

View File

@ -56,6 +56,7 @@ social-network-links:
# twitch: yourname
# yelp: yourname
# telegram: yourname
# calendly: yourname
# --- General options --- #

View File

@ -3,6 +3,11 @@
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
{% include social-networks-links.html %}
{% if page.footer-extra %}
<div class="footer-custom-content">
{% include {{ page.footer-extra }} %}
</div>
{% endif %}
<p class="copyright text-muted">
{% if site.author %}
{{ site.author }}

View File

@ -1,4 +1,4 @@
<nav class="navbar navbar-default navbar-fixed-top navbar-custom">
<nav class="navbar navbar-default navbar-fixed-top navbar-custom {% if page.nav-short %}top-nav-short-permanent{% endif %}">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">

View File

@ -1,6 +1,6 @@
<ul class="list-inline text-center footer-links">
{%- if site.social-network-links.facebook -%}
{%- if site.social-network-links.rss -%}
<li>
<a href="{{ '/feed.xml' | relative_url }}" title="RSS">
<span class="fa-stack fa-lg" aria-hidden="true">
@ -12,6 +12,30 @@
</li>
{%- endif -%}
{%- if site.social-network-links.email -%}
<li>
<a href="mailto:{{ site.social-network-links.email }}" title="Email me">
<span class="fa-stack fa-lg" aria-hidden="true">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fas fa-envelope fa-stack-1x fa-inverse"></i>
</span>
<span class="sr-only">Email me</span>
</a>
</li>
{%- endif -%}
{%- if site.social-network-links.calendly -%}
<li>
<a href="https://calendly.com/{{ site.social-network-links.calendly }}" title="Schedule a meeting with me">
<span class="fa-stack fa-lg" aria-hidden="true">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fas fa-calendar-check fa-stack-1x fa-inverse"></i>
</span>
<span class="sr-only">Schedule a meeting with me</span>
</a>
</li>
{%- endif -%}
{%- if site.social-network-links.facebook -%}
<li>
<a href="https://www.facebook.com/{{ site.social-network-links.facebook }}" title="Facebook">
@ -72,18 +96,6 @@
</li>
{%- endif -%}
{%- if site.social-network-links.email -%}
<li>
<a href="mailto:{{ site.social-network-links.email }}" title="Email me">
<span class="fa-stack fa-lg" aria-hidden="true">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fas fa-envelope fa-stack-1x fa-inverse"></i>
</span>
<span class="sr-only">Email me</span>
</a>
</li>
{%- endif -%}
{%- if site.social-network-links.linkedin -%}
<li>
<a href="https://linkedin.com/in/{{ site.social-network-links.linkedin }}" title="LinkedIn">

View File

@ -47,6 +47,14 @@ hr.small {
border-radius: 3px;
}
/* fix in-page anchors to not be behind fixed header */
:target:before {
content: "";
display: block;
height: 50px; /* navbar height */
margin: -50px 0 0;
}
.main-content {
padding-top: 80px;
}
@ -161,6 +169,7 @@ img {
transition: background .5s ease-in-out,padding .5s ease-in-out;
}
.navbar-custom.top-nav-short-permanent,
.navbar-custom.top-nav-short {
padding: 0;
}
@ -289,16 +298,23 @@ footer a {
footer .list-inline {
margin: 0;
padding: 0;
margin-bottom: 30px;
}
footer .copyright {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-align: center;
margin-bottom: 0;
margin-top: 0;
}
footer .theme-by {
text-align: center;
margin: 10px 0 0;
}
footer .footer-custom-content {
text-align: center;
margin-bottom: 15px;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media only screen and (min-width: 768px) {
footer {
@ -310,6 +326,9 @@ footer .theme-by {
footer .copyright {
font-size: 16px;
}
footer .footer-custom-content {
font-size: 16px;
}
}
/* --- Post preview --- */

View File

@ -2,7 +2,7 @@
Gem::Specification.new do |spec|
spec.name = "beautiful-jekyll-theme"
spec.version = "2.2.0"
spec.version = "2.3.0"
spec.authors = ["Dean Attali"]
spec.email = ["daattali@gmail.com"]