jekyll-theme-prologue 0.2.2 → 0.2.3
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
+
[![Gem Version](https://badge.fury.io/rb/jekyll-theme-prologue.svg)](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
|