From bd1f95de23b807aa50a81fb1345e2001d3473471 Mon Sep 17 00:00:00 2001 From: Dean Attali Date: Tue, 28 Apr 2020 21:24:45 +0000 Subject: [PATCH] add YAML option footer-extra --- CHANGELOG.md | 2 ++ README.md | 1 + _includes/footer.html | 5 +++++ assets/css/main.css | 9 +++++++++ 4 files changed, 17 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 132568e..e19bafc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,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 and other minor changes will not be listed here. +**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 diff --git a/README.md b/README.md index 91a61ff..fd614ad 100644 --- a/README.md +++ b/README.md @@ -128,6 +128,7 @@ 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`. diff --git a/_includes/footer.html b/_includes/footer.html index c6a5082..5e849d1 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -3,6 +3,11 @@
{% include social-networks-links.html %} + {% if page.footer-extra %} +
+ {% include {{ page.footer-extra }} %} +
+ {% endif %}

{% if site.author %} {{ site.author }} diff --git a/assets/css/main.css b/assets/css/main.css index 3a77f9b..e13d4af 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -298,16 +298,22 @@ 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; +} @media only screen and (min-width: 768px) { footer { @@ -319,6 +325,9 @@ footer .theme-by { footer .copyright { font-size: 16px; } + footer .footer-custom-content { + font-size: 16px; + } } /* --- Post preview --- */