space-jekyll-theme 0.1.1 → 0.1.6
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/README.md +1 -1
- data/_includes/posts.html +11 -0
- data/_layouts/post.html +3 -0
- data/_sass/main.scss +123 -38
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ac3656fa158444b076c48fb9daff2b494b7b58611af0e336432d40ad9ef97848
|
|
4
|
+
data.tar.gz: 68fa898ee52bec1b421aa08c8621f9fca78c3cf1a72fe61295df0e51b3aef1e2
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 2940aab32a5d3c1ebad815cdd0b15069bb6b2240ff532bb008a0024843f9ebf284c03f2fd236b48829746d911ac2ba82c36985ec6303346882ff28b1591b4b30
|
|
7
|
+
data.tar.gz: b79c8add6597f3d6ae5aeb869124d304c6e0e9aaefc1a1ee4d21c43b44003aeb3f93d63e11ad709d0fa03d2a998b666e392b6a98605484fbc52f047586f069f6
|
data/README.md
CHANGED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{% for post in site.posts %}
|
|
2
|
+
<div class="post">
|
|
3
|
+
<h6 class="kicker">{{ post.kicker }}</h6>
|
|
4
|
+
<h1 class="title">
|
|
5
|
+
<a href="{{ post.url }}">{{ post.title }}</a>
|
|
6
|
+
</h1>
|
|
7
|
+
<h2 class="subtitle">{{ post.subtitle }}</h2>
|
|
8
|
+
<div class="meta"><p>By {{ post.author }} ▪︎ {{ post.date | date: "%m.%d.%Y" }} </p></div>
|
|
9
|
+
{{ post.excerpt }}
|
|
10
|
+
</div>
|
|
11
|
+
{% endfor %}
|
data/_layouts/post.html
CHANGED
data/_sass/main.scss
CHANGED
|
@@ -1,14 +1,31 @@
|
|
|
1
1
|
@import "_breakpoints";
|
|
2
2
|
@import "_mixins";
|
|
3
3
|
|
|
4
|
-
$display-font: "
|
|
5
|
-
$body-font: "
|
|
6
|
-
$mono-font: "Inconsolata";
|
|
7
|
-
$
|
|
8
|
-
$
|
|
4
|
+
$display-font : "Space Grotesk";
|
|
5
|
+
$body-font : "Space Grotesk";
|
|
6
|
+
$mono-font : "Inconsolata";
|
|
7
|
+
$green : #4CB963;
|
|
8
|
+
$dark-green : #157f1f;
|
|
9
|
+
|
|
10
|
+
$ptsize : 16px;
|
|
11
|
+
$scalefactor : 1.414;
|
|
12
|
+
|
|
13
|
+
@function pow($number, $exponent) {
|
|
14
|
+
$value: 1;
|
|
15
|
+
|
|
16
|
+
@if $exponent > 0 {
|
|
17
|
+
@for $i from 1 through $exponent {
|
|
18
|
+
$value: $value * $number;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@return $value;
|
|
23
|
+
}
|
|
9
24
|
|
|
10
25
|
* {
|
|
11
26
|
box-sizing: border-box;
|
|
27
|
+
text-rendering: optimizeLegibility;
|
|
28
|
+
font-kerning: auto;
|
|
12
29
|
}
|
|
13
30
|
|
|
14
31
|
.logo {
|
|
@@ -20,65 +37,89 @@ h2,
|
|
|
20
37
|
h3,
|
|
21
38
|
h4,
|
|
22
39
|
h5,
|
|
23
|
-
h6 {
|
|
40
|
+
h6, blockquote {
|
|
24
41
|
font-family: $display-font;
|
|
25
|
-
|
|
42
|
+
// line-height: 1.5em;
|
|
26
43
|
}
|
|
27
44
|
|
|
28
45
|
a {
|
|
29
46
|
text-decoration: none;
|
|
30
|
-
color:
|
|
31
|
-
padding-bottom: 0.
|
|
47
|
+
color: $green;
|
|
48
|
+
padding-bottom: 0.005em;
|
|
32
49
|
border-bottom: 1px solid lightgray;
|
|
33
50
|
}
|
|
34
51
|
|
|
35
52
|
a:hover {
|
|
36
|
-
color:
|
|
37
|
-
border-bottom: 1px solid
|
|
53
|
+
color: $dark-green;
|
|
54
|
+
border-bottom: 1px solid $dark-green;
|
|
38
55
|
}
|
|
39
56
|
|
|
40
57
|
h1 {
|
|
41
|
-
font-size:
|
|
42
|
-
line-height:
|
|
58
|
+
font-size: $ptsize * pow($scalefactor, 3);
|
|
59
|
+
// line-height: 120%;
|
|
43
60
|
margin-top: 80px;
|
|
44
61
|
margin-bottom: 40px;
|
|
62
|
+
// font-weight: 700;
|
|
63
|
+
font-family: $body-font;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
h1.title {
|
|
67
|
+
|
|
68
|
+
a {
|
|
69
|
+
border: none;
|
|
70
|
+
color: black;
|
|
71
|
+
}
|
|
45
72
|
}
|
|
46
73
|
|
|
47
74
|
h2 {
|
|
48
|
-
|
|
49
|
-
|
|
75
|
+
|
|
76
|
+
color: $green;
|
|
77
|
+
font-size: $ptsize * pow($scalefactor, 2);
|
|
78
|
+
// line-height: 160%;
|
|
50
79
|
margin-top: 60px;
|
|
51
80
|
margin-bottom: 40px;
|
|
52
81
|
}
|
|
82
|
+
|
|
83
|
+
h2.subtitle {
|
|
84
|
+
// font-weight: 200;
|
|
85
|
+
// font-style: italic;
|
|
86
|
+
font-size: $ptsize * pow($scalefactor, 2);
|
|
87
|
+
// font-family: $body-font;
|
|
88
|
+
margin-top: -30px;
|
|
89
|
+
font-weight: 300;
|
|
90
|
+
}
|
|
91
|
+
|
|
53
92
|
h3 {
|
|
54
|
-
font-size:
|
|
55
|
-
line-height: 150%;
|
|
93
|
+
font-size: $ptsize * pow($scalefactor, 1);
|
|
94
|
+
// line-height: 150%;
|
|
56
95
|
margin-top: 40px;
|
|
57
96
|
margin-bottom: 20px;
|
|
58
97
|
}
|
|
59
98
|
|
|
60
99
|
h4 {
|
|
61
|
-
font-size:
|
|
100
|
+
font-size: $ptsize * pow($scalefactor, 1);
|
|
62
101
|
line-height: 140%;
|
|
63
102
|
}
|
|
64
103
|
h5 {
|
|
65
|
-
font-size:
|
|
104
|
+
font-size: $ptsize * pow($scalefactor, 1);
|
|
66
105
|
letter-spacing: 1px;
|
|
67
106
|
text-transform: uppercase;
|
|
68
|
-
line-height: 140%;
|
|
107
|
+
// line-height: 140%;
|
|
69
108
|
}
|
|
70
109
|
h6 {
|
|
71
|
-
font-size:
|
|
110
|
+
font-size: $ptsize;
|
|
72
111
|
letter-spacing: 2px;
|
|
73
112
|
text-transform: uppercase;
|
|
74
|
-
line-height: 140%;
|
|
113
|
+
// line-height: 140%;
|
|
75
114
|
}
|
|
76
115
|
|
|
77
116
|
p {
|
|
78
|
-
color:
|
|
79
|
-
font-size:
|
|
80
|
-
font-weight:
|
|
81
|
-
line-height:
|
|
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;
|
|
82
123
|
}
|
|
83
124
|
|
|
84
125
|
ul,
|
|
@@ -109,7 +150,7 @@ iframe {
|
|
|
109
150
|
background-color: white;
|
|
110
151
|
margin: 2em auto 2em auto;
|
|
111
152
|
padding: 0 2em 0 2em;
|
|
112
|
-
max-width:
|
|
153
|
+
max-width: 760px;
|
|
113
154
|
@include sm {
|
|
114
155
|
margin: 2em auto 2em auto;
|
|
115
156
|
padding: 0 2em 0 2em;
|
|
@@ -123,20 +164,25 @@ nav {
|
|
|
123
164
|
margin-top: 40px;
|
|
124
165
|
margin-bottom: 40px;
|
|
125
166
|
font-family: $display-font;
|
|
126
|
-
font-size:
|
|
167
|
+
font-size: $ptsize;
|
|
127
168
|
|
|
128
169
|
a {
|
|
170
|
+
color: black;
|
|
129
171
|
margin-right: 30px;
|
|
130
172
|
line-height: 40px;
|
|
131
173
|
text-decoration: none !important;
|
|
132
174
|
border-bottom: none;
|
|
175
|
+
padding-bottom: 0.3em;
|
|
176
|
+
}
|
|
177
|
+
a: hover {
|
|
178
|
+
text-decoration: none !important;
|
|
179
|
+
padding-bottom: 0.3em;
|
|
133
180
|
}
|
|
134
|
-
|
|
135
181
|
a.active {
|
|
136
182
|
text-decoration: none;
|
|
137
|
-
color:
|
|
138
|
-
padding-bottom: 0.
|
|
139
|
-
border-bottom: 1px solid
|
|
183
|
+
color: $green;
|
|
184
|
+
padding-bottom: 0.3em;
|
|
185
|
+
border-bottom: 1px solid $green;
|
|
140
186
|
}
|
|
141
187
|
}
|
|
142
188
|
|
|
@@ -158,7 +204,7 @@ nav {
|
|
|
158
204
|
|
|
159
205
|
table {
|
|
160
206
|
text-align: left;
|
|
161
|
-
font-size:
|
|
207
|
+
font-size: $ptsize;
|
|
162
208
|
|
|
163
209
|
caption {
|
|
164
210
|
text-align: left;
|
|
@@ -171,11 +217,16 @@ li {
|
|
|
171
217
|
}
|
|
172
218
|
|
|
173
219
|
blockquote {
|
|
174
|
-
font-family: $
|
|
220
|
+
font-family: $body-font;
|
|
175
221
|
color: black;
|
|
176
|
-
|
|
222
|
+
font-size: $ptsize * pow($scalefactor, 1);
|
|
223
|
+
// font-style: italic;
|
|
224
|
+
line-height: 140%;
|
|
225
|
+
margin-top: 40px;
|
|
226
|
+
margin-bottom: 40px;
|
|
177
227
|
p {
|
|
178
228
|
color: inherit;
|
|
229
|
+
font-style: italic;
|
|
179
230
|
}
|
|
180
231
|
}
|
|
181
232
|
|
|
@@ -190,7 +241,7 @@ kbd {
|
|
|
190
241
|
}
|
|
191
242
|
|
|
192
243
|
pre {
|
|
193
|
-
font-size:
|
|
244
|
+
font-size: $ptsize;
|
|
194
245
|
}
|
|
195
246
|
|
|
196
247
|
cite {
|
|
@@ -201,14 +252,13 @@ cite {
|
|
|
201
252
|
hr {
|
|
202
253
|
height: 1px;
|
|
203
254
|
border-width: 0;
|
|
204
|
-
color: lightgray;
|
|
205
255
|
background-color: lightgray;
|
|
206
256
|
}
|
|
207
257
|
|
|
208
258
|
|
|
209
259
|
footer {
|
|
210
260
|
margin-top: 80px;
|
|
211
|
-
font-size:
|
|
261
|
+
font-size: $ptsize/1.2;
|
|
212
262
|
margin-bottom: 160px;
|
|
213
263
|
color: grey;
|
|
214
264
|
|
|
@@ -217,3 +267,38 @@ footer {
|
|
|
217
267
|
font-size: inherit;
|
|
218
268
|
}
|
|
219
269
|
}
|
|
270
|
+
|
|
271
|
+
figcaption {
|
|
272
|
+
font-family: $display-font;
|
|
273
|
+
margin-top: 10px;
|
|
274
|
+
color: grey;
|
|
275
|
+
text-align: center;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
.meta {
|
|
279
|
+
font-family: $body-font;
|
|
280
|
+
margin-top: -20px;
|
|
281
|
+
margin-bottom: 40px;
|
|
282
|
+
p {
|
|
283
|
+
color: grey;
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
.post {
|
|
288
|
+
margin-bottom: 80px;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
.kicker {
|
|
292
|
+
font-family: $display-font;
|
|
293
|
+
color: grey;
|
|
294
|
+
margin-top: 80px;
|
|
295
|
+
margin-bottom: -70px;
|
|
296
|
+
text-transform: none;
|
|
297
|
+
letter-spacing: 0;
|
|
298
|
+
font-weight: 400;
|
|
299
|
+
text-transform: uppercase;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
strong, b {
|
|
303
|
+
color: black;
|
|
304
|
+
}
|
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.6
|
|
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-13 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -37,6 +37,7 @@ files:
|
|
|
37
37
|
- _includes/figure.html
|
|
38
38
|
- _includes/footer.html
|
|
39
39
|
- _includes/navigation.html
|
|
40
|
+
- _includes/posts.html
|
|
40
41
|
- _layouts/default.html
|
|
41
42
|
- _layouts/page.html
|
|
42
43
|
- _layouts/post.html
|