fortyone-jekyll-theme 1.0.1 → 1.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +41 -9
- 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 +18 -0
- 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 -16
- data/_layouts/post.html +22 -35
- data/_sass/components/_button.scss +40 -0
- data/_sass/libs/_vars.scss +8 -6
- data/_sass/main.scss +1 -1
- metadata +13 -15
- data/_includes/tiles.html +0 -28
- data/assets/images/pic01.jpg +0 -0
- data/assets/images/pic02.jpg +0 -0
- data/assets/images/pic03.jpg +0 -0
- data/assets/images/pic04.jpg +0 -0
- data/assets/images/pic05.jpg +0 -0
- data/assets/images/pic06.jpg +0 -0
- data/assets/images/pic07.jpg +0 -0
- data/assets/images/pic08.jpg +0 -0
- data/assets/images/pic09.jpg +0 -0
- data/assets/images/pic10.jpg +0 -0
- data/assets/images/pic11.jpg +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 3521e50cafb9d82c7d962a2b26ac4e11c1424031
|
4
|
+
data.tar.gz: 001e6ed03492ecd490ced5a72aae931b4c5d26f6
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: afdb393a03d1cc09f2d1d682c604b806f4dc93e355c5a58834926e49c3bd9783067827c35b5a94b0ba1201dfda20c677c8e9bc6d2e18851c1d9dddbc6f3adcae
|
7
|
+
data.tar.gz: 640c7e52518b8357d188b77682c3a505ac7ff6249d16357d652f1b86e436b31db4b50ca75beda80304116b0fd64e2627a3ec43fdb1e37da81b25f308f25d92c5
|
data/README.md
CHANGED
@@ -1,16 +1,49 @@
|
|
1
1
|
# FortyOne - Jekyll Theme
|
2
2
|
|
3
|
-
|
4
|
-
+ Modified `allposts` template
|
5
|
-
+ You can [Customize the theme's CSS](https://help.github.com/articles/customizing-css-and-html-in-your-jekyll-theme/#customizing-your-jekyll-themes-css)
|
3
|
+
[![Gem Version](https://badge.fury.io/rb/fortyone-jekyll-theme.svg)](https://badge.fury.io/rb/fortyone-jekyll-theme)
|
6
4
|
|
7
|
-
|
5
|
+
To use this theme:
|
6
|
+
|
7
|
+
Add to your `Gemfile`:
|
8
|
+
|
9
|
+
```
|
10
|
+
gem 'fortyone-jekyll-theme'
|
11
|
+
|
12
|
+
```
|
13
|
+
|
14
|
+
and to `_config.yml`:
|
15
|
+
|
16
|
+
```
|
17
|
+
theme: fortyone-jekyll-theme
|
18
|
+
```
|
19
|
+
|
20
|
+
`pages` branch is a working example
|
21
|
+
|
22
|
+
## [FortyOne Demo](https://agustibr.gitlab.io/fortyone-jekyll-theme/)
|
23
|
+
|
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)
|
36
|
+
|
37
|
+
# Credits
|
38
|
+
|
39
|
+
```
|
40
|
+
## Original README from Forty - Jekyll Theme
|
8
41
|
|
9
42
|
A Jekyll version of the "Forty" theme by [HTML5 UP](https://html5up.net/).
|
10
43
|
|
11
44
|
![Forty Theme](assets/images/forty.jpg "Forty Theme")
|
12
45
|
|
13
|
-
|
46
|
+
## How to Use
|
14
47
|
|
15
48
|
For those unfamiliar with how Jekyll works, check out [jekyllrb.com](https://jekyllrb.com/) for all the details,
|
16
49
|
or read up on just the basics of [front matter](https://jekyllrb.com/docs/frontmatter/), [writing posts](https://jekyllrb.com/docs/posts/),
|
@@ -19,18 +52,17 @@ and [creating pages](https://jekyllrb.com/docs/pages/).
|
|
19
52
|
- **GitLab**: Simply fork this repository and start editing the `_config.yml` file!
|
20
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.
|
21
54
|
|
22
|
-
|
55
|
+
## Added Features
|
23
56
|
|
24
57
|
* **[Formspree.io](https://formspree.io/) contact form integration** - just add your email to the `_config.yml` and it works!
|
25
58
|
* Use `_config.yml` to **set whether the homepage tiles should pull pages or posts**, as well as how many to display.
|
26
59
|
* Add your **social profiles** easily in `_config.yml`. Only social profiles buttons you enter in `config.yml` show up on the site footer!
|
27
60
|
* Set **featured images** in front matter.
|
28
61
|
|
29
|
-
|
62
|
+
---
|
30
63
|
|
31
|
-
Original README from HTML5 UP:
|
64
|
+
## Original README from HTML5 UP:
|
32
65
|
|
33
|
-
```
|
34
66
|
Forty by HTML5 UP
|
35
67
|
html5up.net | @ajlkn
|
36
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>
|
@@ -0,0 +1,18 @@
|
|
1
|
+
{% if page.previous.url or page.next.url %}
|
2
|
+
<nav class="pagination row 50% uniform">
|
3
|
+
{% if page.previous.url %}
|
4
|
+
<div class="6u 12u$(small)">
|
5
|
+
<a class="prev button fit" href="{{ page.previous.url | relative_url }}">
|
6
|
+
{{page.previous.title}}
|
7
|
+
</a>
|
8
|
+
</div>
|
9
|
+
{% endif %}
|
10
|
+
{% if page.next.url %}
|
11
|
+
<div class="6u$ 12u$(small)">
|
12
|
+
<a class="next button fit" href="{{ page.next.url | relative_url }}">
|
13
|
+
{{page.next.title}}
|
14
|
+
</a>
|
15
|
+
</div>
|
16
|
+
{% endif %}
|
17
|
+
</nav>
|
18
|
+
{% endif %}
|
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 collection %}
|
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 | relative_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,17 +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 %} {{ content }} {% include footer.html %}
|
14
|
-
|
15
|
-
</body>
|
16
|
-
|
17
|
-
</html>
|
5
|
+
{{ content }}
|
data/_layouts/post.html
CHANGED
@@ -1,36 +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
|
-
|
20
|
-
<
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
</
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
</
|
35
|
-
|
36
|
-
</
|
5
|
+
<!-- One -->
|
6
|
+
<section id="one">
|
7
|
+
<div class="inner">
|
8
|
+
<header class="major">
|
9
|
+
<h1>{{ page.title }}</h1>
|
10
|
+
</header>
|
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
|
+
|
20
|
+
{% include pagination.html %}
|
21
|
+
</div>
|
22
|
+
</section>
|
23
|
+
</div>
|
@@ -107,6 +107,46 @@
|
|
107
107
|
padding-right: 5em;
|
108
108
|
}
|
109
109
|
}
|
110
|
+
|
111
|
+
&.prev {
|
112
|
+
padding-left: 4.5em;
|
113
|
+
position: relative;
|
114
|
+
|
115
|
+
&:before, &:after {
|
116
|
+
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
|
117
|
+
background-position: center right;
|
118
|
+
background-repeat: no-repeat;
|
119
|
+
background-size: 36px 24px;
|
120
|
+
content: '';
|
121
|
+
display: block;
|
122
|
+
height: 100%;
|
123
|
+
position: absolute;
|
124
|
+
left: 1.5em;
|
125
|
+
top: 0;
|
126
|
+
vertical-align: middle;
|
127
|
+
width: 36px;
|
128
|
+
}
|
129
|
+
|
130
|
+
&:before {
|
131
|
+
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="24px" viewBox="0 0 36 24" zoomAndPan="disable"><style>line { stroke: #{_palette(fg-bold)}; stroke-width: 2px; }</style><line y1="12" x2="34" y2="12" id="line4"/><line x1=".364" y1="12.75" x2="8.864" y2="3.75" id="line6"/><line x1="8.864" y1="20.25" x2=".364" y2="11.25" id="line8"/></svg>');
|
132
|
+
}
|
133
|
+
|
134
|
+
&:after {
|
135
|
+
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24" zoomAndPan="disable"><style>line { stroke: #{_palette(highlight)}; stroke-width: 2px; }</style><line y1="12" x2="34" y2="12" id="line4"/><line x1=".364" y1="12.75" x2="8.864" y2="3.75" id="line6"/><line x1="8.864" y1="20.25" x2=".364" y2="11.25" id="line8"/></svg>');
|
136
|
+
opacity: 0;
|
137
|
+
z-index: 1;
|
138
|
+
}
|
139
|
+
|
140
|
+
&:hover, &:active {
|
141
|
+
&:after {
|
142
|
+
opacity: 1;
|
143
|
+
}
|
144
|
+
}
|
145
|
+
|
146
|
+
@include breakpoint(large) {
|
147
|
+
padding-right: 5em;
|
148
|
+
}
|
149
|
+
}
|
110
150
|
|
111
151
|
&.special {
|
112
152
|
background-color: _palette(fg-bold);
|
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.0
|
4
|
+
version: 1.2.0
|
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,12 +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
|
-
- _includes/
|
60
|
+
- _includes/pagination.html
|
55
61
|
- _layouts/allposts.html
|
56
62
|
- _layouts/alltags.html
|
63
|
+
- _layouts/categories.html
|
64
|
+
- _layouts/collection.html
|
65
|
+
- _layouts/default.html
|
57
66
|
- _layouts/home.html
|
58
67
|
- _layouts/landing.html
|
59
68
|
- _layouts/page.html
|
@@ -98,17 +107,6 @@ files:
|
|
98
107
|
- assets/fonts/fontawesome-webfont.woff2
|
99
108
|
- assets/images/banner.jpg
|
100
109
|
- assets/images/forty.jpg
|
101
|
-
- assets/images/pic01.jpg
|
102
|
-
- assets/images/pic02.jpg
|
103
|
-
- assets/images/pic03.jpg
|
104
|
-
- assets/images/pic04.jpg
|
105
|
-
- assets/images/pic05.jpg
|
106
|
-
- assets/images/pic06.jpg
|
107
|
-
- assets/images/pic07.jpg
|
108
|
-
- assets/images/pic08.jpg
|
109
|
-
- assets/images/pic09.jpg
|
110
|
-
- assets/images/pic10.jpg
|
111
|
-
- assets/images/pic11.jpg
|
112
110
|
- assets/js/ie/.directory
|
113
111
|
- assets/js/ie/backgroundsize.min.htc
|
114
112
|
- assets/js/ie/html5shiv.js
|
@@ -142,5 +140,5 @@ rubyforge_project:
|
|
142
140
|
rubygems_version: 2.6.8
|
143
141
|
signing_key:
|
144
142
|
specification_version: 4
|
145
|
-
summary:
|
143
|
+
summary: Jekyll theme of the "Forty" theme by HTML5 UP.
|
146
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>
|
data/assets/images/pic01.jpg
DELETED
Binary file
|
data/assets/images/pic02.jpg
DELETED
Binary file
|
data/assets/images/pic03.jpg
DELETED
Binary file
|
data/assets/images/pic04.jpg
DELETED
Binary file
|
data/assets/images/pic05.jpg
DELETED
Binary file
|
data/assets/images/pic06.jpg
DELETED
Binary file
|
data/assets/images/pic07.jpg
DELETED
Binary file
|
data/assets/images/pic08.jpg
DELETED
Binary file
|
data/assets/images/pic09.jpg
DELETED
Binary file
|
data/assets/images/pic10.jpg
DELETED
Binary file
|
data/assets/images/pic11.jpg
DELETED
Binary file
|