jekyll-theme-prologue 0.2.5 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/404.html +3 -2
- data/README.md +48 -20
- data/_config.yml +4 -5
- data/_includes/footer.html +4 -1
- data/_includes/google_analytics.html +2 -2
- data/_includes/head.html +30 -30
- data/_includes/header.html +8 -66
- data/_includes/logo.html +8 -0
- data/_includes/nav.html +41 -0
- data/_includes/section.html +44 -4
- data/_includes/social_icons.html +30 -0
- data/_layouts/blog.html +25 -0
- data/_layouts/default.html +14 -0
- data/_layouts/home.html +15 -72
- data/_layouts/page.html +18 -0
- data/_layouts/post.html +18 -0
- data/_sass/jekyll-theme-prologue.scss +103 -58
- data/assets/css/main.scss +0 -1
- data/assets/js/main.js +1 -1
- metadata +9 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: a340ba0cdb4ecdf9c375c0c3551f2f5519e7793a
|
|
4
|
+
data.tar.gz: 4d7b5ab87e7383d85f9de47875931008cfb82414
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 4351ea8cbdd3539a67c3156d2a108159ffe2e5b8d2e86e44b63770ca8133f426aae1c8c6f871bfde62377ed24132c0b0edae70d190cbab5fad0812c6fc18d11e
|
|
7
|
+
data.tar.gz: 7f4460bc2b5cdfe9321cb61710d9f74c5523bb96b20346640a3695225fe25777ea578b4b3e6946bddd73c176799a4e5babc826dec19a0fc3e6dc12e0debfc409
|
data/404.html
CHANGED
data/README.md
CHANGED
|
@@ -1,55 +1,83 @@
|
|
|
1
1
|
# Prologue - Jekyll Theme
|
|
2
2
|
|
|
3
|
-
(Actively maintained, expect some changes)
|
|
3
|
+
(Actively maintained, expect some changes.)
|
|
4
4
|
|
|
5
5
|
[](https://badge.fury.io/rb/jekyll-theme-prologue)
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
This is Prologue, a simple, single page responsive site template from [HTML5 UP](https://html5up.net/prologue), now available as a Jekyll theme from [Chris Bobbe](https://chrisbobbe.github.io). It features a clean, minimalistic design and a sticky sidebar with navigation-linked scrolling.
|
|
9
|
+
This is Prologue, a simple, single page responsive site template from [HTML5 UP](https://html5up.net/prologue), now available as a blog-aware Jekyll theme from [Chris Bobbe](https://chrisbobbe.github.io). It features a clean, minimalistic design and a sticky sidebar with navigation-linked scrolling.
|
|
10
10
|
|
|
11
11
|
**Demo**: https://chrisbobbe.github.io/jekyll-theme-prologue/
|
|
12
12
|
|
|
13
13
|
# Added Features
|
|
14
14
|
|
|
15
|
+
* NEWEST: Blogging and multi-page features you expect from Jekyll
|
|
15
16
|
* **[Formspree.io](https://formspree.io/) contact form integration** - just add your email to the `_config.yml` and it works!
|
|
16
|
-
*
|
|
17
|
-
*
|
|
17
|
+
* Build your homepage with custom scrolly sections in the _sections folder
|
|
18
|
+
* Set a cover photo for any section (not just the first), with alt text for screen readers and SEO
|
|
19
|
+
* Add your **social profiles** easily in `_config.yml`.
|
|
18
20
|
* Search engine optimization (SEO) meta tags based on info you provide in `_config.yml` and frontmatter
|
|
19
21
|
* Google Analytics built-in; just put your [Tracking ID](https://support.google.com/analytics/answer/1008080?hl=en) in `_config.yml` as `google_analytics`
|
|
20
22
|
* Custom 404 page (called 404.html; to activate, move it to your project directory).
|
|
21
23
|
|
|
22
|
-
#
|
|
24
|
+
# Installation
|
|
23
25
|
|
|
24
|
-
There are two ways to get started:
|
|
26
|
+
There are two ways to get started (choose one):
|
|
25
27
|
|
|
26
28
|
1. **Install the [jekyll-theme-prologue gem](https://rubygems.org/gems/jekyll-theme-prologue).** Instructions are in the [Jekyll docs](https://jekyllrb.com/docs/themes/#installing-a-theme). After running `bundle install`, you can find the theme files by running `open $(bundle show jekyll-theme-prologue)`. A sample working `_config.yml` file ships with the gem; if you want to activate it, move it to your project's root directory. It will do nothing until you move it there, replacing the default `_config.yml` file.
|
|
27
29
|
2. **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`, and replace `theme: jekyll-theme-prologue` with `remote_theme: chrisbobbe/jekyll-theme-prologue` in the provided `_config.yml` ([GitHub Pages now supports open-source themes on GitHub](https://github.com/blog/2464-use-any-theme-with-github-pages)).
|
|
28
30
|
|
|
29
|
-
|
|
31
|
+
Next, make sure that `url` and `base_url` are set for your own website in `_config.yml`. For local testing, make them both blank. Add a photo avatar to your project, then set `avatar: path/to/your/avatar.jpg` in _config.yml; for example, `avatar: assets/images/avatar.jpg` (48x48 pixels works best). Poke around the sample `_config.yml` file to see how you can add your social profiles.
|
|
30
32
|
|
|
31
|
-
|
|
33
|
+
# Build your homepage
|
|
32
34
|
|
|
33
|
-
|
|
35
|
+
1. **Your `_config.yml` file must include the following line or your homepage won't work**: `collections: [sections]`. This tells Jekyll to look in the _sections folder (which you will create) for your content and render it all on one page.
|
|
34
36
|
|
|
35
|
-
|
|
36
|
-
Jekyll does not support multiple layout-formatted content sections per page, and this theme is a good workaround. **Bear with me for a few instructions unique to jekyll-theme-prologue.**
|
|
37
|
+
2. **Create a `_sections` folder** in your project's root directory and start adding content to your homepage. Set a cover photo in any of the sections by adding `cover-photo: path/to/photo.jpg` and `cover-photo-alt: your alt text here` to the section's frontmatter. Sample content is provided in the [GitHub repository](https://github.com/chrisbobbe/jekyll-theme-prologue/tree/master/_sections).
|
|
37
38
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
1. **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 and render it all on one page.
|
|
41
|
-
|
|
42
|
-
2. **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/tree/master/_sections).
|
|
43
|
-
|
|
44
|
-
All new sections should be added as html or Markdown documents in the `_sections` folder. The following variables can be set with [frontmatter](https://jekyllrb.com/docs/frontmatter/):
|
|
39
|
+
All new sections should be added as html or Markdown documents in the `_sections` folder. The following section variables can be set with [frontmatter](https://jekyllrb.com/docs/frontmatter/):
|
|
45
40
|
- `title` (required)
|
|
46
41
|
- `order` (required; orders the sequence of sections on the page. Example: `1`)
|
|
47
42
|
- `cover-photo` (optional; sets a background image for the section. Example: `assets/images/banner.jpg`)
|
|
48
|
-
- `cover-photo-alt` (required if using a cover photo. Describes the photo for screen readers; e.g
|
|
43
|
+
- `cover-photo-alt` (required if using a cover photo. Describes the photo for screen readers and SEO; e.g. "Dome of Light art installation, Kaohsiung, Taiwan")
|
|
49
44
|
- `icon` (optional; see [Font Awesome](http://fontawesome.io/icons/) for icon codes. Example: `fa-github`)
|
|
50
45
|
- `auto-header` (optional; "use-title" is default, "none" for no header, or custom header text)
|
|
46
|
+
- `hide` (optional; if `true`, the section won't appear)
|
|
47
|
+
|
|
48
|
+
# Start blogging!
|
|
49
|
+
|
|
50
|
+
Jekyll has great resources to get you started writing blog posts. Check out [this Jekyll Docs page](https://jekyllrb.com/docs/posts/) first. When you've written a post or two, copy the following into a new file in your project directory called `blog.html`, and you'll see a link to your blog from the homepage:
|
|
51
|
+
|
|
52
|
+
```
|
|
53
|
+
---
|
|
54
|
+
layout: blog
|
|
55
|
+
title: My Blog
|
|
56
|
+
---
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
-- and that's it!
|
|
60
|
+
|
|
61
|
+
# Add a page
|
|
62
|
+
|
|
63
|
+
To add a page, just make a new .html or .markdown file in your project directory. There's an example called `reading-list` [provided](https://github.com/chrisbobbe/jekyll-theme-prologue/blob/master/reading-list.md) with the GitHub repository. Add this frontmatter:
|
|
64
|
+
|
|
65
|
+
```
|
|
66
|
+
---
|
|
67
|
+
title: My New Page`
|
|
68
|
+
layout: page`
|
|
69
|
+
---
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
You can also set these page variables in the frontmatter, if you want:
|
|
73
|
+
- `subtitle`
|
|
74
|
+
- `order` (orders links in the nav menu, e.g. `1`)
|
|
75
|
+
- `icon` (optional; see [Font Awesome](http://fontawesome.io/icons/) for icon codes. Example: `fa-github`)
|
|
76
|
+
- `hide` (optional; if `true`, a link won't appear in the nav menu. All this does is remove the nav link; your page will still be served to anyone who has the URL.)
|
|
77
|
+
|
|
78
|
+
**This same set of frontmatter variables can also be included in `index.md` and `blog.html`.**
|
|
51
79
|
|
|
52
|
-
|
|
80
|
+
For advanced SEO, this theme also lets you add `permalink` (see [Jekyll Docs](https://jekyllrb.com/docs/permalinks/#where-to-configure-permalinks)), `robots` (string, e.g. "noindex, nofollow"), and `canonical` (boolean; true is default) to any page or post.
|
|
53
81
|
|
|
54
82
|
# Credits
|
|
55
83
|
|
data/_config.yml
CHANGED
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
# theme: jekyll-theme-prologue
|
|
7
7
|
# collections: [sections]
|
|
8
8
|
#
|
|
9
|
-
# They activate the theme and tell Jekyll to find your content
|
|
9
|
+
# They activate the theme and tell Jekyll to find your homepage content
|
|
10
10
|
# in /_sections. Note where "sections" starts with an underscore
|
|
11
11
|
# and where it doesn't. The social settings will make links to
|
|
12
|
-
# Twitter, etc.
|
|
12
|
+
# Twitter, etc., but only if you give the URL.
|
|
13
13
|
#
|
|
14
14
|
# Also, be sure to customize url and baseurl for your site.
|
|
15
15
|
#
|
|
@@ -33,9 +33,8 @@
|
|
|
33
33
|
title: Your awesome title
|
|
34
34
|
subtitle: Your awesome subtitle
|
|
35
35
|
description: >- # this means to ignore newlines until "baseurl:"
|
|
36
|
-
This is the demo site for
|
|
37
|
-
HTML5 UP's site template Prologue.
|
|
38
|
-
and it's mobile-friendly.
|
|
36
|
+
This is the demo site for a Jekyll theme version of
|
|
37
|
+
HTML5 UP's sleek, responsive site template Prologue.
|
|
39
38
|
author: Your Incredible Name
|
|
40
39
|
email: your-email@example.com
|
|
41
40
|
avatar: assets/images/avatar.jpg
|
data/_includes/footer.html
CHANGED
|
@@ -3,7 +3,10 @@
|
|
|
3
3
|
|
|
4
4
|
<!-- Copyright -->
|
|
5
5
|
<ul class="copyright">
|
|
6
|
-
|
|
6
|
+
{%- if site.title or site.author -%}
|
|
7
|
+
<li>© {{- site.title | default: site.author -}}. All rights reserved.</li>
|
|
8
|
+
{%- endif -%}
|
|
9
|
+
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
7
10
|
<li>Jekyll integration: <a href="https://chrisbobbe.github.io/">Chris Bobbe</a></li>
|
|
8
11
|
</ul>
|
|
9
12
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
2
|
-
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
|
|
2
|
+
<script async src="https://www.googletagmanager.com/gtag/js?id={{- site.google_analytics -}}"></script>
|
|
3
3
|
<script>
|
|
4
4
|
window.dataLayer = window.dataLayer || [];
|
|
5
5
|
function gtag(){dataLayer.push(arguments);}
|
|
6
6
|
gtag('js', new Date());
|
|
7
|
-
gtag('config', '{{ site.google_analytics }}');
|
|
7
|
+
gtag('config', '{{- site.google_analytics -}}');
|
|
8
8
|
</script>
|
data/_includes/head.html
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
1
|
<head>
|
|
2
|
-
{
|
|
3
|
-
{
|
|
4
|
-
{
|
|
2
|
+
{%- if site.google_analytics and jekyll.environment == 'production' -%}
|
|
3
|
+
{%- include google_analytics.html -%}
|
|
4
|
+
{%- endif -%}
|
|
5
5
|
|
|
6
6
|
<!-- Robots -->
|
|
7
|
-
<meta name="robots" content="{{ page.robots | default: 'index, follow' }}" />
|
|
8
|
-
{
|
|
7
|
+
<meta name="robots" content="{{- page.robots | default: 'index, follow' -}}" />
|
|
8
|
+
{%- unless page.canonical == false -%}<link rel="canonical" href="{{- page.url | absolute_url -}}" />{%- endunless -%}
|
|
9
9
|
|
|
10
10
|
<!-- Title, description, author -->
|
|
11
|
-
{
|
|
12
|
-
{
|
|
13
|
-
{{ site.title }}
|
|
14
|
-
{
|
|
15
|
-
{
|
|
16
|
-
{
|
|
17
|
-
{
|
|
11
|
+
{%- capture _page_title -%}
|
|
12
|
+
{%- if page.title -%}{{- page.title | append: ' | ' -}}{%- endif -%}
|
|
13
|
+
{{- site.title | default: "Untitled Website" -}}
|
|
14
|
+
{%- if site.subtitle -%}{{- site.subtitle | prepend: ' - ' -}}{%- endif -%}
|
|
15
|
+
{%- endcapture -%}
|
|
16
|
+
{%- assign _page_title = _page_title | escape -%}
|
|
17
|
+
{%- assign _page_description = page.description | default: site.description | default: _page_title | escape -%}
|
|
18
18
|
|
|
19
|
-
<title>{{
|
|
20
|
-
<meta name="description" content="{{
|
|
21
|
-
<meta name="author" content="{{ site.author }}" />
|
|
19
|
+
<title>{{- _page_title -}}</title>
|
|
20
|
+
<meta name="description" content="{{- _page_description -}}" />
|
|
21
|
+
<meta name="author" content="{{- site.author -}}" />
|
|
22
22
|
|
|
23
23
|
<!-- Open Graph -->
|
|
24
|
-
<meta property="og:title" content="{{
|
|
24
|
+
<meta property="og:title" content="{{- _page_title -}}" />
|
|
25
25
|
<meta property="og:type" content="website" />
|
|
26
|
-
<meta property="og:image" content="{{
|
|
27
|
-
<meta property="og:url" content="{{ page.url | absolute_url }}" />
|
|
28
|
-
<meta property="og:site_name" content="{{ site.title | escape }}" />
|
|
29
|
-
<meta property="og:description" content="{{
|
|
26
|
+
<meta property="og:image" content="{{- site.avatar | absolute_url -}}" />
|
|
27
|
+
<meta property="og:url" content="{{- page.url | absolute_url -}}" />
|
|
28
|
+
<meta property="og:site_name" content="{{- site.title | escape -}}" />
|
|
29
|
+
<meta property="og:description" content="{{- _page_description -}}" />
|
|
30
30
|
|
|
31
31
|
<!-- Styles -->
|
|
32
32
|
<meta charset="utf-8" />
|
|
33
33
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
34
|
-
<!--[if lte IE 8]><script src="{{ 'assets/js/ie/html5shiv.js' | relative_url }}" defer></script><![endif]-->
|
|
35
|
-
<link rel="stylesheet" href="{{ 'assets/css/main.css' | relative_url }}" />
|
|
36
|
-
<!--[if lte IE 8]><link rel="stylesheet" href="{{ 'assets/css/ie8.css' | relative_url }}" /><![endif]-->
|
|
37
|
-
<!--[if lte IE 9]><link rel="stylesheet" href="{{ 'assets/css/ie9.css' | relative_url }}" /><![endif]-->
|
|
34
|
+
<!--[if lte IE 8]><script src="{{- 'assets/js/ie/html5shiv.js' | relative_url -}}" defer></script><![endif]-->
|
|
35
|
+
<link rel="stylesheet" href="{{- 'assets/css/main.css' | relative_url -}}" />
|
|
36
|
+
<!--[if lte IE 8]><link rel="stylesheet" href="{{- 'assets/css/ie8.css' | relative_url -}}" /><![endif]-->
|
|
37
|
+
<!--[if lte IE 9]><link rel="stylesheet" href="{{- 'assets/css/ie9.css' | relative_url -}}" /><![endif]-->
|
|
38
38
|
|
|
39
39
|
<!-- Scripts -->
|
|
40
40
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" defer></script>
|
|
41
|
-
<script src="assets/js/jquery.scrolly.min.js" defer></script>
|
|
42
|
-
<script src="assets/js/jquery.scrollzer.min.js" defer></script>
|
|
43
|
-
<script src="assets/js/skel.min.js" defer></script>
|
|
44
|
-
<script src="assets/js/util.js" defer></script>
|
|
45
|
-
<!--[if lte IE 8]><script src="{{ 'assets/js/ie/respond.min.js' | relative_url }}" defer></script><![endif]-->
|
|
46
|
-
<script src="assets/js/main.js" defer></script>
|
|
41
|
+
<script src="{{- 'assets/js/jquery.scrolly.min.js' | relative_url -}}" defer></script>
|
|
42
|
+
<script src="{{- 'assets/js/jquery.scrollzer.min.js' | relative_url -}}" defer></script>
|
|
43
|
+
<script src="{{- 'assets/js/skel.min.js' | relative_url -}}" defer></script>
|
|
44
|
+
<script src="{{- 'assets/js/util.js' | relative_url -}}" defer></script>
|
|
45
|
+
<!--[if lte IE 8]><script src="{{- 'assets/js/ie/respond.min.js' | relative_url -}}" defer></script><![endif]-->
|
|
46
|
+
<script src="{{- 'assets/js/main.js' | relative_url -}}" defer></script>
|
|
47
47
|
|
|
48
48
|
</head>
|
data/_includes/header.html
CHANGED
|
@@ -1,73 +1,15 @@
|
|
|
1
|
+
{%- comment -%}
|
|
2
|
+
Include vars:
|
|
3
|
+
scrolly_nav
|
|
4
|
+
{%- endcomment -%}
|
|
5
|
+
|
|
1
6
|
<!-- Header -->
|
|
2
7
|
<div id="header">
|
|
3
|
-
|
|
4
8
|
<div class="top">
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<div id="logo">
|
|
8
|
-
<span class="image avatar48"><img src="{{ site.avatar | relative_url }}" alt="{{ site.author | default: 'unknown author' | prepend: 'Avatar of ' }}" /></span>
|
|
9
|
-
<h1 id="title">{{ site.title }}</h1>
|
|
10
|
-
<p>{{ site.subtitle }}</p>
|
|
11
|
-
</div>
|
|
12
|
-
|
|
13
|
-
<!-- Nav -->
|
|
14
|
-
<nav id="nav">
|
|
15
|
-
<!--
|
|
16
|
-
|
|
17
|
-
Prologue's nav expects links in one of two formats:
|
|
18
|
-
|
|
19
|
-
1. Hash link (scrolls to a different section within the page); i.e., #portfolio
|
|
20
|
-
2. Standard link (sends the user to another page/site); i.e., www.google.com
|
|
21
|
-
|
|
22
|
-
-->
|
|
23
|
-
<ul>
|
|
24
|
-
{% assign sections = site.sections | where_exp: 'section','section.order >= 1' %}
|
|
25
|
-
{% unless sections == null %}
|
|
26
|
-
{% assign sections = sections | sort: 'order' %}
|
|
27
|
-
{% for section in sections %}
|
|
28
|
-
{% assign title = section.title | default: 'Untitled' %}
|
|
29
|
-
{% assign slug = section.title | slugify | default: 'untitled' %}
|
|
30
|
-
{% assign icon = section.icon | default: 'fa-file' %}
|
|
31
|
-
<li><a href="#{{ slug }}" id="{{ slug }}-link" class="skel-layers-ignoreHref"><span class="icon {{ icon }}">{{ title }}</span></a></li>
|
|
32
|
-
{% endfor %}
|
|
33
|
-
{% endunless %}
|
|
34
|
-
</ul>
|
|
35
|
-
</nav>
|
|
36
|
-
|
|
9
|
+
{%- include logo.html -%}
|
|
10
|
+
{%- include nav.html section_items=include.scrolly_nav -%}
|
|
37
11
|
</div>
|
|
38
|
-
|
|
39
12
|
<div class="bottom">
|
|
40
|
-
|
|
41
|
-
<!-- Social Icons -->
|
|
42
|
-
<ul class="icons">
|
|
43
|
-
{% if site.twitter_url %}
|
|
44
|
-
<li><a href="{{ site.twitter_url }}" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
|
|
45
|
-
{% endif %}
|
|
46
|
-
{% if site.facebook_url %}
|
|
47
|
-
<li><a href="{{ site.facebook_url }}" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
|
|
48
|
-
{% endif %}
|
|
49
|
-
{% if site.googleplus_url %}
|
|
50
|
-
<li><a href="{{ site.googleplus_url }}" class="icon fa-google-plus"><span class="label">Google Plus</span></a></li>
|
|
51
|
-
{% endif %}
|
|
52
|
-
{% if site.instagram_url %}
|
|
53
|
-
<li><a href="{{ site.instagram_url }}" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
|
|
54
|
-
{% endif %}
|
|
55
|
-
{% if site.linkedin_url %}
|
|
56
|
-
<li><a href="{{ site.linkedin_url }}" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
|
|
57
|
-
{% endif %}
|
|
58
|
-
{% if site.pinterest_url %}
|
|
59
|
-
<li><a href="{{ site.pinterest_url }}" class="icon fa-pinterest"><span class="label">Pinterest</span></a></li>
|
|
60
|
-
{% endif %}
|
|
61
|
-
{% if site.slack_url %}
|
|
62
|
-
<li><a href="{{ site.slack_url }}" class="icon fa-slack"><span class="label">Slack</span></a></li>
|
|
63
|
-
{% endif %}
|
|
64
|
-
{% if site.dribbble_url %}
|
|
65
|
-
<li><a href="{{ site.dribbble_url }}" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
|
|
66
|
-
{% endif %}
|
|
67
|
-
{% if site.email %}
|
|
68
|
-
<li><a href="mailto:{{ site.email }}" class="icon fa-envelope"><span class="label">Email</span></a></li>
|
|
69
|
-
{% endif %}
|
|
70
|
-
</ul>
|
|
71
|
-
|
|
13
|
+
{%- include social_icons.html -%}
|
|
72
14
|
</div>
|
|
73
15
|
</div>
|
data/_includes/logo.html
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<!-- Logo -->
|
|
2
|
+
<div id="logo">
|
|
3
|
+
<a href="{{- '/' | absolute_url -}}" id="home-link">
|
|
4
|
+
<span class="image avatar48"><img src="{{- site.avatar | relative_url -}}" alt="{{- site.author | default: 'unknown author' | prepend: 'Avatar of ' -}}" /></span>
|
|
5
|
+
<h1 id="title">{{- site.title -}}</h1>
|
|
6
|
+
<p>{{- site.subtitle -}}</p>
|
|
7
|
+
</a>
|
|
8
|
+
</div>
|
data/_includes/nav.html
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{%- comment -%}
|
|
2
|
+
Include vars:
|
|
3
|
+
section_items
|
|
4
|
+
{%- endcomment -%}
|
|
5
|
+
|
|
6
|
+
<!-- Nav -->
|
|
7
|
+
<nav id="nav">
|
|
8
|
+
<ul>
|
|
9
|
+
{%- assign _pages = site.html_pages | where_exp: "page", "page.hide != true" -%}
|
|
10
|
+
{%- unless _pages == null -%}
|
|
11
|
+
{%- assign _pages = _pages | sort: 'order' -%}
|
|
12
|
+
{%- for _page in _pages -%}
|
|
13
|
+
{%- assign _title = _page.title | default: _page.layout -%}
|
|
14
|
+
{%- assign _slug = _title | slugify -%}
|
|
15
|
+
{%- assign _icon = _page.icon | default: 'fa-link' -%}
|
|
16
|
+
{%- comment -%}<!-- page.url (no underscore) is the url of the current page-->{%- endcomment -%}
|
|
17
|
+
{%- if _page.url == page.url -%}
|
|
18
|
+
<li><a href="#" id="{{- _slug -}}" class="active">
|
|
19
|
+
<span class="icon {{ _icon }}">{{- _title -}}</span>
|
|
20
|
+
</a></li>
|
|
21
|
+
{%- elsif _page.url -%}
|
|
22
|
+
<li><a href="{{- _page.url | absolute_url -}}" id="{{- _slug -}}-link">
|
|
23
|
+
<span class="icon {{ _icon }}">{{- _title -}}</span>
|
|
24
|
+
</a></li>
|
|
25
|
+
{%- else -%}
|
|
26
|
+
<li><a href="{{- '/' | absolute_url -}}" id="broken-link"><span class="icon fa-unlink">[broken link]</span></a></li>
|
|
27
|
+
{%- endif -%}
|
|
28
|
+
{%- endfor -%}
|
|
29
|
+
{%- endunless -%}
|
|
30
|
+
{%- assign _sections = include.section_items | where_exp: "section", "section.hide != true" -%}
|
|
31
|
+
{%- if _pages[0] and _sections[0] -%}<hr>{%- endif -%}
|
|
32
|
+
{%- unless _sections == null -%}
|
|
33
|
+
{%- for _sect in _sections -%}
|
|
34
|
+
{%- assign _title = _sect.title | default: _sect.layout | default: 'Untitled' -%}
|
|
35
|
+
{%- assign _slug = _title | slugify -%}
|
|
36
|
+
{%- assign _icon = _sect.icon | default: 'fa-file' -%}
|
|
37
|
+
<li><a href="#{{- _slug -}}" id="{{- _slug -}}-link" class="scrolly"><span class="icon {{ _icon }}">{{- _title -}}</span></a></li>
|
|
38
|
+
{%- endfor -%}
|
|
39
|
+
{%- endunless -%}
|
|
40
|
+
</ul>
|
|
41
|
+
</nav>
|
data/_includes/section.html
CHANGED
|
@@ -1,7 +1,47 @@
|
|
|
1
|
-
|
|
1
|
+
{%- comment -%}
|
|
2
|
+
Include vars:
|
|
3
|
+
title
|
|
4
|
+
subtitle
|
|
5
|
+
photo
|
|
6
|
+
photo-alt
|
|
7
|
+
auto-header
|
|
8
|
+
content
|
|
9
|
+
{%- endcomment -%}
|
|
10
|
+
|
|
11
|
+
{%- assign _title = include.title | default: 'Untitled' -%}
|
|
12
|
+
{%- assign _slug = include.title | strip_html | slugify | default: 'untitled' -%}
|
|
13
|
+
|
|
14
|
+
{%- if include.photo and include.photo-alt -%}
|
|
15
|
+
{%- capture _photo -%}
|
|
16
|
+
<img src="{{- include.photo | relative_url -}}" alt="{{- include.photo-alt -}}" class="back">
|
|
17
|
+
{%- endcapture -%}
|
|
18
|
+
{%- assign _class = 'shade-one cover dark' -%}
|
|
19
|
+
{%- else -%}
|
|
20
|
+
{%- assign _photo = '' -%}
|
|
21
|
+
{%- capture _class -%}shade-{%- cycle 'two', 'three', 'four', 'three' -%}{%- endcapture -%}
|
|
22
|
+
{%- endif -%}
|
|
23
|
+
|
|
24
|
+
{%- if include.auto-header == 'none' -%}
|
|
25
|
+
{%- assign _heading = "" -%}
|
|
26
|
+
{%- else -%}
|
|
27
|
+
{%- capture _heading -%}
|
|
28
|
+
<header>
|
|
29
|
+
<h2>
|
|
30
|
+
{%- if include.auto-header == null or include.auto-header == 'use-title' -%}
|
|
31
|
+
{{- _title -}}
|
|
32
|
+
{%- else -%}
|
|
33
|
+
{{- include.auto-header -}}
|
|
34
|
+
{%- endif -%}
|
|
35
|
+
</h2>
|
|
36
|
+
{%- if include.subtitle -%}<p>{{- include.subtitle -}}</p>{%- endif -%}
|
|
37
|
+
</header>
|
|
38
|
+
{%- endcapture -%}
|
|
39
|
+
{%- endif -%}
|
|
40
|
+
|
|
41
|
+
<section id="{{- _slug -}}" class="{{- _class -}}">
|
|
2
42
|
<div class="container">
|
|
3
|
-
{{
|
|
4
|
-
{{
|
|
5
|
-
{{ include.content }}
|
|
43
|
+
{{- _photo -}}
|
|
44
|
+
{{- _heading -}}
|
|
45
|
+
{{- include.content -}}
|
|
6
46
|
</div>
|
|
7
47
|
</section>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
<!-- Social Icons -->
|
|
2
|
+
<ul class="icons">
|
|
3
|
+
{%- if site.twitter_url -%}
|
|
4
|
+
<li><a href="{{- site.twitter_url -}}" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
|
|
5
|
+
{%- endif -%}
|
|
6
|
+
{%- if site.facebook_url -%}
|
|
7
|
+
<li><a href="{{- site.facebook_url -}}" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
|
|
8
|
+
{%- endif -%}
|
|
9
|
+
{%- if site.googleplus_url -%}
|
|
10
|
+
<li><a href="{{- site.googleplus_url -}}" class="icon fa-google-plus"><span class="label">Google Plus</span></a></li>
|
|
11
|
+
{%- endif -%}
|
|
12
|
+
{%- if site.instagram_url -%}
|
|
13
|
+
<li><a href="{{- site.instagram_url -}}" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
|
|
14
|
+
{%- endif -%}
|
|
15
|
+
{%- if site.linkedin_url -%}
|
|
16
|
+
<li><a href="{{- site.linkedin_url -}}" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
|
|
17
|
+
{%- endif -%}
|
|
18
|
+
{%- if site.pinterest_url -%}
|
|
19
|
+
<li><a href="{{- site.pinterest_url -}}" class="icon fa-pinterest"><span class="label">Pinterest</span></a></li>
|
|
20
|
+
{%- endif -%}
|
|
21
|
+
{%- if site.slack_url -%}
|
|
22
|
+
<li><a href="{{- site.slack_url -}}" class="icon fa-slack"><span class="label">Slack</span></a></li>
|
|
23
|
+
{%- endif -%}
|
|
24
|
+
{%- if site.dribbble_url -%}
|
|
25
|
+
<li><a href="{{- site.dribbble_url -}}" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
|
|
26
|
+
{%- endif -%}
|
|
27
|
+
{%- if site.email -%}
|
|
28
|
+
<li><a href="mailto:{{- site.email -}}" class="icon fa-envelope"><span class="label">Email</span></a></li>
|
|
29
|
+
{%- endif -%}
|
|
30
|
+
</ul>
|
data/_layouts/blog.html
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
{%- assign _posts = site.posts | sort: 'date' | reverse -%}
|
|
5
|
+
{%- include header.html scrolly_nav=_posts -%}
|
|
6
|
+
<!-- Main -->
|
|
7
|
+
<div id="main">
|
|
8
|
+
{%- if page.content != "" -%}
|
|
9
|
+
{%- include section.html title=page.title photo=page.cover-photo photo-alt=page.cover-photo-alt auto-header=page.auto-header content=page.content -%}
|
|
10
|
+
{%- endif -%}
|
|
11
|
+
<!-- Posts List -->
|
|
12
|
+
{%- for _post in _posts -%}
|
|
13
|
+
{%- capture _title -%}
|
|
14
|
+
<a href="{{- _post.url | absolute_url -}}">{{- _post.title -}}</a>
|
|
15
|
+
{%- endcapture -%}
|
|
16
|
+
{%- capture _subtitle -%}
|
|
17
|
+
{% if _post.author -%}{{- _post.author }} | {% endif %}
|
|
18
|
+
{{- _post.date | date_to_long_string -}}
|
|
19
|
+
{%- endcapture -%}
|
|
20
|
+
{%- capture _excerpt -%}<p>{{- _post.excerpt | strip_html | truncatewords: 100 -}}</p>{%- endcapture -%}
|
|
21
|
+
{%- capture _link -%}<a href="{{- _post.url | absolute_url -}}">read more</a>{%- endcapture -%}
|
|
22
|
+
{%- assign _content = _excerpt | append: _link -%}
|
|
23
|
+
{%- include section.html title=_title subtitle=_subtitle content=_content -%}
|
|
24
|
+
{%- endfor -%}
|
|
25
|
+
</div>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<!DOCTYPE HTML>
|
|
2
|
+
<!--
|
|
3
|
+
Prologue by HTML5 UP
|
|
4
|
+
html5up.net | @ajlkn
|
|
5
|
+
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
6
|
+
Jekyll integration by Chris Bobbe | chrisbobbe.github.io
|
|
7
|
+
-->
|
|
8
|
+
<html>
|
|
9
|
+
{%- include head.html -%}
|
|
10
|
+
<body>
|
|
11
|
+
{{- content -}}
|
|
12
|
+
{%- include footer.html -%}
|
|
13
|
+
</body>
|
|
14
|
+
</html>
|
data/_layouts/home.html
CHANGED
|
@@ -1,72 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
{
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<!-- Main -->
|
|
17
|
-
<div id="main">
|
|
18
|
-
{% assign sections = site.sections | where_exp: 'section','section.order >= 1' %}
|
|
19
|
-
|
|
20
|
-
{% if page.permalink %}
|
|
21
|
-
<!-- This enables the 404 page, the only page that should
|
|
22
|
-
have a permalink declared in its frontmatter. -->
|
|
23
|
-
{% assign sections = sections | push: page %}
|
|
24
|
-
{% endif %}
|
|
25
|
-
|
|
26
|
-
{% unless sections == null %}
|
|
27
|
-
{% assign sections = sections | sort: 'order' %}
|
|
28
|
-
|
|
29
|
-
<!-- Sections -->
|
|
30
|
-
{% for section in sections %}
|
|
31
|
-
|
|
32
|
-
{% assign title = section.title | default: 'Untitled' %}
|
|
33
|
-
{% assign slug = section.title | slugify | default: 'untitled' %}
|
|
34
|
-
|
|
35
|
-
{% if section.cover-photo and section.cover-photo-alt %}
|
|
36
|
-
{% capture photo %}
|
|
37
|
-
<img src="{{ section.cover-photo | relative_url }}" alt="{{ section.cover-photo-alt }}" class="back">
|
|
38
|
-
{% endcapture %}
|
|
39
|
-
{% assign class = 'shade-one cover dark' %}
|
|
40
|
-
{% else %}
|
|
41
|
-
{% assign photo = '' %}
|
|
42
|
-
{% capture class %}
|
|
43
|
-
shade-{% cycle 'two', 'three', 'four', 'three' %}
|
|
44
|
-
{% endcapture %}
|
|
45
|
-
{% endif %}
|
|
46
|
-
|
|
47
|
-
{% if section.auto-header == 'none' %}
|
|
48
|
-
{% assign heading = "" %}
|
|
49
|
-
{% elsif section.auto-header == null or section.auto-header == 'use-title' %}
|
|
50
|
-
{% capture heading %}
|
|
51
|
-
<header>
|
|
52
|
-
<h2>{{ title }}</h2>
|
|
53
|
-
</header>
|
|
54
|
-
{% endcapture %}
|
|
55
|
-
{% else %}
|
|
56
|
-
{% capture heading %}
|
|
57
|
-
<header>
|
|
58
|
-
<h2>{{ section.auto-header }}</h2>
|
|
59
|
-
</header>
|
|
60
|
-
{% endcapture %}
|
|
61
|
-
{% endif %}
|
|
62
|
-
{% include section.html id=slug class=class photo=photo heading=heading content=section.content %}
|
|
63
|
-
{% endfor %}
|
|
64
|
-
|
|
65
|
-
{% endunless %}
|
|
66
|
-
</div>
|
|
67
|
-
|
|
68
|
-
{% include footer.html %}
|
|
69
|
-
|
|
70
|
-
</body>
|
|
71
|
-
|
|
72
|
-
</html>
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
{%- assign _sections = site.sections | sort: 'order' -%}
|
|
5
|
+
{%- include header.html scrolly_nav=_sections -%}
|
|
6
|
+
<!-- Main -->
|
|
7
|
+
<div id="main">
|
|
8
|
+
{%- if page.content != "" -%}
|
|
9
|
+
{%- include section.html title=page.title photo=page.cover-photo photo-alt=page.cover-photo-alt auto-header=page.auto-header content=page.content -%}
|
|
10
|
+
{%- endif -%}
|
|
11
|
+
<!-- Sections -->
|
|
12
|
+
{%- for _section in _sections -%}
|
|
13
|
+
{%- include section.html title=_section.title photo=_section.cover-photo photo-alt=_section.cover-photo-alt auto-header=_section.auto-header content=_section.content -%}
|
|
14
|
+
{%- endfor -%}
|
|
15
|
+
</div>
|
data/_layouts/page.html
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
{%- include header.html -%}
|
|
5
|
+
|
|
6
|
+
<!-- Main -->
|
|
7
|
+
<div id="main">
|
|
8
|
+
<!-- Page -->
|
|
9
|
+
<article class="shade-two">
|
|
10
|
+
<div class="container">
|
|
11
|
+
<header>
|
|
12
|
+
<h2>{{- page.title -}}</h2>
|
|
13
|
+
{%- if page.subtitle -%}<p>{{- page.subtitle -}}</p>{%- endif -%}
|
|
14
|
+
</header>
|
|
15
|
+
{{- content -}}
|
|
16
|
+
</div>
|
|
17
|
+
</article>
|
|
18
|
+
</div>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
{%- include header.html -%}
|
|
5
|
+
|
|
6
|
+
<!-- Main -->
|
|
7
|
+
<div id="main">
|
|
8
|
+
<!-- Post -->
|
|
9
|
+
<article class="shade-two">
|
|
10
|
+
<div class="container">
|
|
11
|
+
<header>
|
|
12
|
+
<h2>{{- page.title -}}</h2>
|
|
13
|
+
<p>{% if page.author %}{{ page.author }}, {% endif %}{{- page.date | date_to_long_string -}}</p>
|
|
14
|
+
</header>
|
|
15
|
+
{{- content -}}
|
|
16
|
+
</div>
|
|
17
|
+
</article>
|
|
18
|
+
</div>
|
|
@@ -100,14 +100,6 @@
|
|
|
100
100
|
h2 {
|
|
101
101
|
font-size: 2em;
|
|
102
102
|
letter-spacing: -1px;
|
|
103
|
-
|
|
104
|
-
&.alt {
|
|
105
|
-
color: #888;
|
|
106
|
-
|
|
107
|
-
strong {
|
|
108
|
-
color: #666;
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
103
|
}
|
|
112
104
|
|
|
113
105
|
h3 {
|
|
@@ -162,10 +154,34 @@
|
|
|
162
154
|
|
|
163
155
|
hr {
|
|
164
156
|
border: 0;
|
|
165
|
-
border-top: solid 1px #
|
|
157
|
+
border-top: solid 1px #41484c;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
code {
|
|
161
|
+
background: rgba(0, 0, 0, 0.05);
|
|
162
|
+
border-color: rgba(0, 0, 0, 0.2);
|
|
163
|
+
border-radius: 4px;
|
|
164
|
+
font-family: "Courier New", monospace;
|
|
165
|
+
font-size: 0.9em;
|
|
166
|
+
padding: 0.25em 0.325em;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
pre {
|
|
170
|
+
-webkit-overflow-scrolling: touch;
|
|
171
|
+
font-family: "Courier New", monospace;
|
|
172
|
+
font-size: 0.9em;
|
|
173
|
+
tab-size: 4;
|
|
174
|
+
margin: 0 0 2em 0;
|
|
175
|
+
code {
|
|
176
|
+
display: block;
|
|
177
|
+
line-height: 1.5;
|
|
178
|
+
padding: 0.75em 1em;
|
|
179
|
+
overflow-x: auto;
|
|
180
|
+
}
|
|
166
181
|
}
|
|
167
182
|
|
|
168
183
|
blockquote {
|
|
184
|
+
margin-left: 1em;
|
|
169
185
|
border-left: solid 0.5em #ddd;
|
|
170
186
|
padding: 1em 0 1em 2em;
|
|
171
187
|
font-style: italic;
|
|
@@ -175,6 +191,16 @@
|
|
|
175
191
|
margin-bottom: 2em;
|
|
176
192
|
}
|
|
177
193
|
|
|
194
|
+
dl {
|
|
195
|
+
dt {
|
|
196
|
+
font-weight: 300;
|
|
197
|
+
color: #666;
|
|
198
|
+
}
|
|
199
|
+
dd {
|
|
200
|
+
margin-left: 1em
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
|
|
178
204
|
br.clear {
|
|
179
205
|
clear: both;
|
|
180
206
|
}
|
|
@@ -194,6 +220,11 @@
|
|
|
194
220
|
.row > & {
|
|
195
221
|
margin-bottom: 0;
|
|
196
222
|
}
|
|
223
|
+
|
|
224
|
+
ul, ol {
|
|
225
|
+
padding-left: 0.25em;
|
|
226
|
+
margin-left: 1.25em;
|
|
227
|
+
}
|
|
197
228
|
}
|
|
198
229
|
|
|
199
230
|
/* Image */
|
|
@@ -233,7 +264,12 @@
|
|
|
233
264
|
float: left;
|
|
234
265
|
margin: 0 2em 2em 0;
|
|
235
266
|
}
|
|
236
|
-
|
|
267
|
+
|
|
268
|
+
&.right {
|
|
269
|
+
float: right;
|
|
270
|
+
margin: 0 0 2em 2em;
|
|
271
|
+
}
|
|
272
|
+
|
|
237
273
|
&.centered {
|
|
238
274
|
display: block;
|
|
239
275
|
margin: 0 0 2em 0;
|
|
@@ -248,14 +284,7 @@
|
|
|
248
284
|
/* List */
|
|
249
285
|
|
|
250
286
|
ul {
|
|
251
|
-
|
|
252
|
-
list-style: disc;
|
|
253
|
-
padding-left: 1em;
|
|
254
|
-
|
|
255
|
-
li {
|
|
256
|
-
padding-left: 0.5em;
|
|
257
|
-
}
|
|
258
|
-
}
|
|
287
|
+
list-style: disc;
|
|
259
288
|
|
|
260
289
|
&.icons {
|
|
261
290
|
cursor: default;
|
|
@@ -276,14 +305,7 @@
|
|
|
276
305
|
}
|
|
277
306
|
|
|
278
307
|
ol {
|
|
279
|
-
|
|
280
|
-
list-style: decimal;
|
|
281
|
-
padding-left: 1.25em;
|
|
282
|
-
|
|
283
|
-
li {
|
|
284
|
-
padding-left: 0.25em;
|
|
285
|
-
}
|
|
286
|
-
}
|
|
308
|
+
list-style: decimal;
|
|
287
309
|
}
|
|
288
310
|
|
|
289
311
|
/* Form */
|
|
@@ -360,38 +382,34 @@
|
|
|
360
382
|
|
|
361
383
|
table {
|
|
362
384
|
width: 100%;
|
|
385
|
+
text-align: left;
|
|
363
386
|
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
tbody {
|
|
369
|
-
tr {
|
|
370
|
-
&:nth-child(2n+2) {
|
|
371
|
-
background: #f4f4f4;
|
|
372
|
-
}
|
|
387
|
+
tbody {
|
|
388
|
+
tr {
|
|
389
|
+
&:nth-child(2n+2) {
|
|
390
|
+
background: #f4f4f4;
|
|
373
391
|
}
|
|
374
392
|
}
|
|
393
|
+
}
|
|
375
394
|
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
395
|
+
td {
|
|
396
|
+
padding: 0.5em 1em 0.5em 1em;
|
|
397
|
+
}
|
|
379
398
|
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
399
|
+
th {
|
|
400
|
+
text-align: left;
|
|
401
|
+
padding: 0.5em 1em 0.5em 1em;
|
|
402
|
+
color: #fff;
|
|
403
|
+
background: #222729 url('images/overlay.png');
|
|
404
|
+
}
|
|
386
405
|
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
406
|
+
thead {
|
|
407
|
+
background: #444;
|
|
408
|
+
color: #fff;
|
|
409
|
+
}
|
|
391
410
|
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
}
|
|
411
|
+
tfoot {
|
|
412
|
+
background: #eee;
|
|
395
413
|
}
|
|
396
414
|
}
|
|
397
415
|
|
|
@@ -431,6 +449,7 @@
|
|
|
431
449
|
|
|
432
450
|
header {
|
|
433
451
|
color: #666;
|
|
452
|
+
text-align: center;
|
|
434
453
|
background: #fff;
|
|
435
454
|
margin: 0;
|
|
436
455
|
padding: 1em 0 1em 0;
|
|
@@ -514,7 +533,11 @@
|
|
|
514
533
|
margin: 1.75em 1.5em 1.5em 1.5em;
|
|
515
534
|
min-height: 48px;
|
|
516
535
|
cursor: default;
|
|
517
|
-
|
|
536
|
+
|
|
537
|
+
a {
|
|
538
|
+
border: 0;
|
|
539
|
+
}
|
|
540
|
+
|
|
518
541
|
h1 {
|
|
519
542
|
position: relative;
|
|
520
543
|
color: #fff;
|
|
@@ -541,7 +564,11 @@
|
|
|
541
564
|
|
|
542
565
|
#nav {
|
|
543
566
|
ul {
|
|
567
|
+
list-style: none;
|
|
544
568
|
margin-bottom: 0;
|
|
569
|
+
hr {
|
|
570
|
+
margin: auto 1.5em;
|
|
571
|
+
}
|
|
545
572
|
|
|
546
573
|
li {
|
|
547
574
|
a {
|
|
@@ -616,13 +643,17 @@
|
|
|
616
643
|
|
|
617
644
|
#main {
|
|
618
645
|
margin-left: 375px;
|
|
619
|
-
|
|
620
646
|
> section {
|
|
647
|
+
text-align: center;
|
|
648
|
+
}
|
|
649
|
+
> article {
|
|
650
|
+
text-align: left;
|
|
651
|
+
}
|
|
652
|
+
> section, article {
|
|
621
653
|
margin: 0;
|
|
622
654
|
overflow: hidden;
|
|
623
655
|
padding: 4em 0;
|
|
624
656
|
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), inset 0 0.1em 0.1em 0 rgba(0, 0, 0, 0.025);
|
|
625
|
-
text-align: center;
|
|
626
657
|
background-image: url('images/overlay.png');
|
|
627
658
|
|
|
628
659
|
&.dark {
|
|
@@ -718,7 +749,7 @@
|
|
|
718
749
|
/* Main */
|
|
719
750
|
|
|
720
751
|
#main {
|
|
721
|
-
> section {
|
|
752
|
+
> section, article {
|
|
722
753
|
padding: 3em 0;
|
|
723
754
|
}
|
|
724
755
|
|
|
@@ -728,7 +759,15 @@
|
|
|
728
759
|
}
|
|
729
760
|
}
|
|
730
761
|
}
|
|
731
|
-
|
|
762
|
+
|
|
763
|
+
/* Header */
|
|
764
|
+
#nav {
|
|
765
|
+
ul {
|
|
766
|
+
hr {
|
|
767
|
+
margin: auto 1.25em;
|
|
768
|
+
}
|
|
769
|
+
}
|
|
770
|
+
}
|
|
732
771
|
}
|
|
733
772
|
|
|
734
773
|
/* Narrow */
|
|
@@ -778,6 +817,7 @@
|
|
|
778
817
|
|
|
779
818
|
#nav {
|
|
780
819
|
ul {
|
|
820
|
+
list-style: none;
|
|
781
821
|
li {
|
|
782
822
|
a {
|
|
783
823
|
font-size: 0.8em;
|
|
@@ -834,6 +874,7 @@
|
|
|
834
874
|
br {
|
|
835
875
|
display: none;
|
|
836
876
|
}
|
|
877
|
+
|
|
837
878
|
}
|
|
838
879
|
|
|
839
880
|
.container {
|
|
@@ -895,6 +936,10 @@
|
|
|
895
936
|
|
|
896
937
|
#nav {
|
|
897
938
|
ul {
|
|
939
|
+
list-style: none;
|
|
940
|
+
hr {
|
|
941
|
+
margin: auto 1.25em;
|
|
942
|
+
}
|
|
898
943
|
li {
|
|
899
944
|
a {
|
|
900
945
|
padding: 0.5em 1.25em 0.5em 1.25em;
|
|
@@ -978,7 +1023,7 @@
|
|
|
978
1023
|
padding-bottom: 1px;
|
|
979
1024
|
margin-left: 0;
|
|
980
1025
|
|
|
981
|
-
> section {
|
|
1026
|
+
> section, article {
|
|
982
1027
|
padding: 3em 0;
|
|
983
1028
|
}
|
|
984
1029
|
|
|
@@ -1024,7 +1069,7 @@
|
|
|
1024
1069
|
/* Main */
|
|
1025
1070
|
|
|
1026
1071
|
#main {
|
|
1027
|
-
> section {
|
|
1072
|
+
> section, article {
|
|
1028
1073
|
padding: 2em 0;
|
|
1029
1074
|
}
|
|
1030
1075
|
|
data/assets/css/main.scss
CHANGED
data/assets/js/main.js
CHANGED
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.
|
|
4
|
+
version: 0.3.0
|
|
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-13 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: jekyll
|
|
@@ -55,8 +55,15 @@ files:
|
|
|
55
55
|
- _includes/google_analytics.html
|
|
56
56
|
- _includes/head.html
|
|
57
57
|
- _includes/header.html
|
|
58
|
+
- _includes/logo.html
|
|
59
|
+
- _includes/nav.html
|
|
58
60
|
- _includes/section.html
|
|
61
|
+
- _includes/social_icons.html
|
|
62
|
+
- _layouts/blog.html
|
|
63
|
+
- _layouts/default.html
|
|
59
64
|
- _layouts/home.html
|
|
65
|
+
- _layouts/page.html
|
|
66
|
+
- _layouts/post.html
|
|
60
67
|
- _sass/jekyll-theme-prologue.scss
|
|
61
68
|
- _sass/libs/_functions.scss
|
|
62
69
|
- _sass/libs/_mixins.scss
|