Complete revision of code, bringing it up to spec
This commit is contained in:
David Darnes
parent
199464fca7
commit
51fe00e282
2
.gitignore
vendored
2
.gitignore
vendored
@ -2,3 +2,5 @@ _site/
|
||||
.sass-cache/
|
||||
.jekyll-metadata
|
||||
garth-jekyll-theme-*.gem
|
||||
Gemfile.lock
|
||||
**/Gemfile.lock
|
||||
|
||||
7
404.md
Executable file
7
404.md
Executable file
@ -0,0 +1,7 @@
|
||||
---
|
||||
title: "404"
|
||||
excerpt: "Page Not Found"
|
||||
permalink: 404.html
|
||||
---
|
||||
|
||||
Sorry, but the page could not be found.
|
||||
2
LICENSE
Normal file → Executable file
2
LICENSE
Normal file → Executable file
@ -1,4 +1,4 @@
|
||||
The MIT License (MIT)
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2016 David Darnes
|
||||
|
||||
|
||||
64
README.md
Normal file → Executable file
64
README.md
Normal file → Executable file
@ -1,48 +1,50 @@
|
||||
# Garth Jekyll Theme
|
||||
|
||||
# [Garth](https://garth.darn.es/)
|
||||
[](https://badge.fury.io/rb/garth-jekyll-theme)
|
||||
|
||||
A stupidly simple theme for Jekyll (3.2), using official Jekyll theme implementation.
|
||||
A stupidly simple theme for Jekyll, using the official Jekyll theme implementation.
|
||||
|
||||
|
||||
|
||||
## Contents
|
||||
- [Installation](#installation)
|
||||
- [Site settings](#site-settings)
|
||||
- [Page layouts](#page-layouts)
|
||||
- [Credits](#credits)
|
||||
|
||||
## Installation
|
||||
|
||||
1. `$ gem install jekyll`
|
||||
2. `$ gem install garth-jekyll-theme`
|
||||
3. Add the following to your config file:
|
||||
### As a Fork
|
||||
|
||||
``` yml
|
||||
# Typical site settings
|
||||
title: "Website title"
|
||||
description: "Website description"
|
||||
logo: https://www.gravatar.com/avatar/6c0377abcf4da91cdd35dea4554b2a4c?s=300 # Provide an avatar/logo
|
||||
1. [Fork the repo](https://github.com/daviddarnes/garth-jekyll-theme#fork-destination-box)
|
||||
2. Clone down the repo with `$ git clone git@github.com:username/reponame.git`
|
||||
3. Delete the `demo/` folder and `screenshot.png` files
|
||||
4. Change the `CNAME` record to your projects' record
|
||||
5. Install bundler with `$ gem install bundler`
|
||||
6. Install gems with `$ bundle install`
|
||||
7. Run Jekyll with `$ bundle exec jekyll serve --watch`
|
||||
8. Begin hacking for your project
|
||||
|
||||
theme: garth-jekyll-theme # Set the theme
|
||||
```
|
||||
### As a Jekyll 3.3 theme gem
|
||||
|
||||
5. Add the following to your `css/styles.scss` file:
|
||||
1. Download the starter `/demo` content, [quick download link](https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/daviddarnes/garth-jekyll-theme/tree/master/demo)
|
||||
2. Install bundler with `$ gem install bundler`
|
||||
3. Install gems with `$ bundle install`
|
||||
4. Run Jekyll with `$ bundle exec jekyll serve --watch`
|
||||
5. Begin hacking for your project
|
||||
|
||||
``` css
|
||||
---
|
||||
---
|
||||
@import "theme";
|
||||
```
|
||||
## Site settings
|
||||
|
||||
6. Add the following to your `js/scripts.js` file:
|
||||
You'll need to change the `description`, `title` and `url` to match with the project.
|
||||
|
||||
``` html
|
||||
---
|
||||
---
|
||||
{% include theme.js %}
|
||||
```
|
||||
## Page layouts
|
||||
|
||||
7. `$ jekyll serve --watch`
|
||||
`page`, `post` and `home` (acts as the font page blog).
|
||||
|
||||
## Additional notes
|
||||
> **Note:** The Post List Page options are actually in the collection data within the `_config.yml` file.
|
||||
|
||||
There's 3 templates within the theme:
|
||||
## Credits
|
||||
|
||||
- `front.html`: For blog homepage, you'll need `jekyll-paginate` to paginate posts in your blog
|
||||
- `page.html`: For pages
|
||||
- `post.html`: For blog posts
|
||||
- Thanks to [Sassline](https://sassline.com/) for the typographic basis, by [Jake Giltsoff](https://twitter.com/jakegiltsoff)
|
||||
- Thanks to [Flexbox mixin](https://github.com/mastastealth/sass-flex-mixin) by [Brian Franco](https://twitter.com/brianfranco)
|
||||
- Thanks to [Normalize](https://necolas.github.io/normalize.css/) by [Nicolas Gallagher](https://twitter.com/necolas) and [Jonathan Neal](https://twitter.com/jon_neal).
|
||||
- Thanks to [pygments-css](http://richleland.github.io/pygments-css/) for the autumn syntax highlighting, by [Rich Leland](https://twitter.com/richleland)
|
||||
|
||||
63
_config.yml
Executable file
63
_config.yml
Executable file
@ -0,0 +1,63 @@
|
||||
# Site configuration
|
||||
# 1. Files excluded from Jekyll builds
|
||||
# 2. Installed Gems
|
||||
# 3. Gem settings
|
||||
# 4. Jekyll settings
|
||||
# 5. Collections
|
||||
# 6. Jekyll collections settings
|
||||
# 7. Site settings
|
||||
|
||||
# 1. Files excluded from Jekyll builds
|
||||
exclude:
|
||||
- README.md
|
||||
- screenshot.png
|
||||
- LICENSE
|
||||
- CNAME
|
||||
- Gemfile
|
||||
- Gemfile.lock
|
||||
- demo/*
|
||||
- garth-jekyll-theme.gemspec
|
||||
|
||||
# 2. Installed Gems
|
||||
gems:
|
||||
- jekyll-paginate
|
||||
|
||||
# 3. Gem settings
|
||||
paginate: 2 # jekyll-paginate > items per page
|
||||
paginate_path: blog/page:num # jekyll-paginate > blog page
|
||||
|
||||
# 4. Jekyll settings
|
||||
sass:
|
||||
style: compressed # Style compression
|
||||
permalink: pretty # Permalink style (/YYYY/MM/DD/page-name/)
|
||||
excerpt_separator: <!-- more --> # Marks end of excerpt in posts
|
||||
timezone: Europe/London # Timezone for blog posts and alike
|
||||
|
||||
# 5. Collections
|
||||
collections:
|
||||
posts:
|
||||
title: Posts # Needed for Siteleaf
|
||||
output: true
|
||||
description: "My thoughts and ideas" # The post list page content
|
||||
|
||||
# 6. Jekyll collections settings
|
||||
defaults:
|
||||
-
|
||||
scope:
|
||||
path: ""
|
||||
type: pages
|
||||
values:
|
||||
layout: page # Default layout
|
||||
-
|
||||
scope:
|
||||
path: ""
|
||||
type: posts
|
||||
values:
|
||||
layout: post # Default layout
|
||||
|
||||
# 7. Site settings
|
||||
encoding: utf-8 # Make sure the encoding is right
|
||||
title: "Garth" # Site name or title, also used in jekyll-seo-tag
|
||||
logo: "https://www.gravatar.com/avatar/6c0377abcf4da91cdd35dea4554b2a4c?s=300" # Site logo, also used in jekyll-seo-tag
|
||||
description: "A stupidly simple theme for Jekyll (3.2), using official Jekyll theme implementation" # Site description and default description, also used in jekyll-seo-tag
|
||||
url: "https://garth.darn.es" # Site url, also used in jekyll-seo-tag
|
||||
@ -1,18 +0,0 @@
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="{{ site.logo | replace: "300", "57" }}">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="{{ site.logo | replace: "300", "60" }}">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{{ site.logo | replace: "300", "72" }}">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="{{ site.logo | replace: "300", "76" }}">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{{ site.logo | replace: "300", "114" }}">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="{{ site.logo | replace: "300", "120" }}">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{{ site.logo | replace: "300", "144" }}">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="{{ site.logo | replace: "300", "152" }}">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ site.logo | replace: "300", "180" }}">
|
||||
<link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "32" }}" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "194" }}" sizes="194x194">
|
||||
<link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "96" }}" sizes="96x96">
|
||||
<link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "192" }}" sizes="192x192">
|
||||
<link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "16" }}" sizes="16x16">
|
||||
<link rel="shortcut icon" href="{{ site.logo }}">
|
||||
<meta name="msapplication-TileColor" content="{{ site.color }}">
|
||||
<meta name="msapplication-TileImage" content="{{ site.logo | replace: "300", "144" }}">
|
||||
<meta name="theme-color" content="{{ site.color }}">
|
||||
@ -1,9 +0,0 @@
|
||||
<footer class="footer">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<small class="small">© {{ site.time | date: '%Y' }} – {% if site.title %}{{ site.title }}{% else %}Garth by <a href="https://darn.es/" title="David Darnes">David Darnes</a>{% endif %}</small>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
@ -1,25 +0,0 @@
|
||||
<header class="header">
|
||||
|
||||
<div class="container">
|
||||
|
||||
{% if site.logo %}
|
||||
<a class="logo" href="/" title="{{ site.title }}">
|
||||
<img class="image" src="{{ site.logo | replace: "300", "72" }}" alt="{{ site.title }}" srcset="{{ site.logo | replace: "300", "72" }} 72w, {{ site.logo | replace: "300", "144" }} 144w" width="72" height="72">
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<button class="button">Menu</button>
|
||||
|
||||
<nav class="nav nav--main">
|
||||
|
||||
{% for page in site.pages %}
|
||||
{% if page.title %}
|
||||
<a class="item" href="{{ page.url | prepend: site.baseurl }}" title="{{ page.title }}">{{ page.title | escape }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
@ -1,21 +0,0 @@
|
||||
<aside class="aside">
|
||||
|
||||
<nav class="paginator container">
|
||||
|
||||
{% if paginator.previous_page %}
|
||||
<a href="{{ paginator.previous_page_path }}" class="pagination pagination--previous">← Previous</a>
|
||||
{% else %}
|
||||
<span class="pagination pagination--previous">← Previous</span>
|
||||
{% endif %}
|
||||
|
||||
<span class="pagination pagination--divider">•</span>
|
||||
|
||||
{% if paginator.next_page %}
|
||||
<a href="{{ paginator.next_page_path }}" class="pagination pagination--next">Next →</a>
|
||||
{% else %}
|
||||
<span class="pagination pagination--next">Next →</span>
|
||||
{% endif %}
|
||||
|
||||
</nav>
|
||||
|
||||
</aside>
|
||||
34
_includes/post-list.html
Executable file
34
_includes/post-list.html
Executable file
@ -0,0 +1,34 @@
|
||||
{% if paginator.posts %}
|
||||
|
||||
<ul class="list list--posts">
|
||||
{% for page in paginator.posts %}
|
||||
<li class="item item--post">
|
||||
<article class="article article--post typeset">
|
||||
|
||||
<h2><a href="{{ page.url }}" title="{{ page.title }}">{{ page.title }}</a></h2>
|
||||
{% include post-meta.html %}
|
||||
{{ page.excerpt | markdownify | truncatewords: 60 }}
|
||||
|
||||
</article>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% include post-pagination.html %}
|
||||
|
||||
{% else %}
|
||||
<h2>Latest blog posts</h2>
|
||||
<ul class="list list--posts">
|
||||
{% for page in site.posts limit: 4 %}
|
||||
<li class="item item--post">
|
||||
<article class="article article--post typeset">
|
||||
|
||||
<h5><a href="{{ page.url }}" title="{{ page.title }}">{{ page.title }}</a></h5>
|
||||
{% include post-meta.html %}
|
||||
{{ page.excerpt | markdownify | truncatewords: 60 }}
|
||||
|
||||
</article>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{% endif %}
|
||||
3
_includes/post-meta.html
Executable file
3
_includes/post-meta.html
Executable file
@ -0,0 +1,3 @@
|
||||
<small class="small post-meta">
|
||||
{% if page.category %}<span class="label label--category">{{ page.category }}</span> · {% endif %}<time datetime="{{ page.date | date_to_xmlschema }}" class="time">{{ page.date | date_to_string }}</time>
|
||||
</small>
|
||||
17
_includes/post-pagination.html
Executable file
17
_includes/post-pagination.html
Executable file
@ -0,0 +1,17 @@
|
||||
<nav class="nav nav--paginator">
|
||||
|
||||
{% if paginator.previous_page %}
|
||||
<a href="{{ paginator.previous_page_path }}" class="pagination pagination--previous">← Previous</a>
|
||||
{% else %}
|
||||
<span class="pagination pagination--previous">← Previous</span>
|
||||
{% endif %}
|
||||
|
||||
<span class="pagination pagination--counter">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
|
||||
|
||||
{% if paginator.next_page %}
|
||||
<a href="{{ paginator.next_page_path }}" class="pagination pagination--next">Next →</a>
|
||||
{% else %}
|
||||
<span class="pagination pagination--next">Next →</span>
|
||||
{% endif %}
|
||||
|
||||
</nav>
|
||||
@ -1,22 +0,0 @@
|
||||
<ul class="posts">
|
||||
{% for item in site.posts %}
|
||||
|
||||
<li class="post container">
|
||||
|
||||
<article class="article typeset">
|
||||
|
||||
<h2>
|
||||
<a href="{{ item.url }}" title="{{ item.title }}">{{ item.title }}</a>
|
||||
</h2>
|
||||
|
||||
<small class="small">
|
||||
<time datetime="{{ item.date | date_to_xmlschema }}" class="time">{{ item.date | date_to_string }}</time>
|
||||
</small>
|
||||
|
||||
{{ item.excerpt | markdownify }}
|
||||
|
||||
</article>
|
||||
</li>
|
||||
|
||||
{% endfor %}
|
||||
</ul>
|
||||
4
_includes/site-favicons.html
Executable file
4
_includes/site-favicons.html
Executable file
@ -0,0 +1,4 @@
|
||||
<link rel="icon" type="image/png" href="{{ site.avatarurl }}?s=16" sizes="16x16">
|
||||
<link rel="icon" type="image/png" href="{{ site.avatarurl }}?s=32" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="{{ site.avatarurl }}?s=96" sizes="96x96">
|
||||
<link rel="shortcut icon" href="{{ site.avatarurl }}">
|
||||
9
_includes/site-footer.html
Executable file
9
_includes/site-footer.html
Executable file
@ -0,0 +1,9 @@
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
{% include nav-footer.html %}
|
||||
|
||||
<div class="copyright typeset">
|
||||
<small class="small">© {{ site.title }} {{ site.time | date: '%Y' }}</small>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
10
_includes/site-header.html
Executable file
10
_includes/site-header.html
Executable file
@ -0,0 +1,10 @@
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
{% include site-logo.html %}
|
||||
|
||||
{% include nav-header.html %}
|
||||
</div>
|
||||
|
||||
{% include site-feature.html %}
|
||||
|
||||
</header>
|
||||
21
_includes/site-icons.svg
Executable file
21
_includes/site-icons.svg
Executable file
@ -0,0 +1,21 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="height: 0; position: absolute">
|
||||
<symbol id="codepen" viewBox="0 0 16 16"><path d="M15.988 5.443c-.004-.02-.007-.04-.012-.058l-.01-.033c-.006-.017-.012-.034-.02-.05-.003-.012-.01-.023-.014-.034l-.023-.045-.02-.032-.03-.04-.024-.03c-.01-.013-.022-.026-.034-.038l-.027-.027-.04-.032-.03-.024-.012-.01L8.38.117c-.23-.155-.53-.155-.76 0L.305 4.99.296 5c-.012.007-.022.015-.032.023-.014.01-.027.02-.04.032l-.027.027-.034.037-.024.03-.03.04c-.006.012-.013.022-.02.033l-.023.045-.015.034c-.007.016-.012.033-.018.05l-.01.032c-.005.02-.01.038-.012.058l-.006.03C.002 5.5 0 5.53 0 5.56v4.875c0 .03.002.06.006.09l.007.03c.003.02.006.04.013.058l.01.033c.006.018.01.035.018.05l.015.033c.006.016.014.03.023.047l.02.03c.008.016.018.03.03.042.007.01.014.02.023.03.01.012.02.025.034.036.01.01.018.02.028.026l.04.033.03.023.01.01 7.31 4.876c.116.078.248.117.382.116.134 0 .266-.04.38-.116l7.314-4.875.01-.01c.012-.007.022-.015.032-.023.014-.01.027-.02.04-.032l.027-.027.034-.037.024-.03.03-.04.02-.032.023-.046.015-.033.018-.052.01-.033c.005-.02.01-.038.013-.058 0-.01.003-.02.004-.03.004-.03.006-.06.006-.09V5.564c0-.03-.002-.06-.006-.09l-.007-.03zM8 9.626L5.568 8 8 6.374 10.432 8 8 9.626zM7.312 5.18l-2.98 1.993-2.406-1.61 5.386-3.59v3.206zM3.095 8l-1.72 1.15v-2.3L3.095 8zm1.237.828l2.98 1.993v3.208l-5.386-3.59 2.406-1.61zm4.355 1.993l2.98-1.993 2.407 1.61-5.387 3.59v-3.206zM12.905 8l1.72-1.15v2.3L12.905 8zm-1.237-.827L8.688 5.18V1.97l5.386 3.59-2.406 1.61z" fill-rule="nonzero"/></symbol>
|
||||
<symbol id="dribbble" viewBox="0 0 16 16"><path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16C4.78 7.85 1.47 7.807 1.17 7.8l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/></symbol>
|
||||
<symbol id="facebook" viewBox="0 0 16 16"><path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.476-1.195 1.176v1.54h2.39l-.31 2.416h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill-rule="nonzero"/></symbol>
|
||||
<symbol id="flickr" viewBox="0 0 16 16"><path d="M0 8c0 2.05 1.662 3.71 3.71 3.71 2.05 0 3.713-1.66 3.713-3.71S5.76 4.29 3.71 4.29C1.663 4.29 0 5.95 0 8zm8.577 0c0 2.05 1.662 3.71 3.712 3.71C14.337 11.71 16 10.05 16 8s-1.662-3.71-3.71-3.71c-2.05 0-3.713 1.66-3.713 3.71z"/></symbol>
|
||||
<symbol id="github" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.083-.202-.358-1.015.077-2.117 0 0 .672-.215 2.2.82.638-.178 1.323-.266 2.003-.27.68.004 1.364.092 2.003.27 1.527-1.035 2.198-.82 2.198-.82.437 1.102.163 1.915.08 2.117.513.56.823 1.274.823 2.147 0 3.073-1.87 3.75-3.653 3.947.287.246.543.735.543 1.48 0 1.07-.01 1.933-.01 2.195 0 .215.144.463.55.385C13.71 14.53 16 11.534 16 8c0-4.418-3.582-8-8-8"/></symbol>
|
||||
<symbol id="googleplus" viewBox="0 0 16 16"><g><path d="M5.09 7.273v1.745H7.98c-.116.75-.873 2.197-2.887 2.197-1.737 0-3.155-1.44-3.155-3.215S3.353 4.785 5.09 4.785c.99 0 1.652.422 2.03.786l1.382-1.33c-.887-.83-2.037-1.33-3.41-1.33C2.275 2.91 0 5.184 0 8s2.276 5.09 5.09 5.09c2.94 0 4.888-2.065 4.888-4.974 0-.334-.036-.59-.08-.843H5.09zM16 7.273h-1.455V5.818H13.09v1.455h-1.454v1.454h1.455v1.455h1.455V8.727H16"/></g></symbol>
|
||||
<symbol id="instagram" viewBox="0 0 16 16"><path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.048 3.233c-.036.78-.166 1.203-.276 1.485-.145.374-.318.64-.598.92-.28.28-.546.453-.92.598-.282.11-.705.24-1.485.276-.844.038-1.097.047-3.233.047s-2.39-.01-3.233-.048c-.78-.036-1.203-.166-1.485-.276-.374-.145-.64-.318-.92-.598-.28-.28-.453-.546-.598-.92-.11-.282-.24-.705-.276-1.485C1.45 10.39 1.44 10.136 1.44 8s.01-2.39.048-3.233c.036-.78.166-1.203.276-1.485.145-.374.318-.64.598-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276C5.61 1.45 5.864 1.44 8 1.44zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z"/></symbol>
|
||||
<symbol id="linkedin" viewBox="0 0 16 16"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51V7.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"/></symbol>
|
||||
<symbol id="medium" viewBox="0 0 16 16"><path d="M11.824 12.628l-.276.45.798.398 2.744 1.372c.15.076.294.11.418.11.278 0 .467-.177.467-.492V5.883l-4.15 6.745zm4.096-8.67c-.004-.003 0-.01-.003-.012l-4.825-2.412c-.06-.03-.123-.038-.187-.044-.016 0-.03-.01-.047-.01-.184 0-.368.092-.467.254l-.24.39-.5.814-1.89 3.08 1.89 3.076.5.813.5.812.59.95 4.71-7.64c.02-.03.01-.06-.02-.08zm-6.27 7.045L7.17 6.97l-.295-.477-.294-.477-.25-.416v4.867l3.32 1.663.5.25.5.25-.5-.813-.5-.813zM.737 1.68L.59 1.608c-.085-.042-.166-.062-.24-.062-.206 0-.35.16-.35.427v10.162c0 .272.2.594.442.716l4.145 2.08c.107.06.208.08.3.08.257 0 .438-.2.438-.53V4.01c0-.02-.012-.04-.03-.047L.738 1.68z"/></symbol>
|
||||
<symbol id="pinterest" viewBox="0 0 16 16"><path d="M8 0C3.582 0 0 3.582 0 8c0 3.39 2.108 6.285 5.084 7.45-.07-.633-.133-1.604.028-2.295.146-.625.938-3.977.938-3.977s-.24-.48-.24-1.188c0-1.11.646-1.943 1.448-1.943.683 0 1.012.513 1.012 1.127 0 .687-.436 1.713-.662 2.664-.19.797.4 1.445 1.185 1.445 1.42 0 2.514-1.498 2.514-3.662 0-1.915-1.376-3.254-3.342-3.254-2.276 0-3.61 1.707-3.61 3.472 0 .687.263 1.424.593 1.825.066.08.075.15.057.23-.06.252-.196.796-.223.907-.035.146-.115.178-.268.107-.998-.465-1.624-1.926-1.624-3.1 0-2.524 1.834-4.84 5.287-4.84 2.774 0 4.932 1.977 4.932 4.62 0 2.757-1.74 4.977-4.153 4.977-.81 0-1.572-.422-1.833-.92l-.5 1.902c-.18.695-.667 1.566-.994 2.097.75.232 1.545.357 2.37.357 4.417 0 8-3.582 8-8s-3.583-8-8-8z" fill-rule="nonzero"/></symbol>
|
||||
<symbol id="rss" viewBox="0 0 16 16"><path d="M12.8 16C12.8 8.978 7.022 3.2 0 3.2V0c8.777 0 16 7.223 16 16h-3.2zM2.194 11.61c1.21 0 2.195.985 2.195 2.196 0 1.21-.985 2.194-2.196 2.194C.984 16 0 15.017 0 13.806c0-1.21.983-2.195 2.194-2.195zM10.606 16h-3.11c0-4.113-3.383-7.497-7.496-7.497v-3.11c5.818 0 10.606 4.79 10.606 10.607z"/></symbol>
|
||||
<symbol id="skype" viewBox="0 0 16 16"><path d="M8.035 12.6c-2.685 0-3.885-1.322-3.885-2.313 0-.51.374-.865.89-.865 1.15 0 .85 1.653 2.995 1.653 1.096 0 1.703-.597 1.703-1.208 0-.368-.18-.775-.904-.954l-2.387-.597C4.524 7.833 4.175 6.79 4.175 5.812c0-2.034 1.91-2.798 3.704-2.798 1.65 0 3.6.916 3.6 2.136 0 .523-.452.827-.97.827-.98 0-.798-1.36-2.773-1.36-.98 0-1.523.444-1.523 1.08 0 .636.774.84 1.446.993l1.767.392c1.936.433 2.427 1.566 2.427 2.633 0 1.652-1.266 2.886-3.82 2.886m7.4-3.264l-.014.084-.028-.16c.015.024.028.05.042.076.082-.45.125-.912.125-1.373 0-1.023-.2-2.014-.595-2.948-.38-.902-.925-1.712-1.62-2.407-.692-.696-1.5-1.242-2.4-1.623C10.015.59 9.025.39 8.005.39c-.48 0-.963.045-1.43.135H6.57l.08.04-.16-.023.08-.016C5.927.183 5.205 0 4.472 0 3.278 0 2.155.466 1.31 1.313.465 2.16 0 3.286 0 4.483c0 .763.195 1.512.563 2.175l.013-.083.028.16c-.015-.026-.027-.052-.04-.077-.076.43-.115.867-.115 1.305 0 1.022.2 2.014.593 2.948.38.903.925 1.713 1.62 2.408.693.695 1.5 1.242 2.4 1.623.932.397 1.92.597 2.94.597.445 0 .89-.04 1.325-.118l-.077-.043.162.028-.084.014c.67.378 1.426.58 2.2.58 1.194 0 2.317-.466 3.162-1.313.845-.846 1.31-1.972 1.31-3.17 0-.765-.197-1.517-.566-2.18" fill-rule="nonzero"/></symbol>
|
||||
<symbol id="tumblr" viewBox="0 0 16 16"><path d="M9.708 16c-3.396 0-4.687-2.504-4.687-4.274V6.498H3.403V4.432C5.83 3.557 6.412 1.368 6.55.12c.01-.086.077-.12.115-.12H9.01v4.076h3.2v2.422H8.997v4.98c.01.667.25 1.58 1.472 1.58h.067c.424-.012.994-.136 1.29-.278l.77 2.283c-.288.424-1.594.916-2.77.936h-.12z" fill-rule="nonzero"/></symbol>
|
||||
<symbol id="twitch" viewBox="0 0 16 16"><g fill-rule="nonzero"><path d="M1.393 0L.35 2.783v11.13h3.824V16h2.088l2.085-2.088h3.13L15.65 9.74V0H1.394zm1.39 1.39H14.26v7.653l-2.435 2.435H8l-2.085 2.085v-2.085H2.783V1.39z"/><path d="M6.61 8.348H8V4.175H6.61v4.173zm3.824 0h1.39V4.175h-1.39v4.173z"/></g></symbol>
|
||||
<symbol id="twitter" viewBox="0 0 16 16"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.375-1.337.648-2.085.795-.598-.638-1.45-1.036-2.396-1.036-1.812 0-3.282 1.468-3.282 3.28 0 .258.03.51.085.75C5.152 5.39 2.733 4.084 1.114 2.1.83 2.583.67 3.147.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.416-.02-.617-.058.418 1.304 1.63 2.253 3.067 2.28-1.124.88-2.54 1.404-4.077 1.404-.265 0-.526-.015-.783-.045 1.453.93 3.178 1.474 5.032 1.474 6.038 0 9.34-5 9.34-9.338 0-.143-.004-.284-.01-.425.64-.463 1.198-1.04 1.638-1.7z" fill-rule="nonzero"/></symbol>
|
||||
<symbol id="vimeo" viewBox="0 0 16 16"><path d="M15.992 4.275c-.07 1.56-1.16 3.697-3.263 6.41-2.176 2.832-4.017 4.248-5.522 4.248-.933 0-1.722-.862-2.367-2.588L3.55 7.6c-.48-1.724-.993-2.587-1.542-2.587-.12 0-.538.252-1.255.755L0 4.796C.79 4.1 1.568 3.406 2.335 2.71c1.053-.912 1.844-1.39 2.37-1.44 1.246-.12 2.012.733 2.3 2.56.31 1.97.526 3.194.647 3.673.36 1.634.754 2.45 1.185 2.45.335 0 .838-.53 1.51-1.59.67-1.06 1.028-1.866 1.076-2.42.096-.915-.263-1.374-1.077-1.374-.383 0-.778.087-1.185.262.788-2.58 2.29-3.834 4.508-3.762 1.644.048 2.42 1.116 2.324 3.205z" fill-rule="nonzero"/></symbol>
|
||||
<symbol id="youtube" viewBox="0 0 16 16"><path d="M0 7.345c0-1.294.16-2.59.16-2.59s.156-1.1.636-1.587c.608-.637 1.408-.617 1.764-.684C3.84 2.36 8 2.324 8 2.324s3.362.004 5.6.166c.314.038.996.04 1.604.678.48.486.636 1.588.636 1.588S16 6.05 16 7.346v1.258c0 1.296-.16 2.59-.16 2.59s-.156 1.102-.636 1.588c-.608.638-1.29.64-1.604.678-2.238.162-5.6.166-5.6.166s-4.16-.037-5.44-.16c-.356-.067-1.156-.047-1.764-.684-.48-.487-.636-1.587-.636-1.587S0 9.9 0 8.605v-1.26zm6.348 2.73V5.58l4.323 2.255-4.32 2.24h-.002z"/></symbol>
|
||||
<symbol id="link" viewBox="0 0 16 16"><path d="M5.86 12.7l-.81.8c-.7.7-1.84.7-2.54 0a1.75 1.75 0 0 1 0-2.5l2.98-2.96c.61-.61 1.77-1.52 2.62-.68a1 1 0 1 0 1.4-1.4c-1.44-1.43-3.57-1.17-5.42.67L1.1 9.6a3.72 3.72 0 0 0 0 5.32 3.78 3.78 0 0 0 5.34 0l.8-.8a1 1 0 1 0-1.39-1.42zm9.03-11.5c-1.55-1.53-3.7-1.6-5.14-.19l-1 1a1 1 0 1 0 1.39 1.41l1-1c.75-.74 1.72-.43 2.35.2a1.75 1.75 0 0 1 0 2.5l-3.17 3.15c-1.46 1.45-2.14.77-2.43.48a1 1 0 0 0-1.4 1.4c.67.67 1.43 1 2.23 1 .98 0 2.01-.5 3-1.47l3.17-3.15a3.72 3.72 0 0 0 0-5.32z"/></symbol>
|
||||
<symbol id="email" viewBox="0 0 16 11"><path fill-rule="evenodd" d="M1.33 0h13.34L8 5 1.33 0zM16 0v11H0V0l8 6 8-6z"/></symbol>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
3
_includes/site-logo.html
Executable file
3
_includes/site-logo.html
Executable file
@ -0,0 +1,3 @@
|
||||
<a class="logo" href="{{ site.url }}" title="{{ site.title }}">
|
||||
<img src="{{ site.logo }}" alt="{{ site.title }} logo"/>
|
||||
</a>
|
||||
11
_includes/site-nav.html
Executable file
11
_includes/site-nav.html
Executable file
@ -0,0 +1,11 @@
|
||||
<nav class="nav">
|
||||
<ul class="list list--nav">
|
||||
{% for item in site.pages %}
|
||||
{% unless item.styles == true %}
|
||||
<li class="item item--nav{% if item[1] == page.url %} item--current{% endif %}">
|
||||
<a href="{{ item.url }}">{{ item.title }}</a>
|
||||
</li>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
@ -1,14 +0,0 @@
|
||||
// Data attribute switch
|
||||
var toggleState = function (elem, one, two) {
|
||||
var elem = document.querySelector(elem);
|
||||
elem.setAttribute('data-state', elem.getAttribute('data-state') === one ? two : one);
|
||||
};
|
||||
|
||||
// Mobile navigation toggle selector
|
||||
var buttonMenu = document.querySelector('.button--nav');
|
||||
if (typeof(buttonMenu) != 'undefined' && buttonMenu != null) {
|
||||
buttonMenu.onclick = function (e) {
|
||||
toggleState('.nav', 'open', 'closed');
|
||||
e.preventDefault();
|
||||
};
|
||||
};
|
||||
28
_layouts/default.html
Normal file → Executable file
28
_layouts/default.html
Normal file → Executable file
@ -2,25 +2,29 @@
|
||||
<html lang="en-GB">
|
||||
<head>
|
||||
<!-- General meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{{ page.title }} - {{ site.title }}</title>
|
||||
|
||||
{% if site.logo %}
|
||||
{% include favicons.html %}
|
||||
|
||||
{% if page.indexing == false %}
|
||||
<meta name="robots" content="noindex">
|
||||
{% endif %}
|
||||
|
||||
<link href="/css/styles.css" media="all" rel="stylesheet" type="text/css">
|
||||
{% if page.collection %}
|
||||
{% seo title=false %}
|
||||
|
||||
{% assign collectiondata = site.collections | where: "label", page.collection | first %}
|
||||
<title>{{ collectiondata.title }} - {{ site.title }}</title>
|
||||
{% else %}
|
||||
{% seo %}
|
||||
{% endif %}
|
||||
|
||||
<link rel="stylesheet" href="{{ "/assets/styles.css" | relative_url }}">
|
||||
|
||||
{% include site-favicons.html %}
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{% include header.html %}
|
||||
{% include site-icons.svg %}
|
||||
|
||||
{{ content }}
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Neuton" rel="stylesheet">
|
||||
<script src="/js/scripts.js" type="text/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,17 +0,0 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<main class="main container">
|
||||
|
||||
<article class="article typeset">
|
||||
|
||||
<h1>{{ page.title }}</h1>
|
||||
|
||||
{{ content }}
|
||||
|
||||
</article>
|
||||
|
||||
{% include posts.html %}
|
||||
|
||||
</main>
|
||||
28
_layouts/home.html
Executable file
28
_layouts/home.html
Executable file
@ -0,0 +1,28 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
{% include site-header.html %}
|
||||
|
||||
<main class="main container">
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article class="article article--page typeset">
|
||||
|
||||
{% assign collectiondata = site.collections | where: "label", page.collection | first %}
|
||||
<h1>{{ collectiondata.title }}</h1>
|
||||
|
||||
{{ collectiondata.description | markdownify }}
|
||||
|
||||
</article>
|
||||
|
||||
{% include post-list.html %}
|
||||
|
||||
</div>
|
||||
|
||||
{% include site-aside.html %}
|
||||
|
||||
</main>
|
||||
|
||||
{% include site-footer.html %}
|
||||
14
_layouts/page.html
Normal file → Executable file
14
_layouts/page.html
Normal file → Executable file
@ -2,14 +2,20 @@
|
||||
layout: default
|
||||
---
|
||||
|
||||
{% include site-header.html %}
|
||||
|
||||
<main class="main container">
|
||||
|
||||
<article class="article typeset">
|
||||
<article class="article article--page content typeset">
|
||||
|
||||
<h1>{{ page.title }}</h1>
|
||||
<h1>{{ page.title }}</h1>
|
||||
|
||||
{{ content }}
|
||||
{{ content }}
|
||||
|
||||
</article>
|
||||
</article>
|
||||
|
||||
{% include site-aside.html %}
|
||||
|
||||
</main>
|
||||
|
||||
{% include site-footer.html %}
|
||||
|
||||
21
_layouts/post.html
Normal file → Executable file
21
_layouts/post.html
Normal file → Executable file
@ -2,19 +2,24 @@
|
||||
layout: default
|
||||
---
|
||||
|
||||
{% include site-header.html %}
|
||||
|
||||
<main class="main container">
|
||||
|
||||
<article class="article typeset">
|
||||
<article class="article article--post content typeset">
|
||||
|
||||
<h1>{{ page.title }}</h1>
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% include post-meta.html %}
|
||||
{{ content }}
|
||||
|
||||
<small class="small">
|
||||
{% assign words = content | number_of_words %}
|
||||
<time datetime="{{ page.date | date_to_xmlschema }}" class="time">{{ page.date | date_to_string }}</time> – <span class="time time--reading">{{ words | divided_by:180 }} minute read</span>
|
||||
</small>
|
||||
{% include post-share-buttons.html %}
|
||||
|
||||
{% include post-comments.html %}
|
||||
|
||||
{{ content }}
|
||||
</article>
|
||||
|
||||
</article>
|
||||
{% include site-aside.html %}
|
||||
|
||||
</main>
|
||||
|
||||
{% include site-footer.html %}
|
||||
|
||||
13
_posts/2016-08-27-example-post-one.md
Executable file
13
_posts/2016-08-27-example-post-one.md
Executable file
@ -0,0 +1,13 @@
|
||||
---
|
||||
title: Description of an Alembic
|
||||
category: General
|
||||
feature_image: "https://unsplash.it/1200/400?image=200"
|
||||
---
|
||||
|
||||
The complete distilling apparatus consists of three parts: the "cucurbit" (Arabic ḳarʿa, Greek βίκος), the still pot containing the liquid to be distilled, which is heated by a flame; the "head" or "cap" (Arabic anbiḳ, Greek ἄμβιξ) which fits over the mouth of the cucurbit to receive the vapors, with an attached downward-sloping "tube" (Greek σωλήν), leading to the "receiver" (Arabic ḳābila, Greek ἄγγος or φιάλη) container.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
Retorts have the "cap" and the "cucurbit" made into one. The anbik is also called the raʾs (head) of the cucurbit. The liquid in the cucurbit is heated or boiled; the vapour rises into the anbik, where it cools by contact with the walls and condenses, running down the spout into the receiver. A modern descendant of the alembic is the pot still, used to produce distilled beverages.
|
||||
|
||||
_Originally from [Alembic - Wikipedia](https://en.wikipedia.org/wiki/Alembic)_
|
||||
16
_posts/2016-08-28-example-post-two.md
Executable file
16
_posts/2016-08-28-example-post-two.md
Executable file
@ -0,0 +1,16 @@
|
||||
---
|
||||
title: History of the Alembic
|
||||
category: General
|
||||
feature_text: |
|
||||
The History of the Alembic tool
|
||||
---
|
||||
|
||||
Dioscorides' ambix (described in his De materia medica) is a helmet-shaped lid for gathering condensed mercury. For Athenaeus (~ 225 C.E.) it is a bottle or flask. For later chemists it denotes various parts of crude distillation devices.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
Alembic drawings appear in works of Cleopatra the Alchemist, Synesius, and Zosimos of Panopolis. There were alembics with two (dibikos) and three (tribikos) receivers.[4] According to Zosimos of Panopolis, the alembic was invented by Mary the Jewess.[5]
|
||||
|
||||
The anbik is described by Ibn al-Awwam in his Kitab al-Filaha (Book of Agriculture), where he explains how rose-water is distilled. Amongst others, it is mentioned in the Mafatih al-Ulum (Key of Sciences) of Khwarizmi and the Kitab al-Asrar (Book of Secrets) of Al-Razi. Some illustrations occur in the Latin translations of works which are attributed to Geber.[2]
|
||||
|
||||
_Originally from [Alembic - Wikipedia](https://en.wikipedia.org/wiki/Alembic)_
|
||||
17
_posts/2016-08-29-example-post-three.md
Executable file
17
_posts/2016-08-29-example-post-three.md
Executable file
@ -0,0 +1,17 @@
|
||||
---
|
||||
title: Description of a Pot Still
|
||||
category: General
|
||||
excerpt: |
|
||||
A pot still is a type of still used in distilling spirits such as whisky or brandy. Heat is applied directly to the pot containing the wash (for whisky) or wine (for brandy).
|
||||
feature_text: |
|
||||
## The Pot Still
|
||||
The modern pot still is a descendant of the alembic, an earlier distillation device
|
||||
feature_image: "https://unsplash.it/1200/400?image=1048"
|
||||
image: "https://unsplash.it/1200/400?image=1048"
|
||||
---
|
||||
|
||||
A pot still is a type of still used in distilling spirits such as whisky or brandy. Heat is applied directly to the pot containing the wash (for whisky) or wine (for brandy). This is called a batch distillation (as opposed to a continuous distillation).
|
||||
|
||||
At standard atmospheric pressure, alcohol boils at 78 °C (172 °F), while water boils at 100 °C (212 °F). During distillation, the vapour contains more alcohol than the liquid. When the vapours are condensed, the resulting liquid contains a higher concentration of alcohol. In the pot still, the alcohol and water vapour combine with esters and flow from the still through the condensing coil. There they condense into the first distillation liquid, the so-called "low wines". The low wines have a strength of about 25–35% alcohol by volume, and flow into a second still. It is then distilled a second time to produce the colourless spirit, collected at about 70% alcohol by volume. Colour is added through maturation in an oak aging barrel, and develops over time.
|
||||
|
||||
The modern pot still is a descendant of the alembic, an earlier distillation device.
|
||||
10
_sass/_colors.scss
Executable file
10
_sass/_colors.scss
Executable file
@ -0,0 +1,10 @@
|
||||
// Colours
|
||||
$color__site--background: #fff;
|
||||
$color__site--heading: #333;
|
||||
$color__site--body: darken($color__site--heading, 10%);
|
||||
$color__feature--background: darken($color__site--background, 5%);
|
||||
$color__site--captions: lighten($color__site--heading, 50%);
|
||||
$color__site--link: #05bf85;
|
||||
$color__site--link--hover: darken($color__site--link, 10%);
|
||||
$color__site--link--current: desaturate($color__site--link, 100%);
|
||||
$color__site--accent: #05bf85;
|
||||
394
_sass/_flex.scss
Executable file
394
_sass/_flex.scss
Executable file
@ -0,0 +1,394 @@
|
||||
// Flexbox Mixins
|
||||
// http://philipwalton.github.io/solved-by-flexbox/
|
||||
// https://github.com/philipwalton/solved-by-flexbox
|
||||
//
|
||||
// Copyright (c) 2013 Brian Franco
|
||||
//
|
||||
// Permission is hereby granted, free of charge, to any person obtaining a
|
||||
// copy of this software and associated documentation files (the
|
||||
// "Software"), to deal in the Software without restriction, including
|
||||
// without limitation the rights to use, copy, modify, merge, publish,
|
||||
// distribute, sublicense, and/or sell copies of the Software, and to
|
||||
// permit persons to whom the Software is furnished to do so, subject to
|
||||
// the following conditions:
|
||||
// The above copyright notice and this permission notice shall be included
|
||||
// in all copies or substantial portions of the Software.
|
||||
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
|
||||
// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
||||
// IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
||||
// CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
||||
// TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
||||
// SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
//
|
||||
// This is a set of mixins for those who want to mess around with flexbox
|
||||
// using the native support of current browsers. For full support table
|
||||
// check: http://caniuse.com/flexbox
|
||||
//
|
||||
// Basically this will use:
|
||||
//
|
||||
// * Fallback, old syntax (IE10, mobile webkit browsers - no wrapping)
|
||||
// * Final standards syntax (FF, Safari, Chrome, IE11, Opera)
|
||||
//
|
||||
// This was inspired by:
|
||||
//
|
||||
// * http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/
|
||||
//
|
||||
// With help from:
|
||||
//
|
||||
// * http://w3.org/tr/css3-flexbox/
|
||||
// * http://the-echoplex.net/flexyboxes/
|
||||
// * http://msdn.microsoft.com/en-us/library/ie/hh772069(v=vs.85).aspx
|
||||
// * http://css-tricks.com/using-flexbox/
|
||||
// * http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/
|
||||
// * https://developer.mozilla.org/en-us/docs/web/guide/css/flexible_boxes
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
// Flexbox Containers
|
||||
//
|
||||
// The 'flex' value causes an element to generate a block-level flex
|
||||
// container box.
|
||||
//
|
||||
// The 'inline-flex' value causes an element to generate a inline-level
|
||||
// flex container box.
|
||||
//
|
||||
// display: flex | inline-flex
|
||||
//
|
||||
// http://w3.org/tr/css3-flexbox/#flex-containers
|
||||
//
|
||||
// (Placeholder selectors for each type, for those who rather @extend)
|
||||
|
||||
@mixin flexbox {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
%flexbox { @include flexbox; }
|
||||
|
||||
//----------------------------------
|
||||
|
||||
@mixin inline-flex {
|
||||
display: -webkit-inline-box;
|
||||
display: -webkit-inline-flex;
|
||||
display: -moz-inline-flex;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
%inline-flex { @include inline-flex; }
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
// Flexbox Direction
|
||||
//
|
||||
// The 'flex-direction' property specifies how flex items are placed in
|
||||
// the flex container, by setting the direction of the flex container's
|
||||
// main axis. This determines the direction that flex items are laid out in.
|
||||
//
|
||||
// Values: row | row-reverse | column | column-reverse
|
||||
// Default: row
|
||||
//
|
||||
// http://w3.org/tr/css3-flexbox/#flex-direction-property
|
||||
|
||||
@mixin flex-direction($value: row) {
|
||||
@if $value == row-reverse {
|
||||
-webkit-box-direction: reverse;
|
||||
-webkit-box-orient: horizontal;
|
||||
} @else if $value == column {
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-box-orient: vertical;
|
||||
} @else if $value == column-reverse {
|
||||
-webkit-box-direction: reverse;
|
||||
-webkit-box-orient: vertical;
|
||||
} @else {
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-box-orient: horizontal;
|
||||
}
|
||||
-webkit-flex-direction: $value;
|
||||
-moz-flex-direction: $value;
|
||||
-ms-flex-direction: $value;
|
||||
flex-direction: $value;
|
||||
}
|
||||
// Shorter version:
|
||||
@mixin flex-dir($args...) { @include flex-direction($args...); }
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
// Flexbox Wrap
|
||||
//
|
||||
// The 'flex-wrap' property controls whether the flex container is single-line
|
||||
// or multi-line, and the direction of the cross-axis, which determines
|
||||
// the direction new lines are stacked in.
|
||||
//
|
||||
// Values: nowrap | wrap | wrap-reverse
|
||||
// Default: nowrap
|
||||
//
|
||||
// http://w3.org/tr/css3-flexbox/#flex-wrap-property
|
||||
|
||||
@mixin flex-wrap($value: nowrap) {
|
||||
// No Webkit Box fallback.
|
||||
-webkit-flex-wrap: $value;
|
||||
-moz-flex-wrap: $value;
|
||||
@if $value == nowrap {
|
||||
-ms-flex-wrap: none;
|
||||
} @else {
|
||||
-ms-flex-wrap: $value;
|
||||
}
|
||||
flex-wrap: $value;
|
||||
}
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
// Flexbox Flow (shorthand)
|
||||
//
|
||||
// The 'flex-flow' property is a shorthand for setting the 'flex-direction'
|
||||
// and 'flex-wrap' properties, which together define the flex container's
|
||||
// main and cross axes.
|
||||
//
|
||||
// Values: <flex-direction> | <flex-wrap>
|
||||
// Default: row nowrap
|
||||
//
|
||||
// http://w3.org/tr/css3-flexbox/#flex-flow-property
|
||||
|
||||
@mixin flex-flow($values: (row nowrap)) {
|
||||
// No Webkit Box fallback.
|
||||
-webkit-flex-flow: $values;
|
||||
-moz-flex-flow: $values;
|
||||
-ms-flex-flow: $values;
|
||||
flex-flow: $values;
|
||||
}
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
// Flexbox Order
|
||||
//
|
||||
// The 'order' property controls the order in which flex items appear within
|
||||
// their flex container, by assigning them to ordinal groups.
|
||||
//
|
||||
// Default: 0
|
||||
//
|
||||
// http://w3.org/tr/css3-flexbox/#order-property
|
||||
|
||||
@mixin order($int: 0) {
|
||||
-webkit-box-ordinal-group: $int + 1;
|
||||
-webkit-order: $int;
|
||||
-moz-order: $int;
|
||||
-ms-flex-order: $int;
|
||||
order: $int;
|
||||
}
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
// Flexbox Grow
|
||||
//
|
||||
// The 'flex-grow' property sets the flex grow factor. Negative numbers
|
||||
// are invalid.
|
||||
//
|
||||
// Default: 0
|
||||
//
|
||||
// http://w3.org/tr/css3-flexbox/#flex-grow-property
|
||||
|
||||
@mixin flex-grow($int: 0) {
|
||||
-webkit-box-flex: $int;
|
||||
-webkit-flex-grow: $int;
|
||||
-moz-flex-grow: $int;
|
||||
-ms-flex-positive: $int;
|
||||
flex-grow: $int;
|
||||
}
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
// Flexbox Shrink
|
||||
//
|
||||
// The 'flex-shrink' property sets the flex shrink factor. Negative numbers
|
||||
// are invalid.
|
||||
//
|
||||
// Default: 1
|
||||
//
|
||||
// http://w3.org/tr/css3-flexbox/#flex-shrink-property
|
||||
|
||||
@mixin flex-shrink($int: 1) {
|
||||
-webkit-flex-shrink: $int;
|
||||
-moz-flex-shrink: $int;
|
||||
-ms-flex-negative: $int;
|
||||
flex-shrink: $int;
|
||||
}
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
// Flexbox Basis
|
||||
//
|
||||
// The 'flex-basis' property sets the flex basis. Negative lengths are invalid.
|
||||
//
|
||||
// Values: Like "width"
|
||||
// Default: auto
|
||||
//
|
||||
// http://www.w3.org/TR/css3-flexbox/#flex-basis-property
|
||||
|
||||
@mixin flex-basis($value: auto) {
|
||||
-webkit-flex-basis: $value;
|
||||
-moz-flex-basis: $value;
|
||||
-ms-flex-preferred-size: $value;
|
||||
flex-basis: $value;
|
||||
}
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
// Flexbox "Flex" (shorthand)
|
||||
//
|
||||
// The 'flex' property specifies the components of a flexible length: the
|
||||
// flex grow factor and flex shrink factor, and the flex basis. When an
|
||||
// element is a flex item, 'flex' is consulted instead of the main size
|
||||
// property to determine the main size of the element. If an element is
|
||||
// not a flex item, 'flex' has no effect.
|
||||
//
|
||||
// Values: none | <flex-grow> <flex-shrink> || <flex-basis>
|
||||
// Default: See individual properties (1 1 0).
|
||||
//
|
||||
// http://w3.org/tr/css3-flexbox/#flex-property
|
||||
|
||||
@mixin flex($fg: 1, $fs: null, $fb: null) {
|
||||
|
||||
// Set a variable to be used by box-flex properties
|
||||
$fg-boxflex: $fg;
|
||||
|
||||
// Box-Flex only supports a flex-grow value so let's grab the
|
||||
// first item in the list and just return that.
|
||||
@if type-of($fg) == 'list' {
|
||||
$fg-boxflex: nth($fg, 1);
|
||||
}
|
||||
|
||||
-webkit-box-flex: $fg-boxflex;
|
||||
-webkit-flex: $fg $fs $fb;
|
||||
-moz-box-flex: $fg-boxflex;
|
||||
-moz-flex: $fg $fs $fb;
|
||||
-ms-flex: $fg $fs $fb;
|
||||
flex: $fg $fs $fb;
|
||||
}
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
// Flexbox Justify Content
|
||||
//
|
||||
// The 'justify-content' property aligns flex items along the main axis
|
||||
// of the current line of the flex container. This is done after any flexible
|
||||
// lengths and any auto margins have been resolved. Typically it helps distribute
|
||||
// extra free space leftover when either all the flex items on a line are
|
||||
// inflexible, or are flexible but have reached their maximum size. It also
|
||||
// exerts some control over the alignment of items when they overflow the line.
|
||||
//
|
||||
// Note: 'space-*' values not supported in older syntaxes.
|
||||
//
|
||||
// Values: flex-start | flex-end | center | space-between | space-around
|
||||
// Default: flex-start
|
||||
//
|
||||
// http://w3.org/tr/css3-flexbox/#justify-content-property
|
||||
|
||||
@mixin justify-content($value: flex-start) {
|
||||
@if $value == flex-start {
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
} @else if $value == flex-end {
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
} @else if $value == space-between {
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
} @else if $value == space-around {
|
||||
-ms-flex-pack: distribute;
|
||||
} @else {
|
||||
-webkit-box-pack: $value;
|
||||
-ms-flex-pack: $value;
|
||||
}
|
||||
-webkit-justify-content: $value;
|
||||
-moz-justify-content: $value;
|
||||
justify-content: $value;
|
||||
}
|
||||
// Shorter version:
|
||||
@mixin flex-just($args...) { @include justify-content($args...); }
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
// Flexbox Align Items
|
||||
//
|
||||
// Flex items can be aligned in the cross axis of the current line of the
|
||||
// flex container, similar to 'justify-content' but in the perpendicular
|
||||
// direction. 'align-items' sets the default alignment for all of the flex
|
||||
// container's items, including anonymous flex items. 'align-self' allows
|
||||
// this default alignment to be overridden for individual flex items. (For
|
||||
// anonymous flex items, 'align-self' always matches the value of 'align-items'
|
||||
// on their associated flex container.)
|
||||
//
|
||||
// Values: flex-start | flex-end | center | baseline | stretch
|
||||
// Default: stretch
|
||||
//
|
||||
// http://w3.org/tr/css3-flexbox/#align-items-property
|
||||
|
||||
@mixin align-items($value: stretch) {
|
||||
@if $value == flex-start {
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
} @else if $value == flex-end {
|
||||
-webkit-box-align: end;
|
||||
-ms-flex-align: end;
|
||||
} @else {
|
||||
-webkit-box-align: $value;
|
||||
-ms-flex-align: $value;
|
||||
}
|
||||
-webkit-align-items: $value;
|
||||
-moz-align-items: $value;
|
||||
align-items: $value;
|
||||
}
|
||||
|
||||
//----------------------------------
|
||||
|
||||
// Flexbox Align Self
|
||||
//
|
||||
// Values: auto | flex-start | flex-end | center | baseline | stretch
|
||||
// Default: auto
|
||||
|
||||
@mixin align-self($value: auto) {
|
||||
// No Webkit Box Fallback.
|
||||
-webkit-align-self: $value;
|
||||
-moz-align-self: $value;
|
||||
@if $value == flex-start {
|
||||
-ms-flex-item-align: start;
|
||||
} @else if $value == flex-end {
|
||||
-ms-flex-item-align: end;
|
||||
} @else {
|
||||
-ms-flex-item-align: $value;
|
||||
}
|
||||
align-self: $value;
|
||||
}
|
||||
|
||||
//----------------------------------------------------------------------
|
||||
|
||||
// Flexbox Align Content
|
||||
//
|
||||
// The 'align-content' property aligns a flex container's lines within the
|
||||
// flex container when there is extra space in the cross-axis, similar to
|
||||
// how 'justify-content' aligns individual items within the main-axis. Note,
|
||||
// this property has no effect when the flexbox has only a single line.
|
||||
//
|
||||
// Values: flex-start | flex-end | center | space-between | space-around | stretch
|
||||
// Default: stretch
|
||||
//
|
||||
// http://w3.org/tr/css3-flexbox/#align-content-property
|
||||
|
||||
@mixin align-content($value: stretch) {
|
||||
// No Webkit Box Fallback.
|
||||
-webkit-align-content: $value;
|
||||
-moz-align-content: $value;
|
||||
@if $value == flex-start {
|
||||
-ms-flex-line-pack: start;
|
||||
} @else if $value == flex-end {
|
||||
-ms-flex-line-pack: end;
|
||||
} @else {
|
||||
-ms-flex-line-pack: $value;
|
||||
}
|
||||
align-content: $value;
|
||||
}
|
||||
419
_sass/_normalize.scss
Executable file
419
_sass/_normalize.scss
Executable file
@ -0,0 +1,419 @@
|
||||
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/**
|
||||
* 1. Change the default font family in all browsers (opinionated).
|
||||
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||
* 2. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details, /* 1 */
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
main, /* 2 */
|
||||
menu,
|
||||
nav,
|
||||
section,
|
||||
summary { /* 1 */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in iOS 4-7.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10-.
|
||||
* 1. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
template, /* 1 */
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the gray background on active links in IE 10.
|
||||
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent; /* 1 */
|
||||
-webkit-text-decoration-skip: objects; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the outline on focused links when they are also active or hovered
|
||||
* in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Firefox 39-.
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font style in Android 4.3-.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct background and color in IE 9-.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background-color: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10-.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide the overflow in IE.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct margin in IE 8.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change font properties to `inherit` in all browsers (opinionated).
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font: inherit; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the font weight unset by the previous rule.
|
||||
*/
|
||||
|
||||
optgroup {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||
* controls in Android 4.
|
||||
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
html [type="button"], /* 1 */
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Change the border, margin, and padding in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10-.
|
||||
* 2. Remove the padding in IE 10-.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the text style of placeholders in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: inherit;
|
||||
opacity: 0.54;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
61
_sass/_syntax.scss
Executable file
61
_sass/_syntax.scss
Executable file
@ -0,0 +1,61 @@
|
||||
.hll { background-color: #ffffcc }
|
||||
.c { color: #999988; font-style: italic } /* Comment */
|
||||
.err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.k { color: #000000; font-weight: bold } /* Keyword */
|
||||
.o { color: #000000; font-weight: bold } /* Operator */
|
||||
.cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
|
||||
.c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.ge { color: #000000; font-style: italic } /* Generic.Emph */
|
||||
.gr { color: #aa0000 } /* Generic.Error */
|
||||
.gh { color: #999999 } /* Generic.Heading */
|
||||
.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.go { color: #888888 } /* Generic.Output */
|
||||
.gp { color: #555555 } /* Generic.Prompt */
|
||||
.gs { font-weight: bold } /* Generic.Strong */
|
||||
.gu { color: #aaaaaa } /* Generic.Subheading */
|
||||
.gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.kc { color: #000000; font-weight: bold } /* Keyword.Constant */
|
||||
.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
|
||||
.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
|
||||
.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
|
||||
.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
|
||||
.kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.m { color: #009999 } /* Literal.Number */
|
||||
.s { color: #d01040 } /* Literal.String */
|
||||
.na { color: #008080 } /* Name.Attribute */
|
||||
.nb { color: #0086B3 } /* Name.Builtin */
|
||||
.nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.no { color: #008080 } /* Name.Constant */
|
||||
.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
|
||||
.ni { color: #800080 } /* Name.Entity */
|
||||
.ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.nl { color: #990000; font-weight: bold } /* Name.Label */
|
||||
.nn { color: #555555 } /* Name.Namespace */
|
||||
.nt { color: #000080 } /* Name.Tag */
|
||||
.nv { color: #008080 } /* Name.Variable */
|
||||
.ow { color: #000000; font-weight: bold } /* Operator.Word */
|
||||
.w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.mf { color: #009999 } /* Literal.Number.Float */
|
||||
.mh { color: #009999 } /* Literal.Number.Hex */
|
||||
.mi { color: #009999 } /* Literal.Number.Integer */
|
||||
.mo { color: #009999 } /* Literal.Number.Oct */
|
||||
.sb { color: #d01040 } /* Literal.String.Backtick */
|
||||
.sc { color: #d01040 } /* Literal.String.Char */
|
||||
.sd { color: #d01040 } /* Literal.String.Doc */
|
||||
.s2 { color: #d01040 } /* Literal.String.Double */
|
||||
.se { color: #d01040 } /* Literal.String.Escape */
|
||||
.sh { color: #d01040 } /* Literal.String.Heredoc */
|
||||
.si { color: #d01040 } /* Literal.String.Interpol */
|
||||
.sx { color: #d01040 } /* Literal.String.Other */
|
||||
.sr { color: #009926 } /* Literal.String.Regex */
|
||||
.s1 { color: #d01040 } /* Literal.String.Single */
|
||||
.ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.vc { color: #008080 } /* Name.Variable.Class */
|
||||
.vg { color: #008080 } /* Name.Variable.Global */
|
||||
.vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
@ -56,7 +56,7 @@ $gutterwidths: (
|
||||
// Add weight and style details too.
|
||||
// ! Set cap height to set to the baseline.
|
||||
$bodytype: (
|
||||
font-family: '"Alegreya Sans", sans-serif',
|
||||
font-family: 'Georgia, serif',
|
||||
regular: 400,
|
||||
bold: 700,
|
||||
italic: italic,
|
||||
@ -64,7 +64,7 @@ $bodytype: (
|
||||
) !default;
|
||||
|
||||
$headingtype: (
|
||||
font-family: '"Neuton", serif',
|
||||
font-family: 'Helvetica, sans-serif',
|
||||
regular: 400,
|
||||
bold: 700,
|
||||
cap-height: 0.66
|
||||
@ -84,13 +84,25 @@ $monospacetype: (
|
||||
// Proxima Nova: 0.57, Museo Slab: 0.66, JAF Facit: 0.7, Brandon Grotesque: 0.65, Clavo: 0.7, Adelle: 0.66, FF Tisa Pro: 0.82, Jubilat: 0.66, Futura PT: 0.66, Chaparral Pro: 0.5, Minion Pro: 0.66, Myriad Pro: 0.66, Adobe Caslon Pro: 0.36
|
||||
|
||||
// Text colours. British English.
|
||||
$headingColour: darken(#46412A, 5%) !default;
|
||||
$bodyColour: #46412A !default;
|
||||
$linkColour: #5B5BFF !default;
|
||||
$hoverColour: darken(#5B5BFF, 10%) !default;
|
||||
$captionColour: #46412A !default;
|
||||
$headingColour: #2E2E2E !default;
|
||||
$bodyColour: #494949 !default;
|
||||
$linkColour: #0E58F5 !default;
|
||||
$hoverColour: #0B348B !default;
|
||||
$captionColour: #BDC8CC !default;
|
||||
$white: #FFFFFF !default;
|
||||
|
||||
// Background colours.
|
||||
$backgroundColour: #ffefc8 !default;
|
||||
$codeBackgroundColour: darken(#ffefc8, 5%) !default;
|
||||
$backgroundColour: #FCFCFC !default;
|
||||
$codeBackgroundColour: #F5F4F2 !default;
|
||||
|
||||
|
||||
// Alembic reassigned variables
|
||||
$headingColour: $color__site--heading;
|
||||
$bodyColour: $color__site--body;
|
||||
$linkColour: $color__site--link;
|
||||
$hoverColour: $color__site--link--hover;
|
||||
$captionColour: $color__site--captions;
|
||||
$white: #fff;
|
||||
|
||||
$backgroundColour: $color__site--background;
|
||||
$codeBackgroundColour: darken($color__site--background, 5%);
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,12 +0,0 @@
|
||||
/* CSS compiled from SCSS. */
|
||||
/* --------------------------------------- */
|
||||
|
||||
// Import Sassline base.
|
||||
@import "sassline-base";
|
||||
|
||||
// Import your project SCSS module partials.
|
||||
@import "modules/globals";
|
||||
@import "modules/nav";
|
||||
@import "modules/header";
|
||||
@import "modules/footer";
|
||||
@import "modules/show-grid";
|
||||
@ -1,84 +0,0 @@
|
||||
// Imports
|
||||
@import "sassline-base";
|
||||
|
||||
// Layout
|
||||
body {
|
||||
margin: 0;
|
||||
background: $backgroundColour;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 900px;
|
||||
margin: 0 auto;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
// Header
|
||||
.header {
|
||||
background: darken($backgroundColour, 10%);
|
||||
border-bottom: 1px solid darken($backgroundColour, 15%);
|
||||
.button {
|
||||
display: none;
|
||||
}
|
||||
.container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
// Logo
|
||||
.logo {
|
||||
padding: 10px 10px 10px 0;
|
||||
.image {
|
||||
max-width: 52px;
|
||||
height: auto;
|
||||
border-radius: 100%;
|
||||
}
|
||||
display: inline-block;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
// Navigation
|
||||
.nav {
|
||||
text-align: right;
|
||||
.item {
|
||||
display: inline-block;
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// Main
|
||||
.main {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
// Article
|
||||
.article {
|
||||
.small {
|
||||
color: lighten($bodyColour, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
// Posts
|
||||
.posts {
|
||||
list-style: none;
|
||||
.post {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Pagination
|
||||
.paginator {
|
||||
text-align: center;
|
||||
.pagination {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
// Footer
|
||||
.footer {
|
||||
padding: 20px 0;
|
||||
border-top: 1px solid darken($backgroundColour, 10%);
|
||||
}
|
||||
1
assets/placeholder-logo.svg
Executable file
1
assets/placeholder-logo.svg
Executable file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><radialGradient id="c" cx="35.06%" r="49.91%" fx="35.06%" fy="50%"><stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"/><stop stop-color="#EAEAEA" stop-opacity=".3" offset="100%"/></radialGradient><path id="a" d="M67.5 22.17A34.95 34.95 0 1 1 47.52 2.32l.06.04c.56.21 1.12.44 1.66.69l49.82 20.83c.52.22.77.81.58 1.33l-2.21 5.9c-.2.51-.78.79-1.3.62L67.5 22.17z"/><filter id="d" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feOffset dx="8" dy="6" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0" in="shadowInnerInner1"/></filter><mask id="e" width="99.71" height="69.9" x="0" y="0" fill="white"><use xlink:href="#a"/></mask><path id="b" d="M50.45 6H33v24a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-9H7.73l-1.66 9.04A2.49 2.49 0 0 1 3.7 32H1.9a1.6 1.6 0 0 1-1.65-1.96L4.66 6H1.99A2 2 0 0 1 0 4V2a2 2 0 0 1 2-2h57a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2.73l4.42 24.04A1.6 1.6 0 0 1 59.04 32h-1.81a2.5 2.5 0 0 1-2.37-1.96L53.2 21H37a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h15.1l-1.65-9zM10.48 6l-1.65 9H27V6H10.48z"/><mask id="f" width="61" height="32" x="0" y="0" fill="white"><use xlink:href="#b"/></mask></defs><g fill="none" fill-rule="evenodd" transform="translate(34 36)"><path fill="#05BF85" d="M34.95 69.9A34.95 34.95 0 0 0 69.9 34.95c0-3.33-69.9-3.33-69.9 0A34.95 34.95 0 0 0 34.95 69.9z"/><ellipse cx="34.95" cy="34.95" fill="#06E29D" rx="34.95" ry="3.88"/><circle cx="29" cy="44" r="2" fill="#FFFFFF" fill-opacity=".4"/><circle cx="41.5" cy="53.5" r=".5" fill="#FFFFFF" fill-opacity=".4"/><circle cx="39.5" cy="47.5" r="1.5" fill="#FFFFFF" fill-opacity=".4"/><circle cx="24.5" cy="52.5" r="1.5" fill="#FFFFFF" fill-opacity=".4"/><circle cx="32" cy="51" r="1" fill="#FFFFFF" fill-opacity=".4"/><circle cx="45" cy="42" r="1" fill="#FFFFFF" fill-opacity=".4"/><use fill="url(#c)" xlink:href="#a"/><use fill="black" filter="url(#d)" xlink:href="#a"/><use stroke="#9C9C9C" stroke-opacity=".3" stroke-width="2" mask="url(#e)" xlink:href="#a"/><g fill="#414141" stroke="#131111" stroke-width="2" transform="translate(4 57)"><use mask="url(#f)" xlink:href="#b"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
BIN
assets/placeholder-social.png
Executable file
BIN
assets/placeholder-social.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
392
assets/styles.scss
Executable file
392
assets/styles.scss
Executable file
@ -0,0 +1,392 @@
|
||||
---
|
||||
styles: true
|
||||
---
|
||||
|
||||
|
||||
// Frameworks & Imports
|
||||
@charset "utf-8";
|
||||
@import "colors.scss";
|
||||
@import "normalize";
|
||||
@import "sassline-base";
|
||||
@import "syntax";
|
||||
@import "flex";
|
||||
|
||||
|
||||
// Structural elements
|
||||
body {
|
||||
background: $color__site--background;
|
||||
color: $color__site--body;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
@include flex-direction(column);
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 90%;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
// Header, feature and footer
|
||||
.header,
|
||||
.footer {
|
||||
.container {
|
||||
padding: 1rem 0;
|
||||
@include flexbox;
|
||||
@include flex-direction(column);
|
||||
@include align-items(center);
|
||||
text-align: center;
|
||||
}
|
||||
@include breakpoint(break-1) {
|
||||
.container {
|
||||
@include flex-direction(row);
|
||||
@include justify-content(space-between);
|
||||
text-align: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.feature {
|
||||
padding-bottom: .4rem;
|
||||
margin-bottom: 1.6rem;
|
||||
text-align: center;
|
||||
background: $color__site--accent;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
@include flexbox;
|
||||
.container {
|
||||
min-height: 35vh;
|
||||
max-width: 60%;
|
||||
@include flex-direction(column);
|
||||
@include justify-content(center);
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: inline-block;
|
||||
line-height: 0;
|
||||
img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
.small {
|
||||
padding-top: .6rem;
|
||||
color: $color__site--captions;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background: lighten(invert($color__site--background), 15%);
|
||||
a {
|
||||
color: invert($color__site--heading);
|
||||
&:hover {
|
||||
color: lighten(invert($color__site--body), 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Nav and copyright
|
||||
.nav {
|
||||
&--paginator {
|
||||
@include flexbox;
|
||||
@include justify-content(space-between);
|
||||
color: $color__site--captions;
|
||||
text-align: center;
|
||||
}
|
||||
&--social {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination {
|
||||
min-width: 20%;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
@include breakpoint(break-1) {
|
||||
@include order(-1);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Main content
|
||||
.main {
|
||||
@include flexbox;
|
||||
@include flex-direction(column);
|
||||
margin-bottom: 1.6rem;
|
||||
@include breakpoint(break-1) {
|
||||
@include flex-direction(row);
|
||||
}
|
||||
}
|
||||
|
||||
.main {
|
||||
@include flex(1, 0, auto);
|
||||
}
|
||||
|
||||
.header,
|
||||
.feature,
|
||||
.footer {
|
||||
@include flex(0, 0, auto);
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
@include breakpoint(break-1) {
|
||||
width: 62%;
|
||||
margin-right: 4%;
|
||||
&--full {
|
||||
width: 100%;
|
||||
margin-right: 0%;
|
||||
.figure--full {
|
||||
left: 50%;
|
||||
}
|
||||
}
|
||||
&--aside-left {
|
||||
margin-right: 0;
|
||||
margin-left: 4%;
|
||||
@include order(2);
|
||||
.figure--full {
|
||||
left: 19.4%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.aside {
|
||||
max-width: 100%;
|
||||
@include breakpoint(break-1) {
|
||||
max-width: 34%;
|
||||
opacity: 0.5;
|
||||
transition: opacity .1s;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Lists
|
||||
.list {
|
||||
&--posts {
|
||||
list-style: none;
|
||||
}
|
||||
&--nav {
|
||||
list-style: none;
|
||||
}
|
||||
.item--post {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.item {
|
||||
&--nav {
|
||||
display: inline-block;
|
||||
margin-left: 1rem;
|
||||
&:first-of-type {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
&--current {
|
||||
a {
|
||||
color: $color__site--link--current;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Links, icons and images
|
||||
.link {
|
||||
display: inline-block;
|
||||
margin: .2rem;
|
||||
.icon {
|
||||
display: inline-block;
|
||||
transition: fill .1s;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
&:hover {
|
||||
fill: darken($color__site--link, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
vertical-align: middle;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
fill: CurrentColor;
|
||||
}
|
||||
|
||||
svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.figure {
|
||||
line-height: 0;
|
||||
&--full {
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
margin-left: -50vw;
|
||||
.caption {
|
||||
padding-left: .8rem;
|
||||
padding-right: .8rem;
|
||||
}
|
||||
}
|
||||
@include breakpoint(break-1) {
|
||||
&--full {
|
||||
left: 80.6%;
|
||||
}
|
||||
&--left {
|
||||
float: left;
|
||||
padding-right: .8rem;
|
||||
}
|
||||
&--right {
|
||||
float: right;
|
||||
padding-left: .8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Video and map embeds
|
||||
.video,
|
||||
.map {
|
||||
position: relative;
|
||||
padding-bottom: 56.25%;
|
||||
height: 0;
|
||||
iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.map {
|
||||
padding-bottom: 70%;
|
||||
}
|
||||
|
||||
.figure,
|
||||
.video,
|
||||
.map {
|
||||
margin-bottom: .8rem;
|
||||
}
|
||||
|
||||
audio,
|
||||
video {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
// Form elements and buttons
|
||||
button,
|
||||
.button,
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="submit"],
|
||||
textarea {
|
||||
padding: .6rem 1.2rem;
|
||||
margin-bottom: .6rem;
|
||||
transition: color .1s, background-color .1s, border .1s;
|
||||
line-height: inherit;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
-webkit-appearance: none;
|
||||
&:focus {
|
||||
outline: solid .2rem invert($color__site--accent);
|
||||
}
|
||||
.icon {
|
||||
margin: 0 0 .35rem;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="submit"],
|
||||
button,
|
||||
.button {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
background: $color__site--accent;
|
||||
position: relative;
|
||||
transition: box-shadow .1s;
|
||||
will-change: box-shadow;
|
||||
box-shadow: inset 0 0 0 2rem transparent;
|
||||
&:hover {
|
||||
box-shadow: inset 0 0 0 2rem rgba(0,0,0,0.2);
|
||||
}
|
||||
&:active,
|
||||
&:focus {
|
||||
box-shadow: inset 0 0 0 2rem rgba(0,0,0,0.4);
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
textarea {
|
||||
width: 100%;
|
||||
border: 1px solid $color__site--captions;
|
||||
&:hover {
|
||||
border-color: darken($color__site--captions, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
label {
|
||||
@include baseline($fontsize: zeta, $font: $bodytype, $lineheight: 2, $below: 2, $breakpoint: all);
|
||||
}
|
||||
|
||||
.required {
|
||||
color: red;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: darken($color__site--captions, 30%);
|
||||
}
|
||||
::-moz-placeholder {
|
||||
color: darken($color__site--captions, 30%);
|
||||
}
|
||||
:-ms-input-placeholder {
|
||||
color: darken($color__site--captions, 30%);
|
||||
}
|
||||
:-moz-placeholder {
|
||||
color: darken($color__site--captions, 30%);
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: $color__site--heading;
|
||||
color: $color__site--background;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
// Sassline overrides
|
||||
.typeset {
|
||||
.button,
|
||||
button {
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
color: lighten(invert($color__site--body), 15%);
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
background-image: none;
|
||||
color: lighten(invert($color__site--body), 15%);
|
||||
}
|
||||
}
|
||||
hr {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
7
demo/404.md
Executable file
7
demo/404.md
Executable file
@ -0,0 +1,7 @@
|
||||
---
|
||||
title: "404"
|
||||
excerpt: "Page Not Found"
|
||||
permalink: 404.html
|
||||
---
|
||||
|
||||
Sorry, but the page could not be found.
|
||||
12
demo/Gemfile
Executable file
12
demo/Gemfile
Executable file
@ -0,0 +1,12 @@
|
||||
source "https://rubygems.org"
|
||||
|
||||
# Make sure Jekyll 3.3 is running
|
||||
gem "jekyll", "~> 3.3"
|
||||
|
||||
# The theme for the site
|
||||
gem "garth-jekyll-theme", "~> 0.4"
|
||||
|
||||
# The plugins for the site
|
||||
group :jekyll_plugins do
|
||||
gem "jekyll-paginate"
|
||||
end
|
||||
@ -1,10 +1,63 @@
|
||||
# Site configuration
|
||||
# 1. Files excluded from Jekyll builds
|
||||
# 2. Installed Gems
|
||||
# 3. Gem settings
|
||||
# 4. Jekyll settings
|
||||
# 5. Collections
|
||||
# 6. Jekyll collections settings
|
||||
# 7. Site settings
|
||||
|
||||
# 1. Files excluded from Jekyll builds
|
||||
exclude:
|
||||
- README.md
|
||||
- screenshot.png
|
||||
- LICENSE
|
||||
- CNAME
|
||||
- Gemfile
|
||||
- Gemfile.lock
|
||||
|
||||
# 2. Installed Gems
|
||||
gems:
|
||||
- jekyll-paginate
|
||||
|
||||
theme: garth-jekyll-theme
|
||||
|
||||
title: This is Garth
|
||||
description: "Write an awesome description for your new site here. It will appear in your document head meta (for Google search results) and in your feed.xml site description."
|
||||
# 3. Gem settings
|
||||
paginate: 2 # jekyll-paginate > items per page
|
||||
paginate_path: blog/page:num # jekyll-paginate > blog page
|
||||
|
||||
# 4. Jekyll settings
|
||||
sass:
|
||||
style: compressed # Style compression
|
||||
permalink: pretty # Permalink style (/YYYY/MM/DD/page-name/)
|
||||
excerpt_separator: <!-- more --> # Marks end of excerpt in posts
|
||||
timezone: Europe/London # Timezone for blog posts and alike
|
||||
|
||||
# 5. Collections
|
||||
collections:
|
||||
posts:
|
||||
permalink: /posts/:title
|
||||
title: Posts # Needed for Siteleaf
|
||||
output: true
|
||||
description: "My thoughts and ideas" # The post list page content
|
||||
|
||||
logo: https://avatars3.githubusercontent.com/u/1177460?v=3&s=300
|
||||
# 6. Jekyll collections settings
|
||||
defaults:
|
||||
-
|
||||
scope:
|
||||
path: ""
|
||||
type: pages
|
||||
values:
|
||||
layout: page # Default layout
|
||||
-
|
||||
scope:
|
||||
path: ""
|
||||
type: posts
|
||||
values:
|
||||
layout: post # Default layout
|
||||
|
||||
# 7. Site settings
|
||||
encoding: utf-8 # Make sure the encoding is right
|
||||
title: "Garth" # Site name or title, also used in jekyll-seo-tag
|
||||
logo: "https://www.gravatar.com/avatar/6c0377abcf4da91cdd35dea4554b2a4c?s=300" # Site logo, also used in jekyll-seo-tag
|
||||
description: "A stupidly simple theme for Jekyll (3.2), using official Jekyll theme implementation" # Site description and default description, also used in jekyll-seo-tag
|
||||
url: "https://garth.darn.es" # Site url, also used in jekyll-seo-tag
|
||||
|
||||
@ -1,12 +0,0 @@
|
||||
---
|
||||
layout: post
|
||||
---
|
||||
|
||||
Eos eu docendi tractatos sapientem, brute option menandri in vix, quando vivendo accommodare te ius. Nec melius fastidii constituam id, viderer theophrastus ad sit, hinc semper periculis cum id. Noluisse postulant assentior est in, no choro sadipscing repudiandae vix. Vis in euismod delenit dignissim. Ex quod nostrum sit, suas decore animal id ius, nobis solet detracto quo te.
|
||||
|
||||
{% comment %}
|
||||
Might you have an include in your theme? Why not try it here!
|
||||
{% include my-themes-great-include.html %}
|
||||
{% endcomment %}
|
||||
|
||||
No laudem altera adolescens has, volumus lucilius eum no. Eam ei nulla audiam efficiantur. Suas affert per no, ei tale nibh sea. Sea ne magna harum, in denique scriptorem sea, cetero alienum tibique ei eos. Labores persequeris referrentur eos ei.
|
||||
@ -1,11 +0,0 @@
|
||||
---
|
||||
layout: post
|
||||
title: "Some articles are just so long they deserve a really long title to see if things will break well"
|
||||
categories: misc
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
|
||||
@ -1,88 +0,0 @@
|
||||
---
|
||||
layout: post
|
||||
title: "This post demonstrates post content styles"
|
||||
categories: junk
|
||||
author: "Bart Simpson"
|
||||
meta: "Springfield"
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.
|
||||
|
||||
## Some great heading (h2)
|
||||
|
||||
Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu.
|
||||
|
||||
Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
|
||||
|
||||
## Another great heading (h2)
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.
|
||||
|
||||
### Some great subheading (h3)
|
||||
|
||||
Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum.
|
||||
|
||||
Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.
|
||||
|
||||
### Some great subheading (h3)
|
||||
|
||||
Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
|
||||
|
||||
> This quote will change your life. It will reveal the secrets of the universe, and all the wonders of humanity. Don't misuse it.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt.
|
||||
|
||||
### Some great subheading (h3)
|
||||
|
||||
Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum.
|
||||
|
||||
```html
|
||||
<html>
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
<p>Hello, World!</p>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
|
||||
In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
|
||||
|
||||
#### You might want a sub-subheading (h4)
|
||||
|
||||
In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
|
||||
|
||||
In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
|
||||
|
||||
#### But it's probably overkill (h4)
|
||||
|
||||
In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
|
||||
|
||||
### Oh hai, an unordered list!!
|
||||
|
||||
In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
|
||||
|
||||
- First item, yo
|
||||
- Second item, dawg
|
||||
- Third item, what what?!
|
||||
- Fourth item, fo sheezy my neezy
|
||||
|
||||
### Oh hai, an ordered list!!
|
||||
|
||||
In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
|
||||
|
||||
1. First item, yo
|
||||
2. Second item, dawg
|
||||
3. Third item, what what?!
|
||||
4. Fourth item, fo sheezy my neezy
|
||||
|
||||
|
||||
|
||||
## Headings are cool! (h2)
|
||||
|
||||
Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
|
||||
|
||||
Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
|
||||
|
||||
Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.
|
||||
13
demo/_posts/2016-08-27-example-post-one.md
Executable file
13
demo/_posts/2016-08-27-example-post-one.md
Executable file
@ -0,0 +1,13 @@
|
||||
---
|
||||
title: Description of an Alembic
|
||||
category: General
|
||||
feature_image: "https://unsplash.it/1200/400?image=200"
|
||||
---
|
||||
|
||||
The complete distilling apparatus consists of three parts: the "cucurbit" (Arabic ḳarʿa, Greek βίκος), the still pot containing the liquid to be distilled, which is heated by a flame; the "head" or "cap" (Arabic anbiḳ, Greek ἄμβιξ) which fits over the mouth of the cucurbit to receive the vapors, with an attached downward-sloping "tube" (Greek σωλήν), leading to the "receiver" (Arabic ḳābila, Greek ἄγγος or φιάλη) container.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
Retorts have the "cap" and the "cucurbit" made into one. The anbik is also called the raʾs (head) of the cucurbit. The liquid in the cucurbit is heated or boiled; the vapour rises into the anbik, where it cools by contact with the walls and condenses, running down the spout into the receiver. A modern descendant of the alembic is the pot still, used to produce distilled beverages.
|
||||
|
||||
_Originally from [Alembic - Wikipedia](https://en.wikipedia.org/wiki/Alembic)_
|
||||
16
demo/_posts/2016-08-28-example-post-two.md
Executable file
16
demo/_posts/2016-08-28-example-post-two.md
Executable file
@ -0,0 +1,16 @@
|
||||
---
|
||||
title: History of the Alembic
|
||||
category: General
|
||||
feature_text: |
|
||||
The History of the Alembic tool
|
||||
---
|
||||
|
||||
Dioscorides' ambix (described in his De materia medica) is a helmet-shaped lid for gathering condensed mercury. For Athenaeus (~ 225 C.E.) it is a bottle or flask. For later chemists it denotes various parts of crude distillation devices.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
Alembic drawings appear in works of Cleopatra the Alchemist, Synesius, and Zosimos of Panopolis. There were alembics with two (dibikos) and three (tribikos) receivers.[4] According to Zosimos of Panopolis, the alembic was invented by Mary the Jewess.[5]
|
||||
|
||||
The anbik is described by Ibn al-Awwam in his Kitab al-Filaha (Book of Agriculture), where he explains how rose-water is distilled. Amongst others, it is mentioned in the Mafatih al-Ulum (Key of Sciences) of Khwarizmi and the Kitab al-Asrar (Book of Secrets) of Al-Razi. Some illustrations occur in the Latin translations of works which are attributed to Geber.[2]
|
||||
|
||||
_Originally from [Alembic - Wikipedia](https://en.wikipedia.org/wiki/Alembic)_
|
||||
17
demo/_posts/2016-08-29-example-post-three.md
Executable file
17
demo/_posts/2016-08-29-example-post-three.md
Executable file
@ -0,0 +1,17 @@
|
||||
---
|
||||
title: Description of a Pot Still
|
||||
category: General
|
||||
excerpt: |
|
||||
A pot still is a type of still used in distilling spirits such as whisky or brandy. Heat is applied directly to the pot containing the wash (for whisky) or wine (for brandy).
|
||||
feature_text: |
|
||||
## The Pot Still
|
||||
The modern pot still is a descendant of the alembic, an earlier distillation device
|
||||
feature_image: "https://unsplash.it/1200/400?image=1048"
|
||||
image: "https://unsplash.it/1200/400?image=1048"
|
||||
---
|
||||
|
||||
A pot still is a type of still used in distilling spirits such as whisky or brandy. Heat is applied directly to the pot containing the wash (for whisky) or wine (for brandy). This is called a batch distillation (as opposed to a continuous distillation).
|
||||
|
||||
At standard atmospheric pressure, alcohol boils at 78 °C (172 °F), while water boils at 100 °C (212 °F). During distillation, the vapour contains more alcohol than the liquid. When the vapours are condensed, the resulting liquid contains a higher concentration of alcohol. In the pot still, the alcohol and water vapour combine with esters and flow from the still through the condensing coil. There they condense into the first distillation liquid, the so-called "low wines". The low wines have a strength of about 25–35% alcohol by volume, and flow into a second still. It is then distilled a second time to produce the colourless spirit, collected at about 70% alcohol by volume. Colour is added through maturation in an oak aging barrel, and develops over time.
|
||||
|
||||
The modern pot still is a descendant of the alembic, an earlier distillation device.
|
||||
@ -1,85 +0,0 @@
|
||||
---
|
||||
title: About
|
||||
layout: page
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.
|
||||
|
||||
## Some great heading (h2)
|
||||
|
||||
Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu.
|
||||
|
||||
Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
|
||||
|
||||
## Another great heading (h2)
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.
|
||||
|
||||
### Some great subheading (h3)
|
||||
|
||||
Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum.
|
||||
|
||||
Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.
|
||||
|
||||
### Some great subheading (h3)
|
||||
|
||||
Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
|
||||
|
||||
> This quote will change your life. It will reveal the secrets of the universe, and all the wonders of humanity. Don't misuse it.
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt.
|
||||
|
||||
### Some great subheading (h3)
|
||||
|
||||
Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum.
|
||||
|
||||
```html
|
||||
<html>
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
<p>Hello, World!</p>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
|
||||
In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
|
||||
|
||||
#### You might want a sub-subheading (h4)
|
||||
|
||||
In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
|
||||
|
||||
In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
|
||||
|
||||
#### But it's probably overkill (h4)
|
||||
|
||||
In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
|
||||
|
||||
### Oh hai, an unordered list!!
|
||||
|
||||
In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
|
||||
|
||||
- First item, yo
|
||||
- Second item, dawg
|
||||
- Third item, what what?!
|
||||
- Fourth item, fo sheezy my neezy
|
||||
|
||||
### Oh hai, an ordered list!!
|
||||
|
||||
In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.
|
||||
|
||||
1. First item, yo
|
||||
2. Second item, dawg
|
||||
3. Third item, what what?!
|
||||
4. Fourth item, fo sheezy my neezy
|
||||
|
||||
|
||||
|
||||
## Headings are cool! (h2)
|
||||
|
||||
Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
|
||||
|
||||
Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.
|
||||
|
||||
Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.
|
||||
@ -1,6 +0,0 @@
|
||||
---
|
||||
title: Blog
|
||||
layout: front
|
||||
---
|
||||
|
||||
<p>My posts and thoughts.</p>
|
||||
@ -1,4 +0,0 @@
|
||||
---
|
||||
---
|
||||
|
||||
@import "theme";
|
||||
@ -1,10 +0,0 @@
|
||||
---
|
||||
title: Home
|
||||
layout: page
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, quo id prima corrumpit pertinacia, id ius dolor dolores, an veri pertinax explicari mea. Agam solum et qui, his id ludus graeco adipiscing. Duis theophrastus nam in, at his vidisse atomorum. Tantas gloriatur scripserit ne eos. Est wisi tempor habemus at, ei graeco dissentiet eos. Ne usu aliquip sanctus conceptam, te vis ignota animal, modus latine contentiones ius te.
|
||||
|
||||
Te falli veritus sea, at molestiae scribentur deterruisset vix, et mea zril phaedrum vulputate. No cum dicit consulatu. Ut has nostro noluisse expetendis, te pro quaeque disputando, eu sed summo omnes. Eos at tale aperiam, usu cu propriae quaestio constituto, sed aperiam erroribus temporibus an.
|
||||
|
||||
Quo eu liber mediocritatem, vix an delectus eleifend, iuvaret suscipit ei vel. Partem invenire per an, mea postulant dissentias eu, ius tantas audire nominavi eu. Dicunt tritani veritus ex vis, mei in case sententiae. At exerci democritum nam, cu lobortis iracundia mei. Alia eligendi consectetuer eu sed, paulo docendi noluisse sit ex.
|
||||
@ -1,4 +0,0 @@
|
||||
---
|
||||
---
|
||||
|
||||
{% include theme.js %}
|
||||
15
garth-jekyll-theme.gemspec
Normal file → Executable file
15
garth-jekyll-theme.gemspec
Normal file → Executable file
@ -2,16 +2,19 @@
|
||||
|
||||
Gem::Specification.new do |spec|
|
||||
spec.name = "garth-jekyll-theme"
|
||||
spec.version = "0.3.0"
|
||||
spec.version = "0.4.0"
|
||||
spec.authors = ["David Darnes"]
|
||||
spec.email = ["me@daviddarnes.com"]
|
||||
|
||||
spec.summary = "A stupidly simple theme for Jekyll (3.2)"
|
||||
spec.description = 'A stupidly simple theme for Jekyll (3.2), using official Jekyll theme implementation'
|
||||
spec.homepage = "https://github.com/daviddarnes/garth-jekyll-theme"
|
||||
spec.summary = %q{A stupidly simple theme for Jekyll.}
|
||||
spec.description = "A stupidly simple theme for Jekyll, using the official Jekyll theme implementation."
|
||||
spec.homepage = "https://garth.darn.es"
|
||||
spec.license = "MIT"
|
||||
|
||||
spec.files = `git ls-files -z`.split("\x0").select { |f| f.match(%r{^(_layouts|_includes|_sass|LICENSE|README)/i}) }
|
||||
spec.files = `git ls-files -z`.split("\x0").select { |f| f.match(%r{^(assets|_layouts|_includes|_sass|LICENSE|README)}i) }
|
||||
|
||||
spec.add_runtime_dependency "jekyll", "~> 3.2"
|
||||
spec.add_runtime_dependency "jekyll", "~> 3.3"
|
||||
spec.add_runtime_dependency "jekyll-paginate", "~> 1.1"
|
||||
|
||||
spec.add_development_dependency "bundler", "~> 1.12"
|
||||
end
|
||||
|
||||
4
index.html
Executable file
4
index.html
Executable file
@ -0,0 +1,4 @@
|
||||
---
|
||||
layout: home
|
||||
collectionpage: posts
|
||||
---
|
||||
Loading…
Reference in New Issue
Block a user