OCram85/beautifulSA-jekyll
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

add full-width YAML option

Browse Source
This commit is contained in:
Dean Attali 2020-08-23 19:23:14 +00:00
parent 909190a415
commit f65e439025
9 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -8,9 +8,9 @@ One of the major changes in this version is that a lot of time was spent on reth
- **BREAKING CHANGE** Removed undocumented YAML options `meta-title` and `meta-description` - **BREAKING CHANGE** Removed undocumented YAML options `meta-title` and `meta-description`
- Added `share-title` YAML option to give control over the search engine/social media title - Added `share-title` YAML option to give control over the search engine/social media title
- Added `head-extra` YAML option which is similar to `footer-extra` but is used to include custom HTML code in a page's `<head>` tag - Added `head-extra` YAML option which is similar to `footer-extra` but is used to include custom HTML code in a page's `<head>` tag
- Added `full-width` YAML option to allow having full-width pages
- Added automatic navbar color detection (#702) - Added automatic navbar color detection (#702)
- Added better SEO and social media sharing by adding a `share-title` YAML option and utilizing the `description` option - Changed navbar and footer background colour to be slightly darker, for better contrast with the default white page background
- Changed navbar and footer background colour to be slightly darker, for better contrast with white page background
- Changed the behaviour of `site-css` to include site-wide CSS file **before** page-specific files - Changed the behaviour of `site-css` to include site-wide CSS file **before** page-specific files
- Renamed internal css/js files from "main" to "beautifuljekyll" to make it easier for users to troubleshoot - Renamed internal css/js files from "main" to "beautifuljekyll" to make it easier for users to troubleshoot

1
README.md
View File

@ -172,6 +172,7 @@ Parameter | Description
footer-extra | If you want to include extra information in the footer (below the social media icons), 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`) footer-extra | If you want to include extra information in the footer (below the social media icons), 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`)
head-extra | Works in a similar way to `footer-extra`, but used if you have any HTML code that needs to be included in the `<head>` tag of the page. head-extra | Works in a similar way to `footer-extra`, but used if you have any HTML code that needs to be included in the `<head>` tag of the page.
language | HTML language code to be set on the page's &lt;html&gt; element. language | HTML language code to be set on the page's &lt;html&gt; element.
full-width | By default, page content is constrained to a standard width. Use `full-width: true` to allow the content to span the entire width of the window.
js | List of local JavaScript files to include in the page (eg. `/assets/js/mypage.js`) js | List of local JavaScript files to include in the page (eg. `/assets/js/mypage.js`)
ext-js | List of external JavaScript files to include in the page (eg. `//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js`). External JavaScript files that support [Subresource Integrity (SRI)](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity) can be specified using the `href` and `sri` parameters eg.<br/>`href: "//code.jquery.com/jquery-3.1.1.min.js"`<br/>`sri: "sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="` ext-js | List of external JavaScript files to include in the page (eg. `//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js`). External JavaScript files that support [Subresource Integrity (SRI)](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity) can be specified using the `href` and `sri` parameters eg.<br/>`href: "//code.jquery.com/jquery-3.1.1.min.js"`<br/>`sri: "sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="`
css | List of local CSS files to include in the page css | List of local CSS files to include in the page

2
_config.yml
View File

@ -1,7 +1,7 @@
# --- Required options --- # # --- Required options --- #
# Name of website # Name of website
title: My website title: My Website
# Your name to show in the footer # Your name to show in the footer
author: Some Person author: Some Person

14
_includes/head.html
View File

@ -2,7 +2,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{%- capture title -%} {% capture title %}
{%- if page.share-title -%} {%- if page.share-title -%}
{{ page.share-title }} {{ page.share-title }}
{%- elsif page.title -%} {%- elsif page.title -%}
@ -10,18 +10,18 @@
{%- else -%} {%- else -%}
{{ site.title }} {{ site.title }}
{%- endif -%} {%- endif -%}
{%- endcapture -%} {% endcapture %}
{%- capture description -%} {% capture description %}
{%- if page.share-description -%} {%- if page.share-description -%}
{{ page.share-description }} {{ page.share-description }}
{%- elsif page.subtitle -%} {%- elsif page.subtitle -%}
{{ page.subtitle }} {{ page.subtitle }}
{%- else -%} {%- else -%}
{% assign excerpt_length = site.excerpt_length | default: 50 %} {%- assign excerpt_length = site.excerpt_length | default: 50 -%}
{{ page.content | strip_html | xml_escape | truncatewords: excerpt_length }} {{ page.content | strip_html | xml_escape | truncatewords: excerpt_length | strip }}
{%- endif -%} {%- endif -%}
{%- endcapture -%} {% endcapture %}
<title>{{ title }}</title> <title>{{ title }}</title>
@ -134,9 +134,7 @@
<meta name="twitter:image" content="{{ img | absolute_url }}"> <meta name="twitter:image" content="{{ img | absolute_url }}">
{% endif %} {% endif %}
{% if site.matomo %}
{% include matomo.html %} {% include matomo.html %}
{% endif %}
{% if page.comments and site.staticman.repository and site.staticman.branch %} {% if page.comments and site.staticman.repository and site.staticman.branch %}
<link rel="stylesheet" href="{{ "/assets/css/staticman.css" | relative_url }}"> <link rel="stylesheet" href="{{ "/assets/css/staticman.css" | relative_url }}">

2
_layouts/default.html
View File

@ -4,6 +4,6 @@ layout: base
<div class="intro-header"></div> <div class="intro-header"></div>
<div role="main" class="container-md"> <div role="main" class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %}">
{{ content }} {{ content }}
</div> </div>

2
_layouts/minimal.html
View File

@ -20,7 +20,7 @@ common-ext-js:
<body> <body>
<div role="main" class="container-md main-content"> <div role="main" class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %} main-content">
{{ content }} {{ content }}
</div> </div>

4
_layouts/page.html
View File

@ -4,9 +4,9 @@ layout: base
{% include header.html type="page" %} {% include header.html type="page" %}
<div class="container-md" role="main"> <div class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %}" role="main">
<div class="row"> <div class="row">
<div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1"> <div class="{% if page.full-width %} col {% else %} col-xl-8 offset-xl-2 col-lg-10 offset-lg-1 {% endif %}">
{{ content }} {{ content }}
{% include comments.html %} {% include comments.html %}
</div> </div>

4
_layouts/post.html
View File

@ -4,9 +4,9 @@ layout: base
{% include header.html type="post" %} {% include header.html type="post" %}
<div class="container-md"> <div class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %}">
<div class="row"> <div class="row">
<div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1"> <div class="{% if page.full-width %} col {% else %} col-xl-8 offset-xl-2 col-lg-10 offset-lg-1 {% endif %}">
{% if page.gh-repo %} {% if page.gh-repo %}
{% assign gh_split = page.gh-repo | split:'/' %} {% assign gh_split = page.gh-repo | split:'/' %}

1
index.html
View File

@ -3,4 +3,3 @@ layout: home
title: My website title: My website
subtitle: This is where I will tell my friends way too much about me subtitle: This is where I will tell my friends way too much about me
--- ---