jekyll-theme-prologue 0.2.2 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +14 -9
- data/_config.yml +67 -0
- data/_includes/header.html +2 -2
- data/_includes/section.html +1 -1
- data/_layouts/home.html +18 -9
- data/_sass/jekyll-theme-prologue.scss +0 -0
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: bbf9038c3f7e028a6c216c98e3407804406dbd6e
|
4
|
+
data.tar.gz: 2eb67f52568cddb65605bb54902f7624114054b3
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 28436487d239bc69fd03e0ea6615082c8833ce3b9bd414ffa3c27cfc4b5388d9707dc4ae70fef3d88ae55a698950e4137983e8fd00b6c14e3ed300e259d3c00b
|
7
|
+
data.tar.gz: d1e8de3048124bb6ed40b9589922b20db162e49dba705de524e5822307c34ce414c3329b8f16c1bc545c639a7fffe029659265708dc0efc144d2dbf48291c3ba
|
data/README.md
CHANGED
@@ -1,6 +1,8 @@
|
|
1
1
|
# (WIP) Prologue - Jekyll Theme
|
2
2
|
|
3
|
-
|
3
|
+
[](https://badge.fury.io/rb/jekyll-theme-prologue)
|
4
|
+
|
5
|
+
A Jekyll version of the responsive, single-page "Prologue" theme by [HTML5 UP](https://html5up.net/). Perfect for a streamlined portfolio.
|
4
6
|
|
5
7
|
**Demo**: https://chrisbobbe.github.io/jekyll-theme-prologue/
|
6
8
|
|
@@ -10,28 +12,30 @@ A Jekyll version of the "Prologue" theme by [HTML5 UP](https://html5up.net/).
|
|
10
12
|
|
11
13
|
There are two ways to get started:
|
12
14
|
|
13
|
-
1. Fork
|
15
|
+
1. Fork the [GitHub repository](https://github.com/chrisbobbe/jekyll-theme-prologue). If you want to use [GitHub Pages](https://pages.github.com/), create a branch named `gh-pages`. (NOTE: The _config.yml file in this repository has `baseurl` set for my own GitHub Pages site, so you'll want to change it or make it blank.)
|
14
16
|
2. Install the theme using the jekyll-theme-prologue gem. Instructions can be found [here](https://jekyllrb.com/docs/themes/#installing-a-theme).
|
15
17
|
|
16
|
-
|
18
|
+
**The following instructions apply to this theme only.**
|
19
|
+
|
20
|
+
Your `_config.yml` file **must include the following line or it will not work**: `collections: [sections]`. This tells Jekyll to look in the _sections folder (which you will create) for your content. A sample config `_config.yml` is in the GitHub repository for your reference. If using the gem, run `open $(bundle show jekyll-theme-prologue)` to find this file, then optionally move it to your project's root directory. It will do nothing until you move it there.
|
17
21
|
|
18
|
-
Create a `_sections` folder in your project's root directory
|
22
|
+
Create a `_sections` folder in your project's root directory and start adding content. Sample content is provided in the [GitHub repository](https://github.com/chrisbobbe/jekyll-theme-prologue).
|
19
23
|
|
20
24
|
All new sections should be added as html or Markdown documents in the `_sections` folder. The following section variables can be set with frontmatter:
|
21
25
|
- `title` (required)
|
22
26
|
- `order` (required; orders the sequence of sections on the page. Section 1 displays with banner.jpg)
|
23
27
|
- `icon` (optional; see [Font Awesome](http://fontawesome.io/icons/) for icon codes)
|
24
|
-
- `auto-header` (optional; "use-title" is default, "none" for no header, or custom header text
|
28
|
+
- `auto-header` (optional; "use-title" is default, "none" for no header, or custom header text)
|
25
29
|
|
26
|
-
To set the banner image,
|
30
|
+
To set the banner image, overwrite `assets/images/banner.jpg`. Same for `avatar.jpg`.
|
27
31
|
|
28
32
|
# Jekyll and the single-page view
|
29
33
|
|
30
|
-
**This theme is designed to include all content on a single scrollable page.** That means a few things are different from what you might expect.
|
34
|
+
**This theme is designed to include all content on a single scrollable page.** That means a few things are different from what you might expect in Jekyll.
|
31
35
|
|
32
|
-
You don't need to use Jekyll's hardcoded support for `_pages` or `_posts`, and layouts aren't provided for them. Each section (intro, about me, etc.) is built from an html or Markdown document in the `_sections` folder with corresponding [frontmatter](https://jekyllrb.com/docs/frontmatter/).
|
36
|
+
You don't need to use Jekyll's hardcoded support for `_pages` or `_posts`, and layouts aren't provided for them. Jekyll does not support multiple layout-formatted content sections per page. Each section (intro, about me, etc.) is built from an html or Markdown document in the `_sections` folder with corresponding [frontmatter](https://jekyllrb.com/docs/frontmatter/).
|
33
37
|
|
34
|
-
|
38
|
+
If you're looking to customize the templates, go to `_layouts/home.html` and `_includes/section.html`.
|
35
39
|
|
36
40
|
There shouldn't be a need to set `permalink` in frontmatter because all content appears on the same page.
|
37
41
|
|
@@ -39,6 +43,7 @@ There shouldn't be a need to set `permalink` in frontmatter because all content
|
|
39
43
|
|
40
44
|
* **[Formspree.io](https://formspree.io/) contact form integration** - just add your email to the `_config.yml` and it works!
|
41
45
|
* Add your **social profiles** easily in `_config.yml`. Only social profiles buttons you enter in `config.yml` show up on the site footer!
|
46
|
+
* Custom 404 page called 404.html
|
42
47
|
|
43
48
|
# Credits
|
44
49
|
|
data/_config.yml
ADDED
@@ -0,0 +1,67 @@
|
|
1
|
+
# Developer's Note: This is a sample _config.yml file offered with
|
2
|
+
# jekyll-theme-prologue for your convenience. To use it, move it to your
|
3
|
+
# project's root directory. Please note that the following lines are
|
4
|
+
# NECESSARY for Prologue to work correctly:
|
5
|
+
#
|
6
|
+
# theme: jekyll-theme-prologue
|
7
|
+
# collections: [sections]
|
8
|
+
#
|
9
|
+
# They activate the theme and tell Jekyll to find your content
|
10
|
+
# in /_sections. Note where "sections" starts with an underscore
|
11
|
+
# and where it doesn't. The social settings will make links to
|
12
|
+
# Twitter, etc.
|
13
|
+
#
|
14
|
+
# Also, be sure to customize baseurl for your site.
|
15
|
+
#
|
16
|
+
# ---------------------------------------------------------------
|
17
|
+
#
|
18
|
+
# Welcome to Jekyll!
|
19
|
+
#
|
20
|
+
# This config file is meant for settings that affect your whole blog, values
|
21
|
+
# which you are expected to set up once and rarely edit after that. If you find
|
22
|
+
# yourself editing this file very often, consider using Jekyll's data files
|
23
|
+
# feature for the data you need to update frequently.
|
24
|
+
#
|
25
|
+
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
26
|
+
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
|
27
|
+
|
28
|
+
# Site settings
|
29
|
+
# These are used to personalize your new site. If you look in the HTML files,
|
30
|
+
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
31
|
+
# You can create any custom variable you would like, and they will be accessible
|
32
|
+
# in the templates via {{ site.myvariable }}.
|
33
|
+
title: Your awesome title
|
34
|
+
subtitle: Your awesome subtitle
|
35
|
+
description: >- # this means to ignore newlines until "baseurl:"
|
36
|
+
Write an awesome description for your new site here. You can edit this
|
37
|
+
line in _config.yml. It will appear in your document head meta (for
|
38
|
+
Google search results) and in your feed.xml site description.
|
39
|
+
# You'll want to customize baseurl for your own site:
|
40
|
+
baseurl: "/jekyll-theme-prologue" # the subpath of your site, e.g. /blog
|
41
|
+
url: "" # the base hostname & protocol for your site
|
42
|
+
|
43
|
+
author: Your Incredible-Name
|
44
|
+
email: your-email@example.com
|
45
|
+
street_address: 1234 Somewhere Road
|
46
|
+
city: Nashville
|
47
|
+
state: TN
|
48
|
+
zip_code: 55555
|
49
|
+
country: United States of America
|
50
|
+
phone: (716) 555-5555
|
51
|
+
|
52
|
+
# Social settings
|
53
|
+
facebook_url:
|
54
|
+
github_url:
|
55
|
+
googleplus_url:
|
56
|
+
instagram_url:
|
57
|
+
linkedin_url:
|
58
|
+
pinterest_url:
|
59
|
+
slack_url:
|
60
|
+
twitter_url:
|
61
|
+
|
62
|
+
# Build settings
|
63
|
+
markdown: kramdown
|
64
|
+
|
65
|
+
# The following settings are NECESSARY for the Prologue theme to run:
|
66
|
+
theme: jekyll-theme-prologue
|
67
|
+
collections: [sections]
|
data/_includes/header.html
CHANGED
@@ -27,11 +27,11 @@
|
|
27
27
|
-->
|
28
28
|
<ul>
|
29
29
|
{% assign sections = site.sections | where_exp: 'section','section.order >= 1' %}
|
30
|
-
{% unless
|
30
|
+
{% unless sections == null %}
|
31
31
|
{% assign sections = sections | sort: 'order' %}
|
32
32
|
{% for section in sections %}
|
33
|
-
{% assign slug = section.title | slugify | default: 'untitled' %}
|
34
33
|
{% assign title = section.title | default: 'Untitled' %}
|
34
|
+
{% assign slug = section.title | slugify | default: 'untitled' %}
|
35
35
|
{% assign icon = section.icon | default: 'fa-file' %}
|
36
36
|
<li><a href="#{{ slug }}" id="{{ slug }}-link" class="skel-layers-ignoreHref"><span class="icon {{ icon }}">{{ title }}</span></a></li>
|
37
37
|
{% endfor %}
|
data/_includes/section.html
CHANGED
data/_layouts/home.html
CHANGED
@@ -15,13 +15,20 @@
|
|
15
15
|
<!-- Main -->
|
16
16
|
<div id="main">
|
17
17
|
{% assign sections = site.sections | where_exp: 'section','section.order >= 1' %}
|
18
|
+
|
19
|
+
{% if page.permalink %}
|
20
|
+
<!-- This if statement enables the 404 page -->
|
21
|
+
{% assign sections = sections | push: page %}
|
22
|
+
{% endif %}
|
23
|
+
|
18
24
|
{% unless sections == null %}
|
19
|
-
<!-- Sections -->
|
20
25
|
{% assign sections = sections | sort: 'order' %}
|
26
|
+
|
27
|
+
<!-- Sections -->
|
21
28
|
{% for section in sections %}
|
22
|
-
|
23
|
-
{% assign slug = section.title | slugify | default: 'untitled' %}
|
29
|
+
|
24
30
|
{% assign title = section.title | default: 'Untitled' %}
|
31
|
+
{% assign slug = section.title | slugify | default: 'untitled' %}
|
25
32
|
|
26
33
|
{% if section.order == 1 %}
|
27
34
|
{% assign class = 'shade-one cover dark' %}
|
@@ -32,20 +39,22 @@
|
|
32
39
|
{% endif %}
|
33
40
|
|
34
41
|
{% if section.auto-header == 'none' %}
|
35
|
-
{% assign
|
42
|
+
{% assign heading = "" %}
|
36
43
|
{% elsif section.auto-header == null or section.auto-header == 'use-title' %}
|
37
|
-
{% capture
|
44
|
+
{% capture heading %}
|
38
45
|
<header>
|
39
46
|
<h2>{{ title }}</h2>
|
40
47
|
</header>
|
41
48
|
{% endcapture %}
|
42
49
|
{% else %}
|
43
|
-
{%
|
50
|
+
{% capture heading %}
|
51
|
+
<header>
|
52
|
+
<h2>{{ section.auto-header }}</h2>
|
53
|
+
</header>
|
54
|
+
{% endcapture %}
|
44
55
|
{% endif %}
|
45
56
|
|
46
|
-
{%
|
47
|
-
|
48
|
-
{% include section.html id=slug class=class header=header content=content %}
|
57
|
+
{% include section.html id=slug class=class heading=heading content=section.content %}
|
49
58
|
|
50
59
|
{% endfor %}
|
51
60
|
|
File without changes
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-prologue
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.2.
|
4
|
+
version: 0.2.3
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- HTML5 UP
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2018-01-
|
12
|
+
date: 2018-01-08 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: jekyll
|
@@ -49,6 +49,7 @@ extra_rdoc_files: []
|
|
49
49
|
files:
|
50
50
|
- LICENSE.md
|
51
51
|
- README.md
|
52
|
+
- _config.yml
|
52
53
|
- _includes/footer.html
|
53
54
|
- _includes/head.html
|
54
55
|
- _includes/header.html
|