space-jekyll-theme 0.1.7 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_config.yml +1 -1
- data/_includes/gallery-col2.html +6 -0
- data/_includes/gallery-col3.html +6 -0
- data/_layouts/post.html +1 -1
- data/_sass/main.scss +139 -86
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 127787f77fc4fc94dbfde39e57e5105c3a7a06e611f3f100cf9cbca13ad89258
|
|
4
|
+
data.tar.gz: 8b3971c6f1fbaa44a1108e0c77632bb0d1da523ccb7413015116840c6176bbc0
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: cfa2d30be47e75f72e3dd14fbea7928cddf4c0a513b5ed47e7b22edfb768e686c5122681a7c89d8612cf092e7b34e5c74ad3e3c1e9a294a4002d9102f223d723
|
|
7
|
+
data.tar.gz: 5f6c7e983233a8d406395d1a436dcfdd0076d0a8d4cd9d9feb4343ecde9e0806e7d3cf7b7d8770946e5d71d67f8d53b2d662d2d5045757ea826dacb71ec8de50
|
data/_config.yml
CHANGED
data/_layouts/post.html
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
|
-
<
|
|
4
|
+
<h6 class="kicker">{{ page.kicker }}</h6>
|
|
5
5
|
<h1>{{ page.title }}</h1>
|
|
6
6
|
<h2 class="subtitle">{{ page.subtitle }}</h2>
|
|
7
7
|
<div class="meta"><p>By {{ page.author }} ▪︎ {{ page.date | date: "%m.%d.%Y" }} </p></div>
|
data/_sass/main.scss
CHANGED
|
@@ -1,31 +1,109 @@
|
|
|
1
1
|
@import "_breakpoints";
|
|
2
2
|
@import "_mixins";
|
|
3
3
|
|
|
4
|
-
$
|
|
5
|
-
$
|
|
6
|
-
$
|
|
7
|
-
$green : #4CB963;
|
|
8
|
-
$dark-green : #157f1f;
|
|
4
|
+
$font: "Space Grotesk";
|
|
5
|
+
$mono-font: "Space Mono";
|
|
6
|
+
$scalefactor: 1.414;
|
|
9
7
|
|
|
10
|
-
$
|
|
11
|
-
$
|
|
8
|
+
$scarlet: rgb(252, 47, 0);
|
|
9
|
+
$purple: rgb(194, 0, 251);
|
|
10
|
+
$yellow-green: rgb(162, 215, 41);
|
|
11
|
+
$black-coffee: rgb(52, 46, 55);
|
|
12
|
+
$black-coral: rgb(89, 101, 111);
|
|
13
|
+
$emerald: rgb(89, 205, 144);
|
|
14
|
+
$cerulean-crayola: rgb(63, 167, 214);
|
|
15
|
+
$pink: rgb(228, 0, 102);
|
|
16
|
+
$accent: $emerald;
|
|
17
|
+
|
|
18
|
+
.scarlet {
|
|
19
|
+
color: $scarlet;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.purple {
|
|
23
|
+
color: $purple;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.yellow-green {
|
|
27
|
+
color: $yellow-green;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.black-coffee {
|
|
31
|
+
color: $black-coffee;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.black-coral {
|
|
35
|
+
color: $black-coral;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.emerald {
|
|
39
|
+
color: $emerald;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.cerulean-crayola {
|
|
43
|
+
color: $cerulean-crayola;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.pink {
|
|
47
|
+
color: $pink;
|
|
48
|
+
}
|
|
12
49
|
|
|
13
50
|
@function pow($number, $exponent) {
|
|
14
51
|
$value: 1;
|
|
15
|
-
|
|
52
|
+
|
|
16
53
|
@if $exponent > 0 {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
54
|
+
@for $i from 1 through $exponent {
|
|
55
|
+
$value: $value * $number;
|
|
56
|
+
}
|
|
20
57
|
}
|
|
21
|
-
|
|
58
|
+
|
|
22
59
|
@return $value;
|
|
23
|
-
|
|
60
|
+
}
|
|
24
61
|
|
|
25
62
|
* {
|
|
26
63
|
box-sizing: border-box;
|
|
27
64
|
text-rendering: optimizeLegibility;
|
|
28
65
|
font-kerning: auto;
|
|
66
|
+
font-weight: 300;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
body {
|
|
70
|
+
font-family: $font;
|
|
71
|
+
margin: 0;
|
|
72
|
+
width: 100%;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.container {
|
|
76
|
+
margin: 2em auto 2em auto;
|
|
77
|
+
padding: 0 2em 0 2em;
|
|
78
|
+
max-width: 760px;
|
|
79
|
+
@include sm {
|
|
80
|
+
margin: 2em auto 2em auto;
|
|
81
|
+
padding: 0 2em 0 2em;
|
|
82
|
+
}
|
|
83
|
+
@include xl {
|
|
84
|
+
margin: 8em auto 8em auto;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
small,
|
|
89
|
+
footer,
|
|
90
|
+
figcaption,
|
|
91
|
+
p.small,
|
|
92
|
+
cite,
|
|
93
|
+
.meta,
|
|
94
|
+
.kicker {
|
|
95
|
+
font-size: 0.8 em;
|
|
96
|
+
line-height: 1.3;
|
|
97
|
+
color: $black-coral;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
p,
|
|
101
|
+
nav {
|
|
102
|
+
font-size: 1em;
|
|
103
|
+
line-height: 1.6;
|
|
104
|
+
color: $black-coffee;
|
|
105
|
+
margin-top: 40px;
|
|
106
|
+
margin-bottom: 40px;
|
|
29
107
|
}
|
|
30
108
|
|
|
31
109
|
.logo {
|
|
@@ -37,34 +115,33 @@ h2,
|
|
|
37
115
|
h3,
|
|
38
116
|
h4,
|
|
39
117
|
h5,
|
|
40
|
-
h6,
|
|
41
|
-
|
|
118
|
+
h6,
|
|
119
|
+
blockquote {
|
|
120
|
+
font-family: $font;
|
|
42
121
|
// line-height: 1.5em;
|
|
43
122
|
}
|
|
44
123
|
|
|
45
124
|
a {
|
|
46
125
|
text-decoration: none;
|
|
47
|
-
color: $
|
|
48
|
-
padding-bottom: 0.
|
|
126
|
+
color: $emerald;
|
|
127
|
+
padding-bottom: 0.001em;
|
|
49
128
|
border-bottom: 1px solid lightgray;
|
|
50
129
|
}
|
|
51
130
|
|
|
52
131
|
a:hover {
|
|
53
|
-
color: $
|
|
54
|
-
border-bottom: 1px solid $
|
|
132
|
+
color: darken($emerald, 20%);
|
|
133
|
+
border-bottom: 1px solid darken($emerald, 20%);
|
|
55
134
|
}
|
|
56
135
|
|
|
57
136
|
h1 {
|
|
58
|
-
font-size:
|
|
59
|
-
line-height: 1.
|
|
137
|
+
font-size: 1em * pow($scalefactor, 3);
|
|
138
|
+
line-height: 1.4;
|
|
60
139
|
margin-top: 80px;
|
|
61
140
|
margin-bottom: 40px;
|
|
62
|
-
|
|
63
|
-
font-family: $body-font;
|
|
141
|
+
font-family: $font;
|
|
64
142
|
}
|
|
65
143
|
|
|
66
144
|
h1.title {
|
|
67
|
-
|
|
68
145
|
a {
|
|
69
146
|
border: none;
|
|
70
147
|
color: black;
|
|
@@ -72,67 +149,45 @@ h1.title {
|
|
|
72
149
|
}
|
|
73
150
|
|
|
74
151
|
h2 {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
font-size: $ptsize * pow($scalefactor, 2);
|
|
78
|
-
// line-height: 160%;
|
|
152
|
+
color: $emerald;
|
|
153
|
+
font-size: 1em * pow($scalefactor, 2);
|
|
79
154
|
margin-top: 60px;
|
|
80
155
|
margin-bottom: 40px;
|
|
81
156
|
}
|
|
82
157
|
|
|
83
158
|
h2.subtitle {
|
|
84
|
-
|
|
85
|
-
// font-style: italic;
|
|
86
|
-
font-size: $ptsize * pow($scalefactor, 2);
|
|
87
|
-
// font-family: $body-font;
|
|
159
|
+
font-size: 1em * pow($scalefactor, 2);
|
|
88
160
|
margin-top: -30px;
|
|
89
161
|
font-weight: 300;
|
|
90
162
|
}
|
|
91
163
|
|
|
92
164
|
h3 {
|
|
93
|
-
font-size:
|
|
94
|
-
// line-height: 150%;
|
|
165
|
+
font-size: 1em * pow($scalefactor, 1);
|
|
95
166
|
margin-top: 40px;
|
|
96
167
|
margin-bottom: 20px;
|
|
97
168
|
}
|
|
98
169
|
|
|
99
170
|
h4 {
|
|
100
|
-
font-size:
|
|
171
|
+
font-size: 1em * pow($scalefactor, 1);
|
|
101
172
|
line-height: 140%;
|
|
102
173
|
}
|
|
103
174
|
h5 {
|
|
104
|
-
font-size:
|
|
175
|
+
font-size: 1em * pow($scalefactor, 1);
|
|
105
176
|
letter-spacing: 1px;
|
|
106
177
|
text-transform: uppercase;
|
|
107
|
-
// line-height: 140%;
|
|
108
178
|
}
|
|
109
179
|
h6 {
|
|
110
|
-
font-size:
|
|
180
|
+
font-size: 1em;
|
|
111
181
|
letter-spacing: 2px;
|
|
112
182
|
text-transform: uppercase;
|
|
113
|
-
// line-height: 140%;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
p {
|
|
117
|
-
color: rgb(68, 68, 68);
|
|
118
|
-
font-size: $ptsize;
|
|
119
|
-
font-weight: 400;
|
|
120
|
-
line-height: 1.6;
|
|
121
|
-
margin-top: 40px;
|
|
122
|
-
margin-bottom: 40px;
|
|
123
183
|
}
|
|
124
184
|
|
|
125
185
|
ul,
|
|
186
|
+
li,
|
|
126
187
|
ol,
|
|
127
188
|
dl {
|
|
128
189
|
line-height: 200%;
|
|
129
|
-
font-size:
|
|
130
|
-
}
|
|
131
|
-
body {
|
|
132
|
-
font-family: $body-font;
|
|
133
|
-
margin: 0;
|
|
134
|
-
width: 100%;
|
|
135
|
-
background-color: white;
|
|
190
|
+
font-size: 1em;
|
|
136
191
|
}
|
|
137
192
|
|
|
138
193
|
img,
|
|
@@ -146,25 +201,10 @@ figure {
|
|
|
146
201
|
iframe {
|
|
147
202
|
width: 100%;
|
|
148
203
|
}
|
|
149
|
-
.container {
|
|
150
|
-
background-color: white;
|
|
151
|
-
margin: 2em auto 2em auto;
|
|
152
|
-
padding: 0 2em 0 2em;
|
|
153
|
-
max-width: 760px;
|
|
154
|
-
@include sm {
|
|
155
|
-
margin: 2em auto 2em auto;
|
|
156
|
-
padding: 0 2em 0 2em;
|
|
157
|
-
}
|
|
158
|
-
@include xl {
|
|
159
|
-
margin: 8em auto 8em auto;
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
204
|
|
|
163
205
|
nav {
|
|
164
206
|
margin-top: 40px;
|
|
165
207
|
margin-bottom: 40px;
|
|
166
|
-
font-family: $display-font;
|
|
167
|
-
font-size: $ptsize;
|
|
168
208
|
|
|
169
209
|
a {
|
|
170
210
|
color: black;
|
|
@@ -174,15 +214,15 @@ nav {
|
|
|
174
214
|
border-bottom: none;
|
|
175
215
|
padding-bottom: 0.3em;
|
|
176
216
|
}
|
|
177
|
-
a:
|
|
217
|
+
a:hover {
|
|
178
218
|
text-decoration: none !important;
|
|
179
219
|
padding-bottom: 0.3em;
|
|
180
220
|
}
|
|
181
221
|
a.active {
|
|
182
222
|
text-decoration: none;
|
|
183
|
-
color: $
|
|
223
|
+
color: $emerald;
|
|
184
224
|
padding-bottom: 0.3em;
|
|
185
|
-
border-bottom: 1px solid $
|
|
225
|
+
border-bottom: 1px solid $emerald;
|
|
186
226
|
}
|
|
187
227
|
}
|
|
188
228
|
|
|
@@ -204,7 +244,7 @@ nav {
|
|
|
204
244
|
|
|
205
245
|
table {
|
|
206
246
|
text-align: left;
|
|
207
|
-
font-size:
|
|
247
|
+
font-size: 1em;
|
|
208
248
|
|
|
209
249
|
caption {
|
|
210
250
|
text-align: left;
|
|
@@ -217,9 +257,9 @@ li {
|
|
|
217
257
|
}
|
|
218
258
|
|
|
219
259
|
blockquote {
|
|
220
|
-
font-family: $
|
|
260
|
+
font-family: $font;
|
|
221
261
|
color: black;
|
|
222
|
-
font-size:
|
|
262
|
+
font-size: 1em * pow($scalefactor, 1);
|
|
223
263
|
// font-style: italic;
|
|
224
264
|
line-height: 140%;
|
|
225
265
|
margin-top: 40px;
|
|
@@ -241,11 +281,11 @@ kbd {
|
|
|
241
281
|
}
|
|
242
282
|
|
|
243
283
|
pre {
|
|
244
|
-
font-size:
|
|
284
|
+
font-size: 1em;
|
|
245
285
|
}
|
|
246
286
|
|
|
247
287
|
cite {
|
|
248
|
-
font-family: $
|
|
288
|
+
font-family: $font;
|
|
249
289
|
font-style: normal;
|
|
250
290
|
}
|
|
251
291
|
|
|
@@ -255,10 +295,8 @@ hr {
|
|
|
255
295
|
background-color: lightgray;
|
|
256
296
|
}
|
|
257
297
|
|
|
258
|
-
|
|
259
298
|
footer {
|
|
260
299
|
margin-top: 80px;
|
|
261
|
-
font-size: $ptsize/1.2;
|
|
262
300
|
margin-bottom: 160px;
|
|
263
301
|
color: grey;
|
|
264
302
|
|
|
@@ -269,14 +307,13 @@ footer {
|
|
|
269
307
|
}
|
|
270
308
|
|
|
271
309
|
figcaption {
|
|
272
|
-
font-family: $
|
|
310
|
+
font-family: $font;
|
|
273
311
|
margin-top: 10px;
|
|
274
312
|
color: grey;
|
|
275
313
|
text-align: center;
|
|
276
314
|
}
|
|
277
315
|
|
|
278
316
|
.meta {
|
|
279
|
-
font-family: $body-font;
|
|
280
317
|
margin-top: -20px;
|
|
281
318
|
margin-bottom: 40px;
|
|
282
319
|
p {
|
|
@@ -289,16 +326,32 @@ figcaption {
|
|
|
289
326
|
}
|
|
290
327
|
|
|
291
328
|
.kicker {
|
|
292
|
-
font-family: $display-font;
|
|
293
329
|
color: grey;
|
|
294
330
|
margin-top: 80px;
|
|
295
331
|
margin-bottom: -70px;
|
|
296
332
|
text-transform: none;
|
|
297
|
-
letter-spacing:
|
|
333
|
+
letter-spacing: 2;
|
|
298
334
|
font-weight: 400;
|
|
299
335
|
text-transform: uppercase;
|
|
300
336
|
}
|
|
301
337
|
|
|
302
|
-
strong,
|
|
338
|
+
strong,
|
|
339
|
+
b {
|
|
340
|
+
font-weight: 700;
|
|
303
341
|
color: black;
|
|
304
|
-
}
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
.gallery-col3 {
|
|
345
|
+
column-count: 3;
|
|
346
|
+
column-gap: 1em;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
.gallery-col2 {
|
|
350
|
+
column-count: 2;
|
|
351
|
+
column-gap: 1em;
|
|
352
|
+
}
|
|
353
|
+
.gallery-item {
|
|
354
|
+
display: inline-block;
|
|
355
|
+
margin: 0 0 1em;
|
|
356
|
+
width: 100%;
|
|
357
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: space-jekyll-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.12
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- '0xf17'
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2020-12-
|
|
11
|
+
date: 2020-12-17 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -36,6 +36,8 @@ files:
|
|
|
36
36
|
- _config.yml
|
|
37
37
|
- _includes/figure.html
|
|
38
38
|
- _includes/footer.html
|
|
39
|
+
- _includes/gallery-col2.html
|
|
40
|
+
- _includes/gallery-col3.html
|
|
39
41
|
- _includes/navigation.html
|
|
40
42
|
- _includes/posts.html
|
|
41
43
|
- _layouts/default.html
|