space-jekyll-theme 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/posts.html +11 -0
  3. data/_layouts/post.html +3 -0
  4. data/_sass/main.scss +73 -19
  5. metadata +2 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: '05008196f2075cc6768271697582efd8dc91f8410b64b255bf1d5e40271c88f9'
4
- data.tar.gz: 70d356ca74f38c84177f3668d3a976ed13bc444b3ee4203d644fb840c1b3e84e
3
+ metadata.gz: e8845f3828ccf185c5f5704dc13e88022d8cc2c7608aac2014489644c8f27fdf
4
+ data.tar.gz: 4d0c7f4d69f42738a354003399f748d37f3defb78f2d56bffce5c7cebfccc16c
5
5
  SHA512:
6
- metadata.gz: 8cb3fd27a59786571661264ffa0b5a2becf94abf24d477ba571d7261faf7d53602e78b3bc0ab82fad14e1cedebb7dcbb3ba0e767a8e34493599b32c77cc519be
7
- data.tar.gz: 42f6137481b107878c60e7d8935ba16d44bb84222aff9857170b9d2a86a16c4457fa1e185037aab934536fdcd7cd228e5a89dd769fc632b4d7c36437cb8a8ce0
6
+ metadata.gz: db78e0ea4c989c79fe653907ace7d089cd7780149acd44f12c90422e0b1cda70690f8cd7aa658860389f71abecd740fb9615297513ac7a7380865503db9c4e87
7
+ data.tar.gz: 97a560d1ae81cb046aef5da127fed5857857968435cefc75939b542d2e0207db74af67c8a2d646f92e3ecc1ac4793fac6fbeccaa7187acdabbf75ab63d0c68aa
data/_includes/posts.html ADDED
@@ -0,0 +1,11 @@
1
+ {% for post in site.posts %}
2
+ <div class="post">
3
+ <h5 class="kicker">Filed under {{ post.kicker }} ▪︎ {{ post.date | date: "%m.%d.%Y" }} </h5>
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 }}</p></div>
9
+ {{ post.excerpt }}
10
+ </div>
11
+ {% endfor %}
data/_layouts/post.html CHANGED
@@ -1,5 +1,8 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
+ <h5 class="kicker">Filed under {{ page.kicker }} ▪︎ {{ page.date | date: "%m.%d.%Y" }} </h5>
4
5
  <h1>{{ page.title }}</h1>
6
+ <h2 class="subtitle">{{ page.subtitle }}</h2>
7
+ <div class="meta"><p>By {{ page.author }}</p></div>
5
8
  {{ content }}
data/_sass/main.scss CHANGED
@@ -1,14 +1,15 @@
1
1
  @import "_breakpoints";
2
2
  @import "_mixins";
3
3
 
4
- $display-font: "Sporting Grotesque", sans-serif;
5
- $body-font: "Proza Libre";
6
- $mono-font: "Inconsolata";
7
- $bg-color: #c2c2c2;
8
- $blue: #000;
4
+ $display-font : "Sporting Grotesque", sans-serif;
5
+ $body-font : "Proza Libre";
6
+ $mono-font : "Inconsolata";
7
+ $orange : #fd5200;
8
+ $rust : #af3800;
9
9
 
10
10
  * {
11
11
  box-sizing: border-box;
12
+ text-rendering: optimizeLegibility;
12
13
  }
13
14
 
14
15
  .logo {
@@ -20,36 +21,54 @@ h2,
20
21
  h3,
21
22
  h4,
22
23
  h5,
23
- h6 {
24
+ h6, blockquote {
24
25
  font-family: $display-font;
25
26
  font-weight: normal;
26
27
  }
27
28
 
28
29
  a {
29
30
  text-decoration: none;
30
- color: black;
31
- padding-bottom: 0.25em;
31
+ color: $orange;
32
+ padding-bottom: 0.01em;
32
33
  border-bottom: 1px solid lightgray;
33
34
  }
34
35
 
35
36
  a:hover {
36
- color: black;
37
- border-bottom: 1px solid black;
37
+ color: $rust;
38
+ border-bottom: 1px solid $rust;
38
39
  }
39
40
 
40
41
  h1 {
41
42
  font-size: 40px;
42
- line-height: 170%;
43
+ line-height: 135%;
43
44
  margin-top: 80px;
44
45
  margin-bottom: 40px;
46
+ font-weight: 700;
47
+ }
48
+
49
+ h1.title {
50
+
51
+ a {
52
+ border: none;
53
+ color: black;
54
+ }
45
55
  }
46
56
 
47
57
  h2 {
58
+ color: $orange;
48
59
  font-size: 34px;
49
60
  line-height: 160%;
50
61
  margin-top: 60px;
51
62
  margin-bottom: 40px;
52
63
  }
64
+
65
+ h2.subtitle {
66
+ font-weight: 200;
67
+ font-size: 28px;
68
+ font-family: $body-font;
69
+ margin-top: -30px;
70
+ }
71
+
53
72
  h3 {
54
73
  font-size: 30px;
55
74
  line-height: 150%;
@@ -77,8 +96,10 @@ h6 {
77
96
  p {
78
97
  color: #353535;
79
98
  font-size: 20px;
80
- font-weight: 200;
81
- line-height: 160%;
99
+ font-weight: 400;
100
+ line-height: 170%;
101
+ margin-top: 40px;
102
+ margin-bottom: 40px;
82
103
  }
83
104
 
84
105
  ul,
@@ -126,17 +147,22 @@ nav {
126
147
  font-size: 20px;
127
148
 
128
149
  a {
150
+ color: black;
129
151
  margin-right: 30px;
130
152
  line-height: 40px;
131
153
  text-decoration: none !important;
132
154
  border-bottom: none;
155
+ padding-bottom: 0.3em;
156
+ }
157
+ a: hover {
158
+ text-decoration: none !important;
159
+ padding-bottom: 0.3em;
133
160
  }
134
-
135
161
  a.active {
136
162
  text-decoration: none;
137
- color: black;
138
- padding-bottom: 0.25em;
139
- border-bottom: 1px solid black;
163
+ color: $orange;
164
+ padding-bottom: 0.3em;
165
+ border-bottom: 1px solid $orange;
140
166
  }
141
167
  }
142
168
 
@@ -173,7 +199,10 @@ li {
173
199
  blockquote {
174
200
  font-family: $display-font;
175
201
  color: black;
176
-
202
+ font-size: 20px;
203
+ line-height: 180%;
204
+ margin-top: 40px;
205
+ margin-bottom: 40px;
177
206
  p {
178
207
  color: inherit;
179
208
  }
@@ -201,7 +230,6 @@ cite {
201
230
  hr {
202
231
  height: 1px;
203
232
  border-width: 0;
204
- color: lightgray;
205
233
  background-color: lightgray;
206
234
  }
207
235
 
@@ -217,3 +245,29 @@ footer {
217
245
  font-size: inherit;
218
246
  }
219
247
  }
248
+
249
+ figcaption {
250
+ color: grey;
251
+ }
252
+
253
+ .meta {
254
+ margin-top: -20px;
255
+ margin-bottom: 40px;
256
+ p {
257
+ color: grey;
258
+ }
259
+ }
260
+
261
+ .post {
262
+ margin-bottom: 80px;
263
+ }
264
+
265
+ .kicker {
266
+ font-family: $body-font;
267
+ color: grey;
268
+ margin-top: 80px;
269
+ margin-bottom: -60px;
270
+ text-transform: none;
271
+ letter-spacing: 0;
272
+ font-weight: 400;
273
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: space-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.1.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - '0xf17'
@@ -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