jekyll-theme-prologue 0.2.5 → 0.3.0
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/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
|