fortyone-jekyll-theme 1.0.2 → 1.2.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +23 -12
- data/_includes/_home_tile.html +15 -0
- data/_includes/_home_tiles.html +14 -0
- data/_includes/_landing_downlighted_item.html +19 -0
- data/_includes/_landing_highlighted_item.html +27 -0
- data/_includes/_landing_item.html +27 -0
- data/_includes/_t.html +5 -0
- data/_includes/footer.html +94 -17
- data/_includes/header.html +47 -15
- data/_includes/pagination.html +1 -1
- data/_layouts/allposts.html +5 -1
- data/_layouts/categories.html +66 -0
- data/_layouts/collection.html +31 -0
- data/_layouts/default.html +27 -0
- data/_layouts/home.html +50 -53
- data/_layouts/landing.html +37 -38
- data/_layouts/page.html +4 -18
- data/_layouts/post.html +13 -27
- data/_sass/libs/_vars.scss +8 -6
- data/_sass/main.scss +1 -1
- metadata +12 -4
- data/_includes/tiles.html +0 -28
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c97bf4a41e87c0d103254a625b1e7bb9309abc29
|
4
|
+
data.tar.gz: 213b4ac07ad4a1b604b5ebfd68d6afd33abd9941
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c640caa7bf03f8623feed9173d995636555c0fa986052d811ab31b5189ce86acc8c1a5b1eae1c9d050528aee51048811825bafbe16dbbd640e69caec5c6bb821
|
7
|
+
data.tar.gz: 188d63f9cc1684ebcfa5162546ca57a3b7f0be5ff0090ae007234bb9cd26de8e890544d21de2fae9fb11deea0ac5117e5d75e308dc1247e469e6f4d607d56ffc
|
data/README.md
CHANGED
@@ -1,12 +1,15 @@
|
|
1
1
|
# FortyOne - Jekyll Theme
|
2
2
|
|
3
|
+
[![Gem Version](https://badge.fury.io/rb/fortyone-jekyll-theme.svg)](https://badge.fury.io/rb/fortyone-jekyll-theme)
|
4
|
+
|
3
5
|
To use this theme:
|
4
6
|
|
5
7
|
Add to your `Gemfile`:
|
6
8
|
|
7
9
|
```
|
8
10
|
gem 'fortyone-jekyll-theme'
|
9
|
-
|
11
|
+
|
12
|
+
```
|
10
13
|
|
11
14
|
and to `_config.yml`:
|
12
15
|
|
@@ -18,20 +21,29 @@ theme: fortyone-jekyll-theme
|
|
18
21
|
|
19
22
|
## [FortyOne Demo](https://agustibr.gitlab.io/fortyone-jekyll-theme/)
|
20
23
|
|
21
|
-
+
|
22
|
-
+
|
23
|
-
+
|
24
|
-
+
|
24
|
+
+ layouts:
|
25
|
+
+ `landing` list items from a collection
|
26
|
+
+ `alltags` listing all tags of the site, with related posts
|
27
|
+
+ `categories` listing all categories of the site, with related posts
|
28
|
+
+ `allposts` listing posts in a chronological order
|
29
|
+
+ `collection` listing all contents of a given collection
|
30
|
+
+ `post` with pagination to navigate through posts
|
31
|
+
+ `page` generic template
|
32
|
+
+ `home` with tiles from pages,or posts, or collections. (setup in _config.yml)
|
33
|
+
+ `default` the base template of all layouts
|
34
|
+
+ [Customize the theme's Sass](https://help.github.com/articles/customizing-css-and-html-in-your-jekyll-theme/#customizing-your-jekyll-themes-css)
|
35
|
+
with `sass` variables easily overriden, just set them before `@import "{{ site.theme }}";` [_sass/libs/_vars.scss](https://gitlab.com/agustibr/fortyone-jekyll-theme/blob/master/_sass/libs/_vars.scss)
|
25
36
|
|
37
|
+
# Credits
|
26
38
|
|
27
|
-
|
28
|
-
|
39
|
+
```
|
40
|
+
## Original README from Forty - Jekyll Theme
|
29
41
|
|
30
42
|
A Jekyll version of the "Forty" theme by [HTML5 UP](https://html5up.net/).
|
31
43
|
|
32
44
|
![Forty Theme](assets/images/forty.jpg "Forty Theme")
|
33
45
|
|
34
|
-
|
46
|
+
## How to Use
|
35
47
|
|
36
48
|
For those unfamiliar with how Jekyll works, check out [jekyllrb.com](https://jekyllrb.com/) for all the details,
|
37
49
|
or read up on just the basics of [front matter](https://jekyllrb.com/docs/frontmatter/), [writing posts](https://jekyllrb.com/docs/posts/),
|
@@ -40,18 +52,17 @@ and [creating pages](https://jekyllrb.com/docs/pages/).
|
|
40
52
|
- **GitLab**: Simply fork this repository and start editing the `_config.yml` file!
|
41
53
|
- **GitHub**: Fork this reposity and create a branch named `gh-pages`, then start editing the `_config.yml` file! The `.gitlab-ci.yml` file is only needed for GitLab Pages, so feel free to delete this if you are using GitHub instead.
|
42
54
|
|
43
|
-
|
55
|
+
## Added Features
|
44
56
|
|
45
57
|
* **[Formspree.io](https://formspree.io/) contact form integration** - just add your email to the `_config.yml` and it works!
|
46
58
|
* Use `_config.yml` to **set whether the homepage tiles should pull pages or posts**, as well as how many to display.
|
47
59
|
* Add your **social profiles** easily in `_config.yml`. Only social profiles buttons you enter in `config.yml` show up on the site footer!
|
48
60
|
* Set **featured images** in front matter.
|
49
61
|
|
50
|
-
|
62
|
+
---
|
51
63
|
|
52
|
-
Original README from HTML5 UP:
|
64
|
+
## Original README from HTML5 UP:
|
53
65
|
|
54
|
-
```
|
55
66
|
Forty by HTML5 UP
|
56
67
|
html5up.net | @ajlkn
|
57
68
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
@@ -0,0 +1,15 @@
|
|
1
|
+
<article>
|
2
|
+
<span class="image">
|
3
|
+
<img src="{{ include.item.image | absolute_url }}" alt="" />
|
4
|
+
</span>
|
5
|
+
|
6
|
+
<header class="major">
|
7
|
+
<h3>
|
8
|
+
<a href="{{ include.item.url | absolute_url }}" class="link">
|
9
|
+
{{ include.item.title }}
|
10
|
+
</a>
|
11
|
+
</h3>
|
12
|
+
|
13
|
+
<p>{{ include.item.description }}</p>
|
14
|
+
</header>
|
15
|
+
</article>
|
@@ -0,0 +1,14 @@
|
|
1
|
+
{% assign collection= site.collections | where: "label", site.tiles-source | first %}
|
2
|
+
{% assign items = collection.docs | limit:site.tiles-count %}
|
3
|
+
|
4
|
+
<section id="one" class="tiles">
|
5
|
+
{% if site.tiles-source == 'pages' %}
|
6
|
+
{% for page in site.pages limit:site.tiles-count %}
|
7
|
+
{% include _home_tile.html item= page %}
|
8
|
+
{% endfor %}
|
9
|
+
{% else %}
|
10
|
+
{% for item in items %}
|
11
|
+
{% include _home_tile.html item= item %}
|
12
|
+
{% endfor %}
|
13
|
+
{% endif %}
|
14
|
+
</section>
|
@@ -0,0 +1,19 @@
|
|
1
|
+
<section id="three">
|
2
|
+
<div class="inner">
|
3
|
+
<header class="major">
|
4
|
+
<h2>{{ include.item.title }}</h2>
|
5
|
+
</header>
|
6
|
+
|
7
|
+
{{ include.item.content | markdownify }}
|
8
|
+
|
9
|
+
{% if include.item.link_url %}
|
10
|
+
<ul class="actions">
|
11
|
+
<li>
|
12
|
+
<a href="{{ include.item.link_url }}" class="button">
|
13
|
+
{{ include.item.link_text }}
|
14
|
+
</a>
|
15
|
+
</li>
|
16
|
+
</ul>
|
17
|
+
{% endif %}
|
18
|
+
</div>
|
19
|
+
</section>
|
@@ -0,0 +1,27 @@
|
|
1
|
+
<section id="banner" class="style{{ page.style }}">
|
2
|
+
<div class="inner">
|
3
|
+
{% if include.item.image %}
|
4
|
+
<span class="image">
|
5
|
+
<img src="{{ include.item.image | absolute_url }}" alt=""/>
|
6
|
+
</span>
|
7
|
+
{% endif %}
|
8
|
+
|
9
|
+
<header class="major">
|
10
|
+
<h1>{{ include.item.title }}</h1>
|
11
|
+
</header>
|
12
|
+
|
13
|
+
<div class="content">
|
14
|
+
{{ include.item.content | markdownify }}
|
15
|
+
|
16
|
+
{% if include.item.link_url %}
|
17
|
+
<ul class="actions">
|
18
|
+
<li>
|
19
|
+
<a href="{{ include.item.link_url }}" class="button">
|
20
|
+
{{ include.item.link_text }}
|
21
|
+
</a>
|
22
|
+
</li>
|
23
|
+
</ul>
|
24
|
+
{% endif %}
|
25
|
+
</div>
|
26
|
+
</div>
|
27
|
+
</section>
|
@@ -0,0 +1,27 @@
|
|
1
|
+
<section>
|
2
|
+
{% if include.item.image %}
|
3
|
+
<a href="{{ include.item.link_url || '#' }}" class="image">
|
4
|
+
<img src="{{ include.item.image | absolute_url }}" alt="" data-position="center center" />
|
5
|
+
</a>
|
6
|
+
{% endif %}
|
7
|
+
|
8
|
+
<div class="content">
|
9
|
+
<div class="inner">
|
10
|
+
<header class="major">
|
11
|
+
<h3>{{ include.item.title }}</h3>
|
12
|
+
</header>
|
13
|
+
|
14
|
+
{{ include.item.content | markdownify }}
|
15
|
+
|
16
|
+
{% if include.item.link_url %}
|
17
|
+
<ul class="actions">
|
18
|
+
<li>
|
19
|
+
<a href="{{ include.item.link_url }}" class="button">
|
20
|
+
{{ include.item.link_text }}
|
21
|
+
</a>
|
22
|
+
</li>
|
23
|
+
</ul>
|
24
|
+
{% endif %}
|
25
|
+
</div>
|
26
|
+
</div>
|
27
|
+
</section>
|
data/_includes/_t.html
ADDED
data/_includes/footer.html
CHANGED
@@ -2,47 +2,116 @@
|
|
2
2
|
<section id="contact">
|
3
3
|
<div class="inner">
|
4
4
|
<section>
|
5
|
-
|
5
|
+
{% if site.data.labels.contact.title %}
|
6
|
+
<h3>
|
7
|
+
{% include _t.html
|
8
|
+
label = site.data.labels.contact.title
|
9
|
+
fallback = 'Contact' %}
|
10
|
+
</h3>
|
11
|
+
{% endif %}
|
12
|
+
|
13
|
+
{% if site.data.labels.contact.description %}
|
14
|
+
<p>
|
15
|
+
{% include _t.html
|
16
|
+
label = site.data.labels.contact.description
|
17
|
+
fallback = '' %}
|
18
|
+
</p>
|
19
|
+
{% endif %}
|
20
|
+
<form method="POST" action="https://formspree.io/{{ site.email }}">
|
6
21
|
<div class="field half first">
|
7
|
-
<label for="name">
|
22
|
+
<label for="name">
|
23
|
+
{% include _t.html
|
24
|
+
label = site.data.labels.contact.form.name
|
25
|
+
fallback = 'Name' %}
|
26
|
+
</label>
|
8
27
|
<input type="text" name="name" id="name" />
|
9
28
|
</div>
|
10
29
|
<div class="field half">
|
11
|
-
<label for="email">
|
30
|
+
<label for="email">
|
31
|
+
{% include _t.html
|
32
|
+
label = site.data.labels.contact.form.email
|
33
|
+
fallback = 'Email' %}
|
34
|
+
</label>
|
12
35
|
<input type="text" name="_replyto" id="email" />
|
13
36
|
</div>
|
37
|
+
|
14
38
|
<div class="field">
|
15
|
-
<label for="message">
|
39
|
+
<label for="message">
|
40
|
+
{% include _t.html
|
41
|
+
label = site.data.labels.contact.form.message
|
42
|
+
fallback = 'Message' %}
|
43
|
+
</label>
|
16
44
|
<textarea name="message" id="message" rows="6"></textarea>
|
17
45
|
</div>
|
46
|
+
|
18
47
|
<ul class="actions">
|
19
|
-
<li
|
20
|
-
|
48
|
+
<li>
|
49
|
+
<button type="submit" class="special">
|
50
|
+
{% include _t.html
|
51
|
+
label = site.data.labels.contact.form.submit
|
52
|
+
fallback = 'Send' %}
|
53
|
+
</button>
|
54
|
+
</li>
|
55
|
+
|
56
|
+
<li>
|
57
|
+
<button type="reset">
|
58
|
+
{% include _t.html
|
59
|
+
label = site.data.labels.contact.form.clear
|
60
|
+
fallback = 'Clear' %}
|
61
|
+
</button>
|
62
|
+
</li>
|
21
63
|
</ul>
|
22
64
|
</form>
|
23
65
|
</section>
|
66
|
+
|
24
67
|
<section class="split">
|
25
68
|
<section>
|
26
69
|
<div class="contact-method">
|
27
70
|
<span class="icon alt fa-envelope"></span>
|
28
|
-
|
29
|
-
<
|
71
|
+
|
72
|
+
<h3>
|
73
|
+
{% include _t.html
|
74
|
+
label = site.data.labels.contact.method.email
|
75
|
+
fallback = "Email" %}
|
76
|
+
</h3>
|
77
|
+
|
78
|
+
<a href="mailto:{{ site.email }}">
|
79
|
+
{{ site.email }}
|
80
|
+
</a>
|
30
81
|
</div>
|
31
82
|
</section>
|
83
|
+
|
32
84
|
<section>
|
33
85
|
<div class="contact-method">
|
34
86
|
<span class="icon alt fa-phone"></span>
|
35
|
-
|
36
|
-
<
|
87
|
+
|
88
|
+
<h3>
|
89
|
+
{% include _t.html
|
90
|
+
label = site.data.labels.contact.method.phone
|
91
|
+
fallback = "Phone" %}
|
92
|
+
</h3>
|
93
|
+
|
94
|
+
<span>
|
95
|
+
{{ site.phone }}
|
96
|
+
</span>
|
37
97
|
</div>
|
38
98
|
</section>
|
99
|
+
|
39
100
|
<section>
|
40
101
|
<div class="contact-method">
|
41
102
|
<span class="icon alt fa-home"></span>
|
42
|
-
|
43
|
-
<
|
44
|
-
|
45
|
-
|
103
|
+
|
104
|
+
<h3>
|
105
|
+
{% include _t.html
|
106
|
+
label = site.data.labels.contact.method.address
|
107
|
+
fallback = "Address" %}
|
108
|
+
</h3>
|
109
|
+
|
110
|
+
<span>
|
111
|
+
{{ site.street_address }}<br />
|
112
|
+
{{ site.city }}, {{ site.state }} {{ site.zip_code }}<br />
|
113
|
+
{{ site.country }}
|
114
|
+
</span>
|
46
115
|
</div>
|
47
116
|
</section>
|
48
117
|
</section>
|
@@ -56,45 +125,53 @@
|
|
56
125
|
{% if site.twitter_url %}
|
57
126
|
<li><a href="{{ site.twitter_url }}" class="icon alt fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
|
58
127
|
{% endif %}
|
128
|
+
|
59
129
|
{% if site.googleplus_url %}
|
60
130
|
<li><a href="{{ site.googleplus_url }}" class="icon alt fa-google-plus" target="_blank"><span class="label">Google+</span></a></li>
|
61
131
|
{% endif %}
|
132
|
+
|
62
133
|
{% if site.facebook_url %}
|
63
134
|
<li><a href="{{ site.facebook_url }}" class="icon alt fa-facebook" target="_blank"><span class="label">Facebook</span></a></li>
|
64
135
|
{% endif %}
|
136
|
+
|
65
137
|
{% if site.instagram_url %}
|
66
138
|
<li><a href="{{ site.instagram_url }}" class="icon alt fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
|
67
139
|
{% endif %}
|
140
|
+
|
68
141
|
{% if site.pinterest_url %}
|
69
142
|
<li><a href="{{ site.pinterest_url }}" class="icon alt fa-pinterest" target="_blank"><span class="label">Pinterest</span></a></li>
|
70
143
|
{% endif %}
|
144
|
+
|
71
145
|
{% if site.500px_url %}
|
72
146
|
<li><a href="{{ site.500px_url }}" class="icon alt fa-500px" target="_blank"><span class="label">500px</span></a></li>
|
73
147
|
{% endif %}
|
148
|
+
|
74
149
|
{% if site.gitlab_url %}
|
75
150
|
<li><a href="{{ site.gitlab_url }}" class="icon alt fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
|
76
151
|
{% endif %}
|
152
|
+
|
77
153
|
{% if site.github_url %}
|
78
154
|
<li><a href="{{ site.github_url }}" class="icon alt fa-github" target="_blank"><span class="label">GitHub</span></a></li>
|
79
155
|
{% endif %}
|
156
|
+
|
80
157
|
{% if site.slack_url %}
|
81
158
|
<li><a href="{{ site.slack_url }}" class="icon alt fa-slack" target="_blank"><span class="label">Slack</span></a></li>
|
82
159
|
{% endif %}
|
160
|
+
|
83
161
|
{% if site.linkedin_url %}
|
84
162
|
<li><a href="{{ site.linkedin_url }}" class="icon alt fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
|
85
163
|
{% endif %}
|
86
164
|
</ul>
|
165
|
+
|
87
166
|
<ul class="copyright">
|
88
167
|
<li>© {{ site.title }} {{ site.subtitle }}</li>
|
89
168
|
<li>Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a></li>
|
90
|
-
<li>Jekyll integration: <a href="http://andrewbanchi.ch" target="_blank">Andrew Banchich</a></li>
|
169
|
+
<li>Jekyll integration: <a href="http://andrewbanchi.ch" target="_blank">Andrew Banchich</a>, <a href="http://agusti.cat" target="_blank">Agustí B.R.</a></li>
|
91
170
|
|
92
171
|
</ul>
|
93
172
|
</div>
|
94
173
|
</footer>
|
95
174
|
|
96
|
-
</div>
|
97
|
-
|
98
175
|
<!-- Scripts -->
|
99
176
|
<script src="{{ "assets/js/jquery.min.js" | absolute_url }}"></script>
|
100
177
|
<script src="{{ "assets/js/jquery.scrolly.min.js" | absolute_url }}"></script>
|
data/_includes/header.html
CHANGED
@@ -1,30 +1,62 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
{% assign menu_home = site.pages | where: "layout", "home" | first %}
|
2
|
+
{% assign menu_links = site.pages | where: "nav-menu", true | sort: 'order' %}
|
3
|
+
{% assign menu_cta_links = site.pages | where: "nav-menu-cta", true | sort: 'order' %}
|
3
4
|
|
4
5
|
<!-- Header -->
|
5
|
-
<header id="header"{% if page.layout == "landing" %} class="alt
|
6
|
+
<header id="header"{% if page.layout == "landing" %} class="alt style{{ page.style }}"{% endif %}{% if page.layout == "home" %} class="alt"{% endif %}>
|
6
7
|
<a href="{{ "" | absolute_url }}/" class="logo"><strong>{{ site.title }}</strong> <span>{{ site.subtitle }}</span></a>
|
7
8
|
<nav>
|
8
|
-
<a href="#menu">
|
9
|
+
<a href="#menu">
|
10
|
+
{% include _t.html
|
11
|
+
label = site.data.labels.menu
|
12
|
+
fallback = 'Menu' %}
|
13
|
+
</a>
|
9
14
|
</nav>
|
10
15
|
</header>
|
11
16
|
|
12
17
|
<!-- Menu -->
|
13
18
|
<nav id="menu">
|
19
|
+
{% if menu_home %}
|
20
|
+
<ul class="actions vertical">
|
21
|
+
<li>
|
22
|
+
<a href="{{ menu_home.url }}" class="button special fit small">
|
23
|
+
{{ menu_home.title }}
|
24
|
+
</a>
|
25
|
+
</li>
|
26
|
+
</ul>
|
27
|
+
{% endif %}
|
28
|
+
|
29
|
+
{% if menu_links %}
|
14
30
|
<ul class="links">
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
{% endif %}
|
31
|
+
{% for link in menu_links %}
|
32
|
+
{% if link.title %}
|
33
|
+
<li>
|
34
|
+
<a href="{{ link.url | relative_url }}">
|
35
|
+
{{ link.title }}
|
36
|
+
</a>
|
37
|
+
</li>
|
38
|
+
{% endif %}
|
24
39
|
{% endfor %}
|
25
40
|
</ul>
|
41
|
+
{% endif %}
|
42
|
+
|
43
|
+
{% if menu_cta_links or site.nav-menu-cta %}
|
26
44
|
<ul class="actions vertical">
|
27
|
-
|
28
|
-
<li
|
45
|
+
{% for link in menu_cta_links %}
|
46
|
+
<li>
|
47
|
+
<a href="{{ link.url | relative_url }}" class="button fit">
|
48
|
+
{{ link.title }}
|
49
|
+
</a>
|
50
|
+
</li>
|
51
|
+
{% endfor %}
|
52
|
+
|
53
|
+
{% for link in site.nav-menu-cta %}
|
54
|
+
<li>
|
55
|
+
<a href="{{ link.url | relative_url }}" class="button fit">
|
56
|
+
{{ link.title }}
|
57
|
+
</a>
|
58
|
+
</li>
|
59
|
+
{% endfor %}
|
29
60
|
</ul>
|
61
|
+
{% endif %}
|
30
62
|
</nav>
|
data/_includes/pagination.html
CHANGED
data/_layouts/allposts.html
CHANGED
@@ -1,8 +1,12 @@
|
|
1
1
|
---
|
2
2
|
layout: post
|
3
3
|
---
|
4
|
+
|
5
|
+
{% assign collection= site.collections | where: "label", page.collection | first %}
|
6
|
+
{% assign items = collection.docs | sort: 'order' %}
|
7
|
+
|
4
8
|
<div class="row">
|
5
|
-
{% for post in
|
9
|
+
{% for post in items %}
|
6
10
|
{% assign loopindex = forloop.index | modulo: 3 %}
|
7
11
|
{% if loopindex == 0 %}
|
8
12
|
<div class="4u$ 12u$(medium)">
|
@@ -0,0 +1,66 @@
|
|
1
|
+
---
|
2
|
+
layout: post
|
3
|
+
---
|
4
|
+
|
5
|
+
{{ content }}
|
6
|
+
|
7
|
+
{% comment%}
|
8
|
+
https://stackoverflow.com/a/28105741
|
9
|
+
|
10
|
+
Here we generate all the tags.
|
11
|
+
from: https://codinfox.github.io/dev/2015/03/06/use-tags-and-categories-in-your-jekyll-based-github-pages/
|
12
|
+
{% endcomment%}
|
13
|
+
|
14
|
+
{% assign rawtags = "" %}
|
15
|
+
|
16
|
+
{% assign collection= site.collections | where: "label", page.collection | first %}
|
17
|
+
{% assign items = collection.docs | sort: 'order' %}
|
18
|
+
|
19
|
+
{% for post in items %}
|
20
|
+
{% assign ttags = post.categories | join:'|' | append:'|' %}
|
21
|
+
{% assign rawtags = rawtags | append:ttags %}
|
22
|
+
{% endfor %}
|
23
|
+
|
24
|
+
{% assign rawtags = rawtags | split:'|' | sort %}
|
25
|
+
|
26
|
+
{% assign tags = "" %}
|
27
|
+
|
28
|
+
{% for tag in rawtags %}
|
29
|
+
{% if tag != "" %}
|
30
|
+
|
31
|
+
{% if tags == "" %}
|
32
|
+
{% assign tags = tag | split:'|' %}
|
33
|
+
{% endif %}
|
34
|
+
|
35
|
+
{% unless tags contains tag %}
|
36
|
+
{% assign tags = tags | join:'|' | append:'|' | append:tag | split:'|' %}
|
37
|
+
{% endunless %}
|
38
|
+
{% endif %}
|
39
|
+
{% endfor %}
|
40
|
+
|
41
|
+
<div>
|
42
|
+
<p>
|
43
|
+
{% for tag in tags %}
|
44
|
+
<a href="#{{ tag | slugify }}" class=""> {{ tag }} </a>
|
45
|
+
{% endfor %}
|
46
|
+
</p>
|
47
|
+
|
48
|
+
{% for tag in tags %}
|
49
|
+
<h3 id="{{ tag | slugify }}">{{ tag }}</h2>
|
50
|
+
{% for post in items %}
|
51
|
+
{% if post.categories contains tag %}
|
52
|
+
<ul class="actions">
|
53
|
+
<li>
|
54
|
+
<a class="button special" href="{{ post.url | absolute_url }}">
|
55
|
+
{{ post.title }}
|
56
|
+
</a>
|
57
|
+
{% for tag in post.categories %}
|
58
|
+
<a class="button" href="{{ page.url | absolute_url }}#{{ tag | slugify }}">{{ tag }}</a>
|
59
|
+
{% endfor %}
|
60
|
+
</li>
|
61
|
+
</ul>
|
62
|
+
{% endif %}
|
63
|
+
{% endfor %}
|
64
|
+
{% endfor %}
|
65
|
+
|
66
|
+
</div>
|
@@ -0,0 +1,31 @@
|
|
1
|
+
---
|
2
|
+
layout: post
|
3
|
+
---
|
4
|
+
|
5
|
+
{{ content }}
|
6
|
+
|
7
|
+
{% assign collection = site.collections | where: "label", page.collection | first %}
|
8
|
+
{% assign items = collection.docs | sort: 'order' %}
|
9
|
+
|
10
|
+
<div class="row">
|
11
|
+
{% for post in items %}
|
12
|
+
{% assign loopindex = forloop.index | modulo: 3 %}
|
13
|
+
{% if loopindex == 0 %}
|
14
|
+
<div class="4u$ 12u$(medium)">
|
15
|
+
{% else %}
|
16
|
+
<div class="4u 12u$(medium)">
|
17
|
+
{% endif %}
|
18
|
+
<a href="{{ post.url | absolute_url }}">
|
19
|
+
<div class="box">
|
20
|
+
<h3>{{ post.title }}</h2>
|
21
|
+
{% if post.image %}
|
22
|
+
<span class="image fit">
|
23
|
+
<img src="{{ post.image | absolute_url }}" alt="" />
|
24
|
+
</span>
|
25
|
+
{% endif %}
|
26
|
+
<p>{{ post.excerpt | strip_html | truncatewords: 15 }}</p>
|
27
|
+
</div>
|
28
|
+
</a>
|
29
|
+
</div>
|
30
|
+
{% endfor %}
|
31
|
+
</div>
|
@@ -0,0 +1,27 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<!--
|
3
|
+
Fortyone-jekyll-theme by Agusti B.R.
|
4
|
+
agusti.cat | @agustibrr
|
5
|
+
Free for personal and commercial use under the CCA 3.0 license
|
6
|
+
|
7
|
+
|
8
|
+
Forty by HTML5 UP
|
9
|
+
html5up.net | @ajlkn
|
10
|
+
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
11
|
+
-->
|
12
|
+
<html>
|
13
|
+
|
14
|
+
{% include head.html %}
|
15
|
+
|
16
|
+
<body>
|
17
|
+
<div id="wrapper">
|
18
|
+
{% include header.html %}
|
19
|
+
|
20
|
+
|
21
|
+
{{ content }}
|
22
|
+
|
23
|
+
{% include footer.html %}
|
24
|
+
</div>
|
25
|
+
|
26
|
+
</body>
|
27
|
+
</html>
|
data/_layouts/home.html
CHANGED
@@ -1,55 +1,52 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
<
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
<
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
<
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
</ul>
|
26
|
-
</div>
|
27
|
-
</div>
|
28
|
-
</section>
|
29
|
-
|
30
|
-
<!-- Main -->
|
31
|
-
<div id="main">
|
32
|
-
|
33
|
-
<!-- One -->
|
34
|
-
{% include tiles.html %}
|
35
|
-
|
36
|
-
<!-- Two -->
|
37
|
-
<section id="two">
|
38
|
-
<div class="inner">
|
39
|
-
<header class="major">
|
40
|
-
<h2>Massa libero</h2>
|
41
|
-
</header>
|
42
|
-
<p>{{ content }}</p>
|
43
|
-
<ul class="actions">
|
44
|
-
<li><a href="landing.html" class="button next">Get Started</a></li>
|
45
|
-
</ul>
|
46
|
-
</div>
|
47
|
-
</section>
|
48
|
-
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
|
5
|
+
<section id="banner" class="major">
|
6
|
+
<div class="inner">
|
7
|
+
<header class="major">
|
8
|
+
<h1>{{ page.landing-title }}</h1>
|
9
|
+
</header>
|
10
|
+
|
11
|
+
<div class="content">
|
12
|
+
<p style="text-transform: uppercase;">
|
13
|
+
{{ site.description }}
|
14
|
+
</p>
|
15
|
+
|
16
|
+
{% if page.banner_cta %}
|
17
|
+
<ul class="actions">
|
18
|
+
<li>
|
19
|
+
<a href="{{ page.banner_cta.href }}" class="button next scrolly">
|
20
|
+
{{ page.banner_cta.text }}
|
21
|
+
</a>
|
22
|
+
</li>
|
23
|
+
</ul>
|
24
|
+
{% endif %}
|
49
25
|
</div>
|
26
|
+
</div>
|
27
|
+
</section>
|
28
|
+
|
29
|
+
<div id="main">
|
30
|
+
{% include _home_tiles.html %}
|
31
|
+
|
32
|
+
<section id="two">
|
33
|
+
<div class="inner">
|
34
|
+
<header class="major">
|
35
|
+
<h2>{{ page.title }}</h2>
|
36
|
+
</header>
|
37
|
+
|
38
|
+
<p>{{ content }}</p>
|
39
|
+
|
40
|
+
{% if page.section_cta %}
|
41
|
+
<ul class="actions">
|
42
|
+
<li>
|
43
|
+
<a href="{{ page.section_cta.href }}" class="button next">
|
44
|
+
{{ page.section_cta.text }}
|
45
|
+
</a>
|
46
|
+
</li>
|
47
|
+
</ul>
|
48
|
+
{% endif %}
|
49
|
+
</div>
|
50
|
+
</section>
|
51
|
+
</div>
|
50
52
|
|
51
|
-
{% include footer.html %}
|
52
|
-
|
53
|
-
</body>
|
54
|
-
|
55
|
-
</html>
|
data/_layouts/landing.html
CHANGED
@@ -1,39 +1,38 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
|
5
|
+
{% assign collection= site.collections | where: "label", page.collection | first %}
|
6
|
+
{% assign items = collection.docs | sort: 'order' %}
|
7
|
+
|
8
|
+
{% assign highlighted_items= items | where_exp: "item", "item.highlighted == true" %}
|
9
|
+
{% assign downlighted_items= items | where_exp: "item", "item.downlighted == true" %}
|
10
|
+
{% assign rest_of_items= items | where_exp: "item", "item.highlighted != true" | where_exp: "item", "item.downlighted != true" %}
|
11
|
+
|
12
|
+
{% if highlighted_items %}
|
13
|
+
{% for high in highlighted_items %}
|
14
|
+
{% include _landing_highlighted_item.html item= high %}
|
15
|
+
{% endfor %}
|
16
|
+
{% endif %}
|
17
|
+
|
18
|
+
<!-- Two -->
|
19
|
+
{% if rest_of_items %}
|
20
|
+
<section id="two" class="spotlights">
|
21
|
+
{% for item in rest_of_items %}
|
22
|
+
{% include _landing_item.html item= item %}
|
23
|
+
{% endfor %}
|
24
|
+
</section>
|
25
|
+
{% endif %}
|
26
|
+
|
27
|
+
<!-- Three -->
|
28
|
+
{% if downlighted_items %}
|
29
|
+
{% for down in downlighted_items %}
|
30
|
+
{% include _landing_downlighted_item.html item= down %}
|
31
|
+
{% endfor %}
|
32
|
+
{% endif %}
|
33
|
+
|
34
|
+
<section>
|
35
|
+
<div class="inner">
|
33
36
|
{{ content }}
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
</body>
|
38
|
-
|
39
|
-
</html>
|
37
|
+
</div>
|
38
|
+
</section>
|
data/_layouts/page.html
CHANGED
@@ -1,19 +1,5 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
html5up.net | @ajlkn
|
5
|
-
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
6
|
-
-->
|
7
|
-
<html>
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
8
4
|
|
9
|
-
{
|
10
|
-
|
11
|
-
<body>
|
12
|
-
|
13
|
-
{% include header.html %}
|
14
|
-
{{ content }}
|
15
|
-
{% include footer.html %}
|
16
|
-
|
17
|
-
</body>
|
18
|
-
|
19
|
-
</html>
|
5
|
+
{{ content }}
|
data/_layouts/post.html
CHANGED
@@ -1,37 +1,23 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
html5up.net | @ajlkn
|
5
|
-
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
6
|
-
-->
|
7
|
-
<html>
|
8
|
-
|
9
|
-
{% include head.html %}
|
10
|
-
|
11
|
-
<body>
|
12
|
-
|
13
|
-
{% include header.html %}
|
14
|
-
|
15
|
-
|
16
|
-
<!-- Main -->
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
17
4
|
<div id="main" class="alt">
|
18
|
-
|
19
5
|
<!-- One -->
|
20
6
|
<section id="one">
|
21
7
|
<div class="inner">
|
22
8
|
<header class="major">
|
23
9
|
<h1>{{ page.title }}</h1>
|
24
10
|
</header>
|
25
|
-
|
26
|
-
|
11
|
+
|
12
|
+
{% if page.image %}
|
13
|
+
<span class="image main">
|
14
|
+
<img src="{{ page.image | absolute_url }}">
|
15
|
+
</span>
|
16
|
+
{% endif %}
|
17
|
+
|
18
|
+
<p>{{ content }}</p>
|
19
|
+
|
27
20
|
{% include pagination.html %}
|
28
21
|
</div>
|
29
22
|
</section>
|
30
|
-
|
31
|
-
</div>
|
32
|
-
|
33
|
-
{% include footer.html %}
|
34
|
-
|
35
|
-
</body>
|
36
|
-
|
37
|
-
</html>
|
23
|
+
</div>
|
data/_sass/libs/_vars.scss
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
// Misc.
|
2
2
|
$misc: (
|
3
3
|
z-index-base: 10000
|
4
|
-
);
|
4
|
+
) !default;
|
5
5
|
|
6
6
|
// Duration.
|
7
7
|
$duration: (
|
8
8
|
menu: 0.35s,
|
9
9
|
transition: 0.2s,
|
10
10
|
banner: 2.5s
|
11
|
-
);
|
11
|
+
) !default;
|
12
12
|
|
13
13
|
// Size.
|
14
14
|
$size: (
|
@@ -16,7 +16,7 @@
|
|
16
16
|
element-height: 2.75em,
|
17
17
|
element-margin: 2em,
|
18
18
|
inner: 65em
|
19
|
-
);
|
19
|
+
) !default;
|
20
20
|
|
21
21
|
// Font.
|
22
22
|
$font: (
|
@@ -26,8 +26,10 @@
|
|
26
26
|
weight-bold: 600,
|
27
27
|
letter-spacing: 0.025em,
|
28
28
|
letter-spacing-alt: 0.25em
|
29
|
-
);
|
30
|
-
|
29
|
+
) !default;
|
30
|
+
|
31
|
+
$font-family-url: "https://fonts.googleapis.com/css?family=Muli" !default;
|
32
|
+
|
31
33
|
// Palette.
|
32
34
|
$palette: (
|
33
35
|
bg: #242943,
|
@@ -44,4 +46,4 @@
|
|
44
46
|
accent4: #e7b788,
|
45
47
|
accent5: #8ea9e8,
|
46
48
|
accent6: #87c5a4
|
47
|
-
);
|
49
|
+
) !default;
|
data/_sass/main.scss
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: fortyone-jekyll-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.2.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Andrew Banchich
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date:
|
12
|
+
date: 2019-09-12 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: jekyll
|
@@ -48,13 +48,21 @@ extra_rdoc_files: []
|
|
48
48
|
files:
|
49
49
|
- LICENSE.md
|
50
50
|
- README.md
|
51
|
+
- _includes/_home_tile.html
|
52
|
+
- _includes/_home_tiles.html
|
53
|
+
- _includes/_landing_downlighted_item.html
|
54
|
+
- _includes/_landing_highlighted_item.html
|
55
|
+
- _includes/_landing_item.html
|
56
|
+
- _includes/_t.html
|
51
57
|
- _includes/footer.html
|
52
58
|
- _includes/head.html
|
53
59
|
- _includes/header.html
|
54
60
|
- _includes/pagination.html
|
55
|
-
- _includes/tiles.html
|
56
61
|
- _layouts/allposts.html
|
57
62
|
- _layouts/alltags.html
|
63
|
+
- _layouts/categories.html
|
64
|
+
- _layouts/collection.html
|
65
|
+
- _layouts/default.html
|
58
66
|
- _layouts/home.html
|
59
67
|
- _layouts/landing.html
|
60
68
|
- _layouts/page.html
|
@@ -132,5 +140,5 @@ rubyforge_project:
|
|
132
140
|
rubygems_version: 2.6.8
|
133
141
|
signing_key:
|
134
142
|
specification_version: 4
|
135
|
-
summary:
|
143
|
+
summary: Jekyll theme of the "Forty" theme by HTML5 UP.
|
136
144
|
test_files: []
|
data/_includes/tiles.html
DELETED
@@ -1,28 +0,0 @@
|
|
1
|
-
<section id="one" class="tiles">
|
2
|
-
{% for post in site.posts limit:site.tiles-count %}
|
3
|
-
{% if site.tiles-source == 'posts' %}
|
4
|
-
<article>
|
5
|
-
<span class="image">
|
6
|
-
<img src="{{ post.image }}" alt="" />
|
7
|
-
</span>
|
8
|
-
<header class="major">
|
9
|
-
<h3><a href="{{ post.url | relative_url }}" class="link">{{ post.title }}</a></h3>
|
10
|
-
<p>{{ post.description }}</p>
|
11
|
-
</header>
|
12
|
-
</article>
|
13
|
-
{% endif %}
|
14
|
-
{% endfor %}
|
15
|
-
{% for page in site.pages limit:site.tiles-count %}
|
16
|
-
{% if site.tiles-source == 'pages' %}
|
17
|
-
<article>
|
18
|
-
<span class="image">
|
19
|
-
<img src="{{ page.image }}" alt="" />
|
20
|
-
</span>
|
21
|
-
<header class="major">
|
22
|
-
<h3><a href="{{ page.url | relative_url }}" class="link">{{ page.title }}</a></h3>
|
23
|
-
<p>{{ page.description }}</p>
|
24
|
-
</header>
|
25
|
-
</article>
|
26
|
-
{% endif %}
|
27
|
-
{% endfor %}
|
28
|
-
</section>
|