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

add YAML options before-content and after-content

Browse Source
This commit is contained in:
Dean Attali 2020-08-24 22:04:22 +00:00
parent d88e0468c2
commit fcddc9e561
7 changed files with 71 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -8,6 +8,7 @@ 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`
- **BREAKING CHANGE** Removed `link-tags` config parameter because it wasn't necessary. If you use tags, there will be a tags page created; if you don't use tags there is no tags page. - **BREAKING CHANGE** Removed `link-tags` config parameter because it wasn't necessary. If you use tags, there will be a tags page created; if you don't use tags there is no tags page.
- 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 `before-content` and `after-content` YAML options that allow you to add some common HTML before the main content of a page (below the title) or after the main content (above the footer). Works in a similar way to `footer-extra`.
- Added `head-extra` YAML option which i s similar to `footer-extra` but is used to include custom HTML code in a page's `<head>` tag - Added `head-extra` YAML option which i s 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 `full-width` YAML option to allow having full-width pages
- Improved the `footer-extra` YAML option to support multiple files instead of only a single file - Improved the `footer-extra` YAML option to support multiple files instead of only a single file

4
README.md
View File

@ -172,7 +172,9 @@ These are advanced parameters that are only useful for people who need very fine
Parameter | Description Parameter | Description
----------- | ----------- ----------- | -----------
footer-extra | If you want to include extra content below the social media icons 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`). Accepts a single file or a list of files. footer-extra | If you want to include extra content below the social media icons 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`). Accepts a single file or a list of files.
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. before-content | Similar to `footer-extra`, but used for including HTML before the main content of the page (below the title).
after-content | Similar to `footer-extra`, but used for including HTML after the main content of the page (above the footer).
head-extra | Similar 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. 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`)

18
_layouts/default.html
View File

@ -5,5 +5,21 @@ layout: base
<div class="intro-header"></div> <div class="intro-header"></div>
<div role="main" class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %}"> <div role="main" class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %}">
{{ content }} {% if page.before-content %}
<div class="before-content">
{% for file in page.before-content %}
{% include {{ file }} %}
{% endfor %}
</div>
{% endif %}
{{ content }}
{% if page.after-content %}
<div class="after-content">
{% for file in page.after-content %}
{% include {{ file }} %}
{% endfor %}
</div>
{% endif %}
</div> </div>

16
_layouts/minimal.html
View File

@ -21,7 +21,23 @@ common-ext-js:
<body> <body>
<div role="main" class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %} main-content"> <div role="main" class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %} main-content">
{% if page.before-content %}
<div class="before-content">
{% for file in page.before-content %}
{% include {{ file }} %}
{% endfor %}
</div>
{% endif %}
{{ content }} {{ content }}
{% if page.after-content %}
<div class="after-content">
{% for file in page.after-content %}
{% include {{ file }} %}
{% endfor %}
</div>
{% endif %}
</div> </div>
{% include footer-minimal.html %} {% include footer-minimal.html %}

17
_layouts/page.html
View File

@ -7,7 +7,24 @@ layout: base
<div class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %}" role="main"> <div class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %}" role="main">
<div class="row"> <div class="row">
<div class="{% if page.full-width %} col {% else %} col-xl-8 offset-xl-2 col-lg-10 offset-lg-1 {% endif %}"> <div class="{% if page.full-width %} col {% else %} col-xl-8 offset-xl-2 col-lg-10 offset-lg-1 {% endif %}">
{% if page.before-content %}
<div class="before-content">
{% for file in page.before-content %}
{% include {{ file }} %}
{% endfor %}
</div>
{% endif %}
{{ content }} {{ content }}
{% if page.after-content %}
<div class="after-content">
{% for file in page.after-content %}
{% include {{ file }} %}
{% endfor %}
</div>
{% endif %}
{% include comments.html %} {% include comments.html %}
</div> </div>
</div> </div>

16
_layouts/post.html
View File

@ -31,6 +31,14 @@ layout: base
</div> </div>
{% endif %} {% endif %}
{% if page.before-content %}
<div class="before-content">
{% for file in page.before-content %}
{% include {{ file }} %}
{% endfor %}
</div>
{% endif %}
<article role="main" class="blog-post"> <article role="main" class="blog-post">
{{ content }} {{ content }}
</article> </article>
@ -44,6 +52,14 @@ layout: base
</div> </div>
{% endif %} {% endif %}
{% if page.after-content %}
<div class="after-content">
{% for file in page.after-content %}
{% include {{ file }} %}
{% endfor %}
</div>
{% endif %}
{% if page.social-share %} {% if page.social-share %}
{% include social-share.html %} {% include social-share.html %}
{% endif %} {% endif %}

1
assets/css/beautifuljekyll.css
View File

@ -862,6 +862,7 @@ pre {
#social-share-section { #social-share-section {
margin-bottom: 1.875rem; margin-bottom: 1.875rem;
margin-top: 1.875rem;
} }
/* --- Notification boxes --- */ /* --- Notification boxes --- */