caspertwo 2.0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +49 -0
- data/_includes/floating-header.html +38 -0
- data/_includes/footer.html +21 -0
- data/_includes/google-analytics.html +9 -0
- data/_includes/header.html +19 -0
- data/_includes/icons/facebook.html +1 -0
- data/_includes/icons/github.html +1 -0
- data/_includes/icons/infinity.html +1 -0
- data/_includes/icons/location.html +1 -0
- data/_includes/icons/point.html +1 -0
- data/_includes/icons/rss.html +1 -0
- data/_includes/icons/twitter.html +1 -0
- data/_includes/icons/website.html +1 -0
- data/_includes/post-card.html +30 -0
- data/_includes/read-next.html +15 -0
- data/_includes/scripts.html +72 -0
- data/_includes/site-nav.html +34 -0
- data/_layouts/default.html +31 -0
- data/_layouts/home.html +17 -0
- data/_layouts/page.html +29 -0
- data/_layouts/post.html +61 -0
- data/assets/js/infinitescroll.js +83 -0
- data/assets/js/jquery.fitvids.js +87 -0
- data/assets/screen.css +2 -0
- data/assets/screen.css.map +1 -0
- metadata +99 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA1:
|
|
3
|
+
metadata.gz: de72bea2964d1b7f735a9d59fccfba5bb286d551
|
|
4
|
+
data.tar.gz: 52d79f7fef8527ed5528f0ac176cbbff89e691a4
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: 6e98adbbc729d1f4d668f2605c67b5d6a819434ffbea81c3f779c91a4965bd2ffb700dc5bdaa652ef5be84668db61aa82ea3e5328a049da66df29eaeb2e635be
|
|
7
|
+
data.tar.gz: 920397714523545e1f1b205706d8c52117b44a61eb73dcefe8e689f318a45dc81fd989e43d7c069a790d6baeb8dac8aef1a42ee60432c92797a41c51d55d0ffb
|
data/LICENSE.txt
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2017 Jonathan Underwood
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
|
13
|
+
all copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
# caspertwo
|
|
2
|
+
|
|
3
|
+
[](https://travis-ci.org/jyunderwood/jekyll-caspertwo)
|
|
4
|
+
|
|
5
|
+
A port of Casper 2.0 to Jekyll. Just porting templates, the CSS hasn't been changed.
|
|
6
|
+
|
|
7
|
+
What's currently missing:
|
|
8
|
+
|
|
9
|
+
- tag archives
|
|
10
|
+
- pagination
|
|
11
|
+
- per-post author info
|
|
12
|
+
- error page
|
|
13
|
+
- additional links in site-nav
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## Installation
|
|
18
|
+
|
|
19
|
+
Add this line to your Jekyll site's Gemfile:
|
|
20
|
+
|
|
21
|
+
```ruby
|
|
22
|
+
gem "caspertwo"
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
And add this line to your Jekyll site:
|
|
26
|
+
|
|
27
|
+
```yaml
|
|
28
|
+
theme: caspertwo
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
And then execute:
|
|
32
|
+
|
|
33
|
+
$ bundle
|
|
34
|
+
|
|
35
|
+
### Enabling Google Analytics
|
|
36
|
+
|
|
37
|
+
To enable Google Anaytics, add the following lines to your Jekyll site:
|
|
38
|
+
|
|
39
|
+
```yaml
|
|
40
|
+
google_analytics: UA-NNNNNNNN-N
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
Google Analytics will only appear in production, i.e., `JEKYLL_ENV=production`
|
|
44
|
+
|
|
45
|
+
## Development
|
|
46
|
+
|
|
47
|
+
To set up your environment to develop this theme, run `script/bootstrap`.
|
|
48
|
+
|
|
49
|
+
To test your theme, run `script/server` (or `bundle exec jekyll serve`) and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme and the contents. As you make modifications, your site will regenerate and you should see the changes in the browser after a refresh.
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
<div class="floating-header">
|
|
2
|
+
<div class="floating-header-logo">
|
|
3
|
+
<a href="{{ "/" | relative_url }}">
|
|
4
|
+
{% if site.icon %}
|
|
5
|
+
<img src="{{ site.icon }}" alt="{{ site.title }} icon" />
|
|
6
|
+
{% endif %}
|
|
7
|
+
|
|
8
|
+
<span>{{ site.title }}</span>
|
|
9
|
+
</a>
|
|
10
|
+
</div>
|
|
11
|
+
|
|
12
|
+
<span class="floating-header-divider">—</span>
|
|
13
|
+
<div class="floating-header-title">{{ page.title }}</div>
|
|
14
|
+
|
|
15
|
+
<div class="floating-header-share">
|
|
16
|
+
<div class="floating-header-share-label">
|
|
17
|
+
Share this {% include icons/point.html %}
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
<a class="floating-header-share-tw"
|
|
21
|
+
href="https://twitter.com/share?text={{ page.title | uri_escape }}&url={{ page.url | replace:'index.html','' | absolute_url }}"
|
|
22
|
+
onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;">
|
|
23
|
+
{% include icons/twitter.html %}
|
|
24
|
+
</a>
|
|
25
|
+
|
|
26
|
+
<a class="floating-header-share-fb"
|
|
27
|
+
href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | replace:'index.html','' | absolute_url }}"
|
|
28
|
+
onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
|
|
29
|
+
{% include icons/facebook.html %}
|
|
30
|
+
</a>
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
<progress class="progress" value="0">
|
|
34
|
+
<div class="progress-container">
|
|
35
|
+
<span class="progress-bar"></span>
|
|
36
|
+
</div>
|
|
37
|
+
</progress>
|
|
38
|
+
</div>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<footer class="site-footer outer">
|
|
2
|
+
<div class="site-footer-content inner">
|
|
3
|
+
<section class="copyright">
|
|
4
|
+
<a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a> © {{ site.time | date: '%Y' }}
|
|
5
|
+
</section>
|
|
6
|
+
|
|
7
|
+
<nav class="site-footer-nav">
|
|
8
|
+
<a href="{{ "/" | relative_url }}">Latest Posts</a>
|
|
9
|
+
|
|
10
|
+
{% if site.twitter_username %}
|
|
11
|
+
<a href="https://twitter.com/{{ site.twitter_username }}" target="_blank">Twitter</a>
|
|
12
|
+
{% endif %}
|
|
13
|
+
|
|
14
|
+
{% if site.github_username %}
|
|
15
|
+
<a href="https://github.com/{{ site.github_username }}" target="_blank">Github</a>
|
|
16
|
+
{% endif %}
|
|
17
|
+
|
|
18
|
+
<a href="https://jekyllrb.com" target="_blank">Jekyll</a>
|
|
19
|
+
</nav>
|
|
20
|
+
</div>
|
|
21
|
+
</footer>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
3
|
+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
4
|
+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
5
|
+
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
6
|
+
|
|
7
|
+
ga('create', '{{ site.google_analytics }}', 'auto');
|
|
8
|
+
ga('send', 'pageview');
|
|
9
|
+
</script>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<header class="site-header outer {% if site.cover_image %}" style="background-image: url({{ site.cover_image }}){% else %}no-cover{% endif %}">
|
|
2
|
+
<div class="inner">
|
|
3
|
+
<div class="site-header-content">
|
|
4
|
+
<h1 class="site-title">
|
|
5
|
+
{% if site.logo %}
|
|
6
|
+
<img class="site-logo" src="{{ site.logo }}" alt="{{ site.title }}" />
|
|
7
|
+
{% else %}
|
|
8
|
+
{{ site.title }}
|
|
9
|
+
{% endif %}
|
|
10
|
+
</h1>
|
|
11
|
+
|
|
12
|
+
<h2 class="site-description">
|
|
13
|
+
{{ site.subtitle }}
|
|
14
|
+
</h2>
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
{% include site-nav.html %}
|
|
18
|
+
</div>
|
|
19
|
+
</header>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg aria-labelledby="title" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14.5s2 3 5 3 5.5-2.463 5.5-5.5S21 6.5 18 6.5c-5 0-7 11-12 11C2.962 17.5.5 15.037.5 12S3 6.5 6 6.5s4.5 3.5 4.5 3.5"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none"><path d="M19.5 8c0 4.144-7.5 15.5-7.5 15.5S4.5 12.144 4.5 8C4.5 3.858 7.857.5 12 .5c4.142 0 7.5 3.358 7.5 7.5z"/><circle cx="12" cy="8" r="3"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.5 15.5V4a1.5 1.5 0 1 1 3 0v4.5h2a1 1 0 0 1 1 1h2a1 1 0 0 1 1 1H18a1.5 1.5 0 0 1 1.5 1.5v3.099c0 .929-.13 1.854-.385 2.748L17.5 23.5h-9c-1.5-2-5.417-8.673-5.417-8.673a1.2 1.2 0 0 1 1.76-1.605L7.5 15.5zm6-6v2m-3-3.5v3.5m6-1v2"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="6.18" cy="17.82" r="2.18"/><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.5 11.957c0 6.375-5.163 11.544-11.532 11.544C5.599 23.5.5 18.125.5 11.75.5 5.542 5.37.758 11.505.511l.5-.011C18.374.5 23.5 5.582 23.5 11.957zM11.505.511c-6 6.5-6 14.98 0 22.98m1-22.98c6 6.5 6 14.977 0 22.977M2 17.479h20.063m-19.657-12h19.062m-20.968 6h22.938" stroke="#000" stroke-linejoin="round" stroke-miterlimit="10" fill="none"/></svg>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
<article class="post-card post{% unless post.feature_image %} no-image{% endunless %}">
|
|
2
|
+
{% if post.feature_image %}
|
|
3
|
+
<a class="post-card-image-link" href="{{ post.url | relative_url }}">
|
|
4
|
+
<div class="post-card-image" style="background-image: url({{ post.feature_image }})"></div>
|
|
5
|
+
</a>
|
|
6
|
+
{% endif %}
|
|
7
|
+
|
|
8
|
+
<div class="post-card-content">
|
|
9
|
+
<a class="post-card-content-link" href="{{ post.url | relative_url }}">
|
|
10
|
+
<header class="post-card-header">
|
|
11
|
+
{% unless post.tags.count.zero? %}
|
|
12
|
+
<span class="post-card-tags">{{ post.tags.first }}</span>
|
|
13
|
+
{% endunless %}
|
|
14
|
+
|
|
15
|
+
<h2 class="post-card-title">{{ post.title }}</h2>
|
|
16
|
+
</header>
|
|
17
|
+
|
|
18
|
+
<section class="post-card-excerpt">
|
|
19
|
+
<p>{{ post.excerpt | default: post.content | strip_html | normalize_whitespace | truncatewords: 33 | escape }}</p>
|
|
20
|
+
</section>
|
|
21
|
+
</a>
|
|
22
|
+
|
|
23
|
+
<footer class="post-card-meta">
|
|
24
|
+
{% if site.author.profile_image %}
|
|
25
|
+
<img class="author-profile-image" src="{{author.profile_image}}" alt="{{site.author.name}}" />
|
|
26
|
+
{% endif %}
|
|
27
|
+
<span class="post-card-author">{{ site.author.name }}</span>
|
|
28
|
+
</footer>
|
|
29
|
+
</div>
|
|
30
|
+
</article>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<aside class="read-next outer">
|
|
2
|
+
<div class="inner">
|
|
3
|
+
<div class="read-next-feed">
|
|
4
|
+
{% if page.next %}
|
|
5
|
+
{% assign post = page.next %}
|
|
6
|
+
{% include post-card.html %}
|
|
7
|
+
{% endif %}
|
|
8
|
+
|
|
9
|
+
{% if page.previous %}
|
|
10
|
+
{% assign post = page.previous %}
|
|
11
|
+
{% include post-card.html %}
|
|
12
|
+
{% endif %}
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
</aside>
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
<script
|
|
2
|
+
src="https://code.jquery.com/jquery-3.2.1.min.js"
|
|
3
|
+
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
|
|
4
|
+
crossorigin="anonymous">
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<script type="text/javascript" src="{{ "assets/js/jquery.fitvids.js" | relative_url }}"></script>
|
|
8
|
+
|
|
9
|
+
<!-- TODO: Bring in infinitescroll.js -->
|
|
10
|
+
|
|
11
|
+
<script>
|
|
12
|
+
// NOTE: Scroll performance is poor in Safari
|
|
13
|
+
// - this appears to be due to the events firing much more slowly in Safari.
|
|
14
|
+
// Dropping the scroll event and using only a raf loop results in smoother
|
|
15
|
+
// scrolling but continuous processing even when not scrolling
|
|
16
|
+
$(document).ready(function () {
|
|
17
|
+
// Start fitVids
|
|
18
|
+
var $postContent = $(".post-full-content");
|
|
19
|
+
$postContent.fitVids();
|
|
20
|
+
// End fitVids
|
|
21
|
+
|
|
22
|
+
var progressBar = document.querySelector('progress');
|
|
23
|
+
var header = document.querySelector('.floating-header');
|
|
24
|
+
var title = document.querySelector('.post-full-title');
|
|
25
|
+
|
|
26
|
+
var lastScrollY = window.scrollY;
|
|
27
|
+
var lastWindowHeight = window.innerHeight;
|
|
28
|
+
var lastDocumentHeight = $(document).height();
|
|
29
|
+
var ticking = false;
|
|
30
|
+
|
|
31
|
+
function onScroll() {
|
|
32
|
+
lastScrollY = window.scrollY;
|
|
33
|
+
requestTick();
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
function onResize() {
|
|
37
|
+
lastWindowHeight = window.innerHeight;
|
|
38
|
+
lastDocumentHeight = $(document).height();
|
|
39
|
+
requestTick();
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
function requestTick() {
|
|
43
|
+
if (!ticking) {
|
|
44
|
+
requestAnimationFrame(update);
|
|
45
|
+
}
|
|
46
|
+
ticking = true;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
function update() {
|
|
50
|
+
var trigger = title.getBoundingClientRect().top + window.scrollY;
|
|
51
|
+
var triggerOffset = title.offsetHeight + 35;
|
|
52
|
+
var progressMax = lastDocumentHeight - lastWindowHeight;
|
|
53
|
+
|
|
54
|
+
// show/hide floating header
|
|
55
|
+
if (lastScrollY >= trigger + triggerOffset) {
|
|
56
|
+
header.classList.add('floating-active');
|
|
57
|
+
} else {
|
|
58
|
+
header.classList.remove('floating-active');
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
progressBar.setAttribute('max', progressMax);
|
|
62
|
+
progressBar.setAttribute('value', lastScrollY);
|
|
63
|
+
|
|
64
|
+
ticking = false;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
window.addEventListener('scroll', onScroll, {passive: true});
|
|
68
|
+
window.addEventListener('resize', onResize, false);
|
|
69
|
+
|
|
70
|
+
update();
|
|
71
|
+
});
|
|
72
|
+
</script>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<nav class="site-nav">
|
|
2
|
+
<div class="site-nav-left">
|
|
3
|
+
{% if page.class_name != 'home-template' %}
|
|
4
|
+
{% if site.logo %}
|
|
5
|
+
<a class="site-nav-logo" href="{{ "/" | relative_url }}"><img src="{{ site.logo }}" alt="{{ site.title }}" /></a>
|
|
6
|
+
{% else %}
|
|
7
|
+
<a class="site-nav-logo" href="{{ "/" | relative_url }}">{{ site.title }}</a>
|
|
8
|
+
{% endif %}
|
|
9
|
+
{% endif %}
|
|
10
|
+
|
|
11
|
+
<ul class="nav">
|
|
12
|
+
<!-- TODO: add data navigation -->
|
|
13
|
+
<li class="nav-home" role="presentation"><a href="{{ "/" | relative_url }}">Home</a></li>
|
|
14
|
+
</ul>
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
<div class="site-nav-right">
|
|
18
|
+
<div class="social-links">
|
|
19
|
+
{% if site.twitter_username %}
|
|
20
|
+
<a class="social-link social-link-tw" href="https://twitter.com/{{ site.twitter_username }}" target="_blank">
|
|
21
|
+
{% include icons/twitter.html %}
|
|
22
|
+
</a>
|
|
23
|
+
{% endif %}
|
|
24
|
+
|
|
25
|
+
{% if site.github_username %}
|
|
26
|
+
<a class="social-link social-link-fb" href="https://github.com/{{ site.github_username }}" target="_blank">
|
|
27
|
+
{% include icons/github.html %}
|
|
28
|
+
</a>
|
|
29
|
+
{% endif %}
|
|
30
|
+
</div>
|
|
31
|
+
|
|
32
|
+
<a class="rss-button" href="{{ "/feed.xml" | relative_url }}" target="_blank">{% include icons/rss.html %}</a>
|
|
33
|
+
</div>
|
|
34
|
+
</nav>
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
|
|
3
|
+
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
7
|
+
<meta name="HandheldFriendly" content="True" />
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
9
|
+
|
|
10
|
+
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
|
|
11
|
+
<meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
|
|
12
|
+
|
|
13
|
+
<link rel="stylesheet" href="{{ "/assets/screen.css" | relative_url }}">
|
|
14
|
+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
|
|
15
|
+
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
|
|
16
|
+
|
|
17
|
+
{% if jekyll.environment == 'production' and site.google_analytics %}
|
|
18
|
+
{% include google-analytics.html %}
|
|
19
|
+
{% endif %}
|
|
20
|
+
</head>
|
|
21
|
+
|
|
22
|
+
<body class="{% if page.class_name %}{{ page.class_name }}{% else %}home-template{% endif %}">
|
|
23
|
+
<div class="site-wrapper">
|
|
24
|
+
{{ content }}
|
|
25
|
+
|
|
26
|
+
{% include footer.html %}
|
|
27
|
+
</div>
|
|
28
|
+
|
|
29
|
+
{% include scripts.html %}
|
|
30
|
+
</body>
|
|
31
|
+
</html>
|
data/_layouts/home.html
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% include header.html %}
|
|
6
|
+
|
|
7
|
+
<main id="site-main" class="site-main outer" role="main">
|
|
8
|
+
<div class="inner">
|
|
9
|
+
{{ content }}
|
|
10
|
+
|
|
11
|
+
<div class="post-feed">
|
|
12
|
+
{% for post in site.posts %}
|
|
13
|
+
{% include post-card.html %}
|
|
14
|
+
{% endfor %}
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</main>
|
data/_layouts/page.html
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<header class="site-header outer">
|
|
6
|
+
<div class="inner">
|
|
7
|
+
{% include site-nav.html %}
|
|
8
|
+
</div>
|
|
9
|
+
</header>
|
|
10
|
+
|
|
11
|
+
<main id="site-main" class="site-main outer" role="main">
|
|
12
|
+
<div class="inner">
|
|
13
|
+
<article class="post-full post page{% unless page.feature_image %} no-image{% endunless %}">
|
|
14
|
+
<header class="post-full-header">
|
|
15
|
+
<h1 class="post-full-title">{{ page.title }}</h1>
|
|
16
|
+
</header>
|
|
17
|
+
|
|
18
|
+
{% if page.feature_image %}
|
|
19
|
+
<figure class="post-full-image" style="background-image: url({{ page.feature_image }})"></figure>
|
|
20
|
+
{% endif %}
|
|
21
|
+
|
|
22
|
+
<section class="post-full-content">
|
|
23
|
+
<div class="kg-card-markdown">
|
|
24
|
+
{{ content }}
|
|
25
|
+
</div>
|
|
26
|
+
</section>
|
|
27
|
+
</article>
|
|
28
|
+
</div>
|
|
29
|
+
</main>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<header class="site-header outer">
|
|
6
|
+
<div class="inner">
|
|
7
|
+
{% include site-nav.html %}
|
|
8
|
+
</div>
|
|
9
|
+
</header>
|
|
10
|
+
|
|
11
|
+
<main id="site-main" class="site-main outer" role="main">
|
|
12
|
+
<div class="inner">
|
|
13
|
+
<article class="post-full post{% unless page.feature_image %} no-image{% endunless %}">
|
|
14
|
+
<header class="post-full-header">
|
|
15
|
+
<section class="post-full-meta">
|
|
16
|
+
<time class="post-full-meta-date" datetime="{{ page.date | date:'%Y-%m-%d' }}">
|
|
17
|
+
{{ page.date | date_to_long_string }}
|
|
18
|
+
</time>
|
|
19
|
+
|
|
20
|
+
{% unless page.tags.count.zero? %}
|
|
21
|
+
<span class="date-divider">/</span> {{ page.tags.first }}
|
|
22
|
+
{% endunless %}
|
|
23
|
+
</section>
|
|
24
|
+
|
|
25
|
+
<h1 class="post-full-title">{{ page.title }}</h1>
|
|
26
|
+
</header>
|
|
27
|
+
|
|
28
|
+
{% if page.feature_image %}
|
|
29
|
+
<figure class="post-full-image" style="background-image: url({{ page.feature_image }})"></figure>
|
|
30
|
+
{% endif %}
|
|
31
|
+
|
|
32
|
+
<section class="post-full-content">
|
|
33
|
+
<div class="kg-card-markdown">
|
|
34
|
+
{{ content }}
|
|
35
|
+
</div>
|
|
36
|
+
</section>
|
|
37
|
+
|
|
38
|
+
<footer class="post-full-footer">
|
|
39
|
+
<section class="author-card">
|
|
40
|
+
{% if site.author.profile_image %}
|
|
41
|
+
<img class="author-profile-image" src="{{ site.author.profile_image }}" alt="{{ site.author.name }}" />
|
|
42
|
+
{% endif %}
|
|
43
|
+
|
|
44
|
+
<section class="author-card-content">
|
|
45
|
+
<h4 class="author-card-name"><a href="{{ site.author.url }}">{{ site.author.name }}</a></h4>
|
|
46
|
+
|
|
47
|
+
{% if site.author.bio %}
|
|
48
|
+
<p>{{site.author.bio}}</p>
|
|
49
|
+
{% endif %}
|
|
50
|
+
</section>
|
|
51
|
+
</section>
|
|
52
|
+
|
|
53
|
+
<div class="post-full-footer-right">
|
|
54
|
+
<a class="author-card-button" href="{{ "/" | relative_url }}">Read More</a>
|
|
55
|
+
</div>
|
|
56
|
+
</footer>
|
|
57
|
+
</article>
|
|
58
|
+
</div>
|
|
59
|
+
</main>
|
|
60
|
+
|
|
61
|
+
{% include read-next.html %} {% include floating-header.html %}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
// Code snippet inspired by https://github.com/douglasrodrigues5/ghost-blog-infinite-scroll
|
|
2
|
+
$(function ($) {
|
|
3
|
+
var currentPage = 1;
|
|
4
|
+
var pathname = window.location.pathname;
|
|
5
|
+
var $document = $(document);
|
|
6
|
+
var $result = $('.post-feed');
|
|
7
|
+
var buffer = 100;
|
|
8
|
+
|
|
9
|
+
var ticking = false;
|
|
10
|
+
var isLoading = false;
|
|
11
|
+
|
|
12
|
+
var lastScrollY = window.scrollY;
|
|
13
|
+
var lastWindowHeight = window.innerHeight;
|
|
14
|
+
var lastDocumentHeight = $document.height();
|
|
15
|
+
|
|
16
|
+
// remove hash params from pathname
|
|
17
|
+
pathname = pathname.replace(/#(.*)$/g, '').replace('/\//g', '/');
|
|
18
|
+
|
|
19
|
+
function onScroll() {
|
|
20
|
+
lastScrollY = window.scrollY;
|
|
21
|
+
requestTick();
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
function onResize() {
|
|
25
|
+
lastWindowHeight = window.innerHeight;
|
|
26
|
+
lastDocumentHeight = $document.height();
|
|
27
|
+
requestTick();
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
function requestTick() {
|
|
31
|
+
if (!ticking) {
|
|
32
|
+
requestAnimationFrame(infiniteScroll)
|
|
33
|
+
}
|
|
34
|
+
ticking = true;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
function infiniteScroll () {
|
|
38
|
+
// return if already loading
|
|
39
|
+
if (isLoading) {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
// return if not scroll to the bottom
|
|
44
|
+
if (lastScrollY + lastWindowHeight <= lastDocumentHeight - buffer) {
|
|
45
|
+
ticking = false;
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
// return if currentPage is the last page already
|
|
50
|
+
if (currentPage === maxPages) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
isLoading = true;
|
|
55
|
+
|
|
56
|
+
// next page
|
|
57
|
+
currentPage++;
|
|
58
|
+
|
|
59
|
+
// Load more
|
|
60
|
+
var nextPage = pathname + 'page/' + currentPage + '/';
|
|
61
|
+
|
|
62
|
+
$.get(nextPage, function (content) {
|
|
63
|
+
$result.append($(content).find('.post').hide().fadeIn(100));
|
|
64
|
+
|
|
65
|
+
}).fail(function (xhr) {
|
|
66
|
+
// 404 indicates we've run out of pages
|
|
67
|
+
if (xhr.status === 404) {
|
|
68
|
+
window.removeEventListener('scroll', onScroll, {passive: true});
|
|
69
|
+
window.removeEventListener('resize', onResize);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
}).always(function () {
|
|
73
|
+
lastDocumentHeight = $document.height();
|
|
74
|
+
isLoading = false;
|
|
75
|
+
ticking = false;
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
window.addEventListener('scroll', onScroll, {passive: true});
|
|
80
|
+
window.addEventListener('resize', onResize);
|
|
81
|
+
|
|
82
|
+
infiniteScroll();
|
|
83
|
+
});
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
/*jshint browser:true */
|
|
2
|
+
/*!
|
|
3
|
+
* FitVids 1.1
|
|
4
|
+
*
|
|
5
|
+
* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
|
|
6
|
+
* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
|
|
7
|
+
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
;(function( $ ){
|
|
12
|
+
|
|
13
|
+
'use strict';
|
|
14
|
+
|
|
15
|
+
$.fn.fitVids = function( options ) {
|
|
16
|
+
var settings = {
|
|
17
|
+
customSelector: null,
|
|
18
|
+
ignore: null
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
if(!document.getElementById('fit-vids-style')) {
|
|
22
|
+
// appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js
|
|
23
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
24
|
+
var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';
|
|
25
|
+
var div = document.createElement("div");
|
|
26
|
+
div.innerHTML = '<p>x</p><style id="fit-vids-style">' + css + '</style>';
|
|
27
|
+
head.appendChild(div.childNodes[1]);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
if ( options ) {
|
|
31
|
+
$.extend( settings, options );
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
return this.each(function(){
|
|
35
|
+
var selectors = [
|
|
36
|
+
'iframe[src*="player.vimeo.com"]',
|
|
37
|
+
'iframe[src*="youtube.com"]',
|
|
38
|
+
'iframe[src*="youtube-nocookie.com"]',
|
|
39
|
+
'iframe[src*="kickstarter.com"][src*="video.html"]',
|
|
40
|
+
'object',
|
|
41
|
+
'embed'
|
|
42
|
+
];
|
|
43
|
+
|
|
44
|
+
if (settings.customSelector) {
|
|
45
|
+
selectors.push(settings.customSelector);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
var ignoreList = '.fitvidsignore';
|
|
49
|
+
|
|
50
|
+
if(settings.ignore) {
|
|
51
|
+
ignoreList = ignoreList + ', ' + settings.ignore;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
var $allVideos = $(this).find(selectors.join(','));
|
|
55
|
+
$allVideos = $allVideos.not('object object'); // SwfObj conflict patch
|
|
56
|
+
$allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.
|
|
57
|
+
|
|
58
|
+
$allVideos.each(function(){
|
|
59
|
+
var $this = $(this);
|
|
60
|
+
if($this.parents(ignoreList).length > 0) {
|
|
61
|
+
return; // Disable FitVids on this video.
|
|
62
|
+
}
|
|
63
|
+
if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
|
|
64
|
+
if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))
|
|
65
|
+
{
|
|
66
|
+
$this.attr('height', 9);
|
|
67
|
+
$this.attr('width', 16);
|
|
68
|
+
}
|
|
69
|
+
var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
|
|
70
|
+
width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
|
|
71
|
+
aspectRatio = height / width;
|
|
72
|
+
if(!$this.attr('name')){
|
|
73
|
+
var videoName = 'fitvid' + $.fn.fitVids._count;
|
|
74
|
+
$this.attr('name', videoName);
|
|
75
|
+
$.fn.fitVids._count++;
|
|
76
|
+
}
|
|
77
|
+
$this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');
|
|
78
|
+
$this.removeAttr('height').removeAttr('width');
|
|
79
|
+
});
|
|
80
|
+
});
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
// Internal counter for unique video names.
|
|
84
|
+
$.fn.fitVids._count = 0;
|
|
85
|
+
|
|
86
|
+
// Works with either jQuery or Zepto
|
|
87
|
+
})( window.jQuery || window.Zepto );
|
data/assets/screen.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}li{margin:.5em 0;padding-left:.5em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}body{background:#f4f8fb}.img{display:block;width:100%;height:100%;background-position:50%;background-size:cover;border-radius:100%}.hidden{visibility:hidden;position:absolute;text-indent:-9999px}.outer{position:relative;padding:0 4vw}.inner{margin:0 auto;max-width:1040px;width:100%}@media (min-width:900px){.author-template .post-feed,.home-template .post-feed,.tag-template .post-feed{margin-top:-110px}.home-template .site-nav{position:relative;top:-70px;z-index:300}}.site-header{position:relative;padding-top:12px;padding-bottom:12px;color:#fff;background:#090a0b no-repeat 50%;background-size:cover}.site-header:before{bottom:0;background:rgba(0,0,0,.18)}.site-header:after,.site-header:before{content:"";position:absolute;top:0;right:0;left:0;z-index:10;display:block}.site-header:after{bottom:auto;height:80px;background:linear-gradient(rgba(0,0,0,.1),transparent)}.site-header.no-cover:after,.site-header.no-cover:before{display:none}.site-header-content{position:relative;z-index:100;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:10vw 4vw;min-height:200px;max-height:450px;text-align:center}.site-title{margin:0;padding:0;font-size:3.8rem;font-weight:700}.site-logo{max-height:45px}.site-description{margin:0;padding:5px 0;font-size:2.2rem;font-weight:300;letter-spacing:.5px;opacity:.8}@media (max-width:500px){.site-title{font-size:3rem}.site-description{font-size:1.8rem}}.site-nav{position:relative;z-index:100;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;height:40px;font-size:1.2rem}.site-nav,.site-nav-left{display:-ms-flexbox;display:flex;overflow-y:hidden}.site-nav-left{-ms-flex-align:center;align-items:center;overflow-x:auto;margin-right:10px;padding-bottom:80px;letter-spacing:.4px;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-scrolling:touch}.site-nav-logo{-ms-flex-negative:0;flex-shrink:0;display:block;margin-right:24px;color:#fff;font-size:1.7rem;line-height:1em;font-weight:700;letter-spacing:-.5px}.site-nav-logo:hover{text-decoration:none}.site-nav-logo img{display:block;width:auto;height:21px}.nav{display:-ms-flexbox;display:flex;margin:0 0 0 -12px;padding:0;list-style:none}.nav li{padding:0;text-transform:uppercase}.nav li,.nav li a{display:block;margin:0}.nav li a{padding:10px 12px;color:#fff;opacity:.8}.nav li a:hover{text-decoration:none;opacity:1}.site-nav-right{height:40px}.site-nav-right,.social-links{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.social-links a:last-of-type{padding-right:20px}.social-link{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;padding:10px;color:#fff;opacity:.8}.social-link:hover{opacity:1}.social-link svg{height:1.8rem;fill:#fff}.social-link-fb svg{height:1.5rem}.social-link-wb svg{height:1.6rem}.social-link-wb svg path{stroke:#fff}.social-link-rss svg{height:1.9rem}.subscribe-button{display:block;padding:4px 10px;border:1px solid #fff;color:#fff;font-size:1.2rem;line-height:1em;border-radius:10px;opacity:.8}.subscribe-button:hover{text-decoration:none;opacity:1}.rss-button{opacity:.8}.rss-button:hover{opacity:1}.rss-button svg{margin-bottom:1px;height:2.1rem;fill:#fff}@media (max-width:700px){.site-header{padding-left:0;padding-right:0}.site-nav-left{padding-left:4vw;margin-right:0}.site-nav-right{display:none}}.post-feed{position:relative;z-index:200;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.post-card,.post-feed{display:-ms-flexbox;display:flex}.post-card{-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:0 20px 40px;min-height:300px;background:#fff 50%;background-size:cover;border-radius:5px;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);transition:all .5s ease}.post-card:hover{box-shadow:0 0 1px rgba(39,44,49,.1),0 3px 16px rgba(39,44,49,.07);transition:all .3s ease;transform:translate3D(0,-1px,0)}.post-card-image-link{position:relative}.post-card-image{width:auto;height:200px;background:#c5d2d9 no-repeat 50%;background-size:cover}.post-card-content-link{position:relative;display:block;padding:25px 25px 0;color:#15171a}.post-card-content-link:hover{text-decoration:none}.post-card-tags{display:block;margin-bottom:4px;color:#738a94;font-size:1.2rem;line-height:1.15em;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.post-card-title{margin-top:0}.post-card-content{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.post-card-excerpt{font-family:Georgia,serif}.post-card-meta{padding:0 25px 25px}.author-profile-image{margin-right:5px;width:25px;height:25px;border-radius:100%}.post-card-author{font-size:1.3rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (min-width:795px){.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image){-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:row;flex-direction:row}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image-link{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image{position:absolute;width:100%;height:100%}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content{-ms-flex:0 1 357px;flex:0 1 357px}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) h2{font-size:2.6rem}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) p{font-size:1.8rem;line-height:1.55em}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content-link{padding:30px 40px 0}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-meta{padding:0 40px 30px}}.home-template .site-header:after{display:none}@media (max-width:650px){.post-feed{padding-top:5vw}.post-card{margin:0 20px 5vw}}.page-template .site-main,.post-template .site-main{padding-bottom:4vw;background:#fff}.post-full{position:relative;z-index:50}.post-full-header{margin:0 auto;padding:6vw 3vw 3vw;max-width:1040px;text-align:center}.post-full-meta{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#738a94;font-size:1.4rem;font-weight:600;text-transform:uppercase}.post-full-meta-date{color:#3eb0ef}.post-full-title{margin:0;color:#090a0b}.date-divider{display:inline-block;margin:0 6px 1px}.post-full-image{margin:0 -10vw -165px;height:800px;background:#c5d2d9 50%;background-size:cover;border-radius:5px}@media (max-width:1170px){.post-full-image{margin:0 -4vw -100px;height:600px;border-radius:0}}@media (max-width:800px){.post-full-image{height:400px}}.post-full-content{position:relative;margin:0 auto;padding:70px 100px 0;min-height:230px;font-family:Georgia,serif;font-size:2.2rem;line-height:1.6em;background:#fff}@media (max-width:1170px){.post-full-content{padding:5vw 7vw 0}}@media (max-width:800px){.post-full-content{font-size:1.9rem}}.post-full-content:before{left:-5px;transform:rotate(-5deg)}.post-full-content:after,.post-full-content:before{content:"";position:absolute;top:15px;z-index:-1;display:block;width:20px;height:200px;background:rgba(39,44,49,.15);filter:blur(5px)}.post-full-content:after{right:-5px;transform:rotate(5deg)}.no-image .post-full-content{padding-top:0}.no-image .post-full-content:after,.no-image .post-full-content:before{display:none}.kg-card-markdown{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;max-width:920px}.footnotes,.post-full-comments,.post-full-content dl,.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6,.post-full-content ol,.post-full-content p,.post-full-content pre,.post-full-content ul{min-width:100%}.post-template .kg-card-markdown>p:first-child{font-size:1.25em;line-height:1.5em}.post-full-content a{color:#000;box-shadow:inset 0 -1px 0 #3eb0ef}.post-full-content a:hover{color:#3eb0ef;text-decoration:none}.post-full-content em,.post-full-content strong{color:#090a0b}.post-full-content small{display:inline-block;line-height:1.6em}.post-full-content li:first-child{margin-top:0}.post-full-content img,.post-full-content video{display:block;margin:1.5em auto;max-width:1040px}@media (max-width:1040px){.post-full-content img,.post-full-content video{width:100%}}.post-full-content img[src$="#full"]{width:100vw;max-width:none}.post-full-content iframe{margin:0 auto 1.5em}.post-full-content blockquote{margin:0 0 1.5em;padding:1.5em 0;border:0;color:#3eb0ef;font-size:3rem;line-height:1.6em;text-align:center}.post-full-content blockquote:before{content:open-quote}.post-full-content blockquote p{margin:0}@media (min-width:1000px){.post-full-content blockquote{max-width:1060px;width:100vw}}.post-full-content blockquote+blockquote{padding-top:0}.post-full-content code{padding:0 5px 2px;font-size:.8em;line-height:1em;font-weight:400!important;background:#e5eff5;border-radius:3px}.post-full-content pre{overflow-x:auto;margin:1.5em 0 3em;padding:20px;max-width:100%;border:1px solid #000;color:#e5eff5;font-size:1.4rem;line-height:1.5em;background:#0e0f11;border-radius:5px}.post-full-content pre code{padding:0;font-size:inherit;line-height:inherit;background:transparent}.post-full-content .fluid-width-video-wrapper{margin:1.5em 0 3em}.post-full-content hr{margin:4vw 0}.post-full-content hr:after{content:"";position:absolute;top:-15px;left:50%;display:block;margin-left:-10px;width:1px;height:30px;background:#e3e9ed;box-shadow:0 0 0 5px #fff;transform:rotate(45deg)}.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6{color:#090a0b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.post-full-content h1{font-size:5rem}.post-full-content h2{font-size:3.5rem}.post-full-content h3{font-size:2.5rem}.post-full-content h4{font-size:1.6rem}.post-full-content h5,.post-full-content h6{font-size:1.4rem}.footnotes-sep{margin-bottom:30px}.footnotes{font-size:1.5rem}.footnotes p{margin:0}.footnote-backref{color:#3eb0ef!important;font-size:1.2rem;font-weight:700;text-decoration:none!important;box-shadow:none!important}@media (max-width:500px){.post-full-meta{font-size:1.2rem;line-height:1.3em}.post-full-title{font-size:2.9rem}.post-full-image{height:350px;margin-bottom:4vw}.post-full-content{padding:0}.post-full-content:after,.post-full-content:before{display:none}.post-full-content h1,.post-full-content h2{font-size:2.9rem}.post-full-content h3{font-size:2rem}}.post-full-content table{display:table;width:100%;max-width:100%;overflow-x:auto;white-space:nowrap;border-collapse:collapse;border-spacing:0;margin:.5em 0 2.5em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-size:10px 100%,10px 100%;background-attachment:scroll,scroll;background-repeat:no-repeat}.post-full-content table td:first-child{background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:20px 100%}.post-full-content table td:last-child{background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-position:100% 0;background-size:20px 100%}.post-full-content table th{font-size:1.2rem;letter-spacing:.2px;color:#15171a;font-weight:700;text-align:left;text-transform:uppercase;background:#f4f8fb}.post-full-content table td,.post-full-content table th{padding:6px 12px;border:1px solid #e3ecf3}@media (max-width:800px){.post-full-content table{display:inline-block;vertical-align:top;max-width:100%;width:auto}}.subscribe-form{margin:1.5em 0;padding:6.5vw 7vw 7vw;border:1px solid #edf4f8;text-align:center;background:#f4f8fb;border-radius:7px}.subscribe-form-title{margin:0 0 3px;padding:0;color:#15171a;font-size:3.5rem;line-height:1;font-weight:700}.subscribe-form p{margin-bottom:1em;color:#738a94;font-size:2.2rem;line-height:1.55em;letter-spacing:.2px}.subscribe-form form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;max-width:420px}.subscribe-form .form-group{-ms-flex-positive:1;flex-grow:1}.subscribe-email{display:block;padding:10px;width:100%;border:1px solid #dae2e7;color:#738a94;font-size:1.8rem;line-height:1em;font-weight:400;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:5px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-form button{display:inline-block;margin:0 0 0 10px;padding:0 20px;height:41px;outline:none;color:#fff;font-size:1.5rem;line-height:37px;font-weight:400;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-form button:active,.subscribe-form button:focus{background:#209cdf}@media (max-width:650px){.subscribe-form-title{font-size:2.4rem}.subscribe-form p{font-size:1.6rem}}@media (max-width:500px){.subscribe-form form{-ms-flex-direction:column;flex-direction:column}.subscribe-form .form-group{width:100%}.subscribe-form button{width:100%;margin:10px 0 0}}.post-full-footer{-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;padding:3vw 0 6vw;max-width:840px}.author-card,.post-full-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.author-card .author-profile-image{margin-right:15px;width:60px;height:60px}.author-card-name{margin:0 0 2px;padding:0;font-size:2rem}.author-card-name a{color:#15171a;font-weight:700}.author-card-name a:hover{text-decoration:none}.author-card-content p{margin:0;color:#738a94;line-height:1.3em}.post-full-footer-right{-ms-flex-negative:0;flex-shrink:0;margin-left:20px}.author-card-button{display:block;padding:9px 16px;border:1px solid #aebbc1;color:#738a94;font-size:1.2rem;line-height:1;font-weight:500;border-radius:20px;transition:all .2s ease}.author-card-button:hover{border-color:#3eb0ef;color:#3eb0ef;text-decoration:none}.post-full-comments{margin:0 auto;max-width:840px}.read-next-feed{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.read-next-card,.read-next-feed{display:-ms-flexbox;display:flex}.read-next-card{position:relative;-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:0 20px 40px;padding:25px;color:#fff;background:#15171a 50%;background-size:cover;border-radius:5px;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03)}.read-next-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(135deg,rgba(0,40,60,.8),rgba(0,20,40,.7));border-radius:5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.read-next-card-header{position:relative;z-index:50;padding-top:20px;text-align:center}.read-next-card-header-sitetitle{display:block;font-size:1.3rem;line-height:1.3em;opacity:.8}.read-next-card-header-title{margin:0;padding:0 20px;color:#fff;font-size:3rem;line-height:1.2em;letter-spacing:1px}.read-next-card-header-title a{color:#fff;font-weight:300;text-decoration:none}.read-next-card-header-title a:hover{text-decoration:none}.read-next-divider{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:80px}.read-next-divider svg{width:40px;fill:transparent;stroke:#fff;stroke-width:.5px;stroke-opacity:.65}.read-next-card-content{position:relative;z-index:50;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;font-size:1.7rem}.read-next-card-content ul{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:0;text-align:center;list-style:none}.read-next-card-content li{margin:0;padding:0;font-size:1.6rem;line-height:1.25em;font-weight:200;letter-spacing:-.5px}.read-next-card-content li a{display:block;padding:20px 0;border-bottom:1px solid hsla(0,0%,100%,.3);color:#fff;font-weight:500;vertical-align:top;transition:opacity .3s ease}.read-next-card-content li:first-of-type a{padding-top:10px}.read-next-card-content li a:hover{opacity:1}.read-next-card-footer{position:relative;margin:15px 0 3px;text-align:center}.read-next-card-footer a{color:#fff}.floating-header{visibility:hidden;position:fixed;top:0;right:0;left:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:60px;border-bottom:1px solid rgba(0,0,0,.06);background:hsla(0,0%,100%,.95);transition:all .5s cubic-bezier(.19,1,.22,1);transform:translate3d(0,-120%,0)}.floating-active{visibility:visible;transition:all .5s cubic-bezier(.22,1,.27,1);transform:translateZ(0)}.floating-header-logo{overflow:hidden;margin:0 0 0 20px;font-size:1.6rem;line-height:1em;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap}.floating-header-logo a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#15171a;font-weight:700}.floating-header-logo a:hover{text-decoration:none}.floating-header-logo img{margin:0 10px 0 0;max-height:20px}.floating-header-divider{margin:0 5px;line-height:1em}.floating-header-title{-ms-flex:1;flex:1;overflow:hidden;margin:0;color:#2e2e2e;font-size:1.6rem;line-height:1.3em;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.floating-header-share{-ms-flex-pack:end;justify-content:flex-end;padding-left:2%;font-size:1.3rem;line-height:1}.floating-header-share,.floating-header-share a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.floating-header-share a{-ms-flex-pack:center;justify-content:center}.floating-header-share svg{width:auto;height:16px;fill:#fff}.floating-header-share-label{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:10px;color:rgba(0,0,0,.7);font-weight:500}.floating-header-share-label svg{margin:0 5px 0 10px;width:18px;height:18px;stroke:rgba(0,0,0,.7);transform:rotate(90deg)}.floating-header-share-fb,.floating-header-share-tw{display:block;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;width:60px;height:60px;color:#fff;line-height:48px;text-align:center;transition:all .5s cubic-bezier(.19,1,.22,1)}.floating-header-share-tw{background:#33b1ff}.floating-header-share-fb{background:#005e99}.progress{position:absolute;right:0;bottom:-1px;left:0;width:100%;height:2px;border:none;color:#3eb0ef;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress::-webkit-progress-bar{background-color:transparent}.progress::-webkit-progress-value{background-color:#3eb0ef}.progress-container{position:absolute;top:0;left:0;display:block;width:100%;height:2px;background-color:transparent}.progress-bar{display:block;width:50%;height:inherit;background-color:#3eb0ef}@media (max-width:900px){.floating-header{height:40px}.floating-header-logo,.floating-header-title{font-size:1.5rem}.floating-header-share-fb,.floating-header-share-tw{width:40px;height:40px;line-height:38px}}@media (max-width:800px){.floating-header-logo{margin-left:10px}.floating-header-logo a{color:#2e2e2e}.floating-header-divider,.floating-header-title{visibility:hidden}}@media (max-width:450px){.floating-header-share-label{display:none}}.site-header-content .author-profile-image{-ms-flex-negative:0;flex-shrink:0;margin:0 0 20px;width:100px;height:100px;box-shadow:0 0 0 6px hsla(0,0%,100%,.1)}.site-header-content .author-bio{-ms-flex-negative:0;flex-shrink:0;margin:5px 0 10px;max-width:600px;font-size:2rem;line-height:1.3em;font-weight:300;letter-spacing:.5px;opacity:.8}.site-header-content .author-meta{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 0 10px;font-family:Georgia,serif;font-style:italic}.site-header-content .author-location svg{height:1.9rem;stroke:#fff}.site-header-content .bull{display:inline-block;margin:0 12px;opacity:.5}.site-header-content .social-link:first-of-type{padding-left:4px}@media (max-width:500px){.site-header-content .author-bio{font-size:1.8rem;line-height:1.15em;letter-spacing:0}.author-location,.author-stats{display:none}}.error-template .site-main{padding:7vw 4vw}.site-nav-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.site-nav-center .site-nav-logo{margin-right:0}.error-message{text-align:center}.error-code{margin:0;font-size:12vw;line-height:1em;letter-spacing:-5px;opacity:.3}.error-description{margin:0;color:#738a94;font-size:3rem;line-height:1.3em;font-weight:400}@media (max-width:800px){.error-description{margin:5px 0 0;font-size:1.8rem}}.error-link{display:inline-block;margin-top:5px}.error-template .post-feed{padding-top:0}.subscribe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,25,40,.97);opacity:0;transition:opacity .2s ease-in;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.subscribe-overlay:target{opacity:1;pointer-events:auto}.subscribe-overlay-content{position:relative;z-index:9999;margin:0 0 5vw;padding:4vw;color:#fff;text-align:center}.subscribe-overlay-logo{position:fixed;top:23px;left:30px;height:30px}.subscribe-overlay-title{display:inline-block;margin:0 0 10px;font-size:6rem;line-height:1.15em}.subscribe-overlay-description{margin:0 auto 50px;max-width:650px;font-family:Georgia,serif;font-size:3rem;line-height:1.3em;font-weight:300;opacity:.8}.subscribe-overlay form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;max-width:500px}.subscribe-overlay .form-group{-ms-flex-positive:1;flex-grow:1}.subscribe-overlay .subscribe-email{display:block;padding:14px 20px;width:100%;border:none;color:#738a94;font-size:2rem;line-height:1em;font-weight:400;letter-spacing:.5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:8px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-email:focus{outline:0;border-color:#becdd5}.subscribe-overlay button{display:inline-block;margin:0 0 0 15px;padding:0 25px;height:52px;outline:none;color:#fff;font-size:1.7rem;line-height:37px;font-weight:400;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-overlay button:active,.subscribe-overlay button:focus{background:#209cdf}.subscribe-overlay-close{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.subscribe-overlay-close:before{transform:rotate(45deg)}.subscribe-overlay-close:after,.subscribe-overlay-close:before{content:"";position:absolute;top:40px;right:25px;display:block;width:30px;height:2px;background:#fff;opacity:.8}.subscribe-overlay-close:after{transform:rotate(-45deg)}.subscribe-overlay-close:hover{cursor:default}.site-footer{position:relative;padding-top:20px;padding-bottom:60px;color:#fff;background:#000}.site-footer-content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.3rem}.site-footer-content,.site-footer-content a{color:hsla(0,0%,100%,.7)}.site-footer-content a:hover{color:#fff;text-decoration:none}.site-footer-nav{display:-ms-flexbox;display:flex}.site-footer-nav a{position:relative;margin-left:20px}.site-footer-nav a:before{content:"";position:absolute;top:11px;left:-11px;display:block;width:2px;height:2px;background:#fff;border-radius:100%}.site-footer-nav a:first-of-type:before{display:none}@media (max-width:650px){.site-footer-content{-ms-flex-direction:column;flex-direction:column}.site-footer-nav a:first-child{margin-left:0}}
|
|
2
|
+
/*# sourceMappingURL=screen.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["global.css","screen.css"],"names":[],"mappings":"AAqBA,8YA6EI,SAAU,AACV,UAAW,AACX,SAAU,AACV,aAAc,AACd,eAAgB,AAChB,uBAAyB,CAC5B,AACD,KACI,aAAe,CAClB,AACD,MAEI,eAAiB,CACpB,AACD,aAEI,WAAa,CAChB,AACD,oDAII,WAAY,AACZ,YAAc,CACjB,AAKD,IACI,cAAgB,CACnB,AACD,KACI,sBAAuB,AACvB,uBAAwB,AAExB,0BAA2B,AAC3B,6BAA+B,CAClC,AACD,iBAGI,kBAAoB,CACvB,AACD,EACI,4BAA8B,CACjC,AACD,iBAEI,SAAW,CACd,AACD,SAEI,eAAkB,CACrB,AACD,SAGI,iBAAmB,CACtB,AACD,GACI,eAAiB,AACjB,aAAe,CAClB,AACD,MACI,aAAe,CAClB,AACD,QAEI,kBAAmB,AACnB,cAAe,AACf,cAAe,AACf,uBAAyB,CAC5B,AACD,IACI,SAAY,CACf,AACD,IACI,aAAgB,CACnB,AACD,IACI,QAAU,CACb,AACD,eACI,eAAiB,CACpB,AACD,KACI,wBAA0B,CAC7B,AACD,kBAII,gCAAkC,AAClC,aAAe,CAClB,AACD,sCAKI,SAAU,AACV,cAAe,AACf,YAAc,CACjB,AACD,OACI,iBAAkB,AAClB,WAAa,CAChB,AACD,cAEI,mBAAqB,CACxB,AACD,oEAKI,eAAgB,AAEhB,yBAA2B,CAC9B,AACD,sCAEI,cAAgB,CACnB,AACD,iDAEI,UAAW,AACX,QAAU,CACb,AACD,MACI,kBAAoB,CACvB,AACD,YACI,YAAc,CACjB,AACD,uCAEI,sBAAuB,AACvB,SAAW,CACd,AACD,4FAEI,WAAa,CAChB,AACD,mBACI,uBAAwB,AAExB,4BAA8B,CACjC,AACD,+FAEI,uBAAyB,CAC5B,AACD,OACI,UAAW,AACX,QAAU,CACb,AACD,SACI,aAAe,CAClB,AACD,MACI,iBAAkB,AAClB,wBAA0B,CAC7B,AACD,MAEI,SAAW,CACd,AAOD,KAEI,kBAAmB,AACnB,gBAAiB,AAEjB,yCAA8C,CACjD,AACD,UANI,iBAAmB,CAqBtB,AAfD,KAEI,cAAqC,AACrC,yHAAyI,AACzI,iBAAkB,AAClB,kBAAmB,AACnB,gBAAiB,AACjB,kBAAmB,AACnB,iBAAkB,AAClB,kCAAmC,AACnC,gBAAiB,AAEjB,mCAAoC,AACpC,kCAAmC,AACnC,oCAAsC,CACzC,AAED,iBACI,iBAAkB,AAClB,kBAA+C,CAClD,AAHD,YACI,iBAAkB,AAClB,kBAA+C,CAClD,AAED,GACI,kBAAmB,AACnB,cAAe,AACf,WAAY,AACZ,qBAAsB,AACtB,UAAW,AACX,WAAY,AACZ,SAAU,AACV,4BAAsD,CACzD,AAED,kCAMI,qBAAuB,CAC1B,AAED,SACI,SAAU,AACV,UAAW,AACX,QAAU,CACb,AAED,SACI,eAAiB,CACpB,AAED,sBAKI,gBAAoB,CACvB,AAED,MAEI,iBAAkB,AAClB,mBAAqB,CACxB,AAED,wBAII,iBAAoB,CACvB,AAED,GACI,eAAiB,CACpB,AAED,GACI,kBAAoB,CACvB,AAED,GACI,cAAgB,AAChB,kBAAoB,AACpB,iBAAmB,CACtB,AAED,GACI,WAAY,AACZ,kBAAmB,AACnB,YAAa,AACb,cAAuB,AACvB,gBAAiB,AACjB,gBAAkB,CACrB,AAED,GACI,eAAkB,AAClB,eAAiB,CACpB,AAED,WACI,eAAgB,AAChB,gBAAyB,AACzB,8BAA0C,CAC7C,AAED,aACI,cAAgB,AAChB,gBAAiB,AACjB,eAAiB,CACpB,AAED,iBACI,qBAAsB,AACtB,yBAA4B,AAC5B,eAAiB,AACjB,UAAa,CAChB,AAED,wBACI,qBAAuB,CAC1B,AAED,gBACI,eAAkB,CACrB,AACD,kBACI,eAAoB,CACvB,AAED,EACI,cAAiC,AACjC,oBAAsB,CACzB,AAED,QACI,yBAA2B,CAC9B,AAED,kBAMI,aAAc,AACd,iBAAkB,AAClB,gBAAiB,AACjB,iCAAmC,CACtC,AAED,GACI,gBAAoB,AACpB,eAAgB,AAChB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,cAAgB,CACnB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAA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AAiB,CACpB,AAED,iRAaI,cAAgB,CACnB,AAED,+CACI,iBAAkB,AAClB,iBAAmB,CACtB,AAED,qBACI,WAAY,AACZ,iCAAuC,CAC1C,AAED,2BACI,cAAmB,AACnB,oBAAsB,CACzB,AAED,gDAEI,aAAqC,CACxC,AAED,yBACI,qBAAsB,AACtB,iBAAmB,CACtB,AAED,kCACI,YAAc,CACjB,AAED,gDAEI,cAAe,AACf,kBAAmB,AACnB,gBAAkB,CACrB,AACD,0BACI,gDAEI,UAAY,CACf,CACJ,AAMD,qCACI,YAAa,AACb,cAAgB,CACnB,AAED,0BACI,mBAAqB,CACxB,AAED,8BACI,iBAAoB,AACpB,gBAAiB,AACjB,SAAU,AACV,cAAmB,AACnB,eAAgB,AAChB,kBAAmB,AACnB,iBAAmB,CACtB,AAED,qCACI,kBAAoB,CACvB,AAED,gCACI,QAAU,CACb,AAED,0BACI,8BACI,iBAAkB,AAClB,WAAa,CAChB,CACJ,AAED,yCACI,aAAe,CAClB,AAED,wBACI,kBAAmB,AACnB,eAAiB,AACjB,gBAAiB,AACjB,0BAA2B,AAC3B,mBAA6B,AAC7B,iBAAmB,CACtB,AAED,uBACI,gBAAiB,AACjB,mBAAoB,AACpB,aAAc,AACd,eAAgB,AAChB,sBAAiD,AACjD,cAAwB,AACxB,iBAAkB,AAClB,kBAAmB,AACnB,mBAA0C,AAC1C,iBAAmB,CACtB,AAED,4BACI,UAAW,AACX,kBAAmB,AACnB,oBAAqB,AACrB,sBAAwB,CAC3B,AAED,8CACI,kBAAoB,CACvB,AAED,sBACI,YAAc,CACjB,AAED,4BACI,WAAY,AACZ,kBAAmB,AACnB,UAAW,AACX,SAAU,AACV,cAAe,AACf,kBAAmB,AACnB,UAAW,AACX,YAAa,AACb,mBAA4C,AAC5C,0BAA2B,AAC3B,uBAAyB,CAC5B,AAED,oIAMI,cAAqC,AACrC,wHAAyI,CAC5I,AAED,sBACI,cAAgB,CACnB,AAED,sBACI,gBAAkB,CACrB,AAED,sBACI,gBAAkB,CACrB,AAED,sBACI,gBAAkB,CACrB,AAMD,4CACI,gBAAkB,CACrB,AAED,eACI,kBAAoB,CACvB,AAED,WACI,gBAAkB,CACrB,AAED,aACI,QAAU,CACb,AAED,kBACI,wBAA8B,AAC9B,iBAAkB,AAClB,gBAAkB,AAClB,+BAAiC,AACjC,yBAA4B,CAC/B,AAGD,yBACI,gBACI,iBAAkB,AAClB,iBAAmB,CACtB,AACD,iBACI,gBAAkB,CACrB,AACD,iBACI,aAAc,AACd,iBAAmB,CACtB,AACD,mBACI,SAAW,CACd,AACD,mDAEI,YAAc,CACjB,AAID,4CACI,gBAAkB,CACrB,AACD,sBACI,cAAgB,CACnB,CACJ,AAGD,yBACI,cAAe,AACf,WAAY,AACZ,eAAgB,AAChB,gBAAiB,AACjB,mBAAoB,AACpB,yBAA0B,AAC1B,iBAAkB,AAClB,oBAAsB,AACtB,yHAAyI,AACzI,iBAAkB,AAIlB,iCAAkC,AAClC,uJAA+L,AAC/L,oCAAsC,AACtC,oCAAsC,AACtC,2BAA6B,CAPhC,AAUD,wCACI,mEAAiG,AACjG,4BAA6B,AAC7B,yBAA2B,CAC9B,AAED,uCACI,oEAAgG,AAChG,4BAA6B,AAC7B,2BAA4B,AAC5B,yBAA2B,CAC9B,AAED,4BACI,iBAAkB,AAClB,oBAAsB,AACtB,cAAuB,AACvB,gBAAiB,AACjB,gBAAiB,AACjB,yBAA0B,AAC1B,kBAA2C,CAC9C,AAED,wDAEI,iBAAkB,AAClB,wBAAwD,CAC3D,AAED,yBACI,yBACI,qBAAsB,AACtB,mBAAoB,AACpB,eAAgB,AAChB,UAAY,CACf,CACJ,AAOD,gBACI,eAAgB,AAChB,sBAAuB,AACvB,yBAAiD,AACjD,kBAAmB,AACnB,mBAA2C,AAC3C,iBAAmB,CACtB,AAED,sBACI,eAAkB,AAClB,UAAW,AACX,cAAuB,AACvB,iBAAkB,AAClB,cAAe,AACf,eAAiB,CACpB,AAED,kBACI,kBAAmB,AACnB,cAAsB,AACtB,iBAAkB,AAClB,mBAAoB,AACpB,mBAAsB,CACzB,AAED,qBACI,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,cAAe,AACf,eAAiB,CACpB,AAED,4BACI,oBAAa,AAAb,WAAa,CAChB,AAED,iBACI,cAAe,AACf,aAAc,AACd,WAAY,AACZ,yBAAiD,AACjD,cAAsB,AACtB,iBAAkB,AAClB,gBAAiB,AACjB,gBAAoB,AACpB,yBAAkB,AAAlB,sBAAkB,AAAlB,qBAAkB,AAAlB,iBAAkB,AAClB,kBAAmB,AACnB,oCAAsC,AAEtC,uBAAyB,CAC5B,AAOD,uBACI,qBAAsB,AACtB,kBAAmB,AACnB,eAAgB,AAChB,YAAa,AACb,aAAc,AACd,WAAY,AACZ,iBAAkB,AAClB,iBAAkB,AAClB,gBAAiB,AACjB,kBAAmB,AACnB,oCAAsC,AACtC,oEAKE,AACF,kBAAmB,AACnB,2CAA6C,AAE7C,2CAA6C,CAChD,AAED,2DAEI,kBAA+D,CAClE,AAED,yBACI,sBACI,gBAAkB,CACrB,AACD,kBACI,gBAAkB,CACrB,CACJ,AAED,yBACI,qBACI,0BAAuB,AAAvB,qBAAuB,CAC1B,AACD,4BACI,UAAY,CACf,AACD,uBACI,WAAY,AACZ,eAAmB,CACtB,CACJ,AAMD,kBAEI,sBAA+B,AAA/B,8BAA+B,AAE/B,cAAe,AACf,kBAAqB,AACrB,eAAiB,CACpB,AAED,+BARI,oBAAc,AAAd,aAAc,AAEd,sBAAoB,AAApB,kBAAoB,CASvB,AAED,mCACI,kBAAmB,AACnB,WAAY,AACZ,WAAa,CAChB,AAED,kBACI,eAAkB,AAClB,UAAW,AACX,cAAgB,CACnB,AAED,oBACI,cAAuB,AACvB,eAAiB,CACpB,AAED,0BACI,oBAAsB,CACzB,AAED,uBACI,SAAU,AACV,cAAsB,AACtB,iBAAmB,CACtB,AAED,wBACI,oBAAe,AAAf,cAAe,AACf,gBAAkB,CACrB,AAED,oBACI,cAAe,AACf,iBAAkB,AAClB,yBAAgD,AAChD,cAAsB,AACtB,iBAAkB,AAClB,cAAe,AACf,gBAAiB,AACjB,mBAAoB,AACpB,uBAA0B,CAC7B,AAED,0BACI,qBAA0B,AAC1B,cAAmB,AACnB,oBAAsB,CACzB,AAMD,oBACI,cAAe,AACf,eAAiB,CACpB,AAMD,gBAEI,mBAAgB,AAAhB,eAAgB,AAChB,eAAgB,AAChB,gBAAoB,CACvB,AAED,gCANI,oBAAc,AAAd,YAAc,CAmBjB,AAbD,gBACI,kBAAmB,AACnB,mBAAgB,AAAhB,eAAgB,AAEhB,0BAAuB,AAAvB,sBAAuB,AACvB,gBAAiB,AACjB,mBAAoB,AACpB,aAAc,AACd,WAAY,AACZ,uBAA0C,AAC1C,sBAAuB,AACvB,kBAAmB,AACnB,0EAAkF,CACrF,AAED,uBACI,WAAY,AACZ,kBAAmB,AACnB,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,cAAe,AACf,qEAAiF,AACjF,kBAAmB,AAEnB,kCAA2B,AAA3B,yBAA2B,CAC9B,AAED,uBACI,kBAAmB,AACnB,WAAY,AACZ,iBAAkB,AAClB,iBAAmB,CACtB,AAED,iCACI,cAAe,AACf,iBAAkB,AAClB,kBAAmB,AACnB,UAAa,CAChB,AAED,6BACI,SAAU,AACV,eAAgB,AAChB,WAAY,AACZ,eAAgB,AAChB,kBAAmB,AACnB,kBAAoB,CACvB,AAED,+BACI,WAAY,AACZ,gBAAiB,AACjB,oBAAsB,CACzB,AAED,qCACI,oBAAsB,CACzB,AAED,mBACI,kBAAmB,AACnB,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,WAAa,CAChB,AAED,uBACI,WAAY,AACZ,iBAAkB,AAClB,YAAa,AAEb,kBAAoB,AACpB,kBAAqB,CACxB,AAED,wBACI,kBAAmB,AACnB,WAAY,AACZ,oBAAa,AAAb,YAAa,AACb,oBAAc,AAAd,aAAc,AACd,gBAAkB,CACrB,AAED,2BACI,oBAAc,AAAd,aAAc,AACd,0BAAuB,AAAvB,sBAAuB,AACvB,cAAe,AACf,UAAW,AACX,kBAAmB,AACnB,eAAiB,CACpB,AAED,2BACI,SAAU,AACV,UAAW,AACX,iBAAkB,AAClB,mBAAoB,AACpB,gBAAiB,AACjB,oBAAuB,CAC1B,AAED,6BACI,cAAe,AACf,eAAgB,AAChB,2CAA+C,AAC/C,WAAY,AACZ,gBAAiB,AACjB,mBAAoB,AACpB,2BAA8B,CACjC,AAED,2CACI,gBAAkB,CACrB,AAED,mCACI,SAAW,CACd,AAED,uBACI,kBAAmB,AACnB,kBAAqB,AACrB,iBAAmB,CACtB,AAED,yBACI,UAAY,CACf,AAMD,iBACI,kBAAmB,AACnB,eAAgB,AAChB,MAAO,AACP,QAAS,AACT,OAAQ,AACR,aAAc,AACd,oBAAc,AAAd,aAAc,AACd,sBAAoB,AAApB,mBAAoB,AACpB,YAAa,AACb,wCAA0C,AAC1C,+BAAmC,AACnC,6CAAqD,AACrD,gCAAoC,CACvC,AAED,iBACI,mBAAoB,AACpB,6CAAqD,AACrD,uBAAgC,CACnC,AAED,sBACI,gBAAiB,AACjB,kBAAmB,AACnB,iBAAkB,AAClB,gBAAiB,AACjB,oBAAqB,AACrB,uBAAwB,AACxB,kBAAoB,CACvB,AAED,wBACI,oBAAc,AAAd,aAAc,AACd,sBAAoB,AAApB,mBAAoB,AACpB,cAAuB,AACvB,eAAiB,CACpB,AAED,8BACI,oBAAsB,CACzB,AAED,0BACI,kBAAmB,AACnB,eAAiB,CACpB,AAED,yBACI,aAAc,AACd,eAAiB,CACpB,AAED,uBACI,WAAQ,AAAR,OAAQ,AACR,gBAAiB,AACjB,SAAU,AACV,cAAe,AACf,iBAAkB,AAClB,kBAAmB,AACnB,gBAAkB,AAClB,uBAAwB,AACxB,kBAAoB,CACvB,AAED,uBAEI,kBAA0B,AAA1B,yBAA0B,AAE1B,gBAAiB,AACjB,iBAAkB,AAClB,aAAe,CAClB,AAED,gDARI,oBAAc,AAAd,aAAc,AAEd,sBAAoB,AAApB,kBAAoB,CAUvB,AAJD,yBAEI,qBAAwB,AAAxB,sBAAwB,CAE3B,AAED,2BACI,WAAY,AACZ,YAAa,AACb,SAAW,CACd,AAED,6BACI,oBAAe,AAAf,cAAe,AACf,oBAAc,AAAd,aAAc,AACd,sBAAoB,AAApB,mBAAoB,AACpB,kBAAmB,AACnB,qBAAuB,AACvB,eAAiB,CACpB,AAED,iCACI,oBAAqB,AACrB,WAAY,AACZ,YAAa,AACb,sBAAwB,AACxB,uBAAyB,CAC5B,AAED,oDAEI,cAAe,AACf,sBAAoB,AAApB,0BAAoB,AAApB,mBAAoB,AACpB,WAAY,AACZ,YAAa,AACb,WAAY,AACZ,iBAAkB,AAClB,kBAAmB,AACnB,4CAAqD,CACxD,AAED,0BACI,kBAAoB,CACvB,AAED,0BACI,kBAAoB,CACvB,AAED,UACI,kBAAmB,AACnB,QAAS,AACT,YAAa,AACb,OAAQ,AACR,WAAY,AACZ,WAAY,AACZ,YAAa,AACb,cAAmB,AACnB,uBAAwB,AAExB,wBAAiB,AAAjB,qBAAiB,AAAjB,eAAiB,CACpB,AAED,gCACI,4BAA8B,CACjC,AAED,kCACI,wBAA8B,CACjC,AAED,oBACI,kBAAmB,AACnB,MAAO,AACP,OAAQ,AACR,cAAe,AACf,WAAY,AACZ,WAAY,AACZ,4BAA8B,CACjC,AAED,cACI,cAAe,AACf,UAAW,AACX,eAAgB,AAChB,wBAA8B,CACjC,AAED,yBACI,iBACI,WAAa,CAChB,AACD,6CAEI,gBAAkB,CACrB,AACD,oDAEI,WAAY,AACZ,YAAa,AACb,gBAAkB,CACrB,CACJ,AAED,yBACI,sBACI,gBAAkB,CACrB,AACD,wBACI,aAAe,CAClB,AACD,gDAEI,iBAAmB,CACtB,CACJ,AAED,yBACI,6BACI,YAAc,CACjB,CACJ,AAMD,2CACI,oBAAe,AAAf,cAAe,AACf,gBAAmB,AACnB,YAAa,AACb,aAAc,AACd,uCAA4C,CAC/C,AAED,iCACI,oBAAe,AAAf,cAAe,AACf,kBAAqB,AACrB,gBAAiB,AACjB,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,oBAAsB,AACtB,UAAa,CAChB,AAED,kCACI,oBAAe,AAAf,cAAe,AACf,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,gBAAmB,AACnB,0BAA4B,AAC5B,iBAAmB,CACtB,AAED,0CACI,cAAe,AACf,WAAa,CAChB,AAED,2BACI,qBAAsB,AACtB,cAAe,AACf,UAAa,CAChB,AAED,gDACI,gBAAkB,CACrB,AAED,yBACI,iCACI,iBAAkB,AAClB,mBAAoB,AACpB,gBAAkB,CACrB,AACD,+BAEI,YAAc,CACjB,CACJ,AAMD,2BACI,eAAiB,CACpB,AAED,iBACI,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,iBAAmB,CACtB,AAED,gCACI,cAAgB,CACnB,AAED,eACI,iBAAmB,CACtB,AAED,YACI,SAAU,AACV,eAAgB,AAChB,gBAAiB,AACjB,oBAAqB,AACrB,UAAa,CAChB,AAED,mBACI,SAAU,AACV,cAAsB,AACtB,eAAgB,AAChB,kBAAmB,AACnB,eAAiB,CACpB,AAED,yBACI,mBACI,eAAkB,AAClB,gBAAkB,CACrB,CACJ,AAED,YACI,qBAAsB,AACtB,cAAgB,CACnB,AAED,2BACI,aAAe,CAClB,AAMD,mBACI,eAAgB,AAChB,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,aAAc,AACd,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,6BAA+B,AAC/B,UAAW,AACX,+BAAkC,AAClC,oBAAqB,AAErB,kCAA2B,AAA3B,yBAA2B,CAC9B,AAED,0BACI,UAAW,AACX,mBAAqB,CACxB,AAED,2BACI,kBAAmB,AACnB,aAAc,AACd,eAAkB,AAClB,YAAa,AACb,WAAY,AACZ,iBAAmB,CACtB,AAED,wBACI,eAAgB,AAChB,SAAU,AACV,UAAW,AACX,WAAa,CAChB,AAED,yBACI,qBAAsB,AACtB,gBAAmB,AACnB,eAAgB,AAChB,kBAAoB,CACvB,AAED,+BACI,mBAAoB,AACpB,gBAAiB,AACjB,0BAA4B,AAC5B,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,UAAa,CAChB,AAED,wBACI,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,cAAe,AACf,eAAiB,CACpB,AAED,+BACI,oBAAa,AAAb,WAAa,CAChB,AAED,oCACI,cAAe,AACf,kBAAmB,AACnB,WAAY,AACZ,YAAa,AACb,cAAsB,AACtB,eAAgB,AAChB,gBAAiB,AACjB,gBAAoB,AACpB,oBAAsB,AACtB,yBAAkB,AAAlB,sBAAkB,AAAlB,qBAAkB,AAAlB,iBAAkB,AAClB,kBAAmB,AACnB,oCAAsC,AAEtC,uBAAyB,CAC5B,AAED,uBACI,UAAW,AACX,oBAA6C,CAChD,AAED,0BACI,qBAAsB,AACtB,kBAAmB,AACnB,eAAgB,AAChB,YAAa,AACb,aAAc,AACd,WAAY,AACZ,iBAAkB,AAClB,iBAAkB,AAClB,gBAAiB,AACjB,kBAAmB,AACnB,oCAAsC,AACtC,oEAKE,AACF,kBAAmB,AACnB,2CAA6C,AAE7C,2CAA6C,CAChD,AAED,iEAEI,kBAA+D,CAClE,AAED,yBACI,kBAAmB,AACnB,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,aAAe,CAClB,AAED,gCAUI,uBAAyB,CAC5B,AAED,+DAZI,WAAY,AACZ,kBAAmB,AACnB,SAAU,AACV,WAAY,AACZ,cAAe,AACf,WAAY,AACZ,WAAY,AACZ,gBAAiB,AACjB,UAAa,CAehB,AAXD,+BAUI,wBAA0B,CAC7B,AAED,+BACI,cAAgB,CACnB,AAMD,aACI,kBAAmB,AACnB,iBAAkB,AAClB,oBAAqB,AACrB,WAAY,AACZ,eAA2C,CAC9C,AAED,qBACI,oBAAc,AAAd,aAAc,AACd,sBAA+B,AAA/B,8BAA+B,AAC/B,sBAAoB,AAApB,mBAAoB,AACpB,mBAAgB,AAAhB,eAAgB,AAEhB,gBAAkB,CACrB,AAED,4CAJI,wBAA6B,CAMhC,AAED,6BACI,WAA2B,AAC3B,oBAAsB,CACzB,AAED,iBACI,oBAAc,AAAd,YAAc,CACjB,AAED,mBACI,kBAAmB,AACnB,gBAAkB,CACrB,AAED,0BACI,WAAY,AACZ,kBAAmB,AACnB,SAAU,AACV,WAAY,AACZ,cAAe,AACf,UAAW,AACX,WAAY,AACZ,gBAAiB,AACjB,kBAAoB,CACvB,AAED,wCACI,YAAc,CACjB,AAED,yBACI,qBACI,0BAAuB,AAAvB,qBAAuB,CAC1B,AACD,+BACI,aAAe,CAClB,CACJ","file":"screen.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--midgrey) l(-25%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.5em;\n line-height: 1.6em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: var(--darkgrey);\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--whitegrey) 0.5em solid;;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--blue) l(-5%));\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.2rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 1.8rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n font-weight: 500;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.6rem;\n font-weight: 500;\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n","/* Table of Contents\n/* ------------------------------------------------------------\n\nThis is a development CSS file which is built to a minified\nproduction stylesheet in assets/built/screen.css\n\n1. Global Styles\n2. Layout\n3. Special Templates\n4. Site Header\n5. Site Navigation\n6. Post Feed\n7. Single Post\n 7.1. Subscribe Form\n 7.2. Post Footer\n 7.3. Comments\n 7.4. Related Posts\n 7.5. Floating Header\n8. Author Template\n9. Error Template\n10. Subscribe Overlay\n11. Site Footer\n\n*/\n\n\n/* 1. Global - Set up the things\n/* ---------------------------------------------------------- */\n@import \"global.css\";\n\nbody {\n background: #f4f8fb;\n}\n\n.img {\n display: block;\n width: 100%;\n height: 100%;\n background-position: center center;\n background-size: cover;\n border-radius: 100%;\n}\n\n.hidden {\n visibility: hidden;\n position: absolute;\n text-indent: -9999px;\n}\n\n\n/* 2. Layout - Page building blocks\n/* ---------------------------------------------------------- */\n\n/* Full width page blocks */\n.outer {\n position: relative;\n padding: 0 4vw;\n}\n\n/* Centered content container blocks */\n.inner {\n margin: 0 auto;\n max-width: 1040px;\n width: 100%;\n}\n\n/* Usage:\n\n<div class=\"outer\">\n <div class=\"inner\">\n Centered content\n </div>\n</div>\n\n*/\n\n/* 3. Special Template Styles\n/* ---------------------------------------------------------- */\n\n@media (min-width: 900px) {\n .home-template .post-feed,\n .tag-template .post-feed,\n .author-template .post-feed {\n margin-top: -110px;\n }\n .home-template .site-nav {\n position: relative;\n top: -70px;\n z-index: 300;\n }\n}\n\n\n/* 4. Site Header\n/* ---------------------------------------------------------- */\n\n.site-header {\n position: relative;\n padding-top: 12px;\n padding-bottom: 12px;\n color: #fff;\n background: color(var(--darkgrey) l(-5%)) no-repeat center center;\n background-size: cover;\n}\n\n.site-header:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n display: block;\n background: rgba(0,0,0,0.18);\n}\n\n.site-header:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: auto;\n left: 0;\n z-index: 10;\n display: block;\n height: 80px;\n background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));\n}\n\n.site-header.no-cover:before,\n.site-header.no-cover:after {\n display: none;\n}\n\n.site-header-content {\n position: relative;\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 10vw 4vw;\n min-height: 200px;\n max-height: 450px;\n text-align: center;\n}\n\n.site-title {\n margin: 0;\n padding: 0;\n font-size: 3.8rem;\n font-weight: 700;\n}\n\n.site-logo {\n max-height: 45px;\n}\n\n.site-description {\n margin: 0;\n padding: 5px 0;\n font-size: 2.2rem;\n font-weight: 300;\n letter-spacing: 0.5px;\n opacity: 0.8;\n}\n\n@media (max-width: 500px) {\n .site-title {\n font-size: 3rem;\n }\n .site-description {\n font-size: 1.8rem;\n }\n}\n\n\n/* 5. Site Navigation\n/* ---------------------------------------------------------- */\n\n.site-nav {\n position: relative;\n z-index: 100;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n overflow-y: hidden;\n height: 40px;\n font-size: 1.2rem;\n}\n\n.site-nav-left {\n display: flex;\n align-items: center;\n overflow-x: auto;\n overflow-y: hidden;\n margin-right: 10px;\n padding-bottom: 80px;\n letter-spacing: 0.4px;\n white-space: nowrap;\n\n -webkit-overflow-scrolling: touch;\n -ms-overflow-scrolling: touch;\n}\n\n/* Site Nav Hack Explanation (above):\n\nWhat's happening above it .site-nav-left is set to overflow-x and allow sideways scrolling, so that when there isn't enough space for all nav items (either due to lots of nav items, or a small viewport), you can still scroll side-to-side to reach them.\n\nThe knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px of padding-bottom and a 40px fixed height parent (.site-nav) hides that entirely. Slightly hacky code. But nice clean end-result.\n\n*/\n\n.site-nav-logo {\n flex-shrink: 0;\n display: block;\n margin-right: 24px;\n color: #fff;\n font-size: 1.7rem;\n line-height: 1em;\n font-weight: bold;\n letter-spacing: -0.5px;\n}\n\n.site-nav-logo:hover {\n text-decoration: none;\n}\n\n.site-nav-logo img {\n display: block;\n width: auto;\n height: 21px;\n}\n\n.nav {\n display: flex;\n margin: 0 0 0 -12px;\n padding: 0;\n list-style: none;\n}\n\n.nav li {\n display: block;\n margin: 0;\n padding: 0;\n text-transform: uppercase;\n}\n\n.nav li a {\n display: block;\n margin: 0;\n padding: 10px 12px;\n color: #fff;\n opacity: 0.8;\n}\n\n.nav li a:hover {\n text-decoration: none;\n opacity: 1;\n}\n\n.site-nav-right {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n height: 40px;\n}\n\n.social-links {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n}\n\n.social-links a:last-of-type {\n padding-right: 20px;\n}\n\n.social-link {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0;\n padding: 10px;\n color: #fff;\n opacity: 0.8;\n}\n\n.social-link:hover {\n opacity: 1;\n}\n\n.social-link svg {\n height: 1.8rem;\n fill: #fff;\n}\n\n.social-link-fb svg {\n height: 1.5rem;\n}\n\n.social-link-wb svg {\n height: 1.6rem;\n}\n\n.social-link-wb svg path {\n stroke: #fff;\n}\n\n.social-link-rss svg {\n height: 1.9rem;\n}\n\n.subscribe-button {\n display: block;\n padding: 4px 10px;\n border: #fff 1px solid;\n color: #fff;\n font-size: 1.2rem;\n line-height: 1em;\n border-radius: 10px;\n opacity: 0.8;\n}\n\n.subscribe-button:hover {\n text-decoration: none;\n opacity: 1;\n}\n\n.rss-button {\n opacity: 0.8;\n}\n\n.rss-button:hover {\n opacity: 1;\n}\n\n.rss-button svg {\n margin-bottom: 1px;\n height: 2.1rem;\n fill: #fff;\n}\n\n@media (max-width: 700px) {\n .site-header {\n padding-left: 0;\n padding-right: 0;\n }\n .site-nav-left {\n padding-left: 4vw;\n margin-right: 0;\n }\n .site-nav-right {\n display: none;\n }\n}\n\n\n/* 6. Post Feed\n/* ---------------------------------------------------------- */\n\n.post-feed {\n position: relative;\n z-index: 200;\n display: flex;\n flex-wrap: wrap;\n margin: 0 -20px;\n padding: 40px 0 0 0;\n}\n\n.post-card {\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n margin: 0 20px 40px;\n min-height: 300px;\n background: #fff center center;\n background-size: cover;\n border-radius: 5px;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n transition: all 0.5s ease;\n}\n\n.post-card:hover {\n box-shadow: 0 0 1px rgba(39,44,49,0.10), 0 3px 16px rgba(39, 44, 49,0.07);\n transition: all 0.3s ease;\n transform: translate3D(0, -1px, 0);\n}\n\n.post-card-image-link {\n position: relative;\n}\n\n.post-card-image {\n width: auto;\n height: 200px;\n background: var(--lightgrey) no-repeat center center;\n background-size: cover;\n}\n\n.post-card-content-link {\n position: relative;\n display: block;\n padding: 25px 25px 0;\n color: var(--darkgrey);\n}\n\n.post-card-content-link:hover {\n text-decoration: none;\n}\n\n.post-card-tags {\n display: block;\n margin-bottom: 4px;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 1.15em;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n\n.post-card-title {\n margin-top: 0;\n}\n\n.post-card-content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.post-card-excerpt {\n font-family: Georgia, serif;\n}\n\n.post-card-meta {\n padding: 0 25px 25px;\n}\n\n.author-profile-image {\n margin-right: 5px;\n width: 25px;\n height: 25px;\n border-radius: 100%;\n}\n\n.post-card-author {\n font-size: 1.3rem;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n\n/* Special Styling for home page grid (below):\n\nThe first (most recent) post in the list is styled to be bigger than the others and take over the full width of the grid to give it more emphasis. Wrapped in a media query to make sure this only happens on large viewports / desktop-ish devices.\n\n */\n\n@media (min-width: 795px) {\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) {\n flex: 1 1 100%;\n flex-direction: row;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image-link {\n position: relative;\n flex: 1 1 auto;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content {\n flex: 0 1 357px;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) h2 {\n font-size: 2.6rem;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) p {\n font-size: 1.8rem;\n line-height: 1.55em;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content-link {\n padding: 30px 40px 0;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-meta {\n padding: 0 40px 30px;\n }\n}\n\n.home-template .site-header:after {\n display: none;\n}\n\n\n/* Adjust some margins for smaller screens */\n@media (max-width: 650px) {\n .post-feed {\n padding-top: 5vw;\n }\n .post-card {\n margin: 0 20px 5vw;\n }\n}\n\n\n\n/* 7. Single Post\n/* ---------------------------------------------------------- */\n\n.post-template .site-main,\n.page-template .site-main {\n padding-bottom: 4vw;\n background: #fff;\n}\n\n.post-full {\n position: relative;\n z-index: 50;\n}\n/* ^ Required to make .post-full-content:before/after z-index stacking work */\n\n.post-full-header {\n margin: 0 auto;\n padding: 6vw 3vw 3vw;\n max-width: 1040px;\n text-align: center;\n}\n\n.post-full-meta {\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--midgrey);\n font-size: 1.4rem;\n font-weight: 600;\n text-transform: uppercase;\n}\n\n.post-full-meta-date {\n color: var(--blue);\n}\n\n.post-full-title {\n margin: 0;\n color: color(var(--darkgrey) l(-5%));\n}\n\n.date-divider {\n display: inline-block;\n margin: 0 6px 1px;\n}\n\n.post-full-image {\n margin: 0 -10vw -165px;\n height: 800px;\n background: var(--lightgrey) center center;\n background-size: cover;\n border-radius: 5px;\n}\n\n@media (max-width: 1170px) {\n .post-full-image {\n margin: 0 -4vw -100px;\n height: 600px;\n border-radius: 0;\n }\n}\n\n@media (max-width: 800px) {\n .post-full-image {\n height: 400px;\n }\n}\n\n.post-full-content {\n position: relative;\n margin: 0 auto;\n padding: 70px 100px 0;\n min-height: 230px;\n font-family: Georgia, serif;\n font-size: 2.2rem;\n line-height: 1.6em;\n background: #fff;\n}\n\n@media (max-width: 1170px) {\n .post-full-content {\n padding: 5vw 7vw 0;\n }\n}\n@media (max-width: 800px) {\n .post-full-content {\n font-size: 1.9rem;\n }\n}\n\n.post-full-content:before {\n content: \"\";\n position: absolute;\n top: 15px;\n left: -5px;\n z-index: -1;\n display: block;\n width: 20px;\n height: 200px;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n transform: rotate(-5deg);\n}\n\n.post-full-content:after {\n content: \"\";\n position: absolute;\n top: 15px;\n right: -5px;\n z-index: -1;\n display: block;\n width: 20px;\n height: 200px;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n transform: rotate(5deg);\n}\n\n.no-image .post-full-content {\n padding-top: 0;\n}\n\n.no-image .post-full-content:before,\n.no-image .post-full-content:after {\n display: none;\n}\n\n.kg-card-markdown {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 920px;\n}\n\n.post-full-content p,\n.post-full-content ul,\n.post-full-content ol,\n.post-full-content dl,\n.post-full-content pre,\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6,\n.post-full-comments,\n.footnotes {\n min-width: 100%;\n}\n\n.post-template .kg-card-markdown > p:first-child {\n font-size: 1.25em;\n line-height: 1.5em;\n}\n\n.post-full-content a {\n color: #000;\n box-shadow: var(--blue) 0 -1px 0 inset;\n}\n\n.post-full-content a:hover {\n color: var(--blue);\n text-decoration: none;\n}\n\n.post-full-content strong,\n.post-full-content em {\n color: color(var(--darkgrey) l(-5%));\n}\n\n.post-full-content small {\n display: inline-block;\n line-height: 1.6em;\n}\n\n.post-full-content li:first-child {\n margin-top: 0;\n}\n\n.post-full-content img,\n.post-full-content video {\n display: block;\n margin: 1.5em auto;\n max-width: 1040px;\n}\n@media (max-width: 1040px) {\n .post-full-content img,\n .post-full-content video {\n width: 100%;\n }\n}\n\n/*\nIf an image url has #full on the end, give it special wide styles.\nSuper neat trick courtesy of @JoelDrapper\n*/\n.post-full-content img[src$=\"#full\"] {\n width: 100vw;\n max-width: none;\n}\n\n.post-full-content iframe {\n margin: 0 auto 1.5em;\n}\n\n.post-full-content blockquote {\n margin: 0 0 1.5em 0;\n padding: 1.5em 0;\n border: 0;\n color: var(--blue);\n font-size: 3rem;\n line-height: 1.6em;\n text-align: center;\n}\n\n.post-full-content blockquote:before {\n content: open-quote;\n}\n\n.post-full-content blockquote p {\n margin: 0;\n}\n\n@media (min-width: 1000px) {\n .post-full-content blockquote {\n max-width: 1060px;\n width: 100vw;\n }\n}\n\n.post-full-content blockquote + blockquote {\n padding-top: 0;\n}\n\n.post-full-content code {\n padding: 0 5px 2px;\n font-size: 0.8em;\n line-height: 1em;\n font-weight: 400!important;\n background: var(--whitegrey);\n border-radius: 3px;\n}\n\n.post-full-content pre {\n overflow-x: auto;\n margin: 1.5em 0 3em;\n padding: 20px;\n max-width: 100%;\n border: color(var(--darkgrey) l(-10%)) 1px solid;\n color: var(--whitegrey);\n font-size: 1.4rem;\n line-height: 1.5em;\n background: color(var(--darkgrey) l(-3%));\n border-radius: 5px;\n}\n\n.post-full-content pre code {\n padding: 0;\n font-size: inherit;\n line-height: inherit;\n background: transparent;\n}\n\n.post-full-content .fluid-width-video-wrapper {\n margin: 1.5em 0 3em;\n}\n\n.post-full-content hr {\n margin: 4vw 0;\n}\n\n.post-full-content hr:after {\n content: \"\";\n position: absolute;\n top: -15px;\n left: 50%;\n display: block;\n margin-left: -10px;\n width: 1px;\n height: 30px;\n background: color(var(--lightgrey) l(+10%));\n box-shadow: #fff 0 0 0 5px;\n transform: rotate(45deg);\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6 {\n color: color(var(--darkgrey) l(-5%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n}\n\n.post-full-content h1 {\n font-size: 5rem;\n}\n\n.post-full-content h2 {\n font-size: 3.5rem;\n}\n\n.post-full-content h3 {\n font-size: 2.5rem;\n}\n\n.post-full-content h4 {\n font-size: 1.6rem;\n}\n\n.post-full-content h5 {\n font-size: 1.4rem;\n}\n\n.post-full-content h6 {\n font-size: 1.4rem;\n}\n\n.footnotes-sep {\n margin-bottom: 30px;\n}\n\n.footnotes {\n font-size: 1.5rem;\n}\n\n.footnotes p {\n margin: 0;\n}\n\n.footnote-backref {\n color: var(--blue) !important;\n font-size: 1.2rem;\n font-weight: bold;\n text-decoration: none !important;\n box-shadow: none !important;\n}\n\n/* Some grouped styles for smaller viewports */\n@media (max-width: 500px) {\n .post-full-meta {\n font-size: 1.2rem;\n line-height: 1.3em;\n }\n .post-full-title {\n font-size: 2.9rem;\n }\n .post-full-image {\n height: 350px;\n margin-bottom: 4vw;\n }\n .post-full-content {\n padding: 0;\n }\n .post-full-content:before,\n .post-full-content:after {\n display: none;\n }\n .post-full-content h1 {\n font-size: 2.9rem;\n }\n .post-full-content h2 {\n font-size: 2.9rem;\n }\n .post-full-content h3 {\n font-size: 2rem;\n }\n}\n\n/* Tables */\n.post-full-content table {\n display: table;\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n white-space: nowrap;\n border-collapse: collapse;\n border-spacing: 0;\n margin: 0.5em 0 2.5em;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.6rem;\n}\n\n.post-full-content table {\n -webkit-overflow-scrolling: touch;\n background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;\n background-size: 10px 100%, 10px 100%;\n background-attachment: scroll, scroll;\n background-repeat: no-repeat;\n}\n\n.post-full-content table td:first-child {\n background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-repeat: no-repeat;\n background-size: 20px 100%;\n}\n\n.post-full-content table td:last-child {\n background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-repeat: no-repeat;\n background-position: 100% 0;\n background-size: 20px 100%;\n}\n\n.post-full-content table th {\n font-size: 1.2rem;\n letter-spacing: 0.2px;\n color: var(--darkgrey);\n font-weight: 700;\n text-align: left;\n text-transform: uppercase;\n background: color(var(--whitegrey) l(+4%));\n}\n\n.post-full-content table th,\n.post-full-content table td {\n padding: 6px 12px;\n border: color(var(--whitegrey) l(-1%) s(-5%)) 1px solid;\n}\n\n@media (max-width: 800px) {\n .post-full-content table {\n display: inline-block;\n vertical-align: top;\n max-width: 100%;\n width: auto;\n }\n}\n\n\n\n/* 7.1. Subscribe Form\n/* ---------------------------------------------------------- */\n\n.subscribe-form {\n margin: 1.5em 0;\n padding: 6.5vw 7vw 7vw;\n border: color(var(--whitegrey) l(+2%)) 1px solid;\n text-align: center;\n background: color(var(--whitegrey) l(+4%));\n border-radius: 7px;\n}\n\n.subscribe-form-title {\n margin: 0 0 3px 0;\n padding: 0;\n color: var(--darkgrey);\n font-size: 3.5rem;\n line-height: 1;\n font-weight: 700;\n}\n\n.subscribe-form p {\n margin-bottom: 1em;\n color: var(--midgrey);\n font-size: 2.2rem;\n line-height: 1.55em;\n letter-spacing: 0.2px;\n}\n\n.subscribe-form form {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n max-width: 420px;\n}\n\n.subscribe-form .form-group {\n flex-grow: 1;\n}\n\n.subscribe-email {\n display: block;\n padding: 10px;\n width: 100%;\n border: color(var(--lightgrey) l(+7%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.8rem;\n line-height: 1em;\n font-weight: normal;\n user-select: text;\n border-radius: 5px;\n transition: border-color 0.15s linear;\n\n -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n outline: 0;\n border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-form button {\n display: inline-block;\n margin: 0 0 0 10px;\n padding: 0 20px;\n height: 41px;\n outline: none;\n color: #fff;\n font-size: 1.5rem;\n line-height: 37px;\n font-weight: 400;\n text-align: center;\n text-shadow: 0 -1px 0 rgba(0,0,0,0.1);\n background: linear-gradient(\n color(var(--blue) whiteness(+7%)),\n color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n color(var(--blue) lightness(-4%) saturation(-10%))\n );\n border-radius: 5px;\n box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);\n\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-form button:active,\n.subscribe-form button:focus {\n background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n@media (max-width: 650px) {\n .subscribe-form-title {\n font-size: 2.4rem;\n }\n .subscribe-form p {\n font-size: 1.6rem;\n }\n}\n\n@media (max-width: 500px) {\n .subscribe-form form {\n flex-direction: column;\n }\n .subscribe-form .form-group {\n width: 100%;\n }\n .subscribe-form button {\n width: 100%;\n margin: 10px 0 0 0;\n }\n}\n\n\n/* 7.2. Post Footer\n/* ---------------------------------------------------------- */\n\n.post-full-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n padding: 3vw 0 6vw 0;\n max-width: 840px;\n}\n\n.author-card {\n display: flex;\n align-items: center;\n}\n\n.author-card .author-profile-image {\n margin-right: 15px;\n width: 60px;\n height: 60px;\n}\n\n.author-card-name {\n margin: 0 0 2px 0;\n padding: 0;\n font-size: 2rem;\n}\n\n.author-card-name a {\n color: var(--darkgrey);\n font-weight: 700;\n}\n\n.author-card-name a:hover {\n text-decoration: none;\n}\n\n.author-card-content p {\n margin: 0;\n color: var(--midgrey);\n line-height: 1.3em;\n}\n\n.post-full-footer-right {\n flex-shrink: 0;\n margin-left: 20px;\n}\n\n.author-card-button {\n display: block;\n padding: 9px 16px;\n border: color(var(--midgrey) l(+20%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 1;\n font-weight: 500;\n border-radius: 20px;\n transition: all ease 0.2s;\n}\n\n.author-card-button:hover {\n border-color: var(--blue);\n color: var(--blue);\n text-decoration: none;\n}\n\n\n/* 7.3. Comments\n/* ---------------------------------------------------------- */\n\n.post-full-comments {\n margin: 0 auto;\n max-width: 840px;\n}\n\n\n/* 7.4. Related posts\n/* ---------------------------------------------------------- */\n\n.read-next-feed {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -20px;\n padding: 40px 0 0 0;\n}\n\n.read-next-card {\n position: relative;\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n margin: 0 20px 40px;\n padding: 25px;\n color: #fff;\n background: var(--darkgrey) center center;\n background-size: cover;\n border-radius: 5px;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n}\n\n.read-next-card:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n background: linear-gradient(135deg, rgba(0,40,60,0.8) 0%,rgba(0,20,40,0.7) 100%);\n border-radius: 5px;\n\n backdrop-filter: blur(2px);\n}\n\n.read-next-card-header {\n position: relative;\n z-index: 50;\n padding-top: 20px;\n text-align: center;\n}\n\n.read-next-card-header-sitetitle {\n display: block;\n font-size: 1.3rem;\n line-height: 1.3em;\n opacity: 0.8;\n}\n\n.read-next-card-header-title {\n margin: 0;\n padding: 0 20px;\n color: #fff;\n font-size: 3rem;\n line-height: 1.2em;\n letter-spacing: 1px;\n}\n\n.read-next-card-header-title a {\n color: #fff;\n font-weight: 300;\n text-decoration: none;\n}\n\n.read-next-card-header-title a:hover {\n text-decoration: none;\n}\n\n.read-next-divider {\n position: relative;\n display: flex;\n justify-content: center;\n height: 80px;\n}\n\n.read-next-divider svg {\n width: 40px;\n fill: transparent;\n stroke: #fff;\n\n stroke-width: 0.5px;\n stroke-opacity: 0.65;\n}\n\n.read-next-card-content {\n position: relative;\n z-index: 50;\n flex-grow: 1;\n display: flex;\n font-size: 1.7rem;\n}\n\n.read-next-card-content ul {\n display: flex;\n flex-direction: column;\n margin: 0 auto;\n padding: 0;\n text-align: center;\n list-style: none;\n}\n\n.read-next-card-content li {\n margin: 0;\n padding: 0;\n font-size: 1.6rem;\n line-height: 1.25em;\n font-weight: 200;\n letter-spacing: -0.5px;\n}\n\n.read-next-card-content li a {\n display: block;\n padding: 20px 0;\n border-bottom: rgba(255,255,255,0.3) 1px solid;\n color: #fff;\n font-weight: 500;\n vertical-align: top;\n transition: opacity 0.3s ease;\n}\n\n.read-next-card-content li:first-of-type a {\n padding-top: 10px;\n}\n\n.read-next-card-content li a:hover {\n opacity: 1;\n}\n\n.read-next-card-footer {\n position: relative;\n margin: 15px 0 3px 0;\n text-align: center;\n}\n\n.read-next-card-footer a {\n color: #fff;\n}\n\n\n/* 7.5. Floating Header\n/* ---------------------------------------------------------- */\n\n.floating-header {\n visibility: hidden;\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1000;\n display: flex;\n align-items: center;\n height: 60px;\n border-bottom: rgba(0,0,0,0.06) 1px solid;\n background: rgba(255,255,255,0.95);\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n transform: translate3d(0, -120%, 0);\n}\n\n.floating-active {\n visibility: visible;\n transition: all 500ms cubic-bezier(0.22, 1, 0.27, 1);\n transform: translate3d(0, 0, 0);\n}\n\n.floating-header-logo {\n overflow: hidden;\n margin: 0 0 0 20px;\n font-size: 1.6rem;\n line-height: 1em;\n letter-spacing: -1px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.floating-header-logo a {\n display: flex;\n align-items: center;\n color: var(--darkgrey);\n font-weight: 700;\n}\n\n.floating-header-logo a:hover {\n text-decoration: none;\n}\n\n.floating-header-logo img {\n margin: 0 10px 0 0;\n max-height: 20px;\n}\n\n.floating-header-divider {\n margin: 0 5px;\n line-height: 1em;\n}\n\n.floating-header-title {\n flex: 1;\n overflow: hidden;\n margin: 0;\n color: #2e2e2e;\n font-size: 1.6rem;\n line-height: 1.3em;\n font-weight: bold;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.floating-header-share {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-left: 2%;\n font-size: 1.3rem;\n line-height: 1;\n}\n\n.floating-header-share a {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.floating-header-share svg {\n width: auto;\n height: 16px;\n fill: #fff;\n}\n\n.floating-header-share-label {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n margin-right: 10px;\n color: rgba(0,0,0,0.7);\n font-weight: 500;\n}\n\n.floating-header-share-label svg {\n margin: 0 5px 0 10px;\n width: 18px;\n height: 18px;\n stroke: rgba(0,0,0,0.7);\n transform: rotate(90deg);\n}\n\n.floating-header-share-tw,\n.floating-header-share-fb {\n display: block;\n align-items: center;\n width: 60px;\n height: 60px;\n color: #fff;\n line-height: 48px;\n text-align: center;\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.floating-header-share-tw {\n background: #33b1ff;\n}\n\n.floating-header-share-fb {\n background: #005e99;\n}\n\n.progress {\n position: absolute;\n right: 0;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 2px;\n border: none;\n color: var(--blue);\n background: transparent;\n\n appearance: none;\n}\n\n.progress::-webkit-progress-bar {\n background-color: transparent;\n}\n\n.progress::-webkit-progress-value {\n background-color: var(--blue);\n}\n\n.progress-container {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n width: 100%;\n height: 2px;\n background-color: transparent;\n}\n\n.progress-bar {\n display: block;\n width: 50%;\n height: inherit;\n background-color: var(--blue);\n}\n\n@media (max-width: 900px) {\n .floating-header {\n height: 40px;\n }\n .floating-header-title,\n .floating-header-logo {\n font-size: 1.5rem;\n }\n .floating-header-share-tw,\n .floating-header-share-fb {\n width: 40px;\n height: 40px;\n line-height: 38px;\n }\n}\n\n@media (max-width: 800px) {\n .floating-header-logo {\n margin-left: 10px;\n }\n .floating-header-logo a {\n color: #2e2e2e;\n }\n .floating-header-title,\n .floating-header-divider {\n visibility: hidden;\n }\n}\n\n@media (max-width: 450px) {\n .floating-header-share-label {\n display: none;\n }\n}\n\n\n/* 8. Author Template\n/* ---------------------------------------------------------- */\n\n.site-header-content .author-profile-image {\n flex-shrink: 0;\n margin: 0 0 20px 0;\n width: 100px;\n height: 100px;\n box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;\n}\n\n.site-header-content .author-bio {\n flex-shrink: 0;\n margin: 5px 0 10px 0;\n max-width: 600px;\n font-size: 2rem;\n line-height: 1.3em;\n font-weight: 300;\n letter-spacing: 0.5px;\n opacity: 0.8;\n}\n\n.site-header-content .author-meta {\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 0 10px 0;\n font-family: Georgia, serif;\n font-style: italic;\n}\n\n.site-header-content .author-location svg {\n height: 1.9rem;\n stroke: #fff;\n}\n\n.site-header-content .bull {\n display: inline-block;\n margin: 0 12px;\n opacity: 0.5;\n}\n\n.site-header-content .social-link:first-of-type {\n padding-left: 4px;\n}\n\n@media (max-width: 500px) {\n .site-header-content .author-bio {\n font-size: 1.8rem;\n line-height: 1.15em;\n letter-spacing: 0;\n }\n .author-location,\n .author-stats {\n display: none;\n }\n}\n\n\n/* 9. Error Template\n/* ---------------------------------------------------------- */\n\n.error-template .site-main {\n padding: 7vw 4vw;\n}\n\n.site-nav-center {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.site-nav-center .site-nav-logo {\n margin-right: 0;\n}\n\n.error-message {\n text-align: center;\n}\n\n.error-code {\n margin: 0;\n font-size: 12vw;\n line-height: 1em;\n letter-spacing: -5px;\n opacity: 0.3;\n}\n\n.error-description {\n margin: 0;\n color: var(--midgrey);\n font-size: 3rem;\n line-height: 1.3em;\n font-weight: 400;\n}\n\n@media (max-width: 800px) {\n .error-description {\n margin: 5px 0 0 0;\n font-size: 1.8rem;\n }\n}\n\n.error-link {\n display: inline-block;\n margin-top: 5px;\n}\n\n.error-template .post-feed {\n padding-top: 0;\n}\n\n\n/* 10. Subscribe Overlay\n/* ---------------------------------------------------------- */\n\n.subscribe-overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 9000;\n display: flex;\n justify-content: center;\n align-items: center;\n background: rgba(0,25,40,0.97);\n opacity: 0;\n transition: opacity 200ms ease-in;\n pointer-events: none;\n\n backdrop-filter: blur(3px);\n}\n\n.subscribe-overlay:target {\n opacity: 1;\n pointer-events: auto;\n}\n\n.subscribe-overlay-content {\n position: relative;\n z-index: 9999;\n margin: 0 0 5vw 0;\n padding: 4vw;\n color: #fff;\n text-align: center;\n}\n\n.subscribe-overlay-logo {\n position: fixed;\n top: 23px;\n left: 30px;\n height: 30px;\n}\n\n.subscribe-overlay-title {\n display: inline-block;\n margin: 0 0 10px 0;\n font-size: 6rem;\n line-height: 1.15em;\n}\n\n.subscribe-overlay-description {\n margin: 0 auto 50px;\n max-width: 650px;\n font-family: Georgia, serif;\n font-size: 3rem;\n line-height: 1.3em;\n font-weight: 300;\n opacity: 0.8;\n}\n\n.subscribe-overlay form {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n max-width: 500px;\n}\n\n.subscribe-overlay .form-group {\n flex-grow: 1;\n}\n\n.subscribe-overlay .subscribe-email {\n display: block;\n padding: 14px 20px;\n width: 100%;\n border: none;\n color: var(--midgrey);\n font-size: 2rem;\n line-height: 1em;\n font-weight: normal;\n letter-spacing: 0.5px;\n user-select: text;\n border-radius: 8px;\n transition: border-color 0.15s linear;\n\n -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n outline: 0;\n border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-overlay button {\n display: inline-block;\n margin: 0 0 0 15px;\n padding: 0 25px;\n height: 52px;\n outline: none;\n color: #fff;\n font-size: 1.7rem;\n line-height: 37px;\n font-weight: 400;\n text-align: center;\n text-shadow: 0 -1px 0 rgba(0,0,0,0.1);\n background: linear-gradient(\n color(var(--blue) whiteness(+7%)),\n color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n color(var(--blue) lightness(-4%) saturation(-10%))\n );\n border-radius: 8px;\n box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);\n\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-overlay button:active,\n.subscribe-overlay button:focus {\n background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n.subscribe-overlay-close {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n}\n\n.subscribe-overlay-close:before {\n content: \"\";\n position: absolute;\n top: 40px;\n right: 25px;\n display: block;\n width: 30px;\n height: 2px;\n background: #fff;\n opacity: 0.8;\n transform: rotate(45deg);\n}\n\n.subscribe-overlay-close:after {\n content: \"\";\n position: absolute;\n top: 40px;\n right: 25px;\n display: block;\n width: 30px;\n height: 2px;\n background: #fff;\n opacity: 0.8;\n transform: rotate(-45deg);\n}\n\n.subscribe-overlay-close:hover {\n cursor: default;\n}\n\n\n/* 11. Site Footer\n/* ---------------------------------------------------------- */\n\n.site-footer {\n position: relative;\n padding-top: 20px;\n padding-bottom: 60px;\n color: #fff;\n background: color(var(--darkgrey) l(-15%));\n}\n\n.site-footer-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n color: rgba(255,255,255,0.7);\n font-size: 1.3rem;\n}\n\n.site-footer-content a {\n color: rgba(255,255,255,0.7);;\n}\n\n.site-footer-content a:hover {\n color: rgba(255,255,255,1);\n text-decoration: none;\n}\n\n.site-footer-nav {\n display: flex;\n}\n\n.site-footer-nav a {\n position: relative;\n margin-left: 20px;\n}\n\n.site-footer-nav a:before {\n content: \"\";\n position: absolute;\n top: 11px;\n left: -11px;\n display: block;\n width: 2px;\n height: 2px;\n background: #fff;\n border-radius: 100%;\n}\n\n.site-footer-nav a:first-of-type:before {\n display: none;\n}\n\n@media (max-width: 650px) {\n .site-footer-content {\n flex-direction: column;\n }\n .site-footer-nav a:first-child {\n margin-left: 0;\n }\n}\n"],"sourceRoot":"/source/"}
|
metadata
ADDED
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: caspertwo
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 2.0.1.0
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- Jonathan Underwood
|
|
8
|
+
autorequire:
|
|
9
|
+
bindir: exe
|
|
10
|
+
cert_chain: []
|
|
11
|
+
date: 2017-07-29 00:00:00.000000000 Z
|
|
12
|
+
dependencies:
|
|
13
|
+
- !ruby/object:Gem::Dependency
|
|
14
|
+
name: jekyll
|
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
|
16
|
+
requirements:
|
|
17
|
+
- - "~>"
|
|
18
|
+
- !ruby/object:Gem::Version
|
|
19
|
+
version: '3.5'
|
|
20
|
+
type: :runtime
|
|
21
|
+
prerelease: false
|
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
23
|
+
requirements:
|
|
24
|
+
- - "~>"
|
|
25
|
+
- !ruby/object:Gem::Version
|
|
26
|
+
version: '3.5'
|
|
27
|
+
- !ruby/object:Gem::Dependency
|
|
28
|
+
name: bundler
|
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
|
30
|
+
requirements:
|
|
31
|
+
- - "~>"
|
|
32
|
+
- !ruby/object:Gem::Version
|
|
33
|
+
version: '1.12'
|
|
34
|
+
type: :development
|
|
35
|
+
prerelease: false
|
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
37
|
+
requirements:
|
|
38
|
+
- - "~>"
|
|
39
|
+
- !ruby/object:Gem::Version
|
|
40
|
+
version: '1.12'
|
|
41
|
+
description:
|
|
42
|
+
email:
|
|
43
|
+
- jonathan@jyunderwood.com
|
|
44
|
+
executables: []
|
|
45
|
+
extensions: []
|
|
46
|
+
extra_rdoc_files: []
|
|
47
|
+
files:
|
|
48
|
+
- LICENSE.txt
|
|
49
|
+
- README.md
|
|
50
|
+
- _includes/floating-header.html
|
|
51
|
+
- _includes/footer.html
|
|
52
|
+
- _includes/google-analytics.html
|
|
53
|
+
- _includes/header.html
|
|
54
|
+
- _includes/icons/facebook.html
|
|
55
|
+
- _includes/icons/github.html
|
|
56
|
+
- _includes/icons/infinity.html
|
|
57
|
+
- _includes/icons/location.html
|
|
58
|
+
- _includes/icons/point.html
|
|
59
|
+
- _includes/icons/rss.html
|
|
60
|
+
- _includes/icons/twitter.html
|
|
61
|
+
- _includes/icons/website.html
|
|
62
|
+
- _includes/post-card.html
|
|
63
|
+
- _includes/read-next.html
|
|
64
|
+
- _includes/scripts.html
|
|
65
|
+
- _includes/site-nav.html
|
|
66
|
+
- _layouts/default.html
|
|
67
|
+
- _layouts/home.html
|
|
68
|
+
- _layouts/page.html
|
|
69
|
+
- _layouts/post.html
|
|
70
|
+
- assets/js/infinitescroll.js
|
|
71
|
+
- assets/js/jquery.fitvids.js
|
|
72
|
+
- assets/screen.css
|
|
73
|
+
- assets/screen.css.map
|
|
74
|
+
homepage: https://github.com/jyunderwood/jekyll-caspertwo
|
|
75
|
+
licenses:
|
|
76
|
+
- MIT
|
|
77
|
+
metadata:
|
|
78
|
+
plugin_type: theme
|
|
79
|
+
post_install_message:
|
|
80
|
+
rdoc_options: []
|
|
81
|
+
require_paths:
|
|
82
|
+
- lib
|
|
83
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
84
|
+
requirements:
|
|
85
|
+
- - ">="
|
|
86
|
+
- !ruby/object:Gem::Version
|
|
87
|
+
version: '0'
|
|
88
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
89
|
+
requirements:
|
|
90
|
+
- - ">="
|
|
91
|
+
- !ruby/object:Gem::Version
|
|
92
|
+
version: '0'
|
|
93
|
+
requirements: []
|
|
94
|
+
rubyforge_project:
|
|
95
|
+
rubygems_version: 2.6.11
|
|
96
|
+
signing_key:
|
|
97
|
+
specification_version: 4
|
|
98
|
+
summary: A port of Casper 2.0 for Jekyll.
|
|
99
|
+
test_files: []
|