garth-jekyll-theme 0.2.8 → 0.2.9

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 89e1faae2517d65dd9ae5eb0ebaa1573e6fff501
4
- data.tar.gz: 4522d6e82c5121e2e6c6a2fd0f041a59fe4efb2e
3
+ metadata.gz: 5bf6d5ad47b714d38f403083e2fa34ba2122613c
4
+ data.tar.gz: a4b8432cf95fb06f69f82a1a2c7f126be50b4bdd
5
5
  SHA512:
6
- metadata.gz: 5f5025801df8fdcae75295e2a3206bbb44b7e91eed346fc16c3b4726caee68bcc1f083e392aea7c72dd86795fcce8b429fe580f5ef7b67ac7f380b89baed7580
7
- data.tar.gz: 9ad21d312bc0565a04a3c55b413de3b70298e8f5fb0af0b81582eaed5c31685f923d3283e1b63f32dafb867df1469fa743ea0c0c8dc1c2b20b056ca477abfa76
6
+ metadata.gz: fee20b96fba320489c6f463232b40dfd11aa35f48da49b4f643cab785438576e6a1f8b8eef35d7a3281fa4fca2b9529bcb152d91c00cd5c611f03481289d6142
7
+ data.tar.gz: f4e5072268499ebdf0f32d97a923cec8cc8f9b5df848c1941d32d163d96063f814039e539a746da278b399c23d682fa7025c27e2ba781d0e9c12c252af61b748
metadata CHANGED
@@ -1,42 +1,51 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: garth-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.8
4
+ version: 0.2.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - David Darnes
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-07-31 00:00:00.000000000 Z
12
- dependencies: []
11
+ date: 2016-10-02 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.2'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '3.2'
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'
13
41
  description: A stupidly simple theme for Jekyll (3.2), using official Jekyll theme
14
42
  implementation
15
- email: me@daviddarnes.com
43
+ email:
44
+ - me@daviddarnes.com
16
45
  executables: []
17
46
  extensions: []
18
47
  extra_rdoc_files: []
19
- files:
20
- - _includes/favicons.html
21
- - _includes/footer.html
22
- - _includes/header.html
23
- - _includes/pagination.html
24
- - _includes/posts.html
25
- - _includes/theme.js
26
- - _layouts/default.html
27
- - _layouts/front.html
28
- - _layouts/page.html
29
- - _layouts/post.html
30
- - _sass/_sassline-base.scss
31
- - _sass/sassline-base/_layouts.scss
32
- - _sass/sassline-base/_mixins.scss
33
- - _sass/sassline-base/_modular-scale.scss
34
- - _sass/sassline-base/_reset.scss
35
- - _sass/sassline-base/_typography.scss
36
- - _sass/sassline-base/_variables.scss
37
- - _sass/sassline.scss
38
- - _sass/style.scss
39
- - _sass/theme.scss
48
+ files: []
40
49
  homepage: https://github.com/daviddarnes/garth-jekyll-theme
41
50
  licenses:
42
51
  - MIT
@@ -1,18 +0,0 @@
1
- <link rel="apple-touch-icon" sizes="57x57" href="{{ site.logo | replace: "300", "57" }}">
2
- <link rel="apple-touch-icon" sizes="60x60" href="{{ site.logo | replace: "300", "60" }}">
3
- <link rel="apple-touch-icon" sizes="72x72" href="{{ site.logo | replace: "300", "72" }}">
4
- <link rel="apple-touch-icon" sizes="76x76" href="{{ site.logo | replace: "300", "76" }}">
5
- <link rel="apple-touch-icon" sizes="114x114" href="{{ site.logo | replace: "300", "114" }}">
6
- <link rel="apple-touch-icon" sizes="120x120" href="{{ site.logo | replace: "300", "120" }}">
7
- <link rel="apple-touch-icon" sizes="144x144" href="{{ site.logo | replace: "300", "144" }}">
8
- <link rel="apple-touch-icon" sizes="152x152" href="{{ site.logo | replace: "300", "152" }}">
9
- <link rel="apple-touch-icon" sizes="180x180" href="{{ site.logo | replace: "300", "180" }}">
10
- <link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "32" }}" sizes="32x32">
11
- <link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "194" }}" sizes="194x194">
12
- <link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "96" }}" sizes="96x96">
13
- <link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "192" }}" sizes="192x192">
14
- <link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "16" }}" sizes="16x16">
15
- <link rel="shortcut icon" href="{{ site.logo }}">
16
- <meta name="msapplication-TileColor" content="{{ site.color }}">
17
- <meta name="msapplication-TileImage" content="{{ site.logo | replace: "300", "144" }}">
18
- <meta name="theme-color" content="{{ site.color }}">
@@ -1,9 +0,0 @@
1
- <footer class="footer">
2
-
3
- <div class="container">
4
-
5
- <small class="small">&copy; {{ site.time | date: '%Y' }}&nbsp;–&nbsp;{% if site.title %}{{ site.title }}{% else %}Garth by <a href="https://darn.es/" title="David Darnes">David Darnes</a>{% endif %}</small>
6
-
7
- </div>
8
-
9
- </footer>
@@ -1,25 +0,0 @@
1
- <header class="header">
2
-
3
- <div class="container">
4
-
5
- {% if site.logo %}
6
- <a class="logo" href="/" title="{{ site.title }}">
7
- <img class="image" src="{{ site.logo | replace: "300", "72" }}" alt="{{ site.title }}" srcset="{{ site.logo | replace: "300", "72" }} 72w, {{ site.logo | replace: "300", "144" }} 144w" width="72" height="72">
8
- </a>
9
- {% endif %}
10
-
11
- <button class="button">Menu</button>
12
-
13
- <nav class="nav nav--main">
14
-
15
- {% for page in site.pages %}
16
- {% if page.title %}
17
- <a class="item" href="{{ page.url | prepend: site.baseurl }}" title="{{ page.title }}">{{ page.title | escape }}</a>
18
- {% endif %}
19
- {% endfor %}
20
-
21
- </nav>
22
-
23
- </div>
24
-
25
- </header>
@@ -1,21 +0,0 @@
1
- <aside class="aside">
2
-
3
- <nav class="paginator container">
4
-
5
- {% if paginator.previous_page %}
6
- <a href="{{ paginator.previous_page_path }}" class="pagination pagination--previous">&larr; Previous</a>
7
- {% else %}
8
- <span class="pagination pagination--previous">&larr; Previous</span>
9
- {% endif %}
10
-
11
- <span class="pagination pagination--divider">&bull;</span>
12
-
13
- {% if paginator.next_page %}
14
- <a href="{{ paginator.next_page_path }}" class="pagination pagination--next">Next &rarr;</a>
15
- {% else %}
16
- <span class="pagination pagination--next">Next &rarr;</span>
17
- {% endif %}
18
-
19
- </nav>
20
-
21
- </aside>
data/_includes/posts.html DELETED
@@ -1,22 +0,0 @@
1
- <ul class="posts">
2
- {% for item in site.posts %}
3
-
4
- <li class="post container">
5
-
6
- <article class="article typeset">
7
-
8
- <h2>
9
- <a href="{{ item.url }}" title="{{ item.title }}">{{ item.title }}</a>
10
- </h2>
11
-
12
- <small class="small">
13
- <time datetime="{{ item.date | date_to_xmlschema }}" class="time">{{ item.date | date_to_string }}</time>
14
- </small>
15
-
16
- {{ item.excerpt | markdownify }}
17
-
18
- </article>
19
- </li>
20
-
21
- {% endfor %}
22
- </ul>
data/_includes/theme.js DELETED
@@ -1,14 +0,0 @@
1
- // Data attribute switch
2
- var toggleState = function (elem, one, two) {
3
- var elem = document.querySelector(elem);
4
- elem.setAttribute('data-state', elem.getAttribute('data-state') === one ? two : one);
5
- };
6
-
7
- // Mobile navigation toggle selector
8
- var buttonMenu = document.querySelector('.button--nav');
9
- if (typeof(buttonMenu) != 'undefined' && buttonMenu != null) {
10
- buttonMenu.onclick = function (e) {
11
- toggleState('.nav', 'open', 'closed');
12
- e.preventDefault();
13
- };
14
- };
@@ -1,26 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en-GB">
3
- <head>
4
- <!-- General meta -->
5
- <meta charset="utf-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1">
7
- <title>{{ page.title }} - {{ site.title }}</title>
8
-
9
- {% if site.logo %}
10
- {% include favicons.html %}
11
- {% endif %}
12
-
13
- <link href="/css/styles.css" media="all" rel="stylesheet" type="text/css">
14
- </head>
15
- <body>
16
-
17
- {% include header.html %}
18
-
19
- {{ content }}
20
-
21
- {% include footer.html %}
22
-
23
- <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Neuton" rel="stylesheet">
24
- <script src="/js/scripts.js" type="text/javascript"></script>
25
- </body>
26
- </html>
data/_layouts/front.html DELETED
@@ -1,17 +0,0 @@
1
- ---
2
- layout: default
3
- ---
4
-
5
- <main class="main container">
6
-
7
- <article class="article typeset">
8
-
9
- <h1>{{ page.title }}</h1>
10
-
11
- {{ content }}
12
-
13
- </article>
14
-
15
- {% include posts.html %}
16
-
17
- </main>
data/_layouts/page.html DELETED
@@ -1,15 +0,0 @@
1
- ---
2
- layout: default
3
- ---
4
-
5
- <main class="main container">
6
-
7
- <article class="article typeset">
8
-
9
- <h1>{{ page.title }}</h1>
10
-
11
- {{ content }}
12
-
13
- </article>
14
-
15
- </main>
data/_layouts/post.html DELETED
@@ -1,20 +0,0 @@
1
- ---
2
- layout: default
3
- ---
4
-
5
- <main class="main container">
6
-
7
- <article class="article typeset">
8
-
9
- <h1>{{ page.title }}</h1>
10
-
11
- <small class="small">
12
- {% assign words = content | number_of_words %}
13
- <time datetime="{{ page.date | date_to_xmlschema }}" class="time">{{ page.date | date_to_string }}</time>&nbsp;–&nbsp;<span class="time time--reading">{{ words | divided_by:180 }} minute read</span>
14
- </small>
15
-
16
- {{ content }}
17
-
18
- </article>
19
-
20
- </main>
@@ -1,7 +0,0 @@
1
- // Import Sassline base SCSS files in order so variables are read correctly.
2
- @import "sassline-base/reset";
3
- @import "sassline-base/variables";
4
- @import "sassline-base/modular-scale";
5
- @import "sassline-base/mixins";
6
- @import "sassline-base/typography";
7
- @import "sassline-base/layouts";
@@ -1,282 +0,0 @@
1
- // Layouts
2
- // ---------------------------------------
3
-
4
- // Container.
5
- .section {
6
- @include clearfix;
7
-
8
- margin: 0 auto;
9
- position: relative;
10
- width: 94%;
11
-
12
- @include breakpoint(break-3) {
13
- @include maxwidth(3);
14
- }
15
-
16
- @include breakpoint(break-4) {
17
- @include maxwidth(4);
18
- }
19
- }
20
-
21
- // Single column (based on measure for typeset content).
22
- .single-measure {
23
- @include measure(all);
24
-
25
- margin: 0 auto;
26
- }
27
-
28
- // Base column styles.
29
- .column {
30
- @include measure(0);
31
-
32
- margin: 0 auto;
33
- width: 100%;
34
-
35
- @include breakpoint(break-1) {
36
- float: left;
37
- margin: initial;
38
- max-width: initial;
39
- padding-left: map-get($gutterwidths, small);
40
- padding-right: map-get($gutterwidths, small);
41
- }
42
-
43
- @include breakpoint(break-3) {
44
- padding-left: map-get($gutterwidths, medium);
45
- padding-right: map-get($gutterwidths, medium);
46
- }
47
- }
48
-
49
- // Two columns.
50
- .column--duo {
51
-
52
- @include breakpoint(break-1) {
53
- width: 50%;
54
-
55
- &:nth-of-type(2n+3) {
56
- clear: left;
57
- }
58
-
59
- &:nth-of-type(n+3) {
60
- margin-top: 3rem;
61
- }
62
- }
63
- }
64
-
65
- // Three columns.
66
- .column--trio {
67
-
68
- @include breakpoint(break-1) {
69
- width: 33.333%;
70
-
71
- &:nth-of-type(3n+4) {
72
- clear: left;
73
- }
74
-
75
- &:nth-of-type(n+4) {
76
- margin-top: 3rem;
77
- }
78
- }
79
- }
80
-
81
- // Four columns. Two at smaller breakpoints.
82
- .column--quad {
83
-
84
- @include breakpoint(break-1) {
85
- width: 50%;
86
- }
87
-
88
- @include breakpoint(break-2) {
89
- width: 25%;
90
- }
91
- }
92
-
93
- // Two column layout with a main text column and a sidebar.
94
-
95
- // Main column.
96
- .column--main {
97
-
98
- @include breakpoint(break-1) {
99
- @include ideal-measure(1, small);
100
- }
101
-
102
- @include breakpoint(break-2) {
103
- @include ideal-measure(2, small);
104
- }
105
-
106
- @include breakpoint(break-3) {
107
- @include ideal-measure(3, medium);
108
- }
109
-
110
- @include breakpoint(break-4) {
111
- @include ideal-measure(4, medium);
112
- }
113
- }
114
-
115
- // Sidebar.
116
- .column--sidebar {
117
-
118
- @include breakpoint(break-1) {
119
- @include ideal-measure(1, small, false);
120
-
121
- padding-right: map-get($gutterwidths, medium);
122
- }
123
-
124
- @include breakpoint(break-2) {
125
- @include ideal-measure(2, small, false);
126
- }
127
-
128
- @include breakpoint(break-3) {
129
- @include ideal-measure(3, medium, false);
130
-
131
- padding-right: map-get($gutterwidths, large);
132
- }
133
-
134
- @include breakpoint(break-4) {
135
- @include ideal-measure(4, medium, false);
136
- }
137
- }
138
-
139
- // If sidebar on the right side.
140
- .column--main + .column--sidebar {
141
- @include breakpoint(break-1) {
142
- padding-left: map-get($gutterwidths, medium);
143
- padding-right: map-get($gutterwidths, small);
144
- }
145
-
146
- @include breakpoint(break-3) {
147
- padding-left: map-get($gutterwidths, large);
148
- padding-right: map-get($gutterwidths, medium);
149
- }
150
- }
151
-
152
- // Set the main text one level down in the modular scale for narrower columns.
153
- .column--trio,
154
- .column--quad,
155
- .column--sidebar {
156
-
157
- @include breakpoint(break-3) {
158
-
159
- p {
160
- @include sassline($fontsize: eta, $font: $bodytype, $lineheight: 2, $below: 2, $breakpoint: 3);
161
- }
162
-
163
- li {
164
- @include fontsize(eta, 3);
165
- }
166
- }
167
-
168
- @include breakpoint(break-4) {
169
-
170
- p {
171
- @include sassline($fontsize: eta, $font: $bodytype, $lineheight: 2, $below: 2, $breakpoint: 4);
172
- }
173
-
174
- li {
175
- @include fontsize(eta, 4);
176
- }
177
- }
178
- }
179
-
180
- // Main column on the right with inline sidenotes.
181
- // The sidenotes will move out the column into the sidebar position aligned to the baseline.
182
- .column--right {
183
-
184
- @include breakpoint(break-1) {
185
- @include ideal-measure(1, small);
186
- @include ideal-measure(1, small, false, margin-left);
187
- }
188
-
189
- @include breakpoint(break-2) {
190
- @include ideal-measure(2, small);
191
- @include ideal-measure(2, small, false, margin-left);
192
- }
193
-
194
- @include breakpoint(break-3) {
195
- @include ideal-measure(3, medium);
196
- @include ideal-measure(3, medium, false, margin-left);
197
- }
198
-
199
- @include breakpoint(break-4) {
200
- @include ideal-measure(4, medium);
201
- @include ideal-measure(4, medium, false, margin-left);
202
- }
203
-
204
- .sidenote {
205
-
206
- @include breakpoint(break-1) {
207
- @include ideal-measure(1, small, false);
208
-
209
- left: 0;
210
- padding-left: map-get($gutterwidths, small);
211
- padding-right: map-get($gutterwidths, medium);
212
- position: absolute;
213
- }
214
-
215
- @include breakpoint(break-2) {
216
- @include ideal-measure(2, small, false);
217
- }
218
-
219
- @include breakpoint(break-3) {
220
- @include ideal-measure(3, medium, false);
221
-
222
- padding-right: map-get($gutterwidths, large);
223
- }
224
-
225
- @include breakpoint(break-4) {
226
- @include ideal-measure(4, medium, false);
227
-
228
- padding-left: map-get($gutterwidths, medium);
229
- }
230
- }
231
- }
232
-
233
- // Main column on the left with inline sidenotes.
234
- .column--left {
235
-
236
- @include breakpoint(break-1) {
237
- @include ideal-measure(1, small);
238
- }
239
-
240
- @include breakpoint(break-2) {
241
- @include ideal-measure(2, small);
242
- }
243
-
244
- @include breakpoint(break-3) {
245
- @include ideal-measure(3, medium);
246
- }
247
-
248
- @include breakpoint(break-4) {
249
- @include ideal-measure(4, medium);
250
- }
251
-
252
- .sidenote {
253
-
254
- @include breakpoint(break-1) {
255
- @include ideal-measure(1, small, false);
256
- @include ideal-measure(1, small, true, left);
257
-
258
- padding-left: map-get($gutterwidths, medium);
259
- padding-right: map-get($gutterwidths, small);
260
- position: absolute;
261
- }
262
-
263
- @include breakpoint(break-2) {
264
- @include ideal-measure(2, small, false);
265
- @include ideal-measure(2, small, true, left);
266
- }
267
-
268
- @include breakpoint(break-3) {
269
- @include ideal-measure(3, medium, false);
270
- @include ideal-measure(3, medium, true, left);
271
-
272
- padding-left: map-get($gutterwidths, large);
273
- }
274
-
275
- @include breakpoint(break-4) {
276
- @include ideal-measure(4, medium, false);
277
- @include ideal-measure(4, medium, true, left);
278
-
279
- padding-right: map-get($gutterwidths, medium);
280
- }
281
- }
282
- }