jekyll-theme-nn 0.1.4 → 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +5 -5
- data/LICENSE.txt +21 -21
- data/README.md +57 -57
- data/_includes/components/feather-icon.html +9 -9
- data/_includes/components/hero.html +26 -26
- data/_includes/components/made-with.html +34 -34
- data/_includes/components/menu.html +10 -10
- data/_includes/components/post-snippet.html +40 -0
- data/_includes/components/recent-posts.html +9 -47
- data/_includes/components/series-footer.html +156 -145
- data/_includes/components/series-header.html +17 -12
- data/_includes/footer.html +32 -32
- data/_includes/head.html +29 -29
- data/_includes/header.html +35 -35
- data/_layouts/default.html +35 -35
- data/_layouts/front.html +11 -11
- data/_layouts/page.html +29 -29
- data/_layouts/post.html +43 -43
- data/_layouts/series.html +17 -0
- data/_sass/_bulma-tweaks.scss +34 -29
- data/_sass/_highlight.scss +362 -362
- data/_sass/nn-main.scss +4 -4
- data/_sass/vendor/nord/License.md +22 -22
- data/_sass/vendor/nord/nord.scss +235 -235
- data/assets/nn.scss +5 -5
- data/assets/vendor/bulma/LICENSE +21 -21
- data/assets/vendor/feather/LICENSE +20 -20
- metadata +5 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
|
-
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: 478bc42263d576366943b2204142d08e2986959d9e96196887440e9da5b9626c
|
4
|
+
data.tar.gz: 48c93c0c500bf4c912eae2fa515df61e9044d339cfa4696f3bde09d933c224bf
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 16bde156db1f472804f2b322344cee881312a3d530722d646556fbce9955729dfb3d50e91c20e3313cbf45b9c1733a9df8b6f71f4a89ac91d7bf7e1510299c36
|
7
|
+
data.tar.gz: 5ee6b3025de3dd00b88c57d5b364bd131e315e1a3d22a5d4dded0f67daab9fe574be572770f05bbf3d12482b7ed570efffc165517ec0043dc183df1d4ce45e01
|
data/LICENSE.txt
CHANGED
@@ -1,21 +1,21 @@
|
|
1
|
-
The MIT License (MIT)
|
2
|
-
|
3
|
-
Copyright (c) 2018 Nicholas Nooney
|
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.
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2018 Nicholas Nooney
|
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
CHANGED
@@ -1,57 +1,57 @@
|
|
1
|
-
# jekyll-theme-nn
|
2
|
-
|
3
|
-
This repository contains a Jekyll Theme setup as a Gem. This theme
|
4
|
-
is used for my own personal site. You are welcome to use it as
|
5
|
-
well, if you'd like.
|
6
|
-
|
7
|
-
|
8
|
-
## Installation
|
9
|
-
|
10
|
-
Add this line to your Jekyll site's `Gemfile`:
|
11
|
-
|
12
|
-
```ruby
|
13
|
-
gem "jekyll-theme-nn"
|
14
|
-
```
|
15
|
-
|
16
|
-
And add this line to your Jekyll site's `_config.yml`:
|
17
|
-
|
18
|
-
```yaml
|
19
|
-
theme: jekyll-theme-nn
|
20
|
-
```
|
21
|
-
|
22
|
-
And then execute:
|
23
|
-
|
24
|
-
$ bundle
|
25
|
-
|
26
|
-
Or install it yourself as:
|
27
|
-
|
28
|
-
$ gem install jekyll-theme-nn
|
29
|
-
|
30
|
-
## Usage
|
31
|
-
|
32
|
-
This theme supports the following layouts:
|
33
|
-
|
34
|
-
## Contributing
|
35
|
-
|
36
|
-
Bug reports and pull requests are welcome on GitHub at
|
37
|
-
https://github.com/nnooney/jekyll-theme-nn. Since this is a personal project, I
|
38
|
-
will review and make updates at my own pace.
|
39
|
-
|
40
|
-
## License
|
41
|
-
|
42
|
-
This theme is available as open source under the terms of the
|
43
|
-
[MIT License](https://opensource.org/licenses/MIT). A copy of this license is
|
44
|
-
included in this repository at [LICENSE.txt](LICENSE.txt).
|
45
|
-
|
46
|
-
This project also makes use of third party licenses that are distributed under
|
47
|
-
their own terms. These libraries are listed below:
|
48
|
-
|
49
|
-
- This project makes use of [Bulma](https://bulma.io). Bulma is included in this
|
50
|
-
project at `assets/vendor/bulma`. See Bulma's
|
51
|
-
[LICENSE](assets/vendor/bulma/LICENSE).
|
52
|
-
- This project uses [Feather](https://feathericons.com/) Icons. Feather is
|
53
|
-
included in this project at `assets/vendor/feather`. See Feather's
|
54
|
-
[LICENSE](assets/vendor/feather/LICENSE).
|
55
|
-
- This project uses [Nord](https://arcticicestudio.github.io/nord/) colors.
|
56
|
-
These colors are included at `_sass/vendor/nord`. See Nord's
|
57
|
-
[LICENSE.md](_sass/vendor/nord/LICENSE.md).
|
1
|
+
# jekyll-theme-nn
|
2
|
+
|
3
|
+
This repository contains a Jekyll Theme setup as a Gem. This theme
|
4
|
+
is used for my own personal site. You are welcome to use it as
|
5
|
+
well, if you'd like.
|
6
|
+
|
7
|
+
|
8
|
+
## Installation
|
9
|
+
|
10
|
+
Add this line to your Jekyll site's `Gemfile`:
|
11
|
+
|
12
|
+
```ruby
|
13
|
+
gem "jekyll-theme-nn"
|
14
|
+
```
|
15
|
+
|
16
|
+
And add this line to your Jekyll site's `_config.yml`:
|
17
|
+
|
18
|
+
```yaml
|
19
|
+
theme: jekyll-theme-nn
|
20
|
+
```
|
21
|
+
|
22
|
+
And then execute:
|
23
|
+
|
24
|
+
$ bundle
|
25
|
+
|
26
|
+
Or install it yourself as:
|
27
|
+
|
28
|
+
$ gem install jekyll-theme-nn
|
29
|
+
|
30
|
+
## Usage
|
31
|
+
|
32
|
+
This theme supports the following layouts:
|
33
|
+
|
34
|
+
## Contributing
|
35
|
+
|
36
|
+
Bug reports and pull requests are welcome on GitHub at
|
37
|
+
https://github.com/nnooney/jekyll-theme-nn. Since this is a personal project, I
|
38
|
+
will review and make updates at my own pace.
|
39
|
+
|
40
|
+
## License
|
41
|
+
|
42
|
+
This theme is available as open source under the terms of the
|
43
|
+
[MIT License](https://opensource.org/licenses/MIT). A copy of this license is
|
44
|
+
included in this repository at [LICENSE.txt](LICENSE.txt).
|
45
|
+
|
46
|
+
This project also makes use of third party licenses that are distributed under
|
47
|
+
their own terms. These libraries are listed below:
|
48
|
+
|
49
|
+
- This project makes use of [Bulma](https://bulma.io). Bulma is included in this
|
50
|
+
project at `assets/vendor/bulma`. See Bulma's
|
51
|
+
[LICENSE](assets/vendor/bulma/LICENSE).
|
52
|
+
- This project uses [Feather](https://feathericons.com/) Icons. Feather is
|
53
|
+
included in this project at `assets/vendor/feather`. See Feather's
|
54
|
+
[LICENSE](assets/vendor/feather/LICENSE).
|
55
|
+
- This project uses [Nord](https://arcticicestudio.github.io/nord/) colors.
|
56
|
+
These colors are included at `_sass/vendor/nord`. See Nord's
|
57
|
+
[LICENSE.md](_sass/vendor/nord/LICENSE.md).
|
@@ -1,9 +1,9 @@
|
|
1
|
-
{% capture symbol %}
|
2
|
-
/assets/vendor/feather/feather-sprite.svg#{{ include.icon }}
|
3
|
-
{% endcapture %}
|
4
|
-
|
5
|
-
<span class="icon {{ include.class }}">
|
6
|
-
<svg class="feather feather-{{ include.icon }}">
|
7
|
-
<use xlink:href="{{ symbol | strip | relative_url }}" />
|
8
|
-
</svg>
|
9
|
-
</span>
|
1
|
+
{% capture symbol %}
|
2
|
+
/assets/vendor/feather/feather-sprite.svg#{{ include.icon }}
|
3
|
+
{% endcapture %}
|
4
|
+
|
5
|
+
<span class="icon {{ include.class }}">
|
6
|
+
<svg class="feather feather-{{ include.icon }}">
|
7
|
+
<use xlink:href="{{ symbol | strip | relative_url }}" />
|
8
|
+
</svg>
|
9
|
+
</span>
|
@@ -1,26 +1,26 @@
|
|
1
|
-
<section class="hero is-info is-bold">
|
2
|
-
<div class="hero-body">
|
3
|
-
<div class="container">
|
4
|
-
{% if site.logo %}
|
5
|
-
<div class="level">
|
6
|
-
<div class="level-left">
|
7
|
-
<div class="level-item">
|
8
|
-
<img src="{{ site.logo | escape }}"
|
9
|
-
alt="{{ site.logo_alt | escape }}">
|
10
|
-
</div>
|
11
|
-
<div class="container">
|
12
|
-
{% endif %}
|
13
|
-
<h1 class="title">
|
14
|
-
{{ site.title | escape }}
|
15
|
-
</h1>
|
16
|
-
<h2 class="subtitle">
|
17
|
-
{{ site.description | escape }}
|
18
|
-
</h2>
|
19
|
-
{% if site.logo %}
|
20
|
-
</div>
|
21
|
-
</div>
|
22
|
-
</div>
|
23
|
-
{% endif %}
|
24
|
-
</div>
|
25
|
-
</div>
|
26
|
-
</section>
|
1
|
+
<section class="hero is-info is-bold">
|
2
|
+
<div class="hero-body">
|
3
|
+
<div class="container">
|
4
|
+
{% if site.logo %}
|
5
|
+
<div class="level">
|
6
|
+
<div class="level-left">
|
7
|
+
<div class="level-item">
|
8
|
+
<img src="{{ site.logo | escape }}"
|
9
|
+
alt="{{ site.logo_alt | escape }}">
|
10
|
+
</div>
|
11
|
+
<div class="container">
|
12
|
+
{% endif %}
|
13
|
+
<h1 class="title">
|
14
|
+
{{ site.title | escape }}
|
15
|
+
</h1>
|
16
|
+
<h2 class="subtitle">
|
17
|
+
{{ site.description | escape }}
|
18
|
+
</h2>
|
19
|
+
{% if site.logo %}
|
20
|
+
</div>
|
21
|
+
</div>
|
22
|
+
</div>
|
23
|
+
{% endif %}
|
24
|
+
</div>
|
25
|
+
</div>
|
26
|
+
</section>
|
@@ -1,34 +1,34 @@
|
|
1
|
-
<p>
|
2
|
-
This
|
3
|
-
<a href="https://github.com/nnooney/jekyll-theme-nn">theme</a>
|
4
|
-
was made with:
|
5
|
-
</p>
|
6
|
-
<div class="level is-mobile made-with">
|
7
|
-
<div class="level-item">
|
8
|
-
<a href="https://jekyllrb.com" target="_blank">
|
9
|
-
<img src="{{ "/assets/images/jekyll.png" | relative_url }}"
|
10
|
-
alt="Bulma: a modern CSS framework">
|
11
|
-
</a>
|
12
|
-
</div>
|
13
|
-
<span class="icon"></span>
|
14
|
-
<div class="level-item">
|
15
|
-
<a href="https://bulma.io" target="_blank">
|
16
|
-
<img src="{{ "/assets/images/bulma.png" | relative_url }}"
|
17
|
-
alt="Jekyll: Transform your plain text into static websites">
|
18
|
-
</a>
|
19
|
-
</div>
|
20
|
-
<span class="icon"></span>
|
21
|
-
<div class="level-item">
|
22
|
-
<a href="https://feathericons.com" target="_blank">
|
23
|
-
{% include components/feather-icon.html
|
24
|
-
icon="feather" class="has-text-grey" %}
|
25
|
-
</a>
|
26
|
-
</div>
|
27
|
-
<span class="icon"></span>
|
28
|
-
<div class="level-item">
|
29
|
-
<a href="https://arcticicestudio.github.io/nord/" target="_blank">
|
30
|
-
<img src="{{ "/assets/images/nord.svg" | relative_url }}"
|
31
|
-
alt="Nord: An arctic, north-bluish color palette">
|
32
|
-
</a>
|
33
|
-
</div>
|
34
|
-
</div>
|
1
|
+
<p>
|
2
|
+
This
|
3
|
+
<a href="https://github.com/nnooney/jekyll-theme-nn">theme</a>
|
4
|
+
was made with:
|
5
|
+
</p>
|
6
|
+
<div class="level is-mobile made-with">
|
7
|
+
<div class="level-item">
|
8
|
+
<a href="https://jekyllrb.com" target="_blank">
|
9
|
+
<img src="{{ "/assets/images/jekyll.png" | relative_url }}"
|
10
|
+
alt="Bulma: a modern CSS framework">
|
11
|
+
</a>
|
12
|
+
</div>
|
13
|
+
<span class="icon"></span>
|
14
|
+
<div class="level-item">
|
15
|
+
<a href="https://bulma.io" target="_blank">
|
16
|
+
<img src="{{ "/assets/images/bulma.png" | relative_url }}"
|
17
|
+
alt="Jekyll: Transform your plain text into static websites">
|
18
|
+
</a>
|
19
|
+
</div>
|
20
|
+
<span class="icon"></span>
|
21
|
+
<div class="level-item">
|
22
|
+
<a href="https://feathericons.com" target="_blank">
|
23
|
+
{% include components/feather-icon.html
|
24
|
+
icon="feather" class="has-text-grey" %}
|
25
|
+
</a>
|
26
|
+
</div>
|
27
|
+
<span class="icon"></span>
|
28
|
+
<div class="level-item">
|
29
|
+
<a href="https://arcticicestudio.github.io/nord/" target="_blank">
|
30
|
+
<img src="{{ "/assets/images/nord.svg" | relative_url }}"
|
31
|
+
alt="Nord: An arctic, north-bluish color palette">
|
32
|
+
</a>
|
33
|
+
</div>
|
34
|
+
</div>
|
@@ -1,10 +1,10 @@
|
|
1
|
-
<aside class="menu is-hidden-mobile">
|
2
|
-
<p class="menu-label">
|
3
|
-
Categories
|
4
|
-
</p>
|
5
|
-
<ul class="menu-list">
|
6
|
-
{% for category in site.categories %}
|
7
|
-
<li><a href="#">{{ category | first }}</a></li>
|
8
|
-
{% endfor %}
|
9
|
-
</ul>
|
10
|
-
</aside>
|
1
|
+
<aside class="menu is-hidden-mobile">
|
2
|
+
<p class="menu-label">
|
3
|
+
Categories
|
4
|
+
</p>
|
5
|
+
<ul class="menu-list">
|
6
|
+
{% for category in site.categories %}
|
7
|
+
<li><a href="#">{{ category | first }}</a></li>
|
8
|
+
{% endfor %}
|
9
|
+
</ul>
|
10
|
+
</aside>
|
@@ -0,0 +1,40 @@
|
|
1
|
+
<article class="media">
|
2
|
+
<div class="media-content">
|
3
|
+
<div class="content">
|
4
|
+
<div class="level">
|
5
|
+
<div class="level-left">
|
6
|
+
<div class="wrapper">
|
7
|
+
<p class="title is-4">
|
8
|
+
<a href="{{ post.url | relative_url }}">
|
9
|
+
{{ post.title | escape }}
|
10
|
+
</a>
|
11
|
+
</p>
|
12
|
+
<p class="subtitle is-6">
|
13
|
+
{{ post.date | date: "%b %-d, %Y" }}
|
14
|
+
</p>
|
15
|
+
</div>
|
16
|
+
</div>
|
17
|
+
<div class="level-right">
|
18
|
+
<div class="tags">
|
19
|
+
{% for category in post.categories %}
|
20
|
+
<span class="tag is-info">
|
21
|
+
{{ category | escape }}
|
22
|
+
</span>
|
23
|
+
{% endfor %}
|
24
|
+
{% for tag in post.tags %}
|
25
|
+
<span class="tag is-light">
|
26
|
+
{{ tag | escape }}
|
27
|
+
</span>
|
28
|
+
{% if forloop.index > 3 %}
|
29
|
+
{% break %}
|
30
|
+
{% endif %}
|
31
|
+
{% endfor %}
|
32
|
+
</div>
|
33
|
+
</div>
|
34
|
+
</div>
|
35
|
+
<div class="post-excerpt">
|
36
|
+
{{ post.excerpt }}
|
37
|
+
</div>
|
38
|
+
</div>
|
39
|
+
</div>
|
40
|
+
</article>
|
@@ -1,47 +1,9 @@
|
|
1
|
-
<section class="recent-posts">
|
2
|
-
{% for post in site.posts %}
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
<a href="{{ post.url | relative_url }}">
|
11
|
-
{{ post.title | escape }}
|
12
|
-
</a>
|
13
|
-
</p>
|
14
|
-
<p class="subtitle is-6">
|
15
|
-
{{ post.date | date: "%b %-d, %Y" }}
|
16
|
-
</p>
|
17
|
-
</div>
|
18
|
-
</div>
|
19
|
-
<div class="level-right">
|
20
|
-
<div class="tags">
|
21
|
-
{% for category in post.categories %}
|
22
|
-
<span class="tag is-info">
|
23
|
-
{{ category | escape }}
|
24
|
-
</span>
|
25
|
-
{% endfor %}
|
26
|
-
{% for tag in post.tags %}
|
27
|
-
<span class="tag is-light">
|
28
|
-
{{ tag | escape }}
|
29
|
-
</span>
|
30
|
-
{% if forloop.index > 3 %}
|
31
|
-
{% break %}
|
32
|
-
{% endif %}
|
33
|
-
{% endfor %}
|
34
|
-
</div>
|
35
|
-
</div>
|
36
|
-
</div>
|
37
|
-
<div class="post-excerpt">
|
38
|
-
{{ post.excerpt }}
|
39
|
-
</div>
|
40
|
-
</div>
|
41
|
-
</div>
|
42
|
-
</article>
|
43
|
-
{% if forloop.last == false %}
|
44
|
-
<hr>
|
45
|
-
{% endif %}
|
46
|
-
{% endfor %}
|
47
|
-
</section>
|
1
|
+
<section class="recent-posts">
|
2
|
+
{% for post in site.posts %}
|
3
|
+
{% include components/post-snippet.html %}
|
4
|
+
|
5
|
+
{% if forloop.last == false %}
|
6
|
+
<hr>
|
7
|
+
{% endif %}
|
8
|
+
{% endfor %}
|
9
|
+
</section>
|
@@ -1,145 +1,156 @@
|
|
1
|
-
{% comment %}
|
2
|
-
The liquid at the top will search through all posts in the series
|
3
|
-
{% endcomment %}
|
4
|
-
{% assign count = '0' %}
|
5
|
-
{% assign index = '0' %}
|
6
|
-
{% assign capture_prev = true %}
|
7
|
-
{% assign capture_next = false %}
|
8
|
-
|
9
|
-
{% for post in site.posts reversed %}
|
10
|
-
{% if post.series == page.series %}
|
11
|
-
{% capture count %}{{ count | plus: '1' }}{% endcapture %}
|
12
|
-
{% assign last_url = post.url %}
|
13
|
-
|
14
|
-
{% if capture_next %}
|
15
|
-
{% assign next_title = post.title %}
|
16
|
-
{% assign next_url = post.url %}
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
{%
|
22
|
-
{% assign
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
{% assign
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
{%
|
35
|
-
{%
|
36
|
-
{%
|
37
|
-
|
38
|
-
is the number of posts after
|
39
|
-
We've also captured the first, previous,
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
<div class="level-
|
139
|
-
{% if
|
140
|
-
<p>
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
1
|
+
{% comment %}
|
2
|
+
The liquid at the top will search through all posts in the series
|
3
|
+
{% endcomment %}
|
4
|
+
{% assign count = '0' %}
|
5
|
+
{% assign index = '0' %}
|
6
|
+
{% assign capture_prev = true %}
|
7
|
+
{% assign capture_next = false %}
|
8
|
+
|
9
|
+
{% for post in site.posts reversed %}
|
10
|
+
{% if post.series == page.series %}
|
11
|
+
{% capture count %}{{ count | plus: '1' }}{% endcapture %}
|
12
|
+
{% assign last_url = post.url %}
|
13
|
+
|
14
|
+
{% if capture_next %}
|
15
|
+
{% assign next_title = post.title %}
|
16
|
+
{% assign next_url = post.url %}
|
17
|
+
{% assign capture_next = false %}
|
18
|
+
{% endif %}
|
19
|
+
|
20
|
+
{% if post.url == page.url %}
|
21
|
+
{% capture index %}{{ count }}{% endcapture %}
|
22
|
+
{% assign capture_prev = false %}
|
23
|
+
{% assign capture_next = true %}
|
24
|
+
{% endif %}
|
25
|
+
|
26
|
+
{% if capture_prev %}
|
27
|
+
{% assign prev_title = post.title %}
|
28
|
+
{% assign prev_url = post.url %}
|
29
|
+
{% endif %}
|
30
|
+
|
31
|
+
{% if count == '1' %}
|
32
|
+
{% assign first_url = post.url %}
|
33
|
+
{% endif %}
|
34
|
+
{% endif %}
|
35
|
+
{% endfor %}
|
36
|
+
{% assign after = count | minus: index %}
|
37
|
+
{% comment %}
|
38
|
+
At this point, count is the total number of posts, index is this post, and after
|
39
|
+
is the number of posts after index. We've also captured the first, previous,
|
40
|
+
next, and last posts in the series.
|
41
|
+
{% endcomment %}
|
42
|
+
|
43
|
+
{% if count > '1' %}
|
44
|
+
{% assign series_page = page.series | slugify | append: ".html" %}
|
45
|
+
<hr>
|
46
|
+
<section class="series-footer">
|
47
|
+
<div class="level">
|
48
|
+
<div class="level-item">
|
49
|
+
<a href="{{ series_page | prepend: "/series/" | relative_url }}"
|
50
|
+
class="link-wrapper">
|
51
|
+
{% include components/feather-icon.html
|
52
|
+
icon="archive" class="has-text-info" %}
|
53
|
+
<!-- Use this span for spacing -->
|
54
|
+
<span class="icon"></span>
|
55
|
+
<p class="has-text-info has-text-weight-semibold is-size-5">
|
56
|
+
{{ page.series }}
|
57
|
+
</p>
|
58
|
+
</a>
|
59
|
+
</div>
|
60
|
+
</div>
|
61
|
+
<nav class="pagination is-centered" role="navigation"
|
62
|
+
aria-label="pagination">
|
63
|
+
{% if index > '1' %}
|
64
|
+
<a href="{{ prev_url }}" class="pagination-previous">Previous</a>
|
65
|
+
{% else %}
|
66
|
+
<a href="{{ prev_url }}" class="pagination-previous" disabled>
|
67
|
+
Previous
|
68
|
+
</a>
|
69
|
+
{% endif %}
|
70
|
+
|
71
|
+
{% if after > 0 %}
|
72
|
+
<a href="{{ next_url }}" class="pagination-next">Next</a>
|
73
|
+
{% else %}
|
74
|
+
<a href="{{ next_url }}" class="pagination-next" disabled>
|
75
|
+
Next
|
76
|
+
</a>
|
77
|
+
{% endif %}
|
78
|
+
|
79
|
+
<ul class="pagination-list">
|
80
|
+
{% if index > '2' %}
|
81
|
+
<li>
|
82
|
+
<a href="{{ first_url }}" class="pagination-link"
|
83
|
+
aria-label="Goto page 1">
|
84
|
+
1
|
85
|
+
</a>
|
86
|
+
</li>
|
87
|
+
{% endif %}
|
88
|
+
|
89
|
+
{% if index > '3' %}
|
90
|
+
<li>
|
91
|
+
<span class="pagination-ellipsis">…</span>
|
92
|
+
</li>
|
93
|
+
{% endif %}
|
94
|
+
|
95
|
+
{% if index > '1' %}
|
96
|
+
<li>
|
97
|
+
<a href="{{ prev_url }}" class="pagination-link"
|
98
|
+
aria-label="Goto page {{ index | minus: '1' }}">
|
99
|
+
{{ index | minus: '1' }}
|
100
|
+
</a>
|
101
|
+
</li>
|
102
|
+
{% endif %}
|
103
|
+
|
104
|
+
<li>
|
105
|
+
<a class="pagination-link is-current"
|
106
|
+
aria-label="Current page {{ index }}">
|
107
|
+
{{ index }}
|
108
|
+
</a>
|
109
|
+
</li>
|
110
|
+
|
111
|
+
{% if after > 0 %}
|
112
|
+
<li>
|
113
|
+
<a href="{{ next_url }}" class="pagination-link"
|
114
|
+
aria-label="Goto page {{ index | plus: '1' }}">
|
115
|
+
{{ index | plus: '1' }}
|
116
|
+
</a>
|
117
|
+
</li>
|
118
|
+
{% endif %}
|
119
|
+
|
120
|
+
{% if after > 2 %}
|
121
|
+
<li>
|
122
|
+
<span class="pagination-ellipsis">…</span>
|
123
|
+
</li>
|
124
|
+
{% endif %}
|
125
|
+
|
126
|
+
{% if after > 1 %}
|
127
|
+
<li>
|
128
|
+
<a href="{{ last_url }}" class="pagination-link"
|
129
|
+
aria-label="Goto page {{ count }}">
|
130
|
+
{{ count }}
|
131
|
+
</a>
|
132
|
+
</li>
|
133
|
+
{% endif %}
|
134
|
+
|
135
|
+
</ul>
|
136
|
+
</nav>
|
137
|
+
<div class="level">
|
138
|
+
<div class="level-left">
|
139
|
+
{% if index > '1' %}
|
140
|
+
<p>
|
141
|
+
<span class="is-hidden-tablet is-italic">Previous: </span>
|
142
|
+
{{ prev_title }}
|
143
|
+
</p>
|
144
|
+
{% endif %}
|
145
|
+
</div>
|
146
|
+
<div class="level-right">
|
147
|
+
{% if after > 0 %}
|
148
|
+
<p>
|
149
|
+
<span class="is-hidden-tablet is-italic">Next: </span>
|
150
|
+
{{ next_title }}
|
151
|
+
</p>
|
152
|
+
{% endif %}
|
153
|
+
</div>
|
154
|
+
</div>
|
155
|
+
</section>
|
156
|
+
{% endif %}
|