Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
c2d9791a9b | ||
|
|
0609e16b19 | ||
|
|
1ba85c51b0 | ||
|
|
77c40093a4 | ||
|
|
c30b2fc60b | ||
|
|
b100809c1e | ||
|
|
ba37d523d3 | ||
|
|
7eb00bbd61 | ||
|
|
973520759c | ||
|
|
6101e81d55 | ||
|
|
8d918dadc4 | ||
|
|
33ad934f17 | ||
|
|
87731836ee | ||
|
|
634d2884a2 | ||
|
|
cd896b15d8 | ||
|
|
e9137e591b | ||
|
|
79a8beb61b | ||
|
|
7b3ddfefdf | ||
|
|
1fcda6f988 | ||
|
|
5d022e03d0 | ||
|
|
599712ed58 | ||
|
|
a9cad4f066 | ||
|
|
a612808f2a | ||
|
|
ed7c12b20b | ||
|
|
75b2d514c2 | ||
|
|
01c5700acd | ||
|
|
409d9691b0 | ||
|
|
cb5d8d4ee0 | ||
|
|
1b3cc608bb | ||
|
|
7c2273f23d | ||
|
|
02c109d24f | ||
|
|
da72581be3 | ||
|
|
187c3c38a2 | ||
|
|
28e2885a68 | ||
|
|
281c1288c2 | ||
|
|
c4d14f68f6 | ||
|
|
7f6efbb744 | ||
|
|
696d589fdd | ||
|
|
cb75bc8aed | ||
|
|
f94bc7fbe8 | ||
|
|
0841d49653 | ||
|
|
21a4da0e47 | ||
|
|
fa3647172d | ||
|
|
df2e2c23b3 | ||
|
|
931eedaefa | ||
|
|
f39b15a362 | ||
|
|
19f6d32745 | ||
|
|
7e8700df75 | ||
|
|
2a5cda62b1 | ||
|
|
cc3b21bc86 | ||
|
|
7978376df0 | ||
|
|
1ca7a00d37 | ||
|
|
a4fceb8ac1 | ||
|
|
b291021c2a | ||
|
|
423ba0a18f | ||
|
|
079b3718cb | ||
|
|
f8bb3422ba | ||
|
|
ea5d8fc0b2 | ||
|
|
4196f59c8e | ||
|
|
c4e1cd2e75 | ||
|
|
b6fd84ede1 | ||
|
|
5eefba1bf0 | ||
|
|
95a8c96ce0 | ||
|
|
4a24be73b8 | ||
|
|
6ca184b453 | ||
|
|
a96df5197d | ||
|
|
6d9db31ef0 | ||
|
|
4172237709 | ||
|
|
c36d305fa9 | ||
|
|
41250e7f35 | ||
|
|
cba9e9fbfd |
+371
-334
File diff suppressed because it is too large
Load Diff
+1
-1
@@ -21,7 +21,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|||||||
SOFTWARE.
|
SOFTWARE.
|
||||||
|
|
||||||
Minimal Mistakes incorporates icons from [The Noun Project](https://thenounproject.com/)
|
Minimal Mistakes incorporates icons from [The Noun Project](https://thenounproject.com/)
|
||||||
creators Garrett Knoll, Arthur Shlain, and tracy tam.
|
creators Garrett Knoll, Arthur Shlain, and Tracy Tam.
|
||||||
Icons are distributed under Creative Commons Attribution 3.0 United States (CC BY 3.0 US).
|
Icons are distributed under Creative Commons Attribution 3.0 United States (CC BY 3.0 US).
|
||||||
|
|
||||||
Minimal Mistakes incorporates [Font Awesome](http://fontawesome.io/),
|
Minimal Mistakes incorporates [Font Awesome](http://fontawesome.io/),
|
||||||
|
|||||||
@@ -19,7 +19,7 @@ Minimal Mistakes is a flexible two-column Jekyll theme. Perfect for hosting your
|
|||||||
- Compatible with GitHub Pages.
|
- Compatible with GitHub Pages.
|
||||||
- Support for Jekyll's built-in Sass/SCSS preprocessor.
|
- Support for Jekyll's built-in Sass/SCSS preprocessor.
|
||||||
- Nine different skins (color variations).
|
- Nine different skins (color variations).
|
||||||
- Several responsive layout options (single, archive index, splash, and paginated home page).
|
- Several responsive layout options (single, archive index, search, splash, and paginated home page).
|
||||||
- Optimized for search engines with support for [Twitter Cards](https://dev.twitter.com/cards/overview) and [Open Graph](http://ogp.me/) data
|
- Optimized for search engines with support for [Twitter Cards](https://dev.twitter.com/cards/overview) and [Open Graph](http://ogp.me/) data
|
||||||
- Optional [header images](https://mmistakes.github.io/minimal-mistakes/docs/layouts/#headers), [custom sidebars](https://mmistakes.github.io/minimal-mistakes/docs/layouts/#sidebars), [table of contents](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#table-of-contents), [galleries](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#gallery), related posts, [breadcrumb links](https://mmistakes.github.io/minimal-mistakes/docs/configuration/#breadcrumb-navigation-beta), [navigation lists](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#navigation-list), and more.
|
- Optional [header images](https://mmistakes.github.io/minimal-mistakes/docs/layouts/#headers), [custom sidebars](https://mmistakes.github.io/minimal-mistakes/docs/layouts/#sidebars), [table of contents](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#table-of-contents), [galleries](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#gallery), related posts, [breadcrumb links](https://mmistakes.github.io/minimal-mistakes/docs/configuration/#breadcrumb-navigation-beta), [navigation lists](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#navigation-list), and more.
|
||||||
- Commenting support (powered by [Disqus](https://disqus.com/), [Facebook](https://developers.facebook.com/docs/plugins/comments), Google+, [Discourse](https://www.discourse.org/), static-based via [Staticman v1 and v2](https://staticman.net/), and custom).
|
- Commenting support (powered by [Disqus](https://disqus.com/), [Facebook](https://developers.facebook.com/docs/plugins/comments), Google+, [Discourse](https://www.discourse.org/), static-based via [Staticman v1 and v2](https://staticman.net/), and custom).
|
||||||
@@ -28,7 +28,7 @@ Minimal Mistakes is a flexible two-column Jekyll theme. Perfect for hosting your
|
|||||||
|
|
||||||
## Skins (Color Variations)
|
## Skins (Color Variations)
|
||||||
|
|
||||||
This theme comes in seven different skins (including the default one).
|
This theme comes in nine different skins (including the default one).
|
||||||
|
|
||||||
| `air` | `contrast` | `dark` |
|
| `air` | `contrast` | `dark` |
|
||||||
| --- | --- | --- |
|
| --- | --- | --- |
|
||||||
@@ -65,33 +65,63 @@ Additional sample posts are available under [posts archive][year-archive] on the
|
|||||||
[tags-archive]: https://mmistakes.github.io/minimal-mistakes/tags/
|
[tags-archive]: https://mmistakes.github.io/minimal-mistakes/tags/
|
||||||
[year-archive]: https://mmistakes.github.io/minimal-mistakes/year-archive/
|
[year-archive]: https://mmistakes.github.io/minimal-mistakes/year-archive/
|
||||||
|
|
||||||
## Usage
|
## Installation
|
||||||
|
|
||||||
For detailed instructions on how to configure, customize, add content, and more read the [theme's documentation](https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/).
|
There are three ways to install the theme: as a Ruby gem (for self-hosted sites), as a Ruby gem + jekyll-remote-theme plugin (GitHub Pages hosted sites), or forking/directly copying all of the theme files into your project.
|
||||||
|
|
||||||
**Note:** Gem version of the theme requires Jekyll v3.3+ and is not currently supported on [GitHub Pages](https://pages.github.com/). You can still use the theme with GitHub Pages, you'll just need to install using the old "[repo fork method](https://mmistakes.github.io/minimal-mistakes/docs/installation/)".
|
### Ruby Gem Method
|
||||||
|
|
||||||
## Quick Start
|
1. Install the theme as a Ruby Gem by adding it to your `Gemfile` like so:
|
||||||
|
|
||||||
Add this line to your Jekyll site's `Gemfile`:
|
|
||||||
|
|
||||||
```ruby
|
```ruby
|
||||||
gem "minimal-mistakes-jekyll"
|
gem "minimal-mistakes-jekyll"
|
||||||
```
|
```
|
||||||
|
|
||||||
Add this line to your Jekyll site's `_config.yml` file:
|
2. Fetch and update bundled gems by running the following [Bundler](http://bundler.io/) command:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
bundle
|
||||||
|
```
|
||||||
|
|
||||||
|
3. Set the `theme` in your project's Jekyll `_config.yml` file:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
theme: minimal-mistakes-jekyll
|
theme: minimal-mistakes-jekyll
|
||||||
```
|
```
|
||||||
|
|
||||||
Then run Bundler to install the theme gem and dependencies:
|
To update the theme run `bundle update`.
|
||||||
|
|
||||||
```bash
|
## GitHub Pages Compatible Methods
|
||||||
bundle install
|
|
||||||
|
1. Create/replace the contents of your `Gemfile` with the following:
|
||||||
|
|
||||||
|
```ruby
|
||||||
|
source "https://rubygems.org"
|
||||||
|
|
||||||
|
gem "github-pages", group: :jekyll_plugins
|
||||||
|
gem "jekyll-remote-theme"
|
||||||
```
|
```
|
||||||
|
|
||||||
To update the theme run `bundle update`.
|
2. Fetch and update bundled gems by running the following [Bundler](http://bundler.io/) command:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
bundle
|
||||||
|
```
|
||||||
|
|
||||||
|
3. Add `remote_theme: "mmistakes/minimal-mistakes"` to your `_config.yml` file.
|
||||||
|
|
||||||
|
4. Add `jekyll-remote-theme` to the `plugins` (previously gems) array in your `_config.yml` file:
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
plugins:
|
||||||
|
- jekyll-remote-theme
|
||||||
|
```
|
||||||
|
|
||||||
|
**Note:** [jekyll-remote-theme](https://github.com/benbalter/jekyll-remote-theme) is currently in beta on GitHub Pages. In my tests it works as advertised, with the occasional failure due to missing `_includes` and `_layouts` --- your results may vary.
|
||||||
|
|
||||||
|
## Usage
|
||||||
|
|
||||||
|
For detailed instructions on how to configure, customize, add/migrate content, and more read the [theme's documentation](https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/).
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
+2
-2
@@ -51,13 +51,13 @@ reCaptcha:
|
|||||||
secret :
|
secret :
|
||||||
atom_feed:
|
atom_feed:
|
||||||
path : # blank (default) uses feed.xml
|
path : # blank (default) uses feed.xml
|
||||||
|
search : # true, false (default)
|
||||||
|
|
||||||
# SEO Related
|
# SEO Related
|
||||||
google_site_verification :
|
google_site_verification :
|
||||||
bing_site_verification :
|
bing_site_verification :
|
||||||
alexa_site_verification :
|
|
||||||
yandex_site_verification :
|
yandex_site_verification :
|
||||||
naver-site-verification :
|
naver_site_verification :
|
||||||
|
|
||||||
# Social Sharing
|
# Social Sharing
|
||||||
twitter:
|
twitter:
|
||||||
|
|||||||
+8
-7
@@ -40,6 +40,8 @@ en: &DEFAULT_EN
|
|||||||
comment_success_msg : "Thanks for your comment! It will show on the site once it has been approved."
|
comment_success_msg : "Thanks for your comment! It will show on the site once it has been approved."
|
||||||
comment_error_msg : "Sorry, there was an error with your submission. Please make sure all required fields have been completed and try again."
|
comment_error_msg : "Sorry, there was an error with your submission. Please make sure all required fields have been completed and try again."
|
||||||
loading_label : "Loading..."
|
loading_label : "Loading..."
|
||||||
|
search_placeholder_text : "Enter your search term..."
|
||||||
|
results_found : "Result(s) found"
|
||||||
en-US:
|
en-US:
|
||||||
<<: *DEFAULT_EN
|
<<: *DEFAULT_EN
|
||||||
en-CA:
|
en-CA:
|
||||||
@@ -312,7 +314,7 @@ it-IT:
|
|||||||
|
|
||||||
# Chinese (zh-CN Chinese - China)
|
# Chinese (zh-CN Chinese - China)
|
||||||
# -----------------
|
# -----------------
|
||||||
zh: &DEFAULT_ZH
|
zh: &DEFAULT_ZH_HANS
|
||||||
page : "页面"
|
page : "页面"
|
||||||
pagination_previous : "向前"
|
pagination_previous : "向前"
|
||||||
pagination_next : "向后"
|
pagination_next : "向后"
|
||||||
@@ -351,13 +353,11 @@ zh: &DEFAULT_ZH
|
|||||||
comment_error_msg : "很抱歉,您的提交存在错误。请确保所有必填字段都已填写正确,然后再试一次。"
|
comment_error_msg : "很抱歉,您的提交存在错误。请确保所有必填字段都已填写正确,然后再试一次。"
|
||||||
loading_label : "正在加载..."
|
loading_label : "正在加载..."
|
||||||
zh-CN:
|
zh-CN:
|
||||||
<<: *DEFAULT_ZH
|
<<: *DEFAULT_ZH_HANS
|
||||||
zh-HK:
|
|
||||||
<<: *DEFAULT_ZH
|
|
||||||
zh-SG:
|
zh-SG:
|
||||||
<<: *DEFAULT_ZH
|
<<: *DEFAULT_ZH_HANS
|
||||||
# Taiwan (Traditional Chinese)
|
# Taiwan (Traditional Chinese)
|
||||||
zh-TW:
|
zh-TW: &DEFAULT_ZH_HANT
|
||||||
page : "頁面"
|
page : "頁面"
|
||||||
pagination_previous : "較舊"
|
pagination_previous : "較舊"
|
||||||
pagination_next : "較新"
|
pagination_next : "較新"
|
||||||
@@ -395,7 +395,8 @@ zh-TW:
|
|||||||
comment_success_msg : "感謝您的留言! 審核後將會顯示在站上。"
|
comment_success_msg : "感謝您的留言! 審核後將會顯示在站上。"
|
||||||
comment_error_msg : "抱歉,部份資料輸入有問題。請確認資料填寫正確後再試一次。"
|
comment_error_msg : "抱歉,部份資料輸入有問題。請確認資料填寫正確後再試一次。"
|
||||||
loading_label : "載入中..."
|
loading_label : "載入中..."
|
||||||
|
zh-HK:
|
||||||
|
<<: *DEFAULT_ZH_HANT
|
||||||
# German / Deutsch
|
# German / Deutsch
|
||||||
# -----------------
|
# -----------------
|
||||||
de: &DEFAULT_DE
|
de: &DEFAULT_DE
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
{% if site.analytics.provider and page.analytics != false %}
|
{% if jekyll.environment == 'production' and site.analytics.provider and page.analytics != false %}
|
||||||
|
|
||||||
{% case site.analytics.provider %}
|
{% case site.analytics.provider %}
|
||||||
{% when "google" %}
|
{% when "google" %}
|
||||||
|
|||||||
@@ -1,3 +1,3 @@
|
|||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div>
|
<div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</div>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
@@ -7,19 +7,19 @@
|
|||||||
<li><a href="https://twitter.com/{{ site.twitter.username }}"><i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter</a></li>
|
<li><a href="https://twitter.com/{{ site.twitter.username }}"><i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if site.facebook.username %}
|
{% if site.facebook.username %}
|
||||||
<li><a href="https://facebook.com/{{ site.facebook.username }}"><i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i> Facebook</a></li>
|
<li><a href="https://www.facebook.com/{{ site.facebook.username }}"><i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i> Facebook</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if site.author.github %}
|
{% if site.author.github %}
|
||||||
<li><a href="http://github.com/{{ site.author.github }}"><i class="fa fa-fw fa-github" aria-hidden="true"></i> GitHub</a></li>
|
<li><a href="https://github.com/{{ site.author.github }}"><i class="fa fa-fw fa-github" aria-hidden="true"></i> GitHub</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if site.author.gitlab %}
|
{% if site.author.gitlab %}
|
||||||
<li><a href="http://gitlab.com/{{ site.author.gitlab }}"><i class="fa fa-fw fa-gitlab" aria-hidden="true"></i> Gitlab</a></li>
|
<li><a href="https://gitlab.com/{{ site.author.gitlab }}"><i class="fa fa-fw fa-gitlab" aria-hidden="true"></i> Gitlab</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if site.author.bitbucket %}
|
{% if site.author.bitbucket %}
|
||||||
<li><a href="http://bitbucket.org/{{ site.author.bitbucket }}"><i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket</a></li>
|
<li><a href="https://bitbucket.org/{{ site.author.bitbucket }}"><i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<li><a href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | absolute_url }}{% endif %}"><i class="fa fa-fw fa-rss-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].feed_label | default: "Feed" }}</a></li>
|
<li><a href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | absolute_url }}{% endif %}"><i class="fa fa-fw fa-rss-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].feed_label | default: "Feed" }}</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="page__footer-copyright">© {{ site.time | date: '%Y' }} {{ site.name | default: site.title }}. {{ site.data.ui-text[site.locale].powered_by | default: "Powered by" }} <a href="http://jekyllrb.com" rel="nofollow">Jekyll</a> & <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/" rel="nofollow">Minimal Mistakes</a>.</div>
|
<div class="page__footer-copyright">© {{ site.time | date: '%Y' }} {{ site.name | default: site.title }}. {{ site.data.ui-text[site.locale].powered_by | default: "Powered by" }} <a href="https://jekyllrb.com" rel="nofollow">Jekyll</a> & <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/" rel="nofollow">Minimal Mistakes</a>.</div>
|
||||||
|
|||||||
+11
-2
@@ -10,10 +10,19 @@
|
|||||||
{% else %}
|
{% else %}
|
||||||
{% assign domain = site.url | append: site.baseurl %}
|
{% assign domain = site.url | append: site.baseurl %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<li class="masthead__menu-item"><a href="{{ domain }}{{ link.url }}">{{ link.title }}</a></li>
|
<li class="masthead__menu-item">
|
||||||
|
<a href="{{ domain }}{{ link.url }}" {% if link.description %}title="{{ link.description }}"{% endif %}>{{ link.title }}</a>
|
||||||
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
<button type="button">
|
{% if site.search == true %}
|
||||||
|
<button class="search__toggle" type="button">
|
||||||
|
<svg class="icon" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.99 16">
|
||||||
|
<path d="M15.5,13.12L13.19,10.8a1.69,1.69,0,0,0-1.28-.55l-0.06-.06A6.5,6.5,0,0,0,5.77,0,6.5,6.5,0,0,0,2.46,11.59a6.47,6.47,0,0,0,7.74.26l0.05,0.05a1.65,1.65,0,0,0,.5,1.24l2.38,2.38A1.68,1.68,0,0,0,15.5,13.12ZM6.4,2A4.41,4.41,0,1,1,2,6.4,4.43,4.43,0,0,1,6.4,2Z" transform="translate(-.01)"></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
{% endif %}
|
||||||
|
<button class="greedy-nav__toggle" type="button">
|
||||||
<span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle Menu" }}</span>
|
<span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle Menu" }}</span>
|
||||||
<div class="navicon"></div>
|
<div class="navicon"></div>
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -11,5 +11,10 @@
|
|||||||
<script src="{{ '/assets/js/main.min.js' | absolute_url }}"></script>
|
<script src="{{ '/assets/js/main.min.js' | absolute_url }}"></script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.search == true or page.layout == 'search' %}
|
||||||
|
<script src="{{ '/assets/js/lunr.min.js' | absolute_url }}"></script>
|
||||||
|
<script src="{{ '/assets/js/lunr-en.js' | absolute_url }}"></script>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{% include analytics.html %}
|
{% include analytics.html %}
|
||||||
{% include /comments-providers/scripts.html %}
|
{% include /comments-providers/scripts.html %}
|
||||||
|
|||||||
@@ -0,0 +1,4 @@
|
|||||||
|
<div class="search-content__inner-wrap">
|
||||||
|
<input type="text" id="search" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" />
|
||||||
|
<div id="results" class="results"></div>
|
||||||
|
</div>
|
||||||
@@ -3,11 +3,11 @@
|
|||||||
<h4 class="page__share-title">{{ site.data.ui-text[site.locale].share_on_label | default: "Share on" }}</h4>
|
<h4 class="page__share-title">{{ site.data.ui-text[site.locale].share_on_label | default: "Share on" }}</h4>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<a href="https://twitter.com/intent/tweet?{% if site.twitter.username %}via={{ site.twitter.username | url_encode }}&{% endif %}text={{ page.title | url_encode }}%20{{ page.url | absolute_url | url_encode }}" class="btn btn--twitter" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Twitter"><i class="fa fa-fw fa-twitter" aria-hidden="true"></i><span> Twitter</span></a>
|
<a href="https://twitter.com/intent/tweet?{% if site.twitter.username %}via={{ site.twitter.username | url_encode }}&{% endif %}text={{ page.title | url_encode }}%20{{ page.url | absolute_url | url_encode }}" class="btn btn--twitter" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Twitter"><i class="fa fa-fw fa-twitter" aria-hidden="true"></i><span> Twitter</span></a>
|
||||||
|
|
||||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }}" class="btn btn--facebook" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Facebook"><i class="fa fa-fw fa-facebook" aria-hidden="true"></i><span> Facebook</span></a>
|
<a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }}" class="btn btn--facebook" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Facebook"><i class="fa fa-fw fa-facebook" aria-hidden="true"></i><span> Facebook</span></a>
|
||||||
|
|
||||||
<a href="https://plus.google.com/share?url={{ page.url | absolute_url | url_encode }}" class="btn btn--google-plus" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Google Plus"><i class="fa fa-fw fa-google-plus" aria-hidden="true"></i><span> Google+</span></a>
|
<a href="https://plus.google.com/share?url={{ page.url | absolute_url | url_encode }}" class="btn btn--google-plus" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Google Plus"><i class="fa fa-fw fa-google-plus" aria-hidden="true"></i><span> Google+</span></a>
|
||||||
|
|
||||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url | url_encode }}" class="btn btn--linkedin" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} LinkedIn"><i class="fa fa-fw fa-linkedin" aria-hidden="true"></i><span> LinkedIn</span></a>
|
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url | url_encode }}" class="btn btn--linkedin" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} LinkedIn"><i class="fa fa-fw fa-linkedin" aria-hidden="true"></i><span> LinkedIn</span></a>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
|
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
Minimal Mistakes Jekyll Theme 4.7.0 by Michael Rose
|
Minimal Mistakes Jekyll Theme 4.8.0 by Michael Rose
|
||||||
Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
|
Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
|
||||||
Free for personal and commercial use under the MIT license
|
Free for personal and commercial use under the MIT license
|
||||||
https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt
|
https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt
|
||||||
@@ -19,7 +19,15 @@
|
|||||||
{% include browser-upgrade.html %}
|
{% include browser-upgrade.html %}
|
||||||
{% include masthead.html %}
|
{% include masthead.html %}
|
||||||
|
|
||||||
|
<div class="initial-content">
|
||||||
{{ content }}
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% if site.search == true %}
|
||||||
|
<div class="search-content">
|
||||||
|
{% include search_form.html %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<div class="page__footer">
|
<div class="page__footer">
|
||||||
<footer>
|
<footer>
|
||||||
|
|||||||
@@ -4,8 +4,6 @@ layout: default
|
|||||||
|
|
||||||
{% if page.header.overlay_color or page.header.overlay_image or page.header.image %}
|
{% if page.header.overlay_color or page.header.overlay_image or page.header.image %}
|
||||||
{% include page__hero.html %}
|
{% include page__hero.html %}
|
||||||
{% elsif page.header.video.id and page.header.video.provider %}
|
|
||||||
{% include page__hero_video.html %}
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if page.url != "/" and site.breadcrumbs %}
|
{% if page.url != "/" and site.breadcrumbs %}
|
||||||
@@ -21,6 +19,14 @@ layout: default
|
|||||||
{% unless page.header.overlay_color or page.header.overlay_image %}
|
{% unless page.header.overlay_color or page.header.overlay_image %}
|
||||||
<h1 class="page__title">{{ page.title }}</h1>
|
<h1 class="page__title">{{ page.title }}</h1>
|
||||||
{% endunless %}
|
{% endunless %}
|
||||||
|
|
||||||
{{ content }}
|
{{ content }}
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<input type="input" id="search" class="search-input" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" />
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div id="results"></div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -63,7 +63,7 @@ layout: default
|
|||||||
{% include post_pagination.html %}
|
{% include post_pagination.html %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if site.comments.provider and page.comments %}
|
{% if jekyll.environment == 'production' and site.comments.provider and page.comments %}
|
||||||
{% include comments.html %}
|
{% include comments.html %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</article>
|
</article>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/*!
|
/*!
|
||||||
* Minimal Mistakes Jekyll Theme 4.7.0 by Michael Rose
|
* Minimal Mistakes Jekyll Theme 4.8.0 by Michael Rose
|
||||||
* Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
|
* Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
|
||||||
* Licensed under MIT (https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt)
|
* Licensed under MIT (https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt)
|
||||||
*/
|
*/
|
||||||
@@ -28,6 +28,7 @@
|
|||||||
@import "minimal-mistakes/masthead";
|
@import "minimal-mistakes/masthead";
|
||||||
@import "minimal-mistakes/navigation";
|
@import "minimal-mistakes/navigation";
|
||||||
@import "minimal-mistakes/footer";
|
@import "minimal-mistakes/footer";
|
||||||
|
@import "minimal-mistakes/search";
|
||||||
@import "minimal-mistakes/syntax";
|
@import "minimal-mistakes/syntax";
|
||||||
|
|
||||||
/* Utility classes */
|
/* Utility classes */
|
||||||
|
|||||||
@@ -37,6 +37,7 @@
|
|||||||
.archive__item-title {
|
.archive__item-title {
|
||||||
margin-bottom: 0.25em;
|
margin-bottom: 0.25em;
|
||||||
font-family: $sans-serif-narrow;
|
font-family: $sans-serif-narrow;
|
||||||
|
line-height: initial;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
@@ -47,7 +48,6 @@
|
|||||||
|
|
||||||
/* remove border*/
|
/* remove border*/
|
||||||
.page__content {
|
.page__content {
|
||||||
|
|
||||||
.archive__item-title {
|
.archive__item-title {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
@@ -72,7 +72,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.archive__item:hover {
|
.archive__item:hover {
|
||||||
|
|
||||||
.archive__item-teaser {
|
.archive__item-teaser {
|
||||||
box-shadow: 0 0 10px rgba(#000, 0.25);
|
box-shadow: 0 0 10px rgba(#000, 0.25);
|
||||||
}
|
}
|
||||||
@@ -82,25 +81,21 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
List view
|
List view
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.list__item {
|
.list__item {
|
||||||
|
|
||||||
.page__meta {
|
.page__meta {
|
||||||
margin: 0 0 4px;
|
margin: 0 0 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Grid view
|
Grid view
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.archive {
|
.archive {
|
||||||
|
|
||||||
.grid__wrapper {
|
.grid__wrapper {
|
||||||
/* extend grid elements to the right */
|
/* extend grid elements to the right */
|
||||||
|
|
||||||
@@ -180,7 +175,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.archive__item-teaser {
|
.archive__item-teaser {
|
||||||
|
|
||||||
@include breakpoint($small) {
|
@include breakpoint($small) {
|
||||||
max-height: 200px;
|
max-height: 200px;
|
||||||
}
|
}
|
||||||
@@ -191,7 +185,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Features
|
Features
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -245,7 +238,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@include breakpoint($small) {
|
@include breakpoint($small) {
|
||||||
|
|
||||||
.archive__item-teaser {
|
.archive__item-teaser {
|
||||||
float: left;
|
float: left;
|
||||||
width: span(5 of 12);
|
width: span(5 of 12);
|
||||||
|
|||||||
@@ -21,7 +21,12 @@ body {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
margin: 2em 0 0.5em;
|
margin: 2em 0 0.5em;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
font-family: $header-font-family;
|
font-family: $header-font-family;
|
||||||
@@ -53,7 +58,8 @@ h6 {
|
|||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
}
|
}
|
||||||
|
|
||||||
small, .small {
|
small,
|
||||||
|
.small {
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -76,7 +82,15 @@ del a {
|
|||||||
|
|
||||||
/* reduce orphans and widows when printing */
|
/* reduce orphans and widows when printing */
|
||||||
|
|
||||||
p, pre, blockquote, ul, ol, dl, figure, table, fieldset {
|
p,
|
||||||
|
pre,
|
||||||
|
blockquote,
|
||||||
|
ul,
|
||||||
|
ol,
|
||||||
|
dl,
|
||||||
|
figure,
|
||||||
|
table,
|
||||||
|
fieldset {
|
||||||
orphans: 3;
|
orphans: 3;
|
||||||
widows: 3;
|
widows: 3;
|
||||||
}
|
}
|
||||||
@@ -127,9 +141,19 @@ a {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* buttons */
|
||||||
|
|
||||||
|
button:focus {
|
||||||
|
@extend %tab-focus;
|
||||||
|
}
|
||||||
|
|
||||||
/* code */
|
/* code */
|
||||||
|
|
||||||
tt, code, kbd, samp, pre {
|
tt,
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp,
|
||||||
|
pre {
|
||||||
font-family: $monospace;
|
font-family: $monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -150,7 +174,8 @@ td > code {
|
|||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
box-shadow: $box-shadow;
|
box-shadow: $box-shadow;
|
||||||
|
|
||||||
&:before, &:after {
|
&:before,
|
||||||
|
&:after {
|
||||||
letter-spacing: -0.2em;
|
letter-spacing: -0.2em;
|
||||||
content: "\00a0"; /* non-breaking space*/
|
content: "\00a0"; /* non-breaking space*/
|
||||||
}
|
}
|
||||||
@@ -255,14 +280,12 @@ figcaption {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Fix IE9 SVG bug */
|
/* Fix IE9 SVG bug */
|
||||||
|
|
||||||
svg:not(:root) {
|
svg:not(:root) {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Navigation lists
|
Navigation lists
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -310,7 +333,28 @@ nav {
|
|||||||
Global animation transition
|
Global animation transition
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a, tr, td, form button, input[type="submit"], .btn, .highlight, .archive__item-teaser {
|
b,
|
||||||
|
i,
|
||||||
|
strong,
|
||||||
|
em,
|
||||||
|
blockquote,
|
||||||
|
p,
|
||||||
|
q,
|
||||||
|
span,
|
||||||
|
figure,
|
||||||
|
img,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
header,
|
||||||
|
input,
|
||||||
|
a,
|
||||||
|
tr,
|
||||||
|
td,
|
||||||
|
form button,
|
||||||
|
input[type="submit"],
|
||||||
|
.btn,
|
||||||
|
.highlight,
|
||||||
|
.archive__item-teaser {
|
||||||
-webkit-transition: $global-transition;
|
-webkit-transition: $global-transition;
|
||||||
transition: $global-transition;
|
transition: $global-transition;
|
||||||
}
|
}
|
||||||
@@ -196,7 +196,6 @@
|
|||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Disabled state
|
Disabled state
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -211,7 +210,6 @@
|
|||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Focus & active state
|
Focus & active state
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -221,7 +219,8 @@
|
|||||||
border-color: $primary-color;
|
border-color: $primary-color;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
outline: thin dotted \9;
|
outline: thin dotted \9;
|
||||||
box-shadow: inset 0 1px 3px rgba($text-color, 0.06), 0 0 5px rgba($primary-color, 0.7);
|
box-shadow: inset 0 1px 3px rgba($text-color, 0.06),
|
||||||
|
0 0 5px rgba($primary-color, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="file"]:focus,
|
input[type="file"]:focus,
|
||||||
@@ -231,7 +230,6 @@
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Help text
|
Help text
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -263,7 +261,6 @@
|
|||||||
border-width: 0;
|
border-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
.form-inline
|
.form-inline
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -291,8 +288,8 @@
|
|||||||
.form-inline .checkbox input[type="checkbox"] {
|
.form-inline .checkbox input[type="checkbox"] {
|
||||||
float: left;
|
float: left;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 3px; }
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
.form-search
|
.form-search
|
||||||
@@ -331,13 +328,12 @@
|
|||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
.form--loading
|
.form--loading
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.form--loading:before {
|
.form--loading:before {
|
||||||
content: '';
|
content: "";
|
||||||
}
|
}
|
||||||
|
|
||||||
.form--loading .form__spinner {
|
.form--loading .form__spinner {
|
||||||
@@ -362,8 +358,6 @@
|
|||||||
z-index: 11;
|
z-index: 11;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Google search form
|
Google search form
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|||||||
@@ -15,8 +15,8 @@
|
|||||||
font-family: $sans-serif;
|
font-family: $sans-serif;
|
||||||
-webkit-animation: $intro-transition;
|
-webkit-animation: $intro-transition;
|
||||||
animation: $intro-transition;
|
animation: $intro-transition;
|
||||||
-webkit-animation-delay: 0.30s;
|
-webkit-animation-delay: 0.3s;
|
||||||
animation-delay: 0.30s;
|
animation-delay: 0.3s;
|
||||||
|
|
||||||
@include breakpoint($large) {
|
@include breakpoint($large) {
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
@@ -51,7 +51,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Post pagination navigation links
|
Post pagination navigation links
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -170,7 +169,6 @@
|
|||||||
border-top: 1px solid $border-color;
|
border-top: 1px solid $border-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Priority plus navigation
|
Priority plus navigation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -199,7 +197,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
&__toggle {
|
||||||
padding: 0 0.5rem;
|
padding: 0 0.5rem;
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
border: 0;
|
border: 0;
|
||||||
@@ -216,18 +214,11 @@
|
|||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
-webkit-box-flex: 1;
|
-webkit-box-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding-right: 2rem;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
-webkit-box-flex: 0;
|
-webkit-box-flex: 0;
|
||||||
flex: none;
|
flex: none;
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
a {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@@ -318,7 +309,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Navigation list
|
Navigation list
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -332,7 +322,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@include breakpoint(max-width ($large - 1px)) {
|
@include breakpoint(max-width ($large - 1px)) {
|
||||||
|
|
||||||
label {
|
label {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -349,7 +338,7 @@
|
|||||||
|
|
||||||
&:before,
|
&:before,
|
||||||
&:after {
|
&:after {
|
||||||
content: '';
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 1em;
|
right: 1em;
|
||||||
top: 1.25em;
|
top: 1.25em;
|
||||||
@@ -485,7 +474,6 @@
|
|||||||
border-bottom: 1px solid $border-color;
|
border-bottom: 1px solid $border-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Table of contents navigation
|
Table of contents navigation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|||||||
@@ -12,8 +12,8 @@
|
|||||||
-webkit-animation: $intro-transition;
|
-webkit-animation: $intro-transition;
|
||||||
animation: $intro-transition;
|
animation: $intro-transition;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
-webkit-animation-delay: 0.35s;
|
-webkit-animation-delay: 0.15s;
|
||||||
animation-delay: 0.35s;
|
animation-delay: 0.15s;
|
||||||
|
|
||||||
@include breakpoint($x-large) {
|
@include breakpoint($x-large) {
|
||||||
max-width: $x-large;
|
max-width: $x-large;
|
||||||
@@ -21,7 +21,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.page {
|
.page {
|
||||||
|
|
||||||
@include breakpoint($large) {
|
@include breakpoint($large) {
|
||||||
float: right;
|
float: right;
|
||||||
width: calc(100% - #{$right-sidebar-width-narrow});
|
width: calc(100% - #{$right-sidebar-width-narrow});
|
||||||
@@ -68,13 +67,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.page__content {
|
.page__content {
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
padding-bottom: 0.5em;
|
padding-bottom: 0.5em;
|
||||||
border-bottom: 1px solid $border-color;
|
border-bottom: 1px solid $border-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
p, li, dl {
|
p,
|
||||||
|
li,
|
||||||
|
dl {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -92,7 +92,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
a:not(.btn) {
|
a:not(.btn) {
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
|
||||||
@@ -242,7 +241,6 @@
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Page meta
|
Page meta
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -268,7 +266,6 @@
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Page taxonomy
|
Page taxonomy
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -298,7 +295,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Comments
|
Comments
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -397,7 +393,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Related
|
Related
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|||||||
@@ -172,7 +172,7 @@ input[type="checkbox"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
input[type="search"] { /* Appearance in Safari/Chrome*/
|
input[type="search"] { /* Appearance in Safari/Chrome*/
|
||||||
box-sizing: content-box;
|
box-sizing: border-box;
|
||||||
-webkit-appearance: textfield;
|
-webkit-appearance: textfield;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,107 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
SEARCH
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.layout--search {
|
||||||
|
.archive__item-teaser {
|
||||||
|
margin-bottom: 0.25em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search__toggle {
|
||||||
|
margin-left: 1rem;
|
||||||
|
margin-right: 1rem;
|
||||||
|
border: 0;
|
||||||
|
outline: none;
|
||||||
|
color: $muted-text-color;
|
||||||
|
background-color: transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-transition: 0.2s;
|
||||||
|
transition: 0.2s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-icon {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-content {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
padding-top: 1em;
|
||||||
|
padding-bottom: 1em;
|
||||||
|
|
||||||
|
&__inner-wrap {
|
||||||
|
width: 100%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding-left: 1em;
|
||||||
|
padding-right: 1em;
|
||||||
|
-webkit-animation: $intro-transition;
|
||||||
|
animation: $intro-transition;
|
||||||
|
-webkit-animation-delay: 0.15s;
|
||||||
|
animation-delay: 0.15s;
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
max-width: $x-large;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-input {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
box-shadow: none;
|
||||||
|
background-color: transparent;
|
||||||
|
font-size: $type-size-3;
|
||||||
|
|
||||||
|
@include breakpoint($large) {
|
||||||
|
font-size: $type-size-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
font-size: $type-size-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is--visible {
|
||||||
|
display: block;
|
||||||
|
visibility: visible;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.results__found {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
font-size: $type-size-6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive__item {
|
||||||
|
margin-bottom: 2em;
|
||||||
|
|
||||||
|
@include breakpoint($large) {
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive__item-title {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive__item-excerpt {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -8,7 +8,8 @@
|
|||||||
|
|
||||||
/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
|
/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
|
||||||
|
|
||||||
.hidden {
|
.hidden,
|
||||||
|
.is--hidden {
|
||||||
display: none;
|
display: none;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
@@ -60,7 +61,6 @@ body:hover .visually-hidden button {
|
|||||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Skip links
|
Skip links
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -79,7 +79,6 @@ body:hover .visually-hidden button {
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Type
|
Type
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -104,14 +103,15 @@ body:hover .visually-hidden button {
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Alignment
|
Alignment
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/* clearfix */
|
/* clearfix */
|
||||||
|
|
||||||
.cf { clear: both; }
|
.cf {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
@@ -119,7 +119,6 @@ body:hover .visually-hidden button {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Images
|
Images
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -291,7 +290,6 @@ body:hover .visually-hidden button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Navicons
|
Navicons
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -331,7 +329,8 @@ body:hover .visually-hidden button {
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
||||||
/* overlay the lines by setting both their top values to 0*/
|
/* overlay the lines by setting both their top values to 0*/
|
||||||
&:before, &:after{
|
&:before,
|
||||||
|
&:after {
|
||||||
-webkit-transform-origin: 50% 50%;
|
-webkit-transform-origin: 50% 50%;
|
||||||
-ms-transform-origin: 50% 50%;
|
-ms-transform-origin: 50% 50%;
|
||||||
transform-origin: 50% 50%;
|
transform-origin: 50% 50%;
|
||||||
@@ -350,7 +349,6 @@ body:hover .visually-hidden button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Sticky, fixed to top content
|
Sticky, fixed to top content
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -368,7 +366,6 @@ body:hover .visually-hidden button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Wells
|
Wells
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -383,7 +380,6 @@ body:hover .visually-hidden button {
|
|||||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Modals
|
Modals
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -438,7 +434,6 @@ body:hover .visually-hidden button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Footnotes
|
Footnotes
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -451,7 +446,9 @@ body:hover .visually-hidden button {
|
|||||||
.footnotes {
|
.footnotes {
|
||||||
color: mix(#fff, $gray, 25%);
|
color: mix(#fff, $gray, 25%);
|
||||||
|
|
||||||
ol, li, p {
|
ol,
|
||||||
|
li,
|
||||||
|
p {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
}
|
}
|
||||||
@@ -466,7 +463,6 @@ a.reversefootnote {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Required
|
Required
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -476,14 +472,14 @@ a.reversefootnote {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Google Custom Search Engine
|
Google Custom Search Engine
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.gsc-control-cse {
|
.gsc-control-cse {
|
||||||
|
table,
|
||||||
table, tr, td {
|
tr,
|
||||||
|
td {
|
||||||
border: 0; /* remove table borders widget */
|
border: 0; /* remove table borders widget */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+22
-9
@@ -3,10 +3,9 @@
|
|||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
|
||||||
// Sticky footer
|
// Sticky footer
|
||||||
var bumpIt = function() {
|
var bumpIt = function() {
|
||||||
$('body').css('margin-bottom', $('.page__footer').outerHeight(true));
|
$("body").css("margin-bottom", $(".page__footer").outerHeight(true));
|
||||||
},
|
},
|
||||||
didResize = false;
|
didResize = false;
|
||||||
|
|
||||||
@@ -31,11 +30,23 @@ $(document).ready(function(){
|
|||||||
$(".author__urls-wrapper button").toggleClass("open");
|
$(".author__urls-wrapper button").toggleClass("open");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Search toggle
|
||||||
|
$(".search__toggle").on("click", function() {
|
||||||
|
$(".search-content").toggleClass("is--visible");
|
||||||
|
$(".initial-content").toggleClass("is--hidden");
|
||||||
|
// set focus on input
|
||||||
|
setTimeout(function() {
|
||||||
|
$("#search").focus();
|
||||||
|
}, 400);
|
||||||
|
});
|
||||||
|
|
||||||
// init smooth scroll
|
// init smooth scroll
|
||||||
$("a").smoothScroll({ offset: -20 });
|
$("a").smoothScroll({ offset: -20 });
|
||||||
|
|
||||||
// add lightbox class to all image links
|
// add lightbox class to all image links
|
||||||
$("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.JPG'],a[href$='.png'],a[href$='.gif']").addClass("image-popup");
|
$(
|
||||||
|
"a[href$='.jpg'],a[href$='.jpeg'],a[href$='.JPG'],a[href$='.png'],a[href$='.gif']"
|
||||||
|
).addClass("image-popup");
|
||||||
|
|
||||||
// Magnific-Popup options
|
// Magnific-Popup options
|
||||||
$(".image-popup").magnificPopup({
|
$(".image-popup").magnificPopup({
|
||||||
@@ -45,28 +56,30 @@ $(document).ready(function(){
|
|||||||
// }
|
// }
|
||||||
// return true;
|
// return true;
|
||||||
// },
|
// },
|
||||||
type: 'image',
|
type: "image",
|
||||||
tLoading: 'Loading image #%curr%...',
|
tLoading: "Loading image #%curr%...",
|
||||||
gallery: {
|
gallery: {
|
||||||
enabled: true,
|
enabled: true,
|
||||||
navigateByImgClick: true,
|
navigateByImgClick: true,
|
||||||
preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
|
preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
|
||||||
},
|
},
|
||||||
image: {
|
image: {
|
||||||
tError: '<a href="%url%">Image #%curr%</a> could not be loaded.',
|
tError: '<a href="%url%">Image #%curr%</a> could not be loaded.'
|
||||||
},
|
},
|
||||||
removalDelay: 500, // Delay in milliseconds before popup is removed
|
removalDelay: 500, // Delay in milliseconds before popup is removed
|
||||||
// Class that is added to body when popup is open.
|
// Class that is added to body when popup is open.
|
||||||
// make it unique to apply your CSS animations just to this exact popup
|
// make it unique to apply your CSS animations just to this exact popup
|
||||||
mainClass: 'mfp-zoom-in',
|
mainClass: "mfp-zoom-in",
|
||||||
callbacks: {
|
callbacks: {
|
||||||
beforeOpen: function() {
|
beforeOpen: function() {
|
||||||
// just a hack that adds mfp-anim class to markup
|
// just a hack that adds mfp-anim class to markup
|
||||||
this.st.image.markup = this.st.image.markup.replace('mfp-figure', 'mfp-figure mfp-with-anim');
|
this.st.image.markup = this.st.image.markup.replace(
|
||||||
|
"mfp-figure",
|
||||||
|
"mfp-figure mfp-with-anim"
|
||||||
|
);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
closeOnContentClick: true,
|
closeOnContentClick: true,
|
||||||
midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source.
|
midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source.
|
||||||
});
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -0,0 +1,93 @@
|
|||||||
|
---
|
||||||
|
layout: null
|
||||||
|
---
|
||||||
|
|
||||||
|
var idx = lunr(function () {
|
||||||
|
this.field('title', {boost: 10})
|
||||||
|
this.field('excerpt')
|
||||||
|
this.field('categories')
|
||||||
|
this.field('tags')
|
||||||
|
this.ref('id')
|
||||||
|
});
|
||||||
|
|
||||||
|
{% assign count = 0 %}
|
||||||
|
{% for c in site.collections %}
|
||||||
|
{% assign docs = c.docs | where_exp:'doc','doc.search != false' %}
|
||||||
|
{% for doc in docs %}
|
||||||
|
idx.add({
|
||||||
|
title: {{ doc.title | jsonify }},
|
||||||
|
excerpt: {{ doc.content | strip_html | truncatewords: 20 | jsonify }},
|
||||||
|
categories: {{ doc.categories | jsonify }},
|
||||||
|
tags: {{ doc.tags | jsonify }},
|
||||||
|
id: {{ count }}
|
||||||
|
});
|
||||||
|
{% assign count = count | plus: 1 %}
|
||||||
|
{% endfor %}
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
console.log( jQuery.type(idx) );
|
||||||
|
|
||||||
|
var store = [
|
||||||
|
{% for c in site.collections %}
|
||||||
|
{% if forloop.last %}
|
||||||
|
{% assign l = true %}
|
||||||
|
{% endif %}
|
||||||
|
{% assign docs = c.docs | where_exp:'doc','doc.search != false' %}
|
||||||
|
{% for doc in docs %}
|
||||||
|
{% if doc.header.teaser %}
|
||||||
|
{% capture teaser %}{{ doc.header.teaser }}{% endcapture %}
|
||||||
|
{% else %}
|
||||||
|
{% assign teaser = site.teaser %}
|
||||||
|
{% endif %}
|
||||||
|
{
|
||||||
|
"title": {{ doc.title | jsonify }},
|
||||||
|
"url": {{ doc.url | absolute_url | jsonify }},
|
||||||
|
"excerpt": {{ doc.content | strip_html | truncatewords: 20 | jsonify }},
|
||||||
|
"teaser":
|
||||||
|
{% if teaser contains "://" %}
|
||||||
|
{{ teaser | jsonify }}
|
||||||
|
{% else %}
|
||||||
|
{{ teaser | absolute_url | jsonify }}
|
||||||
|
{% endif %}
|
||||||
|
}{% unless forloop.last and l %},{% endunless %}
|
||||||
|
{% endfor %}
|
||||||
|
{% endfor %}]
|
||||||
|
|
||||||
|
$(document).ready(function() {
|
||||||
|
$('input#search').on('keyup', function () {
|
||||||
|
var resultdiv = $('#results');
|
||||||
|
var query = $(this).val();
|
||||||
|
var result = idx.search(query);
|
||||||
|
resultdiv.empty();
|
||||||
|
resultdiv.prepend('<p class="results__found">'+result.length+' {{ site.data.ui-text[site.locale].results_found | default: "Result(s) found" }}</p>');
|
||||||
|
for (var item in result) {
|
||||||
|
var ref = result[item].ref;
|
||||||
|
if(store[ref].teaser){
|
||||||
|
var searchitem =
|
||||||
|
'<div class="list__item">'+
|
||||||
|
'<article class="archive__item" itemscope itemtype="http://schema.org/CreativeWork">'+
|
||||||
|
'<h2 class="archive__item-title" itemprop="headline">'+
|
||||||
|
'<a href="'+store[ref].url+'" rel="permalink">'+store[ref].title+'</a>'+
|
||||||
|
'</h2>'+
|
||||||
|
'<div class="archive__item-teaser">'+
|
||||||
|
'<img src="'+store[ref].teaser+'" alt="">'+
|
||||||
|
'</div>'+
|
||||||
|
'<p class="archive__item-excerpt" itemprop="description">'+store[ref].excerpt+'</p>'+
|
||||||
|
'</article>'+
|
||||||
|
'</div>';
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
var searchitem =
|
||||||
|
'<div class="list__item">'+
|
||||||
|
'<article class="archive__item" itemscope itemtype="http://schema.org/CreativeWork">'+
|
||||||
|
'<h2 class="archive__item-title" itemprop="headline">'+
|
||||||
|
'<a href="'+store[ref].url+'" rel="permalink">'+store[ref].title+'</a>'+
|
||||||
|
'</h2>'+
|
||||||
|
'<p class="archive__item-excerpt" itemprop="description">'+store[ref].excerpt+'</p>'+
|
||||||
|
'</article>'+
|
||||||
|
'</div>';
|
||||||
|
}
|
||||||
|
resultdiv.append(searchitem);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
Vendored
+7
File diff suppressed because one or more lines are too long
Vendored
+5
-5
File diff suppressed because one or more lines are too long
@@ -5,10 +5,9 @@ Copyright (c) 2015 Luke Jackson
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
var $btn = $("nav.greedy-nav .greedy-nav__toggle");
|
||||||
var $btn = $('nav.greedy-nav button');
|
var $vlinks = $("nav.greedy-nav .visible-links");
|
||||||
var $vlinks = $('nav.greedy-nav .visible-links');
|
var $hlinks = $("nav.greedy-nav .hidden-links");
|
||||||
var $hlinks = $('nav.greedy-nav .hidden-links');
|
|
||||||
|
|
||||||
var numOfItems = 0;
|
var numOfItems = 0;
|
||||||
var totalSpace = 0;
|
var totalSpace = 0;
|
||||||
@@ -25,7 +24,6 @@ $(document).ready(function(){
|
|||||||
var availableSpace, numOfVisibleItems, requiredSpace, timer;
|
var availableSpace, numOfVisibleItems, requiredSpace, timer;
|
||||||
|
|
||||||
function check() {
|
function check() {
|
||||||
|
|
||||||
// Get instant state
|
// Get instant state
|
||||||
availableSpace = $vlinks.width() - 10;
|
availableSpace = $vlinks.width() - 10;
|
||||||
numOfVisibleItems = $vlinks.children().length;
|
numOfVisibleItems = $vlinks.children().length;
|
||||||
@@ -33,21 +31,27 @@ $(document).ready(function(){
|
|||||||
|
|
||||||
// There is not enough space
|
// There is not enough space
|
||||||
if (requiredSpace > availableSpace) {
|
if (requiredSpace > availableSpace) {
|
||||||
$vlinks.children().last().prependTo($hlinks);
|
$vlinks
|
||||||
|
.children()
|
||||||
|
.last()
|
||||||
|
.prependTo($hlinks);
|
||||||
numOfVisibleItems -= 1;
|
numOfVisibleItems -= 1;
|
||||||
check();
|
check();
|
||||||
// There is more than enough space
|
// There is more than enough space
|
||||||
} else if (availableSpace > breakWidths[numOfVisibleItems]) {
|
} else if (availableSpace > breakWidths[numOfVisibleItems]) {
|
||||||
$hlinks.children().first().appendTo($vlinks);
|
$hlinks
|
||||||
|
.children()
|
||||||
|
.first()
|
||||||
|
.appendTo($vlinks);
|
||||||
numOfVisibleItems += 1;
|
numOfVisibleItems += 1;
|
||||||
check();
|
check();
|
||||||
}
|
}
|
||||||
// Update the button accordingly
|
// Update the button accordingly
|
||||||
$btn.attr("count", numOfItems - numOfVisibleItems);
|
$btn.attr("count", numOfItems - numOfVisibleItems);
|
||||||
if (numOfVisibleItems === numOfItems) {
|
if (numOfVisibleItems === numOfItems) {
|
||||||
$btn.addClass('hidden');
|
$btn.addClass("hidden");
|
||||||
} else {
|
} else {
|
||||||
$btn.removeClass('hidden');
|
$btn.removeClass("hidden");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -56,23 +60,24 @@ $(document).ready(function(){
|
|||||||
check();
|
check();
|
||||||
});
|
});
|
||||||
|
|
||||||
$btn.on('click', function() {
|
$btn.on("click", function() {
|
||||||
$hlinks.toggleClass('hidden');
|
$hlinks.toggleClass("hidden");
|
||||||
$(this).toggleClass('close');
|
$(this).toggleClass("close");
|
||||||
clearTimeout(timer);
|
clearTimeout(timer);
|
||||||
});
|
});
|
||||||
|
|
||||||
$hlinks.on('mouseleave', function() {
|
$hlinks
|
||||||
|
.on("mouseleave", function() {
|
||||||
// Mouse has left, start the timer
|
// Mouse has left, start the timer
|
||||||
timer = setTimeout(function() {
|
timer = setTimeout(function() {
|
||||||
$hlinks.addClass('hidden');
|
$hlinks.addClass("hidden");
|
||||||
$btn.toggleClass('close');
|
$btn.toggleClass("close");
|
||||||
}, closingTime);
|
}, closingTime);
|
||||||
}).on('mouseenter', function() {
|
})
|
||||||
|
.on("mouseenter", function() {
|
||||||
// Mouse is back, cancel the timer
|
// Mouse is back, cancel the timer
|
||||||
clearTimeout(timer);
|
clearTimeout(timer);
|
||||||
})
|
});
|
||||||
|
|
||||||
check();
|
check();
|
||||||
|
|
||||||
});
|
});
|
||||||
@@ -4,6 +4,7 @@ gem "github-pages", group: :jekyll_plugins
|
|||||||
|
|
||||||
gem "tzinfo-data"
|
gem "tzinfo-data"
|
||||||
gem "wdm", "~> 0.1.0" if Gem.win_platform?
|
gem "wdm", "~> 0.1.0" if Gem.win_platform?
|
||||||
|
gem "jekyll-remote-theme"
|
||||||
|
|
||||||
# If you have any plugins, put them here!
|
# If you have any plugins, put them here!
|
||||||
# group :jekyll_plugins do
|
# group :jekyll_plugins do
|
||||||
|
|||||||
+9
-4
@@ -5,6 +5,8 @@
|
|||||||
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
||||||
# `jekyll serve`. If you change this file, please restart the server process.
|
# `jekyll serve`. If you change this file, please restart the server process.
|
||||||
|
|
||||||
|
remote_theme : "mmistakes/minimal-mistakes"
|
||||||
|
|
||||||
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
|
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
|
||||||
|
|
||||||
# Site Settings
|
# Site Settings
|
||||||
@@ -53,12 +55,13 @@ reCaptcha:
|
|||||||
atom_feed:
|
atom_feed:
|
||||||
path : # blank (default) uses feed.xml
|
path : # blank (default) uses feed.xml
|
||||||
|
|
||||||
|
search : true # true, false (default)
|
||||||
|
|
||||||
# SEO Related
|
# SEO Related
|
||||||
google_site_verification : "UQj93ERU9zgECodaaXgVpkjrFn9UrDMEzVamacSoQ8Y" # Replace this with your ID, or delete
|
google_site_verification : "UQj93ERU9zgECodaaXgVpkjrFn9UrDMEzVamacSoQ8Y" # Replace this with your ID, or delete
|
||||||
bing_site_verification :
|
bing_site_verification :
|
||||||
alexa_site_verification :
|
|
||||||
yandex_site_verification :
|
yandex_site_verification :
|
||||||
naver-site-verification :
|
naver_site_verification :
|
||||||
|
|
||||||
# Social Sharing
|
# Social Sharing
|
||||||
twitter:
|
twitter:
|
||||||
@@ -107,7 +110,7 @@ author:
|
|||||||
linkedin :
|
linkedin :
|
||||||
pinterest :
|
pinterest :
|
||||||
soundcloud :
|
soundcloud :
|
||||||
stackoverflow : # http://stackoverflow.com/users/123456/username
|
stackoverflow : # https://stackoverflow.com/users/123456/username
|
||||||
steam :
|
steam :
|
||||||
tumblr :
|
tumblr :
|
||||||
twitter : *twitter
|
twitter : *twitter
|
||||||
@@ -258,7 +261,7 @@ sass:
|
|||||||
permalink: /:categories/:title/
|
permalink: /:categories/:title/
|
||||||
# paginate: 5 # amount of posts to show
|
# paginate: 5 # amount of posts to show
|
||||||
# paginate_path: /page:num/
|
# paginate_path: /page:num/
|
||||||
timezone: America/New_York # http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
|
timezone: America/New_York # https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
|
||||||
|
|
||||||
|
|
||||||
# Plugins (previously gems:)
|
# Plugins (previously gems:)
|
||||||
@@ -268,6 +271,7 @@ plugins:
|
|||||||
- jekyll-gist
|
- jekyll-gist
|
||||||
- jekyll-feed
|
- jekyll-feed
|
||||||
- jemoji
|
- jemoji
|
||||||
|
- jekyll-remote-theme
|
||||||
|
|
||||||
# mimic GitHub Pages with --safe
|
# mimic GitHub Pages with --safe
|
||||||
whitelist:
|
whitelist:
|
||||||
@@ -276,6 +280,7 @@ whitelist:
|
|||||||
- jekyll-gist
|
- jekyll-gist
|
||||||
- jekyll-feed
|
- jekyll-feed
|
||||||
- jemoji
|
- jemoji
|
||||||
|
- jekyll-remote-theme
|
||||||
|
|
||||||
|
|
||||||
# Archives
|
# Archives
|
||||||
|
|||||||
@@ -0,0 +1,9 @@
|
|||||||
|
_id: bc6cbcd0-d675-11e7-920e-d53b2bdd726d
|
||||||
|
message: >-
|
||||||
|
it would be nice if the table of content was sticky so it scrolls down with
|
||||||
|
the user to ease navigation
|
||||||
|
name: jean
|
||||||
|
email: c569662e2d1490cd1d090450d8b5babc
|
||||||
|
url: ''
|
||||||
|
hidden: ''
|
||||||
|
date: '2017-12-01T08:58:03.485Z'
|
||||||
@@ -40,6 +40,8 @@ en: &DEFAULT_EN
|
|||||||
comment_success_msg : "Thanks for your comment! It will show on the site once it has been approved."
|
comment_success_msg : "Thanks for your comment! It will show on the site once it has been approved."
|
||||||
comment_error_msg : "Sorry, there was an error with your submission. Please make sure all required fields have been completed and try again."
|
comment_error_msg : "Sorry, there was an error with your submission. Please make sure all required fields have been completed and try again."
|
||||||
loading_label : "Loading..."
|
loading_label : "Loading..."
|
||||||
|
search_placeholder_text : "Enter your search term..."
|
||||||
|
results_found : "Result(s) found"
|
||||||
en-US:
|
en-US:
|
||||||
<<: *DEFAULT_EN
|
<<: *DEFAULT_EN
|
||||||
en-CA:
|
en-CA:
|
||||||
@@ -312,7 +314,7 @@ it-IT:
|
|||||||
|
|
||||||
# Chinese (zh-CN Chinese - China)
|
# Chinese (zh-CN Chinese - China)
|
||||||
# -----------------
|
# -----------------
|
||||||
zh: &DEFAULT_ZH
|
zh: &DEFAULT_ZH_HANS
|
||||||
page : "页面"
|
page : "页面"
|
||||||
pagination_previous : "向前"
|
pagination_previous : "向前"
|
||||||
pagination_next : "向后"
|
pagination_next : "向后"
|
||||||
@@ -351,13 +353,11 @@ zh: &DEFAULT_ZH
|
|||||||
comment_error_msg : "很抱歉,您的提交存在错误。请确保所有必填字段都已填写正确,然后再试一次。"
|
comment_error_msg : "很抱歉,您的提交存在错误。请确保所有必填字段都已填写正确,然后再试一次。"
|
||||||
loading_label : "正在加载..."
|
loading_label : "正在加载..."
|
||||||
zh-CN:
|
zh-CN:
|
||||||
<<: *DEFAULT_ZH
|
<<: *DEFAULT_ZH_HANS
|
||||||
zh-HK:
|
|
||||||
<<: *DEFAULT_ZH
|
|
||||||
zh-SG:
|
zh-SG:
|
||||||
<<: *DEFAULT_ZH
|
<<: *DEFAULT_ZH_HANS
|
||||||
# Taiwan (Traditional Chinese)
|
# Taiwan (Traditional Chinese)
|
||||||
zh-TW:
|
zh-TW: &DEFAULT_ZH_HANT
|
||||||
page : "頁面"
|
page : "頁面"
|
||||||
pagination_previous : "較舊"
|
pagination_previous : "較舊"
|
||||||
pagination_next : "較新"
|
pagination_next : "較新"
|
||||||
@@ -395,7 +395,8 @@ zh-TW:
|
|||||||
comment_success_msg : "感謝您的留言! 審核後將會顯示在站上。"
|
comment_success_msg : "感謝您的留言! 審核後將會顯示在站上。"
|
||||||
comment_error_msg : "抱歉,部份資料輸入有問題。請確認資料填寫正確後再試一次。"
|
comment_error_msg : "抱歉,部份資料輸入有問題。請確認資料填寫正確後再試一次。"
|
||||||
loading_label : "載入中..."
|
loading_label : "載入中..."
|
||||||
|
zh-HK:
|
||||||
|
<<: *DEFAULT_ZH_HANT
|
||||||
# German / Deutsch
|
# German / Deutsch
|
||||||
# -----------------
|
# -----------------
|
||||||
de: &DEFAULT_DE
|
de: &DEFAULT_DE
|
||||||
|
|||||||
@@ -2,17 +2,17 @@
|
|||||||
title: "Quick-Start Guide"
|
title: "Quick-Start Guide"
|
||||||
permalink: /docs/quick-start-guide/
|
permalink: /docs/quick-start-guide/
|
||||||
excerpt: "How to quickly install and setup Minimal Mistakes for use with GitHub Pages."
|
excerpt: "How to quickly install and setup Minimal Mistakes for use with GitHub Pages."
|
||||||
last_modified_at: 2017-10-20T12:34:04-04:00
|
last_modified_at: 2017-11-15T09:49:52-05:00
|
||||||
redirect_from:
|
redirect_from:
|
||||||
- /theme-setup/
|
- /theme-setup/
|
||||||
toc: true
|
toc: true
|
||||||
---
|
---
|
||||||
|
|
||||||
Minimal Mistakes has been developed as a [Jekyll theme gem](http://jekyllrb.com/docs/themes/) for easier use. It is also 100% compatible with GitHub Pages --- just with a more involved installation process.
|
Minimal Mistakes has been developed as a [Jekyll theme gem](http://jekyllrb.com/docs/themes/) for easier use. It is also 100% compatible with GitHub Pages --- just with slightly different installation process.
|
||||||
|
|
||||||
## Installing the Theme
|
## Installing the Theme
|
||||||
|
|
||||||
If you're running Jekyll v3.5+ and self-hosting you can quickly install the theme as a Ruby gem. If you're hosting with GitHub Pages you'll have to use the old "repo fork" method or directly copy all of the theme files[^structure] into your site.
|
If you're running Jekyll v3.5+ and self-hosting you can quickly install the theme as a Ruby gem.
|
||||||
|
|
||||||
[^structure]: See [**Structure** page]({{ "/docs/structure/" | absolute_url }}) for a list of theme files and what they do.
|
[^structure]: See [**Structure** page]({{ "/docs/structure/" | absolute_url }}) for a list of theme files and what they do.
|
||||||
|
|
||||||
@@ -39,13 +39,32 @@ Then run Bundler to install the theme gem and dependencies:
|
|||||||
bundle install
|
bundle install
|
||||||
```
|
```
|
||||||
|
|
||||||
### GitHub Pages Compatible Method
|
### GitHub Pages Compatible Methods
|
||||||
|
|
||||||
Fork the [Minimal Mistakes theme](https://github.com/mmistakes/minimal-mistakes/fork), then rename the repo to **USERNAME.github.io** --- replacing **USERNAME** with your GitHub username.
|
If you're hosting with GitHub Pages follow these steps instead.
|
||||||
|
|
||||||
<figure>
|
**Note:** [jekyll-remote-theme](https://github.com/benbalter/jekyll-remote-theme) is currently in beta on GitHub Pages. In my tests it works as advertised, with the occasional failure due to missing `_includes` and `_layouts` --- your results may vary.
|
||||||
<img src="{{ '/assets/images/mm-theme-fork-repo.png' | absolute_url }}" alt="fork Minimal Mistakes">
|
{: .notice--warning}
|
||||||
</figure>
|
|
||||||
|
Replace `gem "jekyll"` with:
|
||||||
|
|
||||||
|
```
|
||||||
|
gem "github-pages", group: :jekyll_plugins
|
||||||
|
gem "jekyll-remote-theme"
|
||||||
|
```
|
||||||
|
|
||||||
|
Run `bundle update` and verify that all gems install properly.
|
||||||
|
|
||||||
|
Add `remote_theme: "mmistakes/minimal-mistakes"` to your `_config.yml` file.
|
||||||
|
|
||||||
|
Then add [`jekyll-remote-theme`](https://github.com/benbalter/jekyll-remote-theme) to the `plugins` (previously gems) array in your `_config.yml` file like so:
|
||||||
|
|
||||||
|
```
|
||||||
|
plugins:
|
||||||
|
- jekyll-remote-theme
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
**Note:** Your Jekyll site should be viewable immediately at <http://USERNAME.github.io>. If it's not, you can force a rebuild by **Customizing Your Site** (see below for more details).
|
**Note:** Your Jekyll site should be viewable immediately at <http://USERNAME.github.io>. If it's not, you can force a rebuild by **Customizing Your Site** (see below for more details).
|
||||||
{: .notice--warning}
|
{: .notice--warning}
|
||||||
@@ -56,23 +75,13 @@ If you're hosting several Jekyll based sites under the same GitHub username you
|
|||||||
<img src="{{ '/assets/images/mm-gh-pages.gif' | absolute_url }}" alt="creating a new branch on GitHub">
|
<img src="{{ '/assets/images/mm-gh-pages.gif' | absolute_url }}" alt="creating a new branch on GitHub">
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
Replace the contents of `Gemfile` found in the root of your Jekyll site with the following:
|
You can also install the theme by copying all of the theme files[^structure] into your project.
|
||||||
|
|
||||||
```ruby
|
To do so fork the [Minimal Mistakes theme](https://github.com/mmistakes/minimal-mistakes/fork), then rename the repo to **USERNAME.github.io** --- replacing **USERNAME** with your GitHub username.
|
||||||
source "https://rubygems.org"
|
|
||||||
|
|
||||||
gem "github-pages", group: :jekyll_plugins
|
<figure>
|
||||||
|
<img src="{{ '/assets/images/mm-theme-fork-repo.png' | absolute_url }}" alt="fork Minimal Mistakes">
|
||||||
group :jekyll_plugins do
|
</figure>
|
||||||
gem "jekyll-paginate"
|
|
||||||
gem "jekyll-sitemap"
|
|
||||||
gem "jekyll-gist"
|
|
||||||
gem "jekyll-feed"
|
|
||||||
gem "jemoji"
|
|
||||||
end
|
|
||||||
```
|
|
||||||
|
|
||||||
Then run `bundle update` and verify that all gems install properly.
|
|
||||||
|
|
||||||
**GitHub Pages Alternatives:** Looking to host your site for free and install/update the theme painlessly? [Netflify][netlify-jekyll], [GitLab Pages][gitlab-jekyll], and [Continuous Integration (CI) services][ci-jekyll] have you covered. In most cases all you need to do is connect your repository to them, create a simple configuration file, and install the theme following the [Ruby Gem Method](#ruby-gem-method) above.
|
**GitHub Pages Alternatives:** Looking to host your site for free and install/update the theme painlessly? [Netflify][netlify-jekyll], [GitLab Pages][gitlab-jekyll], and [Continuous Integration (CI) services][ci-jekyll] have you covered. In most cases all you need to do is connect your repository to them, create a simple configuration file, and install the theme following the [Ruby Gem Method](#ruby-gem-method) above.
|
||||||
{: .notice--info}
|
{: .notice--info}
|
||||||
|
|||||||
@@ -33,6 +33,7 @@ minimal-mistakes
|
|||||||
| ├── compress.html # compresses HTML in pure Liquid
|
| ├── compress.html # compresses HTML in pure Liquid
|
||||||
| ├── default.html # base for all other layouts
|
| ├── default.html # base for all other layouts
|
||||||
| ├── home.html # home page
|
| ├── home.html # home page
|
||||||
|
| ├── search.html # search page
|
||||||
| ├── single.html # single document (post/page/etc)
|
| ├── single.html # single document (post/page/etc)
|
||||||
| └── splash.html # splash page
|
| └── splash.html # splash page
|
||||||
├── _sass # SCSS partials
|
├── _sass # SCSS partials
|
||||||
|
|||||||
@@ -2,31 +2,26 @@
|
|||||||
title: "Installation"
|
title: "Installation"
|
||||||
permalink: /docs/installation/
|
permalink: /docs/installation/
|
||||||
excerpt: "Instructions for installing the theme for new and existing Jekyll based sites."
|
excerpt: "Instructions for installing the theme for new and existing Jekyll based sites."
|
||||||
last_modified_at: 2017-08-04T12:38:01-04:00
|
last_modified_at: 2017-11-07T20:47:57-05:00
|
||||||
toc: true
|
toc: true
|
||||||
---
|
---
|
||||||
|
|
||||||
## Install the Theme
|
## Install the Theme
|
||||||
|
|
||||||
There are several ways to install the theme:
|
|
||||||
|
|
||||||
**1.** For a **new site**, install the `minimal-mistakes-jekyll` theme gem or fork the Minimal Mistakes repo on GitHub following the steps outlined in the [*Quick-Start Guide*]({{ "/docs/quick-start-guide/" | absolute_url }}).
|
**1.** For a **new site**, install the `minimal-mistakes-jekyll` theme gem or fork the Minimal Mistakes repo on GitHub following the steps outlined in the [*Quick-Start Guide*]({{ "/docs/quick-start-guide/" | absolute_url }}).
|
||||||
|
|
||||||
**2.** For an **existing site** follow the **Ruby Gem Method** steps outlined in the [*Quick-Start Guide*]({{ "/docs/quick-start-guide/" | absolute_url }}). If you plan to host with GitHub Pages I suggest you fork and rename the theme's repo, then clone it locally by running `git clone https://github.com/USERNAME/REPONAME.git` --- replacing **USERNAME** and **REPONAME** with your own.
|
If you plan to host with GitHub Pages be sure to properly setup [**jekyll-remote-theme**](https://github.com/benbalter/jekyll-remote-theme) as it is required for the theme to work properly.
|
||||||
|
|
||||||
<figure>
|
**2.** For an **existing site** follow the steps outlined in the [*Quick-Start Guide*]({{ "/docs/quick-start-guide/" | absolute_url }}). Then work through the guidelines below for migration and setup.
|
||||||
<img src="{{ '/assets/images/mm-github-copy-repo-url.jpg' | absolute_url }}" alt="copy GitHub repo URL">
|
|
||||||
<figcaption>Tap the copy to clipboard button (outlined in red above) to grab your GitHub repo's path.</figcaption>
|
|
||||||
</figure>
|
|
||||||
|
|
||||||
**3.** And for those who don't want to mess with Git, you can download the theme as a ZIP file to work with locally.
|
**3.** And for those who'd like to make substantial edits to the theme, it can be downloaded as a ZIP file to customize.
|
||||||
|
|
||||||
[<i class="fa fa-download"></i> Download Minimal Mistakes Theme](https://github.com/mmistakes/minimal-mistakes/archive/master.zip){: .btn .btn--success}
|
[<i class="fa fa-download"></i> Download Minimal Mistakes Theme](https://github.com/mmistakes/minimal-mistakes/archive/master.zip){: .btn .btn--success}
|
||||||
|
|
||||||
**ProTip:** Be sure to remove `/docs` and `/test` if you forked Minimal Mistakes. These folders contain documentation and test pages for the theme and you probably don't littering up in your repo.
|
**ProTip:** Be sure to remove `/docs` and `/test` if you forked or downloaded Minimal Mistakes. These folders contain documentation and test pages for the theme and you probably don't littering up in your repo.
|
||||||
{: .notice--info}
|
{: .notice--info}
|
||||||
|
|
||||||
---
|
## Theme Migration
|
||||||
|
|
||||||
To move over any existing content you'll want to copy the contents of your `_posts` folder to the new site. Along with any pages, collections, data files, images, or other assets you may have.
|
To move over any existing content you'll want to copy the contents of your `_posts` folder to the new site. Along with any pages, collections, data files, images, or other assets you may have.
|
||||||
|
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
title: "Configuration"
|
title: "Configuration"
|
||||||
permalink: /docs/configuration/
|
permalink: /docs/configuration/
|
||||||
excerpt: "Settings for configuring and customizing the theme."
|
excerpt: "Settings for configuring and customizing the theme."
|
||||||
last_modified_at: 2017-11-06T16:17:34-05:00
|
last_modified_at: 2017-11-27T12:11:11-05:00
|
||||||
toc: true
|
toc: true
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -119,7 +119,7 @@ minimal_mistakes_skin: "default" # "air", "aqua", "contrast", "dark", "dirt", "n
|
|||||||
|
|
||||||
`site.locale` is used to declare the primary language for each web page within the site.
|
`site.locale` is used to declare the primary language for each web page within the site.
|
||||||
|
|
||||||
*Example:* `locale: "en-US"` sets the `lang` attribute for the site to the *United States* flavor of English, while `en-GB` would be for the `United Kingdom` style of English. Country codes are optional and the shorter variation `locale: "en"` is also acceptable. To find your language and country codes check this [reference table](https://msdn.microsoft.com/en-us/library/ee825488(v=cs.20).aspx).
|
_Example:_ `locale: "en-US"` sets the `lang` attribute for the site to the _United States_ flavor of English, while `en-GB` would be for the `United Kingdom` style of English. Country codes are optional and the shorter variation `locale: "en"` is also acceptable. To find your language and country codes check this [reference table](<https://msdn.microsoft.com/en-us/library/ee825488(v=cs.20).aspx>).
|
||||||
|
|
||||||
Properly setting the locale is important for associating localized text found in the [**UI Text**]({{ "/docs/ui-text/" | absolute_url }}) data file. An improper match will cause parts of the UI to disappear (eg. button labels, section headings, etc).
|
Properly setting the locale is important for associating localized text found in the [**UI Text**]({{ "/docs/ui-text/" | absolute_url }}) data file. An improper match will cause parts of the UI to disappear (eg. button labels, section headings, etc).
|
||||||
|
|
||||||
@@ -130,11 +130,11 @@ Properly setting the locale is important for associating localized text found in
|
|||||||
|
|
||||||
The name of your site. Is used throughout the theme in places like the site masthead and `<title>` tags.
|
The name of your site. Is used throughout the theme in places like the site masthead and `<title>` tags.
|
||||||
|
|
||||||
*Example:* `title: "My Awesome Site"`
|
_Example:_ `title: "My Awesome Site"`
|
||||||
|
|
||||||
You also have the option of customizing the separation character used in SEO-friendly page titles.
|
You also have the option of customizing the separation character used in SEO-friendly page titles.
|
||||||
|
|
||||||
*Example:* `title_separator: "|"` would produce page titles like `Sample Page | My Awesome Site`.
|
_Example:_ `title_separator: "|"` would produce page titles like `Sample Page | My Awesome Site`.
|
||||||
|
|
||||||
**Note:** Long site titles have been known to break the masthead layout. Avoid adding a long "tagline" to the title prevent this from happening eg. `My Awesome Site is the Best Because I Say So".
|
**Note:** Long site titles have been known to break the masthead layout. Avoid adding a long "tagline" to the title prevent this from happening eg. `My Awesome Site is the Best Because I Say So".
|
||||||
{: .notice--warning}
|
{: .notice--warning}
|
||||||
@@ -143,7 +143,7 @@ You also have the option of customizing the separation character used in SEO-fri
|
|||||||
|
|
||||||
Used to assign a site author. Don't worry, you can override the site author with different ones on specific posts, pages, or collection documents.
|
Used to assign a site author. Don't worry, you can override the site author with different ones on specific posts, pages, or collection documents.
|
||||||
|
|
||||||
*Example:* `name: "Michael Rose"`.
|
_Example:_ `name: "Michael Rose"`.
|
||||||
|
|
||||||
**ProTip:** If you want to get crafty with your YAML you can use [anchors](http://www.yaml.org/spec/1.2/spec.html#id2785586) to reuse values. For example `foo: &var "My String"` allows you to reuse `"My String"` elsewhere in `_config.yml` like so... `bar: *var`. You'll see a few examples of this in the provided Jekyll config.
|
**ProTip:** If you want to get crafty with your YAML you can use [anchors](http://www.yaml.org/spec/1.2/spec.html#id2785586) to reuse values. For example `foo: &var "My String"` allows you to reuse `"My String"` elsewhere in `_config.yml` like so... `bar: *var`. You'll see a few examples of this in the provided Jekyll config.
|
||||||
{: .notice--info}
|
{: .notice--info}
|
||||||
@@ -152,7 +152,7 @@ Used to assign a site author. Don't worry, you can override the site author with
|
|||||||
|
|
||||||
Fairly obvious. `site.description` describes the site. Used predominantly in meta descriptions for improving SEO.
|
Fairly obvious. `site.description` describes the site. Used predominantly in meta descriptions for improving SEO.
|
||||||
|
|
||||||
*Example:* `description: "A flexible Jekyll theme for your blog or site with a minimalist aesthetic."`
|
_Example:_ `description: "A flexible Jekyll theme for your blog or site with a minimalist aesthetic."`
|
||||||
|
|
||||||
### Site URL
|
### Site URL
|
||||||
|
|
||||||
@@ -268,7 +268,7 @@ To disable reading time for a post, add `read_time: false` its YAML Front Matter
|
|||||||
[**Disqus**](https://disqus.com/), [**Discourse**](https://www.discourse.org/), [**Facebook**](https://developers.facebook.com/docs/plugins/comments), **Google+**, and static-based commenting via [**Staticman**](https://staticman.net/) are built into the theme. First set the comment provider you'd like to use:
|
[**Disqus**](https://disqus.com/), [**Discourse**](https://www.discourse.org/), [**Facebook**](https://developers.facebook.com/docs/plugins/comments), **Google+**, and static-based commenting via [**Staticman**](https://staticman.net/) are built into the theme. First set the comment provider you'd like to use:
|
||||||
|
|
||||||
| Name | Comment Provider |
|
| Name | Comment Provider |
|
||||||
| ---- | ---------------- |
|
| ---------------- | ------------------------- |
|
||||||
| **disqus** | Disqus |
|
| **disqus** | Disqus |
|
||||||
| **discourse** | Discourse |
|
| **discourse** | Discourse |
|
||||||
| **facebook** | Facebook Comments |
|
| **facebook** | Facebook Comments |
|
||||||
@@ -293,6 +293,10 @@ defaults:
|
|||||||
|
|
||||||
If you add `comments: false` to a post's YAML Front Matter it will override the default and disable comments for just that post.
|
If you add `comments: false` to a post's YAML Front Matter it will override the default and disable comments for just that post.
|
||||||
|
|
||||||
|
**Note:** Comments are disabled by default in `development`. To enable when testing/building locally be sure to set
|
||||||
|
`JEKYLL_ENV=production` to [force the environment](http://jekyllrb.com/docs/configuration/#specifying-a-jekyll-environment-at-build-time) to production.
|
||||||
|
{: .notice--info}
|
||||||
|
|
||||||
##### Disqus
|
##### Disqus
|
||||||
|
|
||||||
To use Disqus you'll need to create an account and [shortname](https://help.disqus.com/customer/portal/articles/466208-what-s-a-shortname-). Once you have both update `_config.yml` to:
|
To use Disqus you'll need to create an account and [shortname](https://help.disqus.com/customer/portal/articles/466208-what-s-a-shortname-). Once you have both update `_config.yml` to:
|
||||||
@@ -335,6 +339,9 @@ comments:
|
|||||||
|
|
||||||
Transform user comments into `_data` files that live inside of your GitHub repository by enabling Staticman.
|
Transform user comments into `_data` files that live inside of your GitHub repository by enabling Staticman.
|
||||||
|
|
||||||
|
**Note:** Looking to migrate comments from a WordPress based site? Give [this tool](https://github.com/arthurlacoste/wordpress-comments-jekyll-staticman) a try.
|
||||||
|
{: .notice--info}
|
||||||
|
|
||||||
###### Add Staticman as a Collaborator
|
###### Add Staticman as a Collaborator
|
||||||
|
|
||||||
1. Allow Staticman push access to your GitHub repository by clicking on **Settings**, then the **Collaborators** tab and adding `staticmanapp` as a collaborator.
|
1. Allow Staticman push access to your GitHub repository by clicking on **Settings**, then the **Collaborators** tab and adding `staticmanapp` as a collaborator.
|
||||||
@@ -450,6 +457,16 @@ atom_feed:
|
|||||||
**Note:** By default the site feed is linked in two locations: inside the [`<head>` element](https://github.com/mmistakes/minimal-mistakes/blob/master/_includes/head.html) and at the bottom of every page in the [site footer](https://github.com/mmistakes/minimal-mistakes/blob/master/_includes/footer.html).
|
**Note:** By default the site feed is linked in two locations: inside the [`<head>` element](https://github.com/mmistakes/minimal-mistakes/blob/master/_includes/head.html) and at the bottom of every page in the [site footer](https://github.com/mmistakes/minimal-mistakes/blob/master/_includes/footer.html).
|
||||||
{: .notice--info}
|
{: .notice--info}
|
||||||
|
|
||||||
|
### Site Search
|
||||||
|
|
||||||
|
Enable basic site search powered by [Lunr](https://lunrjs.com/) by adding the following to `_config.yml`:
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
search: true
|
||||||
|
```
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
### SEO, Social Sharing, and Analytics Settings
|
### SEO, Social Sharing, and Analytics Settings
|
||||||
|
|
||||||
All optional, but a good idea to take the time setting up to improve SEO and links shared from the site.
|
All optional, but a good idea to take the time setting up to improve SEO and links shared from the site.
|
||||||
@@ -490,13 +507,9 @@ Much like Google and Bing you'll be provided with a meta description:
|
|||||||
Which you can add to your `_config.yml` like so:
|
Which you can add to your `_config.yml` like so:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
naver-site-verification: "6BF5A01C0E650B479B612AC5A2184144"
|
naver_site_verification: "6BF5A01C0E650B479B612AC5A2184144"
|
||||||
```
|
```
|
||||||
|
|
||||||
#### Alexa
|
|
||||||
|
|
||||||
To [claim your site](http://www.alexa.com/siteowners/claim) with Alexa add the provided verification ID `alexa_site_verification: "yourVerificationID"`.
|
|
||||||
|
|
||||||
#### Yandex
|
#### Yandex
|
||||||
|
|
||||||
To verify site ownership copy and paste the string inside of `content`:
|
To verify site ownership copy and paste the string inside of `content`:
|
||||||
@@ -597,7 +610,7 @@ social:
|
|||||||
Analytics is disabled by default. To enable globally select one of the following:
|
Analytics is disabled by default. To enable globally select one of the following:
|
||||||
|
|
||||||
| Name | Analytics Provider |
|
| Name | Analytics Provider |
|
||||||
| ---- | ------------------ |
|
| -------------------- | --------------------------------------------------------------- |
|
||||||
| **google** | [Google Standard Analytics](https://www.google.com/analytics/) |
|
| **google** | [Google Standard Analytics](https://www.google.com/analytics/) |
|
||||||
| **google-universal** | [Google Universal Analytics](https://www.google.com/analytics/) |
|
| **google-universal** | [Google Universal Analytics](https://www.google.com/analytics/) |
|
||||||
| **custom** | Other analytics providers |
|
| **custom** | Other analytics providers |
|
||||||
@@ -613,6 +626,10 @@ analytics:
|
|||||||
|
|
||||||
To use another provider not included with the theme set `provider: "custom"` then add their embed code to `_includes/analytics-providers/custom.html`.
|
To use another provider not included with the theme set `provider: "custom"` then add their embed code to `_includes/analytics-providers/custom.html`.
|
||||||
|
|
||||||
|
**Note:** Analytics are disabled by default in `development`. To enable when testing/building locally be sure to set
|
||||||
|
`JEKYLL_ENV=production` to [force the environment](http://jekyllrb.com/docs/configuration/#specifying-a-jekyll-environment-at-build-time) to production.
|
||||||
|
{: .notice--info}
|
||||||
|
|
||||||
## Site Author
|
## Site Author
|
||||||
|
|
||||||
Used as the defaults for defining what appears in the author sidebar.
|
Used as the defaults for defining what appears in the author sidebar.
|
||||||
@@ -729,7 +746,7 @@ timezone: America/New_York
|
|||||||
When hosting with GitHub Pages a small [set of gems](https://pages.github.com/versions/) have been whitelisted for use. The theme uses a few of them which can be found under `gems`. Additional settings and configurations are documented in the links below.
|
When hosting with GitHub Pages a small [set of gems](https://pages.github.com/versions/) have been whitelisted for use. The theme uses a few of them which can be found under `gems`. Additional settings and configurations are documented in the links below.
|
||||||
|
|
||||||
| Plugin | Description |
|
| Plugin | Description |
|
||||||
| ------ | ----------- |
|
| ---------------------------------- | ----------------------------------------------------------------------------------------- |
|
||||||
| [jekyll-paginate][jekyll-paginate] | Pagination Generator for Jekyll. |
|
| [jekyll-paginate][jekyll-paginate] | Pagination Generator for Jekyll. |
|
||||||
| [jekyll-sitemap][jekyll-sitemap] | Jekyll plugin to silently generate a sitemaps.org compliant sitemap for your Jekyll site. |
|
| [jekyll-sitemap][jekyll-sitemap] | Jekyll plugin to silently generate a sitemaps.org compliant sitemap for your Jekyll site. |
|
||||||
| [jekyll-gist][jekyll-gist] | Liquid tag for displaying GitHub Gists in Jekyll sites. |
|
| [jekyll-gist][jekyll-gist] | Liquid tag for displaying GitHub Gists in Jekyll sites. |
|
||||||
@@ -746,7 +763,7 @@ If you're hosting elsewhere then you don't really have to worry about what is wh
|
|||||||
|
|
||||||
## Archive Settings
|
## Archive Settings
|
||||||
|
|
||||||
The theme ships with support for taxonomy (category and tag) pages. GitHub Pages hosted sites need to use a *Liquid only* approach while those hosted elsewhere can use plugins like [**jekyll-archives**][jekyll-archives] to generate these pages automatically.
|
The theme ships with support for taxonomy (category and tag) pages. GitHub Pages hosted sites need to use a _Liquid only_ approach while those hosted elsewhere can use plugins like [**jekyll-archives**][jekyll-archives] to generate these pages automatically.
|
||||||
|
|
||||||
[jekyll-archives]: https://github.com/jekyll/jekyll-archives
|
[jekyll-archives]: https://github.com/jekyll/jekyll-archives
|
||||||
|
|
||||||
@@ -772,6 +789,7 @@ Which would create category and tag links in the breadcrumbs and page meta like:
|
|||||||
If you have the luxury of using Jekyll Plugins, then [**jekyll-archives**][jekyll-archives] will create a better experience as discrete taxonomy pages would be generated, and their corresponding links would be "real" (not just hash/fragment links into a larger index). However, the plugin will not generate the taxonomy index pages (`category-archive.html` and `_pages/tag-archive.html`) so you'd still need to manually create them if you'd like to have them (see note above).
|
If you have the luxury of using Jekyll Plugins, then [**jekyll-archives**][jekyll-archives] will create a better experience as discrete taxonomy pages would be generated, and their corresponding links would be "real" (not just hash/fragment links into a larger index). However, the plugin will not generate the taxonomy index pages (`category-archive.html` and `_pages/tag-archive.html`) so you'd still need to manually create them if you'd like to have them (see note above).
|
||||||
|
|
||||||
First, you'll need to make sure that the `jekyll-archives` plugin is installed. Either run `gem install jekyll-archives` or add the following to your `Gemfile`:
|
First, you'll need to make sure that the `jekyll-archives` plugin is installed. Either run `gem install jekyll-archives` or add the following to your `Gemfile`:
|
||||||
|
|
||||||
```
|
```
|
||||||
group :jekyll_plugins do
|
group :jekyll_plugins do
|
||||||
gem "jekyll-archives"
|
gem "jekyll-archives"
|
||||||
|
|||||||
@@ -34,6 +34,8 @@ Which will give you a responsive masthead similar to this:
|
|||||||
|
|
||||||

|

|
||||||
|
|
||||||
|
Optionally, you can add a `description` key per title in the `main` key. This `description` will show up like a tooltip, when the user hovers over the link on a desktop browser.
|
||||||
|
|
||||||
**ProTip:** Put the most important links first so they're always visible and not hidden behind the **menu toggle**.
|
**ProTip:** Put the most important links first so they're always visible and not hidden behind the **menu toggle**.
|
||||||
{: .notice--info}
|
{: .notice--info}
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ single_layout_gallery:
|
|||||||
alt: "single layout with header example"
|
alt: "single layout with header example"
|
||||||
- image_path: /assets/images/mm-layout-single-meta.png
|
- image_path: /assets/images/mm-layout-single-meta.png
|
||||||
alt: "single layout with comments and related posts"
|
alt: "single layout with comments and related posts"
|
||||||
last_modified_at: 2017-10-26T15:42:42-04:00
|
last_modified_at: 2017-12-06T14:58:04-05:00
|
||||||
toc: true
|
toc: true
|
||||||
toc_label: "Included Layouts"
|
toc_label: "Included Layouts"
|
||||||
toc_icon: "columns"
|
toc_icon: "columns"
|
||||||
@@ -36,6 +36,7 @@ Class names corresponding to each layout are automatically added to the `<body>`
|
|||||||
| ---------------- | --------------------------- |
|
| ---------------- | --------------------------- |
|
||||||
| archive | `.layout--archive` |
|
| archive | `.layout--archive` |
|
||||||
| archive-taxonomy | `.layout--archive-taxonomy` |
|
| archive-taxonomy | `.layout--archive-taxonomy` |
|
||||||
|
| search | `.layout--search` |
|
||||||
| single | `.layout--single` |
|
| single | `.layout--single` |
|
||||||
| splash | `.layout--splash` |
|
| splash | `.layout--splash` |
|
||||||
| home | `.layout--home` |
|
| home | `.layout--home` |
|
||||||
@@ -217,7 +218,7 @@ author_profile: true
|
|||||||
{% endfor %}{% endraw %}
|
{% endfor %}{% endraw %}
|
||||||
```
|
```
|
||||||
|
|
||||||
### Home Page
|
## Home Page Layout
|
||||||
|
|
||||||
A derivative archive page layout to be used as a simple home page. It is built to show a paginated list of recent posts based off of the [pagination settings]({{ "/docs/configuration/#paginate" | absolute_url }}) in `_config.yml`.
|
A derivative archive page layout to be used as a simple home page. It is built to show a paginated list of recent posts based off of the [pagination settings]({{ "/docs/configuration/#paginate" | absolute_url }}) in `_config.yml`.
|
||||||
|
|
||||||
@@ -268,6 +269,25 @@ For full-width landing pages that need a little something extra add `layout: spl
|
|||||||
|
|
||||||
Feature blocks can be assigned and aligned to the `left`, `right`, or `center` with a sprinkling of YAML. For full details on how to use the `feature_row` helper check the [**Content**]({{ "/docs/helpers/" | absolute_url }}) section or review a [sample splash page](https://github.com/{{ site.repository }}/blob/master/docs/_pages/splash-page.md).
|
Feature blocks can be assigned and aligned to the `left`, `right`, or `center` with a sprinkling of YAML. For full details on how to use the `feature_row` helper check the [**Content**]({{ "/docs/helpers/" | absolute_url }}) section or review a [sample splash page](https://github.com/{{ site.repository }}/blob/master/docs/_pages/splash-page.md).
|
||||||
|
|
||||||
|
## Search Page Layout
|
||||||
|
|
||||||
|
A page with a search form. Add `layout: search` to the YAML Front Matter similar to [this example](https://github.com/mmistakes/minimal-mistakes/blob/master/docs/_pages/search.md) on the demo site.
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
**Note:** A page using the `layout: search` isn't compatible with the new [site search feature]({{ "/docs/configuration/#site-search" | absolute_url }}) incorporated in the masthead.
|
||||||
|
{: .notice--warning}
|
||||||
|
|
||||||
|
### Exclusions
|
||||||
|
|
||||||
|
If you would like to exclude specific pages/posts from the search index set the search flag to `false` in the YAML Front Matter for the page/post.
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
search: false
|
||||||
|
```
|
||||||
|
|
||||||
|
**ProTip:** Add a link to this page in the masthead navigation.
|
||||||
|
{: .notice--info}
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -475,7 +495,7 @@ To end up with:
|
|||||||
|
|
||||||
To add a touch of color to the default black (`#000`) icon a few more steps are necessary.
|
To add a touch of color to the default black (`#000`) icon a few more steps are necessary.
|
||||||
|
|
||||||
Start by copying [`_utilities.scss`](https://github.com/mmistakes/minimal-mistakes/blob/master/_sass/_utilities.scss) `<site root>/_sass`. Open it up to the icon section (it's near the bottom) and nest a new class beneath `.social-icons` that matches the one used to declare the Font Awesome icon. In our case `.fa-reddit`.
|
Start by copying [`_utilities.scss`](https://github.com/mmistakes/minimal-mistakes/blob/master/_sass/minimal-mistakes/_utilities.scss) `<site root>/_sass`. Open it up to the icon section (it's near the bottom) and nest a new class beneath `.social-icons` that matches the one used to declare the Font Awesome icon. In our case `.fa-reddit`.
|
||||||
|
|
||||||
Simply add a `color` declaration and the corresponding hex code.
|
Simply add a `color` declaration and the corresponding hex code.
|
||||||
|
|
||||||
@@ -490,7 +510,7 @@ Simply add a `color` declaration and the corresponding hex code.
|
|||||||
|
|
||||||

|

|
||||||
|
|
||||||
**ProTip:** For bonus points you can add it as a Sass `$variable` that you set in [`_variables.scss`](https://github.com/mmistakes/minimal-mistakes/blob/master/_sass/_variables.scss) like the other ["brand" colors](http://brandcolors.net/). You'll need to add this file to `/_sass/` as well if you're using the Ruby Gem version of the theme.
|
**ProTip:** For bonus points you can add it as a Sass `$variable` that you set in [`_variables.scss`](https://github.com/mmistakes/minimal-mistakes/blob/master/_sass/minimal-mistakes/_variables.scss) like the other ["brand" colors](http://brandcolors.net/). You'll need to add this file to `/_sass/` as well if you're using the Ruby Gem version of the theme.
|
||||||
{: .notice--info}
|
{: .notice--info}
|
||||||
|
|
||||||
**Please please please** don't submit [pull requests]({{ "/docs/contributing/" | absolute_url }}) adding in support for "missing" social media links. I'm trying to keep things down to the minimum (hence the theme's name) and have no interest in merging such PRs :expressionless:.
|
**Please please please** don't submit [pull requests]({{ "/docs/contributing/" | absolute_url }}) adding in support for "missing" social media links. I'm trying to keep things down to the minimum (hence the theme's name) and have no interest in merging such PRs :expressionless:.
|
||||||
|
|||||||
+374
-337
File diff suppressed because it is too large
Load Diff
@@ -1,3 +0,0 @@
|
|||||||
<!-- start custom analytics snippet -->
|
|
||||||
|
|
||||||
<!-- end custom analytics snippet -->
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<script>
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
||||||
|
|
||||||
ga('create', '{{ site.analytics.google.tracking_id }}', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
</script>
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
<script type="text/javascript">
|
|
||||||
var _gaq = _gaq || [];
|
|
||||||
_gaq.push(['_setAccount', '{{ site.analytics.google.tracking_id }}']);
|
|
||||||
_gaq.push(['_trackPageview']);
|
|
||||||
|
|
||||||
(function() {
|
|
||||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
|
||||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
|
||||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
|
||||||
})();
|
|
||||||
</script>
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
{% if site.analytics.provider and page.analytics != false %}
|
|
||||||
|
|
||||||
{% case site.analytics.provider %}
|
|
||||||
{% when "google" %}
|
|
||||||
{% include /analytics-providers/google.html %}
|
|
||||||
{% when "google-universal" %}
|
|
||||||
{% include /analytics-providers/google-universal.html %}
|
|
||||||
{% when "custom" %}
|
|
||||||
{% include /analytics-providers/custom.html %}
|
|
||||||
{% endcase %}
|
|
||||||
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
{% if post.header.teaser %}
|
|
||||||
{% capture teaser %}{{ post.header.teaser }}{% endcapture %}
|
|
||||||
{% else %}
|
|
||||||
{% assign teaser = site.teaser %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if post.id %}
|
|
||||||
{% assign title = post.title | markdownify | remove: "<p>" | remove: "</p>" %}
|
|
||||||
{% else %}
|
|
||||||
{% assign title = post.title %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div class="{{ include.type | default: "list" }}__item">
|
|
||||||
<article class="archive__item" itemscope itemtype="http://schema.org/CreativeWork">
|
|
||||||
{% if include.type == "grid" and teaser %}
|
|
||||||
<div class="archive__item-teaser">
|
|
||||||
<img src=
|
|
||||||
{% if teaser contains "://" %}
|
|
||||||
"{{ teaser }}"
|
|
||||||
{% else %}
|
|
||||||
"{{ teaser | absolute_url }}"
|
|
||||||
{% endif %}
|
|
||||||
alt="">
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
<h2 class="archive__item-title" itemprop="headline">
|
|
||||||
{% if post.link %}
|
|
||||||
<a href="{{ post.link }}">{{ title }}</a> <a href="{{ post.url | absolute_url }}" rel="permalink"><i class="fa fa-link" aria-hidden="true" title="permalink"></i><span class="sr-only">Permalink</span></a>
|
|
||||||
{% else %}
|
|
||||||
<a href="{{ post.url | absolute_url }}" rel="permalink">{{ title }}</a>
|
|
||||||
{% endif %}
|
|
||||||
</h2>
|
|
||||||
{% if post.read_time %}
|
|
||||||
<p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p>
|
|
||||||
{% endif %}
|
|
||||||
{% if post.excerpt %}<p class="archive__item-excerpt" itemprop="description">{{ post.excerpt | markdownify | strip_html | truncate: 160 }}</p>{% endif %}
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<!--
|
|
||||||
<li>
|
|
||||||
<a href="http://link-to-whatever-social-network.com/user/" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw" aria-hidden="true"></i> Custom Social Profile Link
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
-->
|
|
||||||
@@ -1,249 +0,0 @@
|
|||||||
{% if page.author and site.data.authors[page.author] %}
|
|
||||||
{% assign author = site.data.authors[page.author] %}
|
|
||||||
{% else %}
|
|
||||||
{% assign author = site.author %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div itemscope itemtype="http://schema.org/Person">
|
|
||||||
|
|
||||||
{% if author.avatar %}
|
|
||||||
<div class="author__avatar">
|
|
||||||
{% if author.avatar contains "://" %}
|
|
||||||
<img src="{{ author.avatar }}" alt="{{ author.name }}" itemprop="image">
|
|
||||||
{% else %}
|
|
||||||
<img src="{{ author.avatar | absolute_url }}" class="author__avatar" alt="{{ author.name }}" itemprop="image">
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div class="author__content">
|
|
||||||
<h3 class="author__name" itemprop="name">{{ author.name }}</h3>
|
|
||||||
{% if author.bio %}
|
|
||||||
<p class="author__bio" itemprop="description">
|
|
||||||
{{ author.bio }}
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="author__urls-wrapper">
|
|
||||||
<button class="btn btn--inverse">{{ site.data.ui-text[site.locale].follow_label | remove: ":" | default: "Follow" }}</button>
|
|
||||||
<ul class="author__urls social-icons">
|
|
||||||
{% if author.location %}
|
|
||||||
<li itemprop="homeLocation" itemscope itemtype="http://schema.org/Place">
|
|
||||||
<i class="fa fa-fw fa-map-marker" aria-hidden="true"></i> <span itemprop="name">{{ author.location }}</span>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.uri %}
|
|
||||||
<li>
|
|
||||||
<a href="{{ author.uri }}" itemprop="url">
|
|
||||||
<i class="fa fa-fw fa-chain" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].website_label | default: "Website" }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.email %}
|
|
||||||
<li>
|
|
||||||
<a href="mailto:{{ author.email }}">
|
|
||||||
<meta itemprop="email" content="{{ author.email }}" />
|
|
||||||
<i class="fa fa-fw fa-envelope-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].email_label | default: "Email" }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.keybase %}
|
|
||||||
<li>
|
|
||||||
<a href="https://keybase.io/{{ author.keybase }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-key" aria-hidden="true"></i> Keybase
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.twitter %}
|
|
||||||
<li>
|
|
||||||
<a href="https://twitter.com/{{ author.twitter }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.facebook %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.facebook.com/{{ author.facebook }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i> Facebook
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.google_plus %}
|
|
||||||
<li>
|
|
||||||
<a href="https://plus.google.com/{{ author.google_plus }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-google-plus-square" aria-hidden="true"></i> Google+
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.linkedin %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.linkedin.com/in/{{ author.linkedin }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-linkedin-square" aria-hidden="true"></i> LinkedIn
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.xing %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.xing.com/profile/{{ author.xing }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-xing-square" aria-hidden="true"></i> XING
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.instagram %}
|
|
||||||
<li>
|
|
||||||
<a href="https://instagram.com/{{ author.instagram }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-instagram" aria-hidden="true"></i> Instagram
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.tumblr %}
|
|
||||||
<li>
|
|
||||||
<a href="https://{{ author.tumblr }}.tumblr.com" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-tumblr-square" aria-hidden="true"></i> Tumblr
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.bitbucket %}
|
|
||||||
<li>
|
|
||||||
<a href="https://bitbucket.org/{{ author.bitbucket }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.github %}
|
|
||||||
<li>
|
|
||||||
<a href="https://github.com/{{ author.github }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-github" aria-hidden="true"></i> GitHub
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.gitlab %}
|
|
||||||
<li>
|
|
||||||
<a href="https://gitlab.com/{{ author.gitlab }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-gitlab" aria-hidden="true"></i> GitLab
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.stackoverflow %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.stackoverflow.com/users/{{ author.stackoverflow }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-stack-overflow" aria-hidden="true"></i> Stack Overflow
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.lastfm %}
|
|
||||||
<li>
|
|
||||||
<a href="https://last.fm/user/{{ author.lastfm }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-lastfm-square" aria-hidden="true"></i> Last.fm
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.dribbble %}
|
|
||||||
<li>
|
|
||||||
<a href="https://dribbble.com/{{ author.dribbble }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-dribbble" aria-hidden="true"></i> Dribbble
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.pinterest %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.pinterest.com/{{ author.pinterest }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-pinterest" aria-hidden="true"></i> Pinterest
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.foursquare %}
|
|
||||||
<li>
|
|
||||||
<a href="https://foursquare.com/{{ author.foursquare }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-foursquare" aria-hidden="true"></i> Foursquare
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.steam %}
|
|
||||||
<li>
|
|
||||||
<a href="https://steamcommunity.com/id/{{ author.steam }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-steam-square" aria-hidden="true"></i> Steam
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.youtube %}
|
|
||||||
{% if author.youtube contains "://" %}
|
|
||||||
<li>
|
|
||||||
<a href="{{ author.youtube }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-youtube-square" aria-hidden="true"></i> YouTube
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% else author.youtube %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.youtube.com/user/{{ author.youtube }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-youtube-square" aria-hidden="true"></i> YouTube
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.soundcloud %}
|
|
||||||
<li>
|
|
||||||
<a href="https://soundcloud.com/{{ author.soundcloud }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-soundcloud" aria-hidden="true"></i> SoundCloud
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.weibo %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.weibo.com/{{ author.weibo }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-weibo" aria-hidden="true"></i> Weibo
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.flickr %}
|
|
||||||
<li>
|
|
||||||
<a href="https://www.flickr.com/{{ author.flickr }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-flickr" aria-hidden="true"></i> Flickr
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.codepen %}
|
|
||||||
<li>
|
|
||||||
<a href="https://codepen.io/{{ author.codepen }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-codepen" aria-hidden="true"></i> CodePen
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if author.vine %}
|
|
||||||
<li>
|
|
||||||
<a href="https://vine.co/u/{{ author.vine }}" itemprop="sameAs">
|
|
||||||
<i class="fa fa-fw fa-vine" aria-hidden="true"></i> Vine
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% include author-profile-custom-links.html %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
{% if site.url %}
|
|
||||||
{% assign base_path = site.url | append: site.baseurl %}
|
|
||||||
{% else %}
|
|
||||||
{% assign base_path = site.github.url %}
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,39 +0,0 @@
|
|||||||
{% case site.category_archive.type %}
|
|
||||||
{% when "liquid" %}
|
|
||||||
{% assign path_type = "#" %}
|
|
||||||
{% when "jekyll-archives" %}
|
|
||||||
{% assign path_type = nil %}
|
|
||||||
{% endcase %}
|
|
||||||
|
|
||||||
{% if page.collection != 'posts' %}
|
|
||||||
{% assign path_type = nil %}
|
|
||||||
{% assign crumb_path = '/' %}
|
|
||||||
{% else %}
|
|
||||||
{% assign crumb_path = site.category_archive.path %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<nav class="breadcrumbs">
|
|
||||||
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
|
|
||||||
{% assign crumbs = page.url | split: '/' %}
|
|
||||||
{% assign i = 1 %}
|
|
||||||
{% for crumb in crumbs offset: 1 %}
|
|
||||||
{% if forloop.first %}
|
|
||||||
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
|
|
||||||
<a href="{{ site.url }}{{ site.baseurl }}/" itemprop="item"><span itemprop="name">{{ site.data.ui-text[site.locale].breadcrumb_home_label | default: "Home" }}</span></a>
|
|
||||||
<meta itemprop="position" content="{{ i }}" />
|
|
||||||
</li>
|
|
||||||
<span class="sep">{{ site.data.ui-text[site.locale].breadcrumb_separator | default: "/" }}</span>
|
|
||||||
{% endif %}
|
|
||||||
{% if forloop.last %}
|
|
||||||
<li class="current">{{ page.title }}</li>
|
|
||||||
{% else %}
|
|
||||||
{% assign i = i | plus: 1 %}
|
|
||||||
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
|
|
||||||
<a href="{{ crumb | downcase | replace: '%20', '-' | prepend: path_type | prepend: crumb_path | absolute_url }}" itemprop="item"><span itemprop="name">{{ crumb | replace: '-', ' ' | replace: '%20', ' ' | capitalize }}</span></a>
|
|
||||||
<meta itemprop="position" content="{{ i }}" />
|
|
||||||
</li>
|
|
||||||
<span class="sep">{{ site.data.ui-text[site.locale].breadcrumb_separator | default: "/" }}</span>
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
</ol>
|
|
||||||
</nav>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<!--[if lt IE 9]>
|
|
||||||
<div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div>
|
|
||||||
<![endif]-->
|
|
||||||
@@ -1,26 +0,0 @@
|
|||||||
{% case site.category_archive.type %}
|
|
||||||
{% when "liquid" %}
|
|
||||||
{% assign path_type = "#" %}
|
|
||||||
{% when "jekyll-archives" %}
|
|
||||||
{% assign path_type = nil %}
|
|
||||||
{% endcase %}
|
|
||||||
|
|
||||||
{% if site.category_archive.path %}
|
|
||||||
{% comment %}
|
|
||||||
<!-- Sort alphabetically regardless of case e.g. a B c d E -->
|
|
||||||
<!-- modified from http://www.codeofclimber.ru/2015/sorting-site-tags-in-jekyll/ -->
|
|
||||||
{% endcomment %}
|
|
||||||
{% capture page_categories %}{% for category in page.categories %}{{ category | downcase }}#{{ category }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
|
|
||||||
{% assign category_hashes = page_categories | split: ',' | sort %}
|
|
||||||
|
|
||||||
<p class="page__taxonomy">
|
|
||||||
<strong><i class="fa fa-fw fa-folder-open" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].categories_label | default: "Categories:" }} </strong>
|
|
||||||
<span itemprop="keywords">
|
|
||||||
{% for hash in category_hashes %}
|
|
||||||
{% assign keyValue = hash | split: '#' %}
|
|
||||||
{% capture category_word %}{{ keyValue[1] | strip_newlines }}{% endcapture %}
|
|
||||||
<a href="{{ category_word | slugify | prepend: path_type | prepend: site.category_archive.path | absolute_url }}" class="page__taxonomy-item" rel="tag">{{ category_word }}</a>{% unless forloop.last %}<span class="sep">, </span>{% endunless %}
|
|
||||||
{% endfor %}
|
|
||||||
</span>
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
<article id="comment{{ include.index }}" class="js-comment comment" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
|
|
||||||
<div class="comment__avatar-wrapper">
|
|
||||||
<img class="comment__avatar" src="https://www.gravatar.com/avatar/{{ include.email }}?d=mm&s=80" alt="{{ include.name }}">
|
|
||||||
</div>
|
|
||||||
<div class="comment__content-wrapper">
|
|
||||||
<h3 class="comment__author" itemprop="author" itemscope itemtype="http://schema.org/Person">
|
|
||||||
{% unless include.url == blank %}
|
|
||||||
<span itemprop="name"><a rel="external nofollow" itemprop="url" href="{{ include.url }}">{{ include.name }}</a></span>
|
|
||||||
{% else %}
|
|
||||||
<span itemprop="name">{{ include.name }}</span>
|
|
||||||
{% endunless %}
|
|
||||||
</h3>
|
|
||||||
<p class="comment__date">
|
|
||||||
{% if include.date %}
|
|
||||||
{% if include.index %}<a href="#comment{{ include.index }}" itemprop="url">{% endif %}
|
|
||||||
<time datetime="{{ include.date | date_to_xmlschema }}" itemprop="datePublished">{{ include.date | date: "%B %d, %Y at %I:%M %p" }}</time>
|
|
||||||
{% if include.index %}</a>{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
</p>
|
|
||||||
<div itemprop="text">{{ include.message | markdownify }}</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<!-- start custom comments snippet -->
|
|
||||||
|
|
||||||
<!-- end custom comments snippet -->
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
{% if site.comments.discourse.server %}
|
|
||||||
{% capture canonical %}{% if site.permalink contains '.html' %}{{ page.url | absolute_url }}{% else %}{{ page.url | absolute_url | remove:'index.html' | strip_slash }}{% endif %}{% endcapture %}
|
|
||||||
<script type="text/javascript">
|
|
||||||
DiscourseEmbed = { discourseUrl: '//{{ site.comments.discourse.server }}/',
|
|
||||||
discourseEmbedUrl: '{{ canonical }}' };
|
|
||||||
(function () {
|
|
||||||
var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
|
|
||||||
d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
|
|
||||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
|
|
||||||
})();
|
|
||||||
</script>
|
|
||||||
<noscript>Please enable JavaScript to view the comments powered by <a href="https://www.discourse.org/">Discourse.</a></noscript>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
{% if site.comments.disqus.shortname %}
|
|
||||||
<script>
|
|
||||||
var disqus_config = function () {
|
|
||||||
this.page.url = "{{ page.url | absolute_url }}"; // Replace PAGE_URL with your page's canonical URL variable
|
|
||||||
this.page.identifier = "{{ page.id }}"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
|
|
||||||
};
|
|
||||||
(function() { // DON'T EDIT BELOW THIS LINE
|
|
||||||
var d = document, s = d.createElement('script');
|
|
||||||
s.src = 'https://{{ site.comments.disqus.shortname }}.disqus.com/embed.js';
|
|
||||||
s.setAttribute('data-timestamp', +new Date());
|
|
||||||
(d.head || d.body).appendChild(s);
|
|
||||||
})();
|
|
||||||
</script>
|
|
||||||
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<div id="fb-root"></div>
|
|
||||||
<script>(function(d, s, id) {
|
|
||||||
var js, fjs = d.getElementsByTagName(s)[0];
|
|
||||||
if (d.getElementById(id)) return;
|
|
||||||
js = d.createElement(s); js.id = id;
|
|
||||||
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5{% if site.comments.facebook.appid %}&appId={{ site.comments.facebook.appid }}{% endif %}";
|
|
||||||
fjs.parentNode.insertBefore(js, fjs);
|
|
||||||
}(document, 'script', 'facebook-jssdk'));</script>
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
<script async type="text/javascript" src="//apis.google.com/js/plusone.js?callback=gpcb"></script>
|
|
||||||
<noscript>Please enable JavaScript to view the <a href="https://plus.google.com/">comments powered by Google+.</a></noscript>
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
{% if site.comments.provider and page.comments %}
|
|
||||||
{% case site.comments.provider %}
|
|
||||||
{% when "disqus" %}
|
|
||||||
{% include /comments-providers/disqus.html %}
|
|
||||||
{% when "discourse" %}
|
|
||||||
{% include /comments-providers/discourse.html %}
|
|
||||||
{% when "facebook" %}
|
|
||||||
{% include /comments-providers/facebook.html %}
|
|
||||||
{% when "google-plus" %}
|
|
||||||
{% include /comments-providers/google-plus.html %}
|
|
||||||
{% when "staticman" %}
|
|
||||||
{% include /comments-providers/staticman.html %}
|
|
||||||
{% when "staticman_v2" %}
|
|
||||||
{% include /comments-providers/staticman_v2.html %}
|
|
||||||
{% when "custom" %}
|
|
||||||
{% include /comments-providers/custom.html %}
|
|
||||||
{% endcase %}
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,42 +0,0 @@
|
|||||||
{% if site.repository and site.staticman.branch %}
|
|
||||||
<script>
|
|
||||||
(function ($) {
|
|
||||||
var $comments = $('.js-comments');
|
|
||||||
|
|
||||||
$('#new_comment').submit(function () {
|
|
||||||
var form = this;
|
|
||||||
|
|
||||||
$(form).addClass('disabled');
|
|
||||||
$('#comment-form-submit').html('<i class="fa fa-spinner fa-spin fa-fw"></i> {{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}');
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
type: $(this).attr('method'),
|
|
||||||
url: $(this).attr('action'),
|
|
||||||
data: $(this).serialize(),
|
|
||||||
contentType: 'application/x-www-form-urlencoded',
|
|
||||||
success: function (data) {
|
|
||||||
$('#comment-form-submit').html('{{ site.data.ui-text[site.locale].comment_btn_submitted | default: "Submitted" }}');
|
|
||||||
$('.page__comments-form .js-notice').removeClass('notice--danger');
|
|
||||||
$('.page__comments-form .js-notice').addClass('notice--success');
|
|
||||||
showAlert('{{ site.data.ui-text[site.locale].comment_success_msg | default: "Thanks for your comment! It will show on the site once it has been approved." }}');
|
|
||||||
},
|
|
||||||
error: function (err) {
|
|
||||||
console.log(err);
|
|
||||||
$('#comment-form-submit').html('{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}');
|
|
||||||
$('.page__comments-form .js-notice').removeClass('notice--success');
|
|
||||||
$('.page__comments-form .js-notice').addClass('notice--danger');
|
|
||||||
showAlert('{{ site.data.ui-text[site.locale].comment_error_msg | default: "Sorry, there was an error with your submission. Please make sure all required fields have been completed and try again." }}');
|
|
||||||
$(form).removeClass('disabled');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
function showAlert(message) {
|
|
||||||
$('.page__comments-form .js-notice').removeClass('hidden');
|
|
||||||
$('.page__comments-form .js-notice-text').html(message);
|
|
||||||
}
|
|
||||||
})(jQuery);
|
|
||||||
</script>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,42 +0,0 @@
|
|||||||
{% if site.repository and site.staticman.branch %}
|
|
||||||
<script>
|
|
||||||
(function ($) {
|
|
||||||
var $comments = $('.js-comments');
|
|
||||||
|
|
||||||
$('#new_comment').submit(function () {
|
|
||||||
var form = this;
|
|
||||||
|
|
||||||
$(form).addClass('disabled');
|
|
||||||
$('#comment-form-submit').html('<i class="fa fa-spinner fa-spin fa-fw"></i> {{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}');
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
type: $(this).attr('method'),
|
|
||||||
url: $(this).attr('action'),
|
|
||||||
data: $(this).serialize(),
|
|
||||||
contentType: 'application/x-www-form-urlencoded',
|
|
||||||
success: function (data) {
|
|
||||||
$('#comment-form-submit').html('{{ site.data.ui-text[site.locale].comment_btn_submitted | default: "Submitted" }}');
|
|
||||||
$('.page__comments-form .js-notice').removeClass('notice--danger');
|
|
||||||
$('.page__comments-form .js-notice').addClass('notice--success');
|
|
||||||
showAlert('{{ site.data.ui-text[site.locale].comment_success_msg | default: "Thanks for your comment! It will show on the site once it has been approved." }}');
|
|
||||||
},
|
|
||||||
error: function (err) {
|
|
||||||
console.log(err);
|
|
||||||
$('#comment-form-submit').html('{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}');
|
|
||||||
$('.page__comments-form .js-notice').removeClass('notice--success');
|
|
||||||
$('.page__comments-form .js-notice').addClass('notice--danger');
|
|
||||||
showAlert('{{ site.data.ui-text[site.locale].comment_error_msg | default: "Sorry, there was an error with your submission. Please make sure all required fields have been completed and try again." }}');
|
|
||||||
$(form).removeClass('disabled');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
function showAlert(message) {
|
|
||||||
$('.page__comments-form .js-notice').removeClass('hidden');
|
|
||||||
$('.page__comments-form .js-notice-text').html(message);
|
|
||||||
}
|
|
||||||
})(jQuery);
|
|
||||||
</script>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,169 +0,0 @@
|
|||||||
<div class="page__comments">
|
|
||||||
{% capture comments_label %}{{ site.data.ui-text[site.locale].comments_label | default: "Comments" }}{% endcapture %}
|
|
||||||
{% case site.comments.provider %}
|
|
||||||
{% when "discourse" %}
|
|
||||||
<h4 class="page__comments-title">{{ comments_label }}</h4>
|
|
||||||
<section id="discourse-comments"></section>
|
|
||||||
{% when "disqus" %}
|
|
||||||
<h4 class="page__comments-title">{{ comments_label }}</h4>
|
|
||||||
<section id="disqus_thread"></section>
|
|
||||||
{% when "facebook" %}
|
|
||||||
<h4 class="page__comments-title">{{ comments_label }}</h4>
|
|
||||||
<section class="fb-comments" data-href="{{ page.url | absolute_url }}" data-mobile="true" data-num-posts="{{ site.comments.facebook.num_posts | default: 5 }}" data-width="100%" data-colorscheme="{{ site.comments.facebook.colorscheme | default: 'light' }}"></section>
|
|
||||||
{% when "google-plus" %}
|
|
||||||
<h4 class="page__comments-title">{{ comments_label }}</h4>
|
|
||||||
<section id="g-comments" class="g-comments">Loading Google+ Comments ...</section>
|
|
||||||
<script>
|
|
||||||
function initComment() {
|
|
||||||
gapi.comments.render("g-comments", {
|
|
||||||
href: "{{ page.url | absolute_url }}",
|
|
||||||
width: "624",
|
|
||||||
first_party_property: "BLOGGER",
|
|
||||||
view_type: "FILTERED_POSTMOD"
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<script async type="text/javascript" src="https://apis.google.com/js/plusone.js" onload="initComment()" />
|
|
||||||
<noscript>Please enable JavaScript to view the <a href="https://plus.google.com/">comments powered by Google+.</a></noscript>-->
|
|
||||||
{% when "staticman_v2" %}
|
|
||||||
<section id="static-comments">
|
|
||||||
{% if site.repository and site.staticman.branch %}
|
|
||||||
<!-- Start static comments -->
|
|
||||||
<div class="js-comments">
|
|
||||||
{% if site.data.comments[page.slug] %}
|
|
||||||
<h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_title | default: "Comments" }}</h4>
|
|
||||||
{% assign comments = site.data.comments[page.slug] | sort %}
|
|
||||||
|
|
||||||
{% for comment in comments %}
|
|
||||||
{% assign email = comment[1].email %}
|
|
||||||
{% assign name = comment[1].name %}
|
|
||||||
{% assign url = comment[1].url %}
|
|
||||||
{% assign date = comment[1].date %}
|
|
||||||
{% assign message = comment[1].message %}
|
|
||||||
{% include comment.html index=forloop.index email=email name=name url=url date=date message=message %}
|
|
||||||
{% endfor %}
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
<!-- End static comments -->
|
|
||||||
|
|
||||||
<!-- Start new comment form -->
|
|
||||||
<div class="page__comments-form">
|
|
||||||
<h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label | default: "Leave a Comment" }}</h4>
|
|
||||||
<p class="small">{{ site.data.ui-text[site.locale].comment_form_info | default: "Your email address will not be published. Required fields are marked" }} <span class="required">*</span></p>
|
|
||||||
<form id="new_comment" class="page__comments-form js-form form" method="post" action="https://api.staticman.net/v2/entry/{{ site.repository }}/{{ site.staticman.branch }}/comments">
|
|
||||||
<div class="form__spinner">
|
|
||||||
<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
|
|
||||||
<span class="sr-only">{{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="comment-form-message">{{ site.data.ui-text[site.locale].comment_form_comment_label | default: "Comment" }} <small class="required">*</small></label>
|
|
||||||
<textarea type="text" rows="3" id="comment-form-message" name="fields[message]" tabindex="1"></textarea>
|
|
||||||
<div class="small help-block"><a href="https://daringfireball.net/projects/markdown/">{{ site.data.ui-text[site.locale].comment_form_md_info | default: "Markdown is supported." }}</a></div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="comment-form-name">{{ site.data.ui-text[site.locale].comment_form_name_label | default: "Name" }} <small class="required">*</small></label>
|
|
||||||
<input type="text" id="comment-form-name" name="fields[name]" tabindex="2" />
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="comment-form-email">{{ site.data.ui-text[site.locale].comment_form_email_label | default: "Email address" }} <small class="required">*</small></label>
|
|
||||||
<input type="email" id="comment-form-email" name="fields[email]" tabindex="3" />
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="comment-form-url">{{ site.data.ui-text[site.locale].comment_form_website_label | default: "Website (optional)" }}</label>
|
|
||||||
<input type="url" id="comment-form-url" name="fields[url]" tabindex="4"/>
|
|
||||||
</div>
|
|
||||||
<div class="form-group hidden" style="display: none;">
|
|
||||||
<input type="hidden" name="options[slug]" value="{{ page.slug }}">
|
|
||||||
<label for="comment-form-location">Not used. Leave blank if you are a human.</label>
|
|
||||||
<input type="text" id="comment-form-location" name="fields[hidden]" autocomplete="off"/>
|
|
||||||
<input type="hidden" name="options[reCaptcha][siteKey]" value="{{ site.reCaptcha.siteKey }}">
|
|
||||||
<input type="hidden" name="options[reCaptcha][secret]" value="{{ site.reCaptcha.secret }}">
|
|
||||||
</div>
|
|
||||||
<!-- Start comment form alert messaging -->
|
|
||||||
<p class="hidden js-notice">
|
|
||||||
<strong class="js-notice-text"></strong>
|
|
||||||
</p>
|
|
||||||
<!-- End comment form alert messaging -->
|
|
||||||
<div class="form-group">
|
|
||||||
<div class="g-recaptcha" data-sitekey="{{ site.reCaptcha.siteKey }}"></div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--primary btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<!-- End new comment form -->
|
|
||||||
{% if site.reCaptcha.siteKey %}<script async src="https://www.google.com/recaptcha/api.js"></script>{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
</section>
|
|
||||||
{% when "staticman" %}
|
|
||||||
<section id="static-comments">
|
|
||||||
{% if site.repository and site.staticman.branch %}
|
|
||||||
<!-- Start static comments -->
|
|
||||||
<div class="js-comments">
|
|
||||||
{% if site.data.comments[page.slug] %}
|
|
||||||
<h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_title | default: "Comments" }}</h4>
|
|
||||||
{% assign comments = site.data.comments[page.slug] | sort %}
|
|
||||||
|
|
||||||
{% for comment in comments %}
|
|
||||||
{% assign email = comment[1].email %}
|
|
||||||
{% assign name = comment[1].name %}
|
|
||||||
{% assign url = comment[1].url %}
|
|
||||||
{% assign date = comment[1].date %}
|
|
||||||
{% assign message = comment[1].message %}
|
|
||||||
{% include comment.html index=forloop.index email=email name=name url=url date=date message=message %}
|
|
||||||
{% endfor %}
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
<!-- End static comments -->
|
|
||||||
|
|
||||||
<!-- Start new comment form -->
|
|
||||||
<div class="page__comments-form">
|
|
||||||
<h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label | default: "Leave a Comment" }}</h4>
|
|
||||||
<p class="small">{{ site.data.ui-text[site.locale].comment_form_info | default: "Your email address will not be published. Required fields are marked" }} <span class="required">*</span></p>
|
|
||||||
<form id="new_comment" class="page__comments-form js-form form" method="post" action="https://api.staticman.net/v1/entry/{{ site.repository }}/{{ site.staticman.branch }}">
|
|
||||||
<div class="form__spinner">
|
|
||||||
<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
|
|
||||||
<span class="sr-only">{{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="comment-form-message">{{ site.data.ui-text[site.locale].comment_form_comment_label | default: "Comment" }} <small class="required">*</small></label>
|
|
||||||
<textarea type="text" rows="3" id="comment-form-message" name="fields[message]" tabindex="1"></textarea>
|
|
||||||
<div class="small help-block"><a href="https://daringfireball.net/projects/markdown/">{{ site.data.ui-text[site.locale].comment_form_md_info | default: "Markdown is supported." }}</a></div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="comment-form-name">{{ site.data.ui-text[site.locale].comment_form_name_label | default: "Name" }} <small class="required">*</small></label>
|
|
||||||
<input type="text" id="comment-form-name" name="fields[name]" tabindex="2" />
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="comment-form-email">{{ site.data.ui-text[site.locale].comment_form_email_label | default: "Email address" }} <small class="required">*</small></label>
|
|
||||||
<input type="email" id="comment-form-email" name="fields[email]" tabindex="3" />
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="comment-form-url">{{ site.data.ui-text[site.locale].comment_form_website_label | default: "Website (optional)" }}</label>
|
|
||||||
<input type="url" id="comment-form-url" name="fields[url]" tabindex="4"/>
|
|
||||||
</div>
|
|
||||||
<div class="form-group hidden" style="display: none;">
|
|
||||||
<input type="hidden" name="options[slug]" value="{{ page.slug }}">
|
|
||||||
<label for="comment-form-location">Not used. Leave blank if you are a human.</label>
|
|
||||||
<input type="text" id="comment-form-location" name="fields[hidden]" autocomplete="off"/>
|
|
||||||
</div>
|
|
||||||
<!-- Start comment form alert messaging -->
|
|
||||||
<p class="hidden js-notice">
|
|
||||||
<strong class="js-notice-text"></strong>
|
|
||||||
</p>
|
|
||||||
<!-- End comment form alert messaging -->
|
|
||||||
<div class="form-group">
|
|
||||||
<button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--primary btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<!-- End new comment form -->
|
|
||||||
{% endif %}
|
|
||||||
</section>
|
|
||||||
{% when "custom" %}
|
|
||||||
<section id="custom-comments"></section>
|
|
||||||
{% endcase %}
|
|
||||||
</div>
|
|
||||||
@@ -1,50 +0,0 @@
|
|||||||
{% if include.id %}
|
|
||||||
{% assign feature_row = page[include.id] %}
|
|
||||||
{% else %}
|
|
||||||
{% assign feature_row = page.feature_row %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div class="feature__wrapper">
|
|
||||||
|
|
||||||
{% for f in feature_row %}
|
|
||||||
|
|
||||||
{% if f.url contains "://" %}
|
|
||||||
{% capture f_url %}{{ f.url }}{% endcapture %}
|
|
||||||
{% else %}
|
|
||||||
{% capture f_url %}{{ f.url | absolute_url }}{% endcapture %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div class="feature__item{% if include.type %}--{{ include.type }}{% endif %}">
|
|
||||||
<div class="archive__item">
|
|
||||||
{% if f.image_path %}
|
|
||||||
<div class="archive__item-teaser">
|
|
||||||
<img src=
|
|
||||||
{% if f.image_path contains "://" %}
|
|
||||||
"{{ f.image_path }}"
|
|
||||||
{% else %}
|
|
||||||
"{{ f.image_path | absolute_url }}"
|
|
||||||
{% endif %}
|
|
||||||
alt="{% if f.alt %}{{ f.alt }}{% endif %}">
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div class="archive__item-body">
|
|
||||||
{% if f.title %}
|
|
||||||
<h2 class="archive__item-title">{{ f.title }}</h2>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if f.excerpt %}
|
|
||||||
<div class="archive__item-excerpt">
|
|
||||||
{{ f.excerpt | markdownify }}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if f.url %}
|
|
||||||
<p><a href="{{ f_url }}" class="btn {{ f.btn_class }}">{{ f.btn_label | default: site.data.ui-text[site.locale].more_label | default: "Learn More" }}</a></p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
<figure class="{{ include.class }}">
|
|
||||||
<img src=
|
|
||||||
{% if include.image_path contains "://" %}
|
|
||||||
"{{ include.image_path }}"
|
|
||||||
{% else %}
|
|
||||||
"{{ include.image_path | absolute_url }}"
|
|
||||||
{% endif %}
|
|
||||||
alt="{% if include.alt %}{{ include.alt }}{% endif %}">
|
|
||||||
{% if include.caption %}
|
|
||||||
<figcaption>{{ include.caption | markdownify | remove: "<p>" | remove: "</p>" }}</figcaption>
|
|
||||||
{% endif %}
|
|
||||||
</figure>
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
<div class="page__footer-follow">
|
|
||||||
<ul class="social-icons">
|
|
||||||
{% if site.data.ui-text[site.locale].follow_label %}
|
|
||||||
<li><strong>{{ site.data.ui-text[site.locale].follow_label }}</strong></li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.twitter.username %}
|
|
||||||
<li><a href="https://twitter.com/{{ site.twitter.username }}"><i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter</a></li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.facebook.username %}
|
|
||||||
<li><a href="https://facebook.com/{{ site.facebook.username }}"><i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i> Facebook</a></li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.github %}
|
|
||||||
<li><a href="http://github.com/{{ site.author.github }}"><i class="fa fa-fw fa-github" aria-hidden="true"></i> GitHub</a></li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.gitlab %}
|
|
||||||
<li><a href="http://gitlab.com/{{ site.author.gitlab }}"><i class="fa fa-fw fa-gitlab" aria-hidden="true"></i> Gitlab</a></li>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.author.bitbucket %}
|
|
||||||
<li><a href="http://bitbucket.org/{{ site.author.bitbucket }}"><i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket</a></li>
|
|
||||||
{% endif %}
|
|
||||||
<li><a href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | absolute_url }}{% endif %}"><i class="fa fa-fw fa-rss-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].feed_label | default: "Feed" }}</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="page__footer-copyright">© {{ site.time | date: '%Y' }} {{ site.name | default: site.title }}. {{ site.data.ui-text[site.locale].powered_by | default: "Powered by" }} <a href="http://jekyllrb.com" rel="nofollow">Jekyll</a> & <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/" rel="nofollow">Minimal Mistakes</a>.</div>
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
<!-- start custom footer snippets -->
|
|
||||||
|
|
||||||
<!-- end custom footer snippets -->
|
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
{% if include.id %}
|
|
||||||
{% assign gallery = page[include.id] %}
|
|
||||||
{% else %}
|
|
||||||
{% assign gallery = page.gallery %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if gallery.size == 2 %}
|
|
||||||
{% assign gallery_layout = 'half' %}
|
|
||||||
{% elsif gallery.size >= 3 %}
|
|
||||||
{% assign gallery_layout = 'third' %}
|
|
||||||
{% else %}
|
|
||||||
{% assign gallery_layout = '' %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<figure class="{{ gallery_layout }} {{ include.class }}">
|
|
||||||
{% for img in gallery %}
|
|
||||||
{% if img.url %}
|
|
||||||
<a href=
|
|
||||||
{% if img.url contains "://" %}
|
|
||||||
"{{ img.url }}"
|
|
||||||
{% else %}
|
|
||||||
"{{ img.url | absolute_url }}"
|
|
||||||
{% endif %}
|
|
||||||
{% if img.title %}title="{{ img.title }}"{% endif %}
|
|
||||||
>
|
|
||||||
<img src=
|
|
||||||
{% if img.image_path contains "://" %}
|
|
||||||
"{{ img.image_path }}"
|
|
||||||
{% else %}
|
|
||||||
"{{ img.image_path | absolute_url }}"
|
|
||||||
{% endif %}
|
|
||||||
alt="{% if img.alt %}{{ img.alt }}{% endif %}">
|
|
||||||
</a>
|
|
||||||
{% else %}
|
|
||||||
<img src=
|
|
||||||
{% if img.image_path contains "://" %}
|
|
||||||
"{{ img.image_path }}"
|
|
||||||
{% else %}
|
|
||||||
"{{ img.image_path | absolute_url }}"
|
|
||||||
{% endif %}
|
|
||||||
alt="{% if img.alt %}{{ img.alt }}{% endif %}">
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
{% if include.caption %}
|
|
||||||
<figcaption>{{ include.caption | markdownify | remove: "<p>" | remove: "</p>" }}</figcaption>
|
|
||||||
{% endif %}
|
|
||||||
</figure>
|
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
<!--
|
|
||||||
# Jekyll Group-By-Array 0.1.0
|
|
||||||
# https://github.com/mushishi78/jekyll-group-by-array
|
|
||||||
# © 2015 Max White <mushishi78@gmail.com>
|
|
||||||
# MIT License
|
|
||||||
-->
|
|
||||||
|
|
||||||
<!-- Initialize -->
|
|
||||||
{% assign __empty_array = '' | split: ',' %}
|
|
||||||
{% assign group_names = __empty_array %}
|
|
||||||
{% assign group_items = __empty_array %}
|
|
||||||
|
|
||||||
<!-- Map -->
|
|
||||||
{% assign __names = include.collection | map: include.field %}
|
|
||||||
|
|
||||||
<!-- Flatten -->
|
|
||||||
{% assign __names = __names | join: ',' | join: ',' | split: ',' %}
|
|
||||||
|
|
||||||
<!-- Uniq -->
|
|
||||||
{% assign __names = __names | sort %}
|
|
||||||
{% for name in __names %}
|
|
||||||
|
|
||||||
<!-- If not equal to previous then it must be unique as sorted -->
|
|
||||||
{% unless name == previous %}
|
|
||||||
|
|
||||||
<!-- Push to group_names -->
|
|
||||||
{% assign group_names = group_names | push: name %}
|
|
||||||
{% endunless %}
|
|
||||||
|
|
||||||
{% assign previous = name %}
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
|
|
||||||
<!-- group_items -->
|
|
||||||
{% for name in group_names %}
|
|
||||||
|
|
||||||
<!-- Collect if contains -->
|
|
||||||
{% assign __item = __empty_array %}
|
|
||||||
{% for __element in include.collection %}
|
|
||||||
{% if __element[include.field] contains name %}
|
|
||||||
{% assign __item = __item | push: __element %}
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
<!-- Push to group_items -->
|
|
||||||
{% assign group_items = group_items | push: __item %}
|
|
||||||
{% endfor %}
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
<meta charset="utf-8">
|
|
||||||
|
|
||||||
{% include seo.html %}
|
|
||||||
|
|
||||||
<link href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | absolute_url }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
|
|
||||||
|
|
||||||
<!-- http://t.co/dKP3o1e -->
|
|
||||||
<meta name="HandheldFriendly" content="True">
|
|
||||||
<meta name="MobileOptimized" content="320">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
|
|
||||||
<script>
|
|
||||||
document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- For all browsers -->
|
|
||||||
<link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}">
|
|
||||||
|
|
||||||
<!--[if lte IE 9]>
|
|
||||||
<style>
|
|
||||||
/* old IE unsupported flexbox fixes */
|
|
||||||
.greedy-nav .site-title {
|
|
||||||
padding-right: 3em;
|
|
||||||
}
|
|
||||||
.greedy-nav button {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
{% if site.head_scripts %}
|
|
||||||
{% for script in site.head_scripts %}
|
|
||||||
{% if script contains "://" %}
|
|
||||||
{% capture script_path %}{{ script }}{% endcapture %}
|
|
||||||
{% else %}
|
|
||||||
{% capture script_path %}{{ script | absolute_url }}{% endcapture %}
|
|
||||||
{% endif %}
|
|
||||||
<script src="{{ script_path }}"></script>
|
|
||||||
{% endfor %}
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
<!-- start custom head snippets -->
|
|
||||||
|
|
||||||
<!-- insert favicons. use http://realfavicongenerator.net/ -->
|
|
||||||
|
|
||||||
<!-- end custom head snippets -->
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
<div class="masthead">
|
|
||||||
<div class="masthead__inner-wrap">
|
|
||||||
<div class="masthead__menu">
|
|
||||||
<nav id="site-nav" class="greedy-nav">
|
|
||||||
<a class="site-title" href="{{ '/' | absolute_url }}">{{ site.title }}</a>
|
|
||||||
<ul class="visible-links">
|
|
||||||
{% for link in site.data.navigation.main %}
|
|
||||||
{% if link.url contains 'http' %}
|
|
||||||
{% assign domain = '' %}
|
|
||||||
{% else %}
|
|
||||||
{% assign domain = site.url | append: site.baseurl %}
|
|
||||||
{% endif %}
|
|
||||||
<li class="masthead__menu-item"><a href="{{ domain }}{{ link.url }}">{{ link.title }}</a></li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
<button type="button">
|
|
||||||
<span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle Menu" }}</span>
|
|
||||||
<div class="navicon"></div>
|
|
||||||
</button>
|
|
||||||
<ul class="hidden-links hidden"></ul>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
{% assign navigation = site.data.navigation[include.nav] %}
|
|
||||||
|
|
||||||
<nav class="nav__list">
|
|
||||||
{% if page.sidebar.title %}<h3 class="nav__title" style="padding-left: 0;">{{ page.sidebar.title }}</h3>{% endif %}
|
|
||||||
<input id="ac-toc" name="accordion-toc" type="checkbox" />
|
|
||||||
<label for="ac-toc">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle Menu" }}</label>
|
|
||||||
<ul class="nav__items">
|
|
||||||
{% for nav in navigation %}
|
|
||||||
<li>
|
|
||||||
{% if nav.url %}
|
|
||||||
{% comment %} internal/external URL check {% endcomment %}
|
|
||||||
{% if nav.url contains "://" %}
|
|
||||||
{% assign domain = "" %}
|
|
||||||
{% else %}
|
|
||||||
{% assign domain = site.url | append: site.baseurl %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<a href="{{ domain }}{{ nav.url }}"><span class="nav__sub-title">{{ nav.title }}</span></a>
|
|
||||||
{% else %}
|
|
||||||
<span class="nav__sub-title">{{ nav.title }}</span>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if nav.children != null %}
|
|
||||||
<ul>
|
|
||||||
{% for child in nav.children %}
|
|
||||||
{% comment %} internal/external URL check {% endcomment %}
|
|
||||||
{% if child.url contains "://" %}
|
|
||||||
{% assign domain = "" %}
|
|
||||||
{% else %}
|
|
||||||
{% assign domain = site.url | append: site.baseurl %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% comment %} set "active" class on current page {% endcomment %}
|
|
||||||
{% if child.url == page.url %}
|
|
||||||
{% assign active = "active" %}
|
|
||||||
{% else %}
|
|
||||||
{% assign active = "" %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<li><a href="{{ domain }}{{ child.url }}" class="{{ active }}">{{ child.title }}</a></li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
{% endif %}
|
|
||||||
</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
@@ -1,61 +0,0 @@
|
|||||||
{% if page.header.image contains "://" %}
|
|
||||||
{% capture img_path %}{{ page.header.image }}{% endcapture %}
|
|
||||||
{% else %}
|
|
||||||
{% capture img_path %}{{ page.header.image | absolute_url }}{% endcapture %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if page.header.cta_url contains "://" %}
|
|
||||||
{% capture cta_path %}{{ page.header.cta_url }}{% endcapture %}
|
|
||||||
{% else %}
|
|
||||||
{% capture cta_path %}{{ page.header.cta_url | absolute_url }}{% endcapture %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if page.header.overlay_image contains "://" %}
|
|
||||||
{% capture overlay_img_path %}{{ page.header.overlay_image }}{% endcapture %}
|
|
||||||
{% elsif page.header.overlay_image %}
|
|
||||||
{% capture overlay_img_path %}{{ page.header.overlay_image | absolute_url }}{% endcapture %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if page.header.overlay_filter contains "rgba" %}
|
|
||||||
{% capture overlay_filter %}{{ page.header.overlay_filter }}{% endcapture %}
|
|
||||||
{% elsif page.header.overlay_filter %}
|
|
||||||
{% capture overlay_filter %}rgba(0, 0, 0, {{ page.header.overlay_filter }}){% endcapture %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if page.header.image_description %}
|
|
||||||
{% assign image_description = page.header.image_description %}
|
|
||||||
{% else %}
|
|
||||||
{% assign image_description = page.title %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% assign image_description = image_description | markdownify | strip_html | strip_newlines | escape_once %}
|
|
||||||
|
|
||||||
<div class="page__hero{% if page.header.overlay_color or page.header.overlay_image %}--overlay{% endif %}"
|
|
||||||
style="{% if page.header.overlay_color %}background-color: {{ page.header.overlay_color | default: 'transparent' }};{% endif %} {% if overlay_img_path %}background-image: {% if overlay_filter %}linear-gradient({{ overlay_filter }}, {{ overlay_filter }}), {% endif %}url('{{ overlay_img_path }}');{% endif %}"
|
|
||||||
>
|
|
||||||
{% if page.header.overlay_color or page.header.overlay_image %}
|
|
||||||
<div class="wrapper">
|
|
||||||
<h1 class="page__title" itemprop="headline">
|
|
||||||
{% if paginator and site.paginate_show_page_num %}
|
|
||||||
{{ site.title }}{% unless paginator.page == 1 %} {{ site.data.ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %}
|
|
||||||
{% else %}
|
|
||||||
{{ page.title | default: site.title | markdownify | remove: "<p>" | remove: "</p>" }}
|
|
||||||
{% endif %}
|
|
||||||
</h1>
|
|
||||||
{% if page.excerpt %}
|
|
||||||
<p class="page__lead">{{ page.excerpt | markdownify | remove: "<p>" | remove: "</p>" }}</p>
|
|
||||||
{% endif %}
|
|
||||||
{% if site.read_time and page.read_time %}
|
|
||||||
<p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p>
|
|
||||||
{% endif %}
|
|
||||||
{% if page.header.cta_url %}
|
|
||||||
<p><a href="{{ cta_path }}" class="btn btn--light-outline btn--large">{{ page.header.cta_label | default: site.data.ui-text[site.locale].more_label | default: "Learn More" }}</a></p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<img src="{{ img_path }}" alt="{{ image_description }}" class="page__hero-image">
|
|
||||||
{% endif %}
|
|
||||||
{% if page.header.caption %}
|
|
||||||
<span class="page__hero-caption">{{ page.header.caption | markdownify | remove: "<p>" | remove: "</p>" }}</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
{% capture video_id %}{{ page.header.video.id }}{% endcapture %}
|
|
||||||
{% capture video_provider %}{{ page.header.video.provider }}{% endcapture %}
|
|
||||||
|
|
||||||
{% include video id=video_id provider=video_provider %}
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
{% if site.tag_archive.type and page.tags[0] %}
|
|
||||||
{% include tag-list.html %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if site.category_archive.type and page.categories[0] %}
|
|
||||||
{% include category-list.html %}
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
{% if paginator.total_pages > 1 %}
|
|
||||||
<nav class="pagination">
|
|
||||||
{% assign first_page_path = site.paginate_path | replace: 'page:num', '' | replace: '//', '/' | absolute_url %}
|
|
||||||
<ul>
|
|
||||||
{% comment %} Link for previous page {% endcomment %}
|
|
||||||
{% if paginator.previous_page %}
|
|
||||||
{% if paginator.previous_page == 1 %}
|
|
||||||
<li><a href="{{ first_page_path }}">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</a></li>
|
|
||||||
{% else %}
|
|
||||||
<li><a href="{{ site.paginate_path | replace: ':num', paginator.previous_page | replace: '//', '/' | absolute_url }}">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</a></li>
|
|
||||||
{% endif %}
|
|
||||||
{% else %}
|
|
||||||
<li><a href="#" class="disabled"><span aria-hidden="true">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</span></a></li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% comment %} First page {% endcomment %}
|
|
||||||
{% if paginator.page == 1 %}
|
|
||||||
<li><a href="#" class="disabled current">1</a></li>
|
|
||||||
{% else %}
|
|
||||||
<li><a href="{{ first_page_path }}">1</a></li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% assign page_start = 2 %}
|
|
||||||
{% if paginator.page > 4 %}
|
|
||||||
{% assign page_start = paginator.page | minus: 2 %}
|
|
||||||
{% comment %} Ellipsis for truncated links {% endcomment %}
|
|
||||||
<li><a href="#" class="disabled">…</a></li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% assign page_end = paginator.total_pages | minus: 1 %}
|
|
||||||
{% assign pages_to_end = paginator.total_pages | minus: paginator.page %}
|
|
||||||
{% if pages_to_end > 4 %}
|
|
||||||
{% assign page_end = paginator.page | plus: 2 %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% for index in (page_start..page_end) %}
|
|
||||||
{% if index == paginator.page %}
|
|
||||||
<li><a href="{{ site.paginate_path | replace: ':num', index | replace: '//', '/' | absolute_url }}" class="disabled current">{{ index }}</a></li>
|
|
||||||
{% else %}
|
|
||||||
{% comment %} Distance from current page and this link {% endcomment %}
|
|
||||||
{% assign dist = paginator.page | minus: index %}
|
|
||||||
{% if dist < 0 %}
|
|
||||||
{% comment %} Distance must be a positive value {% endcomment %}
|
|
||||||
{% assign dist = 0 | minus: dist %}
|
|
||||||
{% endif %}
|
|
||||||
<li><a href="{{ site.paginate_path | replace: ':num', index | absolute_url }}">{{ index }}</a></li>
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
{% comment %} Ellipsis for truncated links {% endcomment %}
|
|
||||||
{% if pages_to_end > 3 %}
|
|
||||||
<li><a href="#" class="disabled">…</a></li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if paginator.page == paginator.total_pages %}
|
|
||||||
<li><a href="#" class="disabled current">{{ paginator.page }}</a></li>
|
|
||||||
{% else %}
|
|
||||||
<li><a href="{{ site.paginate_path | replace: ':num', paginator.total_pages | replace: '//', '/' | absolute_url }}">{{ paginator.total_pages }}</a></li>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% comment %} Link next page {% endcomment %}
|
|
||||||
{% if paginator.next_page %}
|
|
||||||
<li><a href="{{ site.paginate_path | replace: ':num', paginator.next_page | replace: '//', '/' | absolute_url }}">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</a></li>
|
|
||||||
{% else %}
|
|
||||||
<li><a href="#" class="disabled"><span aria-hidden="true">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</span></a></li>
|
|
||||||
{% endif %}
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
{% if page.previous or page.next %}
|
|
||||||
<nav class="pagination">
|
|
||||||
{% if page.previous %}
|
|
||||||
<a href="{{ page.previous.url | absolute_url }}" class="pagination--pager" title="{{ page.previous.title | markdownify | strip_html }}">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</a>
|
|
||||||
{% else %}
|
|
||||||
<a href="#" class="pagination--pager disabled">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</a>
|
|
||||||
{% endif %}
|
|
||||||
{% if page.next %}
|
|
||||||
<a href="{{ page.next.url | absolute_url }}" class="pagination--pager" title="{{ page.next.title | markdownify | strip_html }}">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</a>
|
|
||||||
{% else %}
|
|
||||||
<a href="#" class="pagination--pager disabled">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</a>
|
|
||||||
{% endif %}
|
|
||||||
</nav>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
{% assign words_per_minute = site.words_per_minute | default: 200 %}
|
|
||||||
|
|
||||||
{% if post.read_time %}
|
|
||||||
{% assign words = post.content | strip_html | number_of_words %}
|
|
||||||
{% elsif page.read_time %}
|
|
||||||
{% assign words = page.content | strip_html | number_of_words %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if words < words_per_minute %}
|
|
||||||
{{ site.data.ui-text[site.locale].less_than | default: "less than" }} 1 {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
|
|
||||||
{% elsif words == words_per_minute %}
|
|
||||||
1 {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
|
|
||||||
{% else %}
|
|
||||||
{{ words | divided_by:words_per_minute }} {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
{% if site.footer_scripts %}
|
|
||||||
{% for script in site.footer_scripts %}
|
|
||||||
{% if script contains "://" %}
|
|
||||||
{% capture script_path %}{{ script }}{% endcapture %}
|
|
||||||
{% else %}
|
|
||||||
{% capture script_path %}{{ script | absolute_url }}{% endcapture %}
|
|
||||||
{% endif %}
|
|
||||||
<script src="{{ script_path }}"></script>
|
|
||||||
{% endfor %}
|
|
||||||
{% else %}
|
|
||||||
<script src="{{ '/assets/js/main.min.js' | absolute_url }}"></script>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% include analytics.html %}
|
|
||||||
{% include /comments-providers/scripts.html %}
|
|
||||||
@@ -1,162 +0,0 @@
|
|||||||
<!-- begin SEO -->
|
|
||||||
{% if site.url %}
|
|
||||||
{% assign seo_url = site.url | append: site.baseurl %}
|
|
||||||
{% endif %}
|
|
||||||
{% assign seo_url = seo_url | default: site.github.url %}
|
|
||||||
|
|
||||||
{% if page.title %}
|
|
||||||
{% assign seo_title = page.title | append: " " | append: site.title_separator | append: " " | append: site.title %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if seo_title %}
|
|
||||||
{% assign seo_title = seo_title | markdownify | strip_html | strip_newlines | escape_once %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if site.url %}
|
|
||||||
{% assign canonical_url = page.url | replace: "index.html", "" | prepend: site.url %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<title>{{ seo_title | default: site.title }}{% if paginator %}{% unless paginator.page == 1 %} {{ site.title_separator }} {{ site.data.ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %}{% endif %}</title>
|
|
||||||
|
|
||||||
{% assign seo_description = page.description | default: page.excerpt | default: site.description %}
|
|
||||||
{% if seo_description %}
|
|
||||||
{% assign seo_description = seo_description | markdownify | strip_html | strip_newlines | escape_once %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<meta name="description" content="{{ seo_description }}">
|
|
||||||
|
|
||||||
{% assign seo_author = page.author | default: page.author[0] | default: site.author.name %}
|
|
||||||
{% if seo_author %}
|
|
||||||
{% if seo_author.twitter %}
|
|
||||||
{% assign seo_author_twitter = seo_author.twitter %}
|
|
||||||
{% else %}
|
|
||||||
{% if site.data.authors and site.data.authors[seo_author] %}
|
|
||||||
{% assign seo_author_twitter = site.data.authors[seo_author].twitter %}
|
|
||||||
{% else %}
|
|
||||||
{% assign seo_author_twitter = seo_author %}
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% assign seo_author_twitter = seo_author_twitter | replace: "@", "" %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<meta name="author" content="{{ seo_author }}">
|
|
||||||
|
|
||||||
<meta property="og:locale" content="{{ site.locale | replace: "-", "_" | default: "en_US" }}">
|
|
||||||
<meta property="og:site_name" content="{{ site.title }}">
|
|
||||||
<meta property="og:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
|
|
||||||
|
|
||||||
{% if seo_url %}
|
|
||||||
<link rel="canonical" href="{{ page.url | prepend: seo_url | replace: "/index.html", "/" }}">
|
|
||||||
<meta property="og:url" content="{{ page.url | prepend: seo_url | replace: "/index.html", "/" }}">
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if page.excerpt %}
|
|
||||||
<meta property="og:description" content="{{ seo_description }}">
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% assign page_large_image = page.header.og_image | default: page.header.overlay_image | default: page.header.image %}
|
|
||||||
{% unless page_large_image contains '://' %}
|
|
||||||
{% assign page_large_image = page_large_image | absolute_url %}
|
|
||||||
{% endunless %}
|
|
||||||
{% assign page_large_image = page_large_image | escape %}
|
|
||||||
|
|
||||||
{% assign page_teaser_image = page.header.teaser | default: site.og_image %}
|
|
||||||
{% unless page_teaser_image contains '://' %}
|
|
||||||
{% assign page_teaser_image = page_teaser_image | absolute_url %}
|
|
||||||
{% endunless %}
|
|
||||||
{% assign page_teaser_image = page_teaser_image | escape %}
|
|
||||||
|
|
||||||
{% assign site_og_image = site.og_image %}
|
|
||||||
{% unless site_og_image contains '://' %}
|
|
||||||
{% assign site_og_image = site_og_image | absolute_url %}
|
|
||||||
{% endunless %}
|
|
||||||
{% assign site_og_image = site_og_image | escape %}
|
|
||||||
|
|
||||||
{% if site.twitter.username %}
|
|
||||||
<meta name="twitter:site" content="@{{ site.twitter.username | replace: "@", "" }}">
|
|
||||||
<meta name="twitter:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
|
|
||||||
<meta name="twitter:description" content="{{ seo_description }}">
|
|
||||||
<meta name="twitter:url" content="{{ canonical_url }}">
|
|
||||||
|
|
||||||
{% if page_large_image %}
|
|
||||||
<meta name="twitter:card" content="summary_large_image">
|
|
||||||
<meta name="twitter:image" content="{{ page_large_image }}">
|
|
||||||
{% else %}
|
|
||||||
<meta name="twitter:card" content="summary">
|
|
||||||
{% if page_teaser_image %}
|
|
||||||
<meta name="twitter:image" content="{{ page_teaser_image }}">
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if seo_author_twitter %}
|
|
||||||
<meta name="twitter:creator" content="@{{ seo_author_twitter }}">
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if site.facebook %}
|
|
||||||
{% if site.facebook.publisher %}
|
|
||||||
<meta property="article:publisher" content="{{ site.facebook.publisher }}">
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if site.facebook.app_id %}
|
|
||||||
<meta property="fb:app_id" content="{{ site.facebook.app_id }}">
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if page_large_image %}
|
|
||||||
<meta property="og:image" content="{{ page_large_image }}">
|
|
||||||
{% elsif page_teaser_image %}
|
|
||||||
<meta property="og:image" content="{{ page_teaser_image }}">
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if page.date %}
|
|
||||||
<meta property="og:type" content="article">
|
|
||||||
<meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}">
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if paginator.previous_page %}
|
|
||||||
<link rel="prev" href="{{ paginator.previous_page_path | prepend: seo_url }}">
|
|
||||||
{% endif %}
|
|
||||||
{% if paginator.next_page %}
|
|
||||||
<link rel="next" href="{{ paginator.next_page_path | prepend: seo_url }}">
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if site.og_image %}
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "http://schema.org",
|
|
||||||
"@type": "Organization",
|
|
||||||
"url": {{ seo_url | jsonify }},
|
|
||||||
"logo": {{ site_og_image | jsonify }}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if site.social %}
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context" : "http://schema.org",
|
|
||||||
"@type" : "{% if site.social.type %}{{ site.social.type }}{% else %}Person{% endif %}",
|
|
||||||
"name" : "{{ site.social.name | default: site.name }}",
|
|
||||||
"url" : {{ seo_url | jsonify }},
|
|
||||||
"sameAs" : {{ site.social.links | jsonify }}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if site.google_site_verification %}
|
|
||||||
<meta name="google-site-verification" content="{{ site.google_site_verification }}" />
|
|
||||||
{% endif %}
|
|
||||||
{% if site.bing_site_verification %}
|
|
||||||
<meta name="msvalidate.01" content="{{ site.bing_site_verification }}">
|
|
||||||
{% endif %}
|
|
||||||
{% if site.alexa_site_verification %}
|
|
||||||
<meta name="alexaVerifyID" content="{{ site.alexa_site_verification }}">
|
|
||||||
{% endif %}
|
|
||||||
{% if site.yandex_site_verification %}
|
|
||||||
<meta name="yandex-verification" content="{{ site.yandex_site_verification }}">
|
|
||||||
{% endif %}
|
|
||||||
{% if site.naver-site-verification %}
|
|
||||||
<meta name="naver-site-verification" content="{{ site.naver-site-verification }}">
|
|
||||||
{% endif %}
|
|
||||||
<!-- end SEO -->
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
{% if page.author_profile or layout.author_profile or page.sidebar %}
|
|
||||||
<div class="sidebar sticky">
|
|
||||||
{% if page.author_profile or layout.author_profile %}{% include author-profile.html %}{% endif %}
|
|
||||||
{% if page.sidebar %}
|
|
||||||
{% for s in page.sidebar %}
|
|
||||||
{% if s.image %}
|
|
||||||
<img src=
|
|
||||||
{% if s.image contains "://" %}
|
|
||||||
"{{ s.image }}"
|
|
||||||
{% else %}
|
|
||||||
"{{ s.image | absolute_url }}"
|
|
||||||
{% endif %}
|
|
||||||
alt="{% if s.image_alt %}{{ s.image_alt }}{% endif %}">
|
|
||||||
{% endif %}
|
|
||||||
{% if s.title %}<h3>{{ s.title }}</h3>{% endif %}
|
|
||||||
{% if s.text %}{{ s.text | markdownify }}{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
{% if page.sidebar.nav %}
|
|
||||||
{% include nav_list nav=page.sidebar.nav %}
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
<section class="page__share">
|
|
||||||
{% if site.data.ui-text[site.locale].share_on_label %}
|
|
||||||
<h4 class="page__share-title">{{ site.data.ui-text[site.locale].share_on_label | default: "Share on" }}</h4>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<a href="https://twitter.com/intent/tweet?{% if site.twitter.username %}via={{ site.twitter.username | url_encode }}&{% endif %}text={{ page.title | url_encode }}%20{{ page.url | absolute_url | url_encode }}" class="btn btn--twitter" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Twitter"><i class="fa fa-fw fa-twitter" aria-hidden="true"></i><span> Twitter</span></a>
|
|
||||||
|
|
||||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }}" class="btn btn--facebook" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Facebook"><i class="fa fa-fw fa-facebook" aria-hidden="true"></i><span> Facebook</span></a>
|
|
||||||
|
|
||||||
<a href="https://plus.google.com/share?url={{ page.url | absolute_url | url_encode }}" class="btn btn--google-plus" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Google Plus"><i class="fa fa-fw fa-google-plus" aria-hidden="true"></i><span> Google+</span></a>
|
|
||||||
|
|
||||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url | url_encode }}" class="btn btn--linkedin" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} LinkedIn"><i class="fa fa-fw fa-linkedin" aria-hidden="true"></i><span> LinkedIn</span></a>
|
|
||||||
</section>
|
|
||||||
@@ -1,26 +0,0 @@
|
|||||||
{% case site.tag_archive.type %}
|
|
||||||
{% when "liquid" %}
|
|
||||||
{% assign path_type = "#" %}
|
|
||||||
{% when "jekyll-archives" %}
|
|
||||||
{% assign path_type = nil %}
|
|
||||||
{% endcase %}
|
|
||||||
|
|
||||||
{% if site.tag_archive.path %}
|
|
||||||
{% comment %}
|
|
||||||
<!-- Sort alphabetically regardless of case e.g. a B c d E -->
|
|
||||||
<!-- modified from http://www.codeofclimber.ru/2015/sorting-site-tags-in-jekyll/ -->
|
|
||||||
{% endcomment %}
|
|
||||||
{% capture page_tags %}{% for tag in page.tags %}{{ tag | downcase }}#{{ tag }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
|
|
||||||
{% assign tag_hashes = page_tags | split: ',' | sort %}
|
|
||||||
|
|
||||||
<p class="page__taxonomy">
|
|
||||||
<strong><i class="fa fa-fw fa-tags" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].tags_label | default: "Tags:" }} </strong>
|
|
||||||
<span itemprop="keywords">
|
|
||||||
{% for hash in tag_hashes %}
|
|
||||||
{% assign keyValue = hash | split: '#' %}
|
|
||||||
{% capture tag_word %}{{ keyValue[1] | strip_newlines }}{% endcapture %}
|
|
||||||
<a href="{{ tag_word | slugify | prepend: path_type | prepend: site.tag_archive.path | absolute_url }}" class="page__taxonomy-item" rel="tag">{{ tag_word }}</a>{% unless forloop.last %}<span class="sep">, </span>{% endunless %}
|
|
||||||
{% endfor %}
|
|
||||||
</span>
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<aside class="sidebar__right">
|
|
||||||
<nav class="toc" markdown="1">
|
|
||||||
<header><h4 class="nav__title"><i class="fa fa-{{ include.icon | default: 'file-text' }}"></i> {{ include.title | default: site.data.ui-text[site.locale].toc_label }}</h4></header>
|
|
||||||
* Auto generated table of contents
|
|
||||||
{:toc .toc__menu}
|
|
||||||
</nav>
|
|
||||||
</aside>
|
|
||||||
@@ -1,75 +0,0 @@
|
|||||||
{% capture tocWorkspace %}
|
|
||||||
{%- comment -%}
|
|
||||||
Version 1.0.2
|
|
||||||
|
|
||||||
"...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
|
|
||||||
|
|
||||||
Usage:
|
|
||||||
{% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
|
|
||||||
|
|
||||||
Parameters:
|
|
||||||
* html (string) - the HTML of compiled markdown generated by kramdown in Jekyll
|
|
||||||
|
|
||||||
Optional Parameters:
|
|
||||||
* sanitize (bool) : false - when set to true, the headers will be stripped of any HTML in the TOC
|
|
||||||
* class (string) : '' - a CSS class assigned to the TOC
|
|
||||||
* id (string) : '' - an ID to assigned to the TOC
|
|
||||||
* h_min (int) : 1 - the minimum TOC header level to use; any header lower than this value will be ignored
|
|
||||||
* h_max (int) : 6 - the maximum TOC header level to use; any header greater than this value will be ignored
|
|
||||||
|
|
||||||
Output:
|
|
||||||
An unordered list representing the table of contents of a markdown block. This snippet will only generate the table of contents and will NOT output the markdown given to it
|
|
||||||
{%- endcomment -%}
|
|
||||||
|
|
||||||
{% capture my_toc %}{% endcapture %}
|
|
||||||
{% assign minHeader = include.h_min | default: 1 %}
|
|
||||||
{% assign maxHeader = include.h_max | default: 6 %}
|
|
||||||
{% assign nodes = include.html | split: '<h' %}
|
|
||||||
{% assign firstHeader = true %}
|
|
||||||
|
|
||||||
{% for node in nodes %}
|
|
||||||
{% if node == "" %}
|
|
||||||
{% continue %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% assign headerLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
|
|
||||||
|
|
||||||
{% if headerLevel < minHeader or headerLevel > maxHeader %}
|
|
||||||
{% continue %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if firstHeader %}
|
|
||||||
{% assign firstHeader = false %}
|
|
||||||
{% assign minHeader = headerLevel %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% assign indentAmount = headerLevel | minus: minHeader | add: 1 %}
|
|
||||||
{% assign _workspace = node | split: '</h' %}
|
|
||||||
|
|
||||||
{% assign _idWorkspace = _workspace[0] | split: 'id="' %}
|
|
||||||
{% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
|
|
||||||
{% assign html_id = _idWorkspace[0] %}
|
|
||||||
|
|
||||||
{% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
|
|
||||||
{% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
|
|
||||||
|
|
||||||
{% assign space = '' %}
|
|
||||||
{% for i in (1..indentAmount) %}
|
|
||||||
{% assign space = space | prepend: ' ' %}
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
{% capture my_toc %}{{ my_toc }}
|
|
||||||
{{ space }}- [{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}](#{{ html_id }}){% endcapture %}
|
|
||||||
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
{% if include.class %}
|
|
||||||
{% capture my_toc %}{:.{{ include.class }}}
|
|
||||||
{{ my_toc | lstrip }}{% endcapture %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if include.id %}
|
|
||||||
{% capture my_toc %}{: #{{ include.id }}}
|
|
||||||
{{ my_toc | lstrip }}{% endcapture %}
|
|
||||||
{% endif %}
|
|
||||||
{% endcapture %}{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
{% capture video_id %}{{ include.id }}{% endcapture %}
|
|
||||||
{% capture video_provider %}{{ include.provider }}{% endcapture %}
|
|
||||||
|
|
||||||
<!-- Courtesy of embedresponsively.com //-->
|
|
||||||
<div class="responsive-video-container">
|
|
||||||
{% if video_provider == "vimeo" %}
|
|
||||||
<iframe src="https://player.vimeo.com/video/{{ video_id }}" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
|
|
||||||
{% elsif video_provider == "youtube" %}
|
|
||||||
<iframe src="https://www.youtube.com/embed/{{ video_id }}" frameborder="0" allowfullscreen></iframe>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
author_profile: false
|
|
||||||
---
|
|
||||||
|
|
||||||
<div id="main" role="main">
|
|
||||||
{% include sidebar.html %}
|
|
||||||
|
|
||||||
<div class="archive">
|
|
||||||
<h1 class="page__title">{{ page.title }}</h1>
|
|
||||||
{% for post in page.posts %}
|
|
||||||
{% include archive-single.html %}
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
---
|
|
||||||
# Jekyll layout that compresses HTML
|
|
||||||
# v3.0.2
|
|
||||||
# http://jch.penibelst.de/
|
|
||||||
# © 2014–2015 Anatol Broder
|
|
||||||
# MIT License
|
|
||||||
---
|
|
||||||
|
|
||||||
{% capture _LINE_FEED %}
|
|
||||||
{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
---
|
|
||||||
layout: archive
|
|
||||||
---
|
|
||||||
|
|
||||||
<h3 class="archive__subtitle">{{ site.data.ui-text[site.locale].recent_posts | default: "Recent Posts" }}</h3>
|
|
||||||
|
|
||||||
{% for post in paginator.posts %}
|
|
||||||
{% include archive-single.html %}
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
{% include paginator.html %}
|
|
||||||
@@ -1,92 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
|
|
||||||
{% if page.header.overlay_color or page.header.overlay_image or page.header.image %}
|
|
||||||
{% include page__hero.html %}
|
|
||||||
{% elsif page.header.video.id and page.header.video.provider %}
|
|
||||||
{% include page__hero_video.html %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if page.url != "/" and site.breadcrumbs %}
|
|
||||||
{% unless paginator %}
|
|
||||||
{% include breadcrumbs.html %}
|
|
||||||
{% endunless %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div id="main" role="main">
|
|
||||||
{% include sidebar.html %}
|
|
||||||
|
|
||||||
<article class="page" itemscope itemtype="http://schema.org/CreativeWork">
|
|
||||||
{% if page.title %}<meta itemprop="headline" content="{{ page.title | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
|
|
||||||
{% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
|
|
||||||
{% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
|
|
||||||
{% if page.last_modified_at %}<meta itemprop="dateModified" content="{{ page.last_modified_at | date: "%B %d, %Y" }}">{% endif %}
|
|
||||||
|
|
||||||
<div class="page__inner-wrap">
|
|
||||||
{% unless page.header.overlay_color or page.header.overlay_image %}
|
|
||||||
<header>
|
|
||||||
{% if page.title %}<h1 class="page__title" itemprop="headline">{{ page.title | markdownify | remove: "<p>" | remove: "</p>" }}</h1>{% endif %}
|
|
||||||
{% if page.read_time %}
|
|
||||||
<p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p>
|
|
||||||
{% endif %}
|
|
||||||
</header>
|
|
||||||
{% endunless %}
|
|
||||||
|
|
||||||
<section class="page__content" itemprop="text">
|
|
||||||
{% if page.toc %}
|
|
||||||
<aside class="sidebar__right">
|
|
||||||
<nav class="toc">
|
|
||||||
<header><h4 class="nav__title"><i class="fa fa-{{ page.toc_icon | default: 'file-text' }}"></i> {{ page.toc_label | default: site.data.ui-text[site.locale].toc_label }}</h4></header>
|
|
||||||
{% include toc.html sanitize=true html=content h_min=2 h_max=3 class="toc__menu" %}
|
|
||||||
</nav>
|
|
||||||
</aside>
|
|
||||||
{% endif %}
|
|
||||||
{{ content }}
|
|
||||||
{% if page.link %}<div><a href="{{ page.link }}" class="btn btn--primary">{{ site.data.ui-text[site.locale].ext_link_label | default: "Direct Link" }}</a></div>{% endif %}
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<footer class="page__meta">
|
|
||||||
{% if site.data.ui-text[site.locale].meta_label %}
|
|
||||||
<h4 class="page__meta-title">{{ site.data.ui-text[site.locale].meta_label }}</h4>
|
|
||||||
{% endif %}
|
|
||||||
{% include page__taxonomy.html %}
|
|
||||||
{% if page.last_modified_at %}
|
|
||||||
<p class="page__date"><strong><i class="fa fa-fw fa-calendar" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].date_label | default: "Updated:" }}</strong> <time datetime="{{ page.last_modified_at | date: "%Y-%m-%d" }}">{{ page.last_modified_at | date: "%B %d, %Y" }}</time></p>
|
|
||||||
{% elsif page.date %}
|
|
||||||
<p class="page__date"><strong><i class="fa fa-fw fa-calendar" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].date_label | default: "Updated:" }}</strong> <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time></p>
|
|
||||||
{% endif %}
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
{% if page.share %}{% include social-share.html %}{% endif %}
|
|
||||||
|
|
||||||
{% include post_pagination.html %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if site.comments.provider and page.comments %}
|
|
||||||
{% include comments.html %}
|
|
||||||
{% endif %}
|
|
||||||
</article>
|
|
||||||
|
|
||||||
{% comment %}<!-- only show related on a post page when `related: true` -->{% endcomment %}
|
|
||||||
{% if page.id and page.related and site.related_posts.size > 0 %}
|
|
||||||
<div class="page__related">
|
|
||||||
<h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label | default: "You May Also Enjoy" }}</h4>
|
|
||||||
<div class="grid__wrapper">
|
|
||||||
{% for post in site.related_posts limit:4 %}
|
|
||||||
{% include archive-single.html type="grid" %}
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% comment %}<!-- otherwise show recent posts if no related when `related: true` -->{% endcomment %}
|
|
||||||
{% elsif page.id and page.related %}
|
|
||||||
<div class="page__related">
|
|
||||||
<h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label | default: "You May Also Enjoy" }}</h4>
|
|
||||||
<div class="grid__wrapper">
|
|
||||||
{% for post in site.posts limit:4 %}
|
|
||||||
{% include archive-single.html type="grid" %}
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
---
|
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
|
|
||||||
{% if page.header.overlay_color or page.header.overlay_image or page.header.image %}
|
|
||||||
{% include page__hero.html %}
|
|
||||||
{% elsif page.header.video.id and page.header.video.provider %}
|
|
||||||
{% include page__hero_video.html %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div id="main" role="main">
|
|
||||||
<article class="splash" itemscope itemtype="http://schema.org/CreativeWork">
|
|
||||||
{% if page.title %}<meta itemprop="headline" content="{{ page.title | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
|
|
||||||
{% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
|
|
||||||
{% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
|
|
||||||
{% if page.last_modified_at %}<meta itemprop="dateModified" content="{{ page.last_modified_at | date: "%B %d, %Y" }}">{% endif %}
|
|
||||||
|
|
||||||
<section class="page__content" itemprop="text">
|
|
||||||
{{ content }}
|
|
||||||
</section>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
@@ -28,7 +28,7 @@ Minimal Mistakes is a flexible two-column Jekyll theme. Perfect for hosting your
|
|||||||
- Compatible with GitHub Pages.
|
- Compatible with GitHub Pages.
|
||||||
- Support for Jekyll's built-in Sass/SCSS preprocessor.
|
- Support for Jekyll's built-in Sass/SCSS preprocessor.
|
||||||
- Nine different skins (color variations).
|
- Nine different skins (color variations).
|
||||||
- Several responsive layout options (single, archive index, splash, and paginated home page).
|
- Several responsive layout options (single, archive index, search, splash, and paginated home page).
|
||||||
- Optimized for search engines with support for [Twitter Cards](https://dev.twitter.com/cards/overview) and [Open Graph](http://ogp.me/) data
|
- Optimized for search engines with support for [Twitter Cards](https://dev.twitter.com/cards/overview) and [Open Graph](http://ogp.me/) data
|
||||||
- Optional [header images](https://mmistakes.github.io/minimal-mistakes/docs/layouts/#headers), [custom sidebars](https://mmistakes.github.io/minimal-mistakes/docs/layouts/#sidebars), [table of contents](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#table-of-contents), [galleries](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#gallery), related posts, [breadcrumb links](https://mmistakes.github.io/minimal-mistakes/docs/configuration/#breadcrumb-navigation-beta), [navigation lists](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#navigation-list), and more.
|
- Optional [header images](https://mmistakes.github.io/minimal-mistakes/docs/layouts/#headers), [custom sidebars](https://mmistakes.github.io/minimal-mistakes/docs/layouts/#sidebars), [table of contents](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#table-of-contents), [galleries](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#gallery), related posts, [breadcrumb links](https://mmistakes.github.io/minimal-mistakes/docs/configuration/#breadcrumb-navigation-beta), [navigation lists](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#navigation-list), and more.
|
||||||
- Commenting support (powered by [Disqus](https://disqus.com/), [Facebook](https://developers.facebook.com/docs/plugins/comments), Google+, [Discourse](https://www.discourse.org/), static-based via [Staticman v1 and v2](https://staticman.net/), and custom).
|
- Commenting support (powered by [Disqus](https://disqus.com/), [Facebook](https://developers.facebook.com/docs/plugins/comments), Google+, [Discourse](https://www.discourse.org/), static-based via [Staticman v1 and v2](https://staticman.net/), and custom).
|
||||||
|
|||||||
+1
-1
@@ -7,7 +7,7 @@ header:
|
|||||||
cta_label: "<i class='fa fa-download'></i> Install Now"
|
cta_label: "<i class='fa fa-download'></i> Install Now"
|
||||||
cta_url: "/docs/quick-start-guide/"
|
cta_url: "/docs/quick-start-guide/"
|
||||||
caption:
|
caption:
|
||||||
excerpt: 'A flexible two-column Jekyll theme. Perfect for personal sites, blogs, and portfolios hosted on GitHub or your own server.<br /> <small><a href="https://github.com/mmistakes/minimal-mistakes/releases/tag/4.6.0">Latest release v4.6.0</a></small><br /><br /> {::nomarkdown}<iframe style="display: inline-block;" src="https://ghbtns.com/github-btn.html?user=mmistakes&repo=minimal-mistakes&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> <iframe style="display: inline-block;" src="https://ghbtns.com/github-btn.html?user=mmistakes&repo=minimal-mistakes&type=fork&count=true&size=large" frameborder="0" scrolling="0" width="158px" height="30px"></iframe>{:/nomarkdown}'
|
excerpt: 'A flexible two-column Jekyll theme. Perfect for personal sites, blogs, and portfolios hosted on GitHub or your own server.<br /> <small><a href="https://github.com/mmistakes/minimal-mistakes/releases/tag/4.8.0">Latest release v4.8.0</a></small><br /><br /> {::nomarkdown}<iframe style="display: inline-block;" src="https://ghbtns.com/github-btn.html?user=mmistakes&repo=minimal-mistakes&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> <iframe style="display: inline-block;" src="https://ghbtns.com/github-btn.html?user=mmistakes&repo=minimal-mistakes&type=fork&count=true&size=large" frameborder="0" scrolling="0" width="158px" height="30px"></iframe>{:/nomarkdown}'
|
||||||
feature_row:
|
feature_row:
|
||||||
- image_path: /assets/images/mm-customizable-feature.png
|
- image_path: /assets/images/mm-customizable-feature.png
|
||||||
alt: "customizable"
|
alt: "customizable"
|
||||||
|
|||||||
@@ -83,7 +83,7 @@ HTML and CSS are our tools. Mauris a ante. Suspendisse quam sem, consequat at, c
|
|||||||
Make any link standout more when applying the `.btn` class.
|
Make any link standout more when applying the `.btn` class.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<a href="#" class="btn btn-success">Success Button</a>
|
<a href="#" class="btn btn--success">Success Button</a>
|
||||||
```
|
```
|
||||||
|
|
||||||
<div markdown="0"><a href="#" class="btn">Primary Button</a></div>
|
<div markdown="0"><a href="#" class="btn">Primary Button</a></div>
|
||||||
|
|||||||
@@ -0,0 +1,12 @@
|
|||||||
|
---
|
||||||
|
title: "Exclude Post from Search Index"
|
||||||
|
search: false
|
||||||
|
categories:
|
||||||
|
- Jekyll
|
||||||
|
---
|
||||||
|
|
||||||
|
This post should not appear in the search index because it has the following YAML Front Matter:
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
search: false
|
||||||
|
```
|
||||||
@@ -1,40 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Minimal Mistakes Jekyll Theme 4.7.0 by Michael Rose
|
|
||||||
* Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
|
|
||||||
* Licensed under MIT (https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt)
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* Variables */
|
|
||||||
@import "minimal-mistakes/variables";
|
|
||||||
|
|
||||||
/* Mixins and functions */
|
|
||||||
@import "minimal-mistakes/vendor/breakpoint/breakpoint";
|
|
||||||
@include breakpoint-set("to ems", true);
|
|
||||||
@import "minimal-mistakes/vendor/font-awesome/font-awesome";
|
|
||||||
@import "minimal-mistakes/vendor/magnific-popup/magnific-popup"; // Magnific Popup
|
|
||||||
@import "minimal-mistakes/vendor/susy/susy";
|
|
||||||
@import "minimal-mistakes/mixins";
|
|
||||||
|
|
||||||
/* Core CSS */
|
|
||||||
@import "minimal-mistakes/reset";
|
|
||||||
@import "minimal-mistakes/base";
|
|
||||||
@import "minimal-mistakes/forms";
|
|
||||||
@import "minimal-mistakes/tables";
|
|
||||||
@import "minimal-mistakes/animations";
|
|
||||||
|
|
||||||
/* Components */
|
|
||||||
@import "minimal-mistakes/buttons";
|
|
||||||
@import "minimal-mistakes/notices";
|
|
||||||
@import "minimal-mistakes/masthead";
|
|
||||||
@import "minimal-mistakes/navigation";
|
|
||||||
@import "minimal-mistakes/footer";
|
|
||||||
@import "minimal-mistakes/syntax";
|
|
||||||
|
|
||||||
/* Utility classes */
|
|
||||||
@import "minimal-mistakes/utilities";
|
|
||||||
|
|
||||||
/* Layout specific */
|
|
||||||
@import "minimal-mistakes/page";
|
|
||||||
@import "minimal-mistakes/archive";
|
|
||||||
@import "minimal-mistakes/sidebar";
|
|
||||||
@import "minimal-mistakes/print";
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
/* ==========================================================================
|
|
||||||
ANIMATIONS
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
@-webkit-keyframes intro {
|
|
||||||
0% {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes intro {
|
|
||||||
0% {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,318 +0,0 @@
|
|||||||
/* ==========================================================================
|
|
||||||
ARCHIVE
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
.archive {
|
|
||||||
margin-bottom: 2em;
|
|
||||||
|
|
||||||
@include breakpoint($large) {
|
|
||||||
float: right;
|
|
||||||
width: calc(100% - #{$right-sidebar-width-narrow});
|
|
||||||
padding-right: $right-sidebar-width-narrow;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint($x-large) {
|
|
||||||
width: calc(100% - #{$right-sidebar-width});
|
|
||||||
padding-right: $right-sidebar-width;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__subtitle {
|
|
||||||
margin: 1.414em 0 0;
|
|
||||||
padding-bottom: 0.5em;
|
|
||||||
font-size: $type-size-5;
|
|
||||||
color: $muted-text-color;
|
|
||||||
border-bottom: 1px solid $border-color;
|
|
||||||
|
|
||||||
+ .list__item .archive__item-title {
|
|
||||||
margin-top: 0.5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item-title {
|
|
||||||
margin-bottom: 0.25em;
|
|
||||||
font-family: $sans-serif-narrow;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
|
|
||||||
a + a {
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* remove border*/
|
|
||||||
.page__content {
|
|
||||||
|
|
||||||
.archive__item-title {
|
|
||||||
margin-top: 1em;
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item-excerpt {
|
|
||||||
margin-top: 0;
|
|
||||||
font-size: $type-size-6;
|
|
||||||
|
|
||||||
& + p {
|
|
||||||
text-indent: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item-teaser {
|
|
||||||
border-radius: $border-radius;
|
|
||||||
overflow: hidden;
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item:hover {
|
|
||||||
|
|
||||||
.archive__item-teaser {
|
|
||||||
box-shadow: 0 0 10px rgba(#000, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item-title {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
List view
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
.list__item {
|
|
||||||
|
|
||||||
.page__meta {
|
|
||||||
margin: 0 0 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
Grid view
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
.archive {
|
|
||||||
|
|
||||||
.grid__wrapper {
|
|
||||||
/* extend grid elements to the right */
|
|
||||||
|
|
||||||
@include breakpoint($large) {
|
|
||||||
margin-right: -1 * $right-sidebar-width-narrow;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint($x-large) {
|
|
||||||
margin-right: -1 * $right-sidebar-width;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.grid__item {
|
|
||||||
margin-bottom: 2em;
|
|
||||||
|
|
||||||
@include breakpoint($small) {
|
|
||||||
float: left;
|
|
||||||
width: span(5 of 10);
|
|
||||||
|
|
||||||
&:nth-child(2n+1) {
|
|
||||||
clear: both;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(2n+2) {
|
|
||||||
clear: none;
|
|
||||||
margin-left: gutter(of 10);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint($medium) {
|
|
||||||
margin-left: 0; /* override margin*/
|
|
||||||
margin-right: 0; /* override margin*/
|
|
||||||
width: span(3 of 12);
|
|
||||||
|
|
||||||
&:nth-child(2n+1) {
|
|
||||||
clear: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(4n+1) {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(4n+2) {
|
|
||||||
clear: none;
|
|
||||||
margin-left: gutter(1 of 12);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(4n+3) {
|
|
||||||
clear: none;
|
|
||||||
margin-left: gutter(1 of 12);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(4n+4) {
|
|
||||||
clear: none;
|
|
||||||
margin-left: gutter(1 of 12);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__meta {
|
|
||||||
margin: 0 0 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item-title {
|
|
||||||
margin-top: 0.5em;
|
|
||||||
font-size: $type-size-5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item-excerpt {
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
@include breakpoint($medium) {
|
|
||||||
display: block;
|
|
||||||
font-size: $type-size-6;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item-teaser {
|
|
||||||
|
|
||||||
@include breakpoint($small) {
|
|
||||||
max-height: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint($medium) {
|
|
||||||
max-height: 120px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
Features
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
.feature__wrapper {
|
|
||||||
@include clearfix();
|
|
||||||
margin-bottom: 2em;
|
|
||||||
border-bottom: 1px solid $border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature__item {
|
|
||||||
margin-bottom: 2em;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
|
|
||||||
@include breakpoint($small) {
|
|
||||||
float: left;
|
|
||||||
margin-bottom: 0;
|
|
||||||
width: span(4 of 12);
|
|
||||||
|
|
||||||
&:nth-child(3n+1) {
|
|
||||||
clear: both;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(3n+2) {
|
|
||||||
clear: none;
|
|
||||||
margin-left: gutter(of 12);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(3n+3) {
|
|
||||||
clear: none;
|
|
||||||
margin-left: gutter(of 12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature__item-teaser {
|
|
||||||
max-height: 200px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&--left {
|
|
||||||
float: left;
|
|
||||||
margin-left: 0;
|
|
||||||
margin-right: 0;
|
|
||||||
width: 100%;
|
|
||||||
clear: both;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
|
|
||||||
.archive__item-teaser {
|
|
||||||
margin-bottom: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint($small) {
|
|
||||||
|
|
||||||
.archive__item-teaser {
|
|
||||||
float: left;
|
|
||||||
width: span(5 of 12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item-body {
|
|
||||||
float: right;
|
|
||||||
padding-left: gutter(0.5 of 12);
|
|
||||||
padding-right: gutter(1 of 12);
|
|
||||||
width: span(7 of 12);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&--right {
|
|
||||||
float: left;
|
|
||||||
margin-left: 0;
|
|
||||||
margin-right: 0;
|
|
||||||
width: 100%;
|
|
||||||
clear: both;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
|
|
||||||
.archive__item-teaser {
|
|
||||||
margin-bottom: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint($small) {
|
|
||||||
text-align: right;
|
|
||||||
|
|
||||||
.archive__item-teaser {
|
|
||||||
float: right;
|
|
||||||
width: span(5 of 12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item-body {
|
|
||||||
float: right;
|
|
||||||
width: span(7 of 12);
|
|
||||||
padding-left: gutter(0.5 of 12);
|
|
||||||
padding-right: gutter(1 of 12);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&--center {
|
|
||||||
float: left;
|
|
||||||
margin-left: 0;
|
|
||||||
margin-right: 0;
|
|
||||||
width: 100%;
|
|
||||||
clear: both;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
|
|
||||||
.archive__item-teaser {
|
|
||||||
margin-bottom: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint($small) {
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
.archive__item-teaser {
|
|
||||||
margin: 0 auto;
|
|
||||||
width: span(5 of 12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item-body {
|
|
||||||
margin: 0 auto;
|
|
||||||
width: span(7 of 12);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,316 +0,0 @@
|
|||||||
/* ==========================================================================
|
|
||||||
BASE ELEMENTS
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
html {
|
|
||||||
/* sticky footer fix */
|
|
||||||
position: relative;
|
|
||||||
min-height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
color: $text-color;
|
|
||||||
font-family: $global-font-family;
|
|
||||||
line-height: 1.5;
|
|
||||||
|
|
||||||
&.overflow--hidden {
|
|
||||||
/* when primary navigation is visible, the content in the background won't scroll */
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin: 2em 0 0.5em;
|
|
||||||
line-height: 1.2;
|
|
||||||
font-family: $header-font-family;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
margin-top: 0;
|
|
||||||
font-size: $type-size-3;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: $type-size-4;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: $type-size-5;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: $type-size-6;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
font-size: $type-size-6;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
font-size: $type-size-6;
|
|
||||||
}
|
|
||||||
|
|
||||||
small, .small {
|
|
||||||
font-size: $type-size-6;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin-bottom: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
u,
|
|
||||||
ins {
|
|
||||||
text-decoration: none;
|
|
||||||
border-bottom: 1px solid $text-color;
|
|
||||||
a {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
del a {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* reduce orphans and widows when printing */
|
|
||||||
|
|
||||||
p, pre, blockquote, ul, ol, dl, figure, table, fieldset {
|
|
||||||
orphans: 3;
|
|
||||||
widows: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* abbreviations */
|
|
||||||
|
|
||||||
abbr[title],
|
|
||||||
abbr[data-original-title] {
|
|
||||||
text-decoration: none;
|
|
||||||
cursor: help;
|
|
||||||
border-bottom: 1px dotted $text-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* blockquotes */
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
margin: 2em 1em 2em 0;
|
|
||||||
padding-left: 1em;
|
|
||||||
padding-right: 1em;
|
|
||||||
font-style: italic;
|
|
||||||
border-left: 0.25em solid $primary-color;
|
|
||||||
|
|
||||||
cite {
|
|
||||||
font-style: italic;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
content: "\2014";
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* links */
|
|
||||||
|
|
||||||
a {
|
|
||||||
&:focus {
|
|
||||||
@extend %tab-focus;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:active {
|
|
||||||
color: $link-color-hover;
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:visited {
|
|
||||||
color: $link-color-visited;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* code */
|
|
||||||
|
|
||||||
tt, code, kbd, samp, pre {
|
|
||||||
font-family: $monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
overflow-x: auto; /* add scrollbars to wide code blocks*/
|
|
||||||
}
|
|
||||||
|
|
||||||
p > code,
|
|
||||||
a > code,
|
|
||||||
li > code,
|
|
||||||
figcaption > code,
|
|
||||||
td > code {
|
|
||||||
padding-top: 0.1rem;
|
|
||||||
padding-bottom: 0.1rem;
|
|
||||||
font-size: $type-size-6;
|
|
||||||
background: $code-background-color;
|
|
||||||
border: 1px solid $border-color;
|
|
||||||
border-radius: $border-radius;
|
|
||||||
box-shadow: $box-shadow;
|
|
||||||
|
|
||||||
&:before, &:after {
|
|
||||||
letter-spacing: -0.2em;
|
|
||||||
content: "\00a0"; /* non-breaking space*/
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* horizontal rule */
|
|
||||||
|
|
||||||
hr {
|
|
||||||
display: block;
|
|
||||||
margin: 1em 0;
|
|
||||||
border: 0;
|
|
||||||
border-top: 1px solid $border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* lists */
|
|
||||||
|
|
||||||
ul li,
|
|
||||||
ol li {
|
|
||||||
margin-bottom: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
li ul,
|
|
||||||
li ol {
|
|
||||||
margin-top: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
Media and embeds
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/* Figures and images */
|
|
||||||
|
|
||||||
figure {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: flex;
|
|
||||||
-webkit-box-pack: justify;
|
|
||||||
justify-content: space-between;
|
|
||||||
-webkit-box-align: start;
|
|
||||||
align-items: flex-start;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
margin: 2em 0;
|
|
||||||
|
|
||||||
img,
|
|
||||||
iframe,
|
|
||||||
.fluid-width-video-wrapper {
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
border-radius: $border-radius;
|
|
||||||
-webkit-transition: $global-transition;
|
|
||||||
transition: $global-transition;
|
|
||||||
}
|
|
||||||
|
|
||||||
> a {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.half {
|
|
||||||
> a,
|
|
||||||
> img {
|
|
||||||
@include breakpoint($small) {
|
|
||||||
width: calc(50% - 0.5em);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
figcaption {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.third {
|
|
||||||
> a,
|
|
||||||
> img {
|
|
||||||
@include breakpoint($small) {
|
|
||||||
width: calc(33.3333% - 0.5em);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
figcaption {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Figure captions */
|
|
||||||
|
|
||||||
figcaption {
|
|
||||||
margin-bottom: 0.5em;
|
|
||||||
color: $muted-text-color;
|
|
||||||
font-family: $caption-font-family;
|
|
||||||
font-size: $type-size-6;
|
|
||||||
|
|
||||||
a {
|
|
||||||
-webkit-transition: $global-transition;
|
|
||||||
transition: $global-transition;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $link-color-hover;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Fix IE9 SVG bug */
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
Navigation lists
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Removes margins, padding, and bullet points from navigation lists
|
|
||||||
*
|
|
||||||
* Example usage:
|
|
||||||
* <nav>
|
|
||||||
* <ul>
|
|
||||||
* <li><a href="#link-1">Link 1</a></li>
|
|
||||||
* <li><a href="#link-2">Link 2</a></li>
|
|
||||||
* <li><a href="#link-3">Link 3</a></li>
|
|
||||||
* </ul>
|
|
||||||
* </nav>
|
|
||||||
*/
|
|
||||||
|
|
||||||
nav {
|
|
||||||
ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* override white-space for nested lists */
|
|
||||||
ul li,
|
|
||||||
ol li {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
li ul,
|
|
||||||
li ol {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
Global animation transition
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a, tr, td, form button, input[type="submit"], .btn, .highlight, .archive__item-teaser {
|
|
||||||
-webkit-transition: $global-transition;
|
|
||||||
transition: $global-transition;
|
|
||||||
}
|
|
||||||
@@ -1,98 +0,0 @@
|
|||||||
/* ==========================================================================
|
|
||||||
BUTTONS
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
Default button
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
/* default */
|
|
||||||
display: inline-block;
|
|
||||||
margin-bottom: 0.25em;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
font-family: $sans-serif;
|
|
||||||
font-size: $type-size-6;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
border-width: 0;
|
|
||||||
border-radius: $border-radius;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
margin-right: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon + .hidden {
|
|
||||||
margin-left: -0.5em; /* override for hidden text*/
|
|
||||||
}
|
|
||||||
|
|
||||||
/* button colors */
|
|
||||||
$buttoncolors:
|
|
||||||
(primary, $primary-color),
|
|
||||||
(inverse, #fff),
|
|
||||||
(light-outline, transparent),
|
|
||||||
(success, $success-color),
|
|
||||||
(warning, $warning-color),
|
|
||||||
(danger, $danger-color),
|
|
||||||
(info, $info-color),
|
|
||||||
(facebook, $facebook-color),
|
|
||||||
(twitter, $twitter-color),
|
|
||||||
(google-plus, $google-plus-color),
|
|
||||||
(linkedin, $linkedin-color);
|
|
||||||
|
|
||||||
@each $buttoncolor, $color in $buttoncolors {
|
|
||||||
&--#{$buttoncolor} {
|
|
||||||
@include yiq-contrasted($color);
|
|
||||||
@if ($buttoncolor == inverse) {
|
|
||||||
border: 1px solid $border-color;
|
|
||||||
}
|
|
||||||
@if ($buttoncolor == light-outline) {
|
|
||||||
border: 1px solid #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
@include yiq-contrasted(mix(#000, $color, 20%));
|
|
||||||
}
|
|
||||||
|
|
||||||
&:visited {
|
|
||||||
@include yiq-contrasted($color);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* fills width of parent container */
|
|
||||||
&--block {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
+ .btn--block {
|
|
||||||
margin-top: 0.25em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* disabled */
|
|
||||||
&--disabled {
|
|
||||||
pointer-events: none;
|
|
||||||
cursor: not-allowed;
|
|
||||||
filter: alpha(opacity=65);
|
|
||||||
box-shadow: none;
|
|
||||||
opacity: 0.65;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* extra large button */
|
|
||||||
&--x-large {
|
|
||||||
font-size: $type-size-4;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* large button */
|
|
||||||
&--large {
|
|
||||||
font-size: $type-size-5;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* small button */
|
|
||||||
&--small {
|
|
||||||
font-size: $type-size-7;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,83 +0,0 @@
|
|||||||
/* ==========================================================================
|
|
||||||
FOOTER
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
.page__footer {
|
|
||||||
@include clearfix;
|
|
||||||
float: left;
|
|
||||||
margin-left: 0;
|
|
||||||
margin-right: 0;
|
|
||||||
width: 100%;
|
|
||||||
clear: both;
|
|
||||||
/* sticky footer fix start */
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
height: auto;
|
|
||||||
/* sticky footer fix end */
|
|
||||||
margin-top: 3em;
|
|
||||||
color: $muted-text-color;
|
|
||||||
-webkit-animation: $intro-transition;
|
|
||||||
animation: $intro-transition;
|
|
||||||
-webkit-animation-delay: 0.45s;
|
|
||||||
animation-delay: 0.45s;
|
|
||||||
background-color: $footer-background-color;
|
|
||||||
|
|
||||||
footer {
|
|
||||||
@include clearfix;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
margin-top: 2em;
|
|
||||||
max-width: 100%;
|
|
||||||
padding: 0 1em 2em;
|
|
||||||
|
|
||||||
@include breakpoint($x-large) {
|
|
||||||
max-width: $x-large;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa {
|
|
||||||
color: $muted-text-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__footer-copyright {
|
|
||||||
font-family: $global-font-family;
|
|
||||||
font-size: $type-size-7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__footer-follow {
|
|
||||||
|
|
||||||
ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
display: inline-block;
|
|
||||||
padding-top: 5px;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
font-family: $sans-serif-narrow;
|
|
||||||
font-size: $type-size-6;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
li + li:before {
|
|
||||||
content: "";
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
padding-right: 10px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user