Browse code

Copy from Nighttime

Julio Biason authored on 20/05/2019 06:57:21
Showing 18 changed files

1 1
new file mode 100644
... ...
@@ -0,0 +1,2 @@
1
+.idea/
2
+public
0 3
new file mode 100644
... ...
@@ -0,0 +1,21 @@
1
+MIT License
2
+
3
+Copyright (c) 2017 Vincent Prouillet
4
+
5
+Permission is hereby granted, free of charge, to any person obtaining a copy
6
+of this software and associated documentation files (the "Software"), to deal
7
+in the Software without restriction, including without limitation the rights
8
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+copies of the Software, and to permit persons to whom the Software is
10
+furnished to do so, subject to the following conditions:
11
+
12
+The above copyright notice and this permission notice shall be included in all
13
+copies or substantial portions of the Software.
14
+
15
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+SOFTWARE.
0 22
new file mode 100644
... ...
@@ -0,0 +1,76 @@
1
+# nighttime
2
+
3
+This is a fork of [After Dark](https://github.com/getzola/after-dark/), a theme for [Zola](https://www.getzola.org/), with aditional suppot for tags and sections.
4
+
5
+![after-dark screenshot](https://github.com/jbiason/nighttime/blob/master/screenshot.png?raw=true)
6
+
7
+## Contents
8
+
9
+- [Installation](#installation)
10
+- [Options](#options)
11
+  - [Top menu](#top-menu)
12
+  - [Title](#title)
13
+
14
+## Installation
15
+First download this theme to your `themes` directory:
16
+
17
+```bash
18
+$ cd themes
19
+$ git clone https://github.com/jbiason/nighttime.git
20
+```
21
+and then enable it in your `config.toml`:
22
+
23
+```toml
24
+theme = "nighttime"
25
+```
26
+
27
+This theme requires your index section (`content/_index.md`) to be paginated to work:
28
+
29
+```toml
30
+paginate_by = 5
31
+```
32
+
33
+The posts should therefore be in directly under the `content` folder.
34
+
35
+The theme requires tags and categories taxonomies to be enabled in your `config.toml`:
36
+
37
+```toml
38
+taxonomies = [
39
+    # You can enable/disable RSS
40
+    {name = "categories", rss = true},
41
+    {name = "tags", rss = true},
42
+]
43
+```
44
+If you want to paginate taxonomies pages, you will need to overwrite the templates
45
+as it only works for non-paginated taxonomies by default.
46
+
47
+
48
+## Options
49
+
50
+Because this is, mostly, After Dark with support for extra stuff, it still uses the same options as After Dark.
51
+
52
+If you're already using After Dark, there are no changes in your configs that need to be done, besides changing the theme name.
53
+
54
+### Top-menu
55
+
56
+Set a field in `extra` with a key of `after_dark_menu`:
57
+
58
+```toml
59
+after_dark_menu = [
60
+    {url = "$BASE_URL", name = "Home"},
61
+    {url = "$BASE_URL/categories", name = "Categories"},
62
+    {url = "$BASE_URL/tags", name = "Tags"},
63
+    {url = "https://google.com", name = "Google"},
64
+]
65
+```
66
+
67
+If you put `$BASE_URL` in a url, it will automatically be replaced by the actual
68
+site URL.
69
+
70
+### Title
71
+The site title is shown on the homepage. As it might be different from the `<title>`
72
+element that the `title` field in the config represents, you can set the `after_dark_title`
73
+instead.
74
+
75
+## Original
76
+This template is based on the Hugo template https://github.com/comfusion/after-dark
0 77
new file mode 100644
... ...
@@ -0,0 +1,18 @@
1
+base_url = "https://zola-after-dark.netlify.com"
2
+compile_sass = true
3
+title = "after-dark theme"
4
+description = ""
5
+
6
+taxonomies = [
7
+    {name = "categories", rss = true},
8
+    {name = "tags", rss = true},
9
+]
10
+
11
+[extra]
12
+author = "Vincent"
13
+after_dark_menu = [
14
+    {url = "$BASE_URL", name = "Home"},
15
+    {url = "$BASE_URL/categories", name = "Categories"},
16
+    {url = "$BASE_URL/tags", name = "Tags"},
17
+]
18
+after_dark_title = "My blog"
0 19
new file mode 100644
... ...
@@ -0,0 +1,101 @@
1
+:root {
2
+  --screen-size-small: 30em; /* breakpoint reference only */
3
+}
4
+@keyframes intro {
5
+  0% {
6
+    opacity: 0;
7
+  }
8
+  100% {
9
+    opacity: 1;
10
+  }
11
+}
12
+.muted {
13
+  color: rgba(255, 255, 255, 0.5);
14
+  margin-top: 5px;
15
+}
16
+.responsive-iframe {
17
+  position: relative;
18
+  padding-bottom: 56.25%; /* 16:9 */
19
+  padding-top: 25px;
20
+  height: 0;
21
+}
22
+.responsive-iframe iframe {
23
+  position: absolute;
24
+  top: 0;
25
+  left: 0;
26
+  width: 100%;
27
+  height: 100%;
28
+}
29
+iframe {
30
+  border: 0;
31
+}
32
+main, footer {
33
+  animation: intro 0.3s both;
34
+  animation-delay: 0.15s;
35
+}
36
+footer time[datetime$="M"]:before {
37
+  content: "\2013\0020";
38
+}
39
+@media only screen
40
+  and ( max-width: 30em ) {
41
+  footer time[datetime$="M"] {
42
+    display: none;
43
+  }
44
+}
45
+blockquote cite {
46
+  display: block;
47
+}
48
+blockquote cite::before {
49
+   content: "\2014";
50
+}
51
+:target {
52
+  color: #fff;
53
+}
54
+/* hack.css overrides and enhancements */
55
+.hack li ul {
56
+  margin: 0;
57
+}
58
+.main {
59
+  padding: 20px 10px;
60
+}
61
+nav a.active {
62
+  background-color: #ff2e88;
63
+  color: #fff;
64
+}
65
+a[itemprop="url"] {
66
+  color: #ff9800;
67
+}
68
+a[itemprop="url"]:hover {
69
+  color: #fff;
70
+}
71
+a[href*="://"]::after,
72
+a[rel*="external"] {
73
+  content: " " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23ff9800'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E");
74
+}
75
+figure a[href*="://"]::after,
76
+figure a[rel*="external"] {
77
+  content: "";
78
+}
79
+html {
80
+  font-size: 13px;
81
+}
82
+.hack pre {
83
+  font-size: 17px;
84
+}
85
+article [itemprop="description"], article [itemprop="summary"] {
86
+  margin-bottom: 30px;
87
+  margin-top: 5px;
88
+}
89
+
90
+article [itemprop="summary"] p {
91
+  margin: 0;
92
+}
93
+
94
+@media screen and (min-width: 768px) {
95
+  html {
96
+    font-size: 1em;
97
+  }
98
+  .container {
99
+    max-width: 50rem;
100
+  }
101
+}
0 102
new file mode 100644
... ...
@@ -0,0 +1,994 @@
1
+html {
2
+  font-size: 12px
3
+}
4
+
5
+* {
6
+  box-sizing: border-box;
7
+  text-rendering: geometricPrecision
8
+}
9
+
10
+body {
11
+  font-size: 1rem;
12
+  line-height: 1.5rem;
13
+  margin: 0;
14
+  font-family: Anonymous Pro, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
15
+  word-wrap: break-word
16
+}
17
+
18
+h1, h2, h3, h4, h5, h6 {
19
+  line-height: 1.3em
20
+}
21
+
22
+fieldset {
23
+  border: none;
24
+  padding: 0;
25
+  margin: 0
26
+}
27
+
28
+pre {
29
+  padding: 2rem;
30
+  margin: 1.75rem 0;
31
+  background-color: #fff;
32
+  border: 1px solid #ccc;
33
+  overflow: auto
34
+}
35
+
36
+code[class*=language-], pre[class*=language-], pre code {
37
+  font-weight: 100;
38
+  text-shadow: none;
39
+  margin: 1.75rem 0
40
+}
41
+
42
+a {
43
+  cursor: pointer;
44
+  color: #ff2e88;
45
+  text-decoration: none;
46
+  border-bottom: 1px solid #ff2e88
47
+}
48
+
49
+a:hover {
50
+  background-color: #ff2e88;
51
+  color: #fff
52
+}
53
+
54
+.grid {
55
+  display: -ms-flexbox;
56
+  display: flex;
57
+  -ms-flex-wrap: wrap;
58
+  flex-wrap: wrap
59
+}
60
+
61
+.grid.\-top {
62
+  -ms-flex-align: start;
63
+  -ms-grid-row-align: flex-start;
64
+  align-items: flex-start
65
+}
66
+
67
+.grid.\-middle {
68
+  -ms-flex-align: center;
69
+  -ms-grid-row-align: center;
70
+  align-items: center
71
+}
72
+
73
+.grid.\-bottom {
74
+  -ms-flex-align: end;
75
+  -ms-grid-row-align: flex-end;
76
+  align-items: flex-end
77
+}
78
+
79
+.grid.\-stretch {
80
+  -ms-flex-align: stretch;
81
+  -ms-grid-row-align: stretch;
82
+  align-items: stretch
83
+}
84
+
85
+.grid.\-baseline {
86
+  -ms-flex-align: baseline;
87
+  -ms-grid-row-align: baseline;
88
+  align-items: baseline
89
+}
90
+
91
+.grid.\-left {
92
+  -ms-flex-pack: start;
93
+  justify-content: flex-start
94
+}
95
+
96
+.grid.\-center {
97
+  -ms-flex-pack: center;
98
+  justify-content: center
99
+}
100
+
101
+.grid.\-right {
102
+  -ms-flex-pack: end;
103
+  justify-content: flex-end
104
+}
105
+
106
+.grid.\-between {
107
+  -ms-flex-pack: justify;
108
+  justify-content: space-between
109
+}
110
+
111
+.grid.\-around {
112
+  -ms-flex-pack: distribute;
113
+  justify-content: space-around
114
+}
115
+
116
+.cell {
117
+  -ms-flex: 1;
118
+  flex: 1;
119
+  box-sizing: border-box
120
+}
121
+
122
+@media screen and (min-width: 768px) {
123
+  .cell.\-1of12 {
124
+    -ms-flex: 0 0 8.33333%;
125
+    flex: 0 0 8.33333%
126
+  }
127
+  .cell.\-2of12 {
128
+    -ms-flex: 0 0 16.66667%;
129
+    flex: 0 0 16.66667%
130
+  }
131
+  .cell.\-3of12 {
132
+    -ms-flex: 0 0 25%;
133
+    flex: 0 0 25%
134
+  }
135
+  .cell.\-4of12 {
136
+    -ms-flex: 0 0 33.33333%;
137
+    flex: 0 0 33.33333%
138
+  }
139
+  .cell.\-5of12 {
140
+    -ms-flex: 0 0 41.66667%;
141
+    flex: 0 0 41.66667%
142
+  }
143
+  .cell.\-6of12 {
144
+    -ms-flex: 0 0 50%;
145
+    flex: 0 0 50%
146
+  }
147
+  .cell.\-7of12 {
148
+    -ms-flex: 0 0 58.33333%;
149
+    flex: 0 0 58.33333%
150
+  }
151
+  .cell.\-8of12 {
152
+    -ms-flex: 0 0 66.66667%;
153
+    flex: 0 0 66.66667%
154
+  }
155
+  .cell.\-9of12 {
156
+    -ms-flex: 0 0 75%;
157
+    flex: 0 0 75%
158
+  }
159
+  .cell.\-10of12 {
160
+    -ms-flex: 0 0 83.33333%;
161
+    flex: 0 0 83.33333%
162
+  }
163
+  .cell.\-11of12 {
164
+    -ms-flex: 0 0 91.66667%;
165
+    flex: 0 0 91.66667%
166
+  }
167
+}
168
+
169
+@media screen and (max-width: 768px) {
170
+  .grid {
171
+    -ms-flex-direction: column;
172
+    flex-direction: column
173
+  }
174
+  .cell {
175
+    -ms-flex: 0 0 auto;
176
+    flex: 0 0 auto
177
+  }
178
+}
179
+
180
+.hack, .hack blockquote, .hack code, .hack em, .hack h1, .hack h2, .hack h3, .hack h4, .hack h5, .hack h6, .hack strong {
181
+  font-size: 1rem;
182
+  font-style: normal;
183
+  font-family: Anonymous Pro, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif
184
+}
185
+
186
+.hack blockquote, .hack code, .hack em, .hack strong {
187
+  line-height: 20px
188
+}
189
+
190
+.hack blockquote, .hack code, .hack footer, .hack h1, .hack h2, .hack h3, .hack h4, .hack h5, .hack h6, .hack header, .hack li, .hack ol, .hack p, .hack section, .hack ul {
191
+  float: none;
192
+  margin: 0;
193
+  padding: 0
194
+}
195
+
196
+.hack blockquote, .hack h1, .hack ol, .hack p, .hack ul {
197
+  margin-top: 20px;
198
+  margin-bottom: 20px
199
+}
200
+
201
+.hack h1 {
202
+  position: relative;
203
+  display: inline-block;
204
+  display: table-cell;
205
+  padding: 20px 0 10px;
206
+  margin: 0;
207
+  overflow: hidden
208
+}
209
+
210
+.hack h1:after {
211
+  content: "====================================================================================================";
212
+  position: absolute;
213
+  bottom: -7px;
214
+  left: 0
215
+}
216
+
217
+.hack h1 + * {
218
+  margin-top: 0
219
+}
220
+
221
+.hack h2, .hack h3, .hack h4, .hack h5, .hack h6 {
222
+  position: relative;
223
+  margin-top: 1rem;
224
+  margin-bottom: 10px;
225
+}
226
+
227
+.hack h2:before, .hack h3:before, .hack h4:before, .hack h5:before, .hack h6:before {
228
+  display: inline
229
+}
230
+
231
+.hack h2:before {
232
+  content: "## "
233
+}
234
+
235
+.hack h3:before {
236
+  content: "### "
237
+}
238
+
239
+.hack h4:before {
240
+  content: "#### "
241
+}
242
+
243
+.hack h5:before {
244
+  content: "##### "
245
+}
246
+
247
+.hack h6:before {
248
+  content: "###### "
249
+}
250
+
251
+.hack li {
252
+  position: relative;
253
+  display: block;
254
+  padding-left: 20px
255
+}
256
+
257
+.hack li:after {
258
+  position: absolute;
259
+  top: 0;
260
+  left: 0
261
+}
262
+
263
+.hack ul > li:after {
264
+  content: "-"
265
+}
266
+
267
+.hack ol {
268
+  counter-reset: a
269
+}
270
+
271
+.hack ol > li:after {
272
+  content: counter(a) ".";
273
+  counter-increment: a
274
+}
275
+
276
+.hack blockquote {
277
+  position: relative;
278
+  padding-left: 17px;
279
+  padding-left: 2ch;
280
+  overflow: hidden
281
+}
282
+
283
+.hack blockquote:after {
284
+  content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";
285
+  white-space: pre;
286
+  position: absolute;
287
+  top: 0;
288
+  left: 0;
289
+  line-height: 20px
290
+}
291
+
292
+.hack em:after, .hack em:before {
293
+  content: "*";
294
+  display: inline
295
+}
296
+
297
+.hack pre code:after, .hack pre code:before {
298
+  content: ''
299
+}
300
+
301
+.hack code {
302
+  font-weight: 700
303
+}
304
+
305
+.hack code:after, .hack code:before {
306
+  content: "`";
307
+  display: inline
308
+}
309
+
310
+.hack hr {
311
+  position: relative;
312
+  height: 20px;
313
+  overflow: hidden;
314
+  border: 0;
315
+  margin: 20px 0
316
+}
317
+
318
+.hack hr:after {
319
+  content: "----------------------------------------------------------------------------------------------------";
320
+  position: absolute;
321
+  top: 0;
322
+  left: 0;
323
+  line-height: 20px;
324
+  width: 100%;
325
+  word-wrap: break-word
326
+}
327
+
328
+@-moz-document url-prefix() {
329
+  .hack h1 {
330
+    display: block
331
+  }
332
+}
333
+
334
+.hack-ones ol > li:after {
335
+  content: "1."
336
+}
337
+
338
+p {
339
+  margin: 0 0 1.75rem
340
+}
341
+
342
+.container {
343
+  max-width: 70rem
344
+}
345
+
346
+.container, .container-fluid {
347
+  margin: 0 auto;
348
+  padding: 0 1rem
349
+}
350
+
351
+.inner {
352
+  padding: 1rem
353
+}
354
+
355
+.inner2x {
356
+  padding: 2rem
357
+}
358
+
359
+.pull-left {
360
+  float: left
361
+}
362
+
363
+.pull-right {
364
+  float: right
365
+}
366
+
367
+.progress-bar {
368
+  height: 8px;
369
+  opacity: .8;
370
+  background-color: #ccc;
371
+  margin-top: 12px
372
+}
373
+
374
+.progress-bar.progress-bar-show-percent {
375
+  margin-top: 38px
376
+}
377
+
378
+.progress-bar-filled {
379
+  background-color: gray;
380
+  height: 100%;
381
+  transition: width .3s ease;
382
+  position: relative;
383
+  width: 0
384
+}
385
+
386
+.progress-bar-filled:before {
387
+  content: '';
388
+  border: 6px solid transparent;
389
+  border-top-color: gray;
390
+  position: absolute;
391
+  top: -12px;
392
+  right: -6px
393
+}
394
+
395
+.progress-bar-filled:after {
396
+  color: gray;
397
+  content: attr(data-filled);
398
+  display: block;
399
+  font-size: 12px;
400
+  white-space: nowrap;
401
+  position: absolute;
402
+  border: 6px solid transparent;
403
+  top: -38px;
404
+  right: 0;
405
+  -ms-transform: translateX(50%);
406
+  transform: translateX(50%)
407
+}
408
+
409
+table {
410
+  width: 100%;
411
+  border-collapse: collapse;
412
+  margin: 1.75rem 0;
413
+  color: #778087
414
+}
415
+
416
+table td, table th {
417
+  vertical-align: top;
418
+  border: 1px solid #ccc;
419
+  line-height: 15px;
420
+  padding: 10px
421
+}
422
+
423
+table thead th {
424
+  font-size: 10px
425
+}
426
+
427
+table tbody td:first-child {
428
+  font-weight: 700;
429
+  color: #333
430
+}
431
+
432
+.form {
433
+  width: 30rem
434
+}
435
+
436
+.form-group {
437
+  margin-bottom: 1.75rem;
438
+  overflow: auto
439
+}
440
+
441
+.form-group label {
442
+  border-bottom: 2px solid #ccc;
443
+  color: #333;
444
+  width: 10rem;
445
+  display: inline-block;
446
+  height: 38px;
447
+  line-height: 38px;
448
+  padding: 0;
449
+  float: left;
450
+  position: relative
451
+}
452
+
453
+.form-group.form-success label {
454
+  color: #4caf50 !important;
455
+  border-color: #4caf50 !important
456
+}
457
+
458
+.form-group.form-warning label {
459
+  color: #ff9800 !important;
460
+  border-color: #ff9800 !important
461
+}
462
+
463
+.form-group.form-error label {
464
+  color: #f44336 !important;
465
+  border-color: #f44336 !important
466
+}
467
+
468
+.form-control {
469
+  outline: none;
470
+  border: none;
471
+  border-bottom: 2px solid #ccc;
472
+  padding: .5rem 0;
473
+  width: 20rem;
474
+  height: 38px;
475
+  background-color: transparent
476
+}
477
+
478
+.form-control:focus {
479
+  border-color: #555
480
+}
481
+
482
+.form-group.form-textarea label:after {
483
+  position: absolute;
484
+  content: '';
485
+  width: 2px;
486
+  background-color: #fff;
487
+  right: -2px;
488
+  top: 0;
489
+  bottom: 0
490
+}
491
+
492
+textarea.form-control {
493
+  height: auto;
494
+  resize: none;
495
+  padding: 1rem 0;
496
+  border-bottom: 2px solid #ccc;
497
+  border-left: 2px solid #ccc;
498
+  padding: .5rem
499
+}
500
+
501
+select.form-control {
502
+  border-radius: 0;
503
+  background-color: transparent;
504
+  -webkit-appearance: none;
505
+  -moz-appearance: none;
506
+  -ms-appearance: none
507
+}
508
+
509
+.help-block {
510
+  color: #999;
511
+  margin-top: .5rem
512
+}
513
+
514
+.form-actions {
515
+  margin-bottom: 1.75rem
516
+}
517
+
518
+.btn {
519
+  display: -ms-inline-flexbox;
520
+  display: inline-flex;
521
+  -ms-flex-align: center;
522
+  align-items: center;
523
+  -ms-flex-pack: center;
524
+  justify-content: center;
525
+  cursor: pointer;
526
+  outline: none;
527
+  padding: .65rem 2rem;
528
+  font-size: 1rem;
529
+  -webkit-user-select: none;
530
+  -moz-user-select: none;
531
+  -ms-user-select: none;
532
+  user-select: none;
533
+  position: relative;
534
+  z-index: 1
535
+}
536
+
537
+.btn:active {
538
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .12)
539
+}
540
+
541
+.btn.btn-ghost {
542
+  border-color: #757575;
543
+  color: #757575;
544
+  background-color: transparent
545
+}
546
+
547
+.btn.btn-ghost:focus, .btn.btn-ghost:hover {
548
+  border-color: #424242;
549
+  color: #424242;
550
+  z-index: 2
551
+}
552
+
553
+.btn.btn-ghost:hover {
554
+  background-color: transparent
555
+}
556
+
557
+.btn-block {
558
+  width: 100%;
559
+  display: -ms-flexbox;
560
+  display: flex
561
+}
562
+
563
+.btn-default {
564
+  color: #fff;
565
+  background-color: #e0e0e0;
566
+  border: 1px solid #e0e0e0;
567
+  color: #333
568
+}
569
+
570
+.btn-default:focus:not(.btn-ghost), .btn-default:hover {
571
+  background-color: #dcdcdc;
572
+  border-color: #dcdcdc
573
+}
574
+
575
+.btn-success {
576
+  color: #fff;
577
+  background-color: #4caf50;
578
+  border: 1px solid #4caf50
579
+}
580
+
581
+.btn-success:focus:not(.btn-ghost), .btn-success:hover {
582
+  background-color: #43a047;
583
+  border-color: #43a047
584
+}
585
+
586
+.btn-success.btn-ghost {
587
+  border-color: #4caf50;
588
+  color: #4caf50
589
+}
590
+
591
+.btn-success.btn-ghost:focus, .btn-success.btn-ghost:hover {
592
+  border-color: #388e3c;
593
+  color: #388e3c;
594
+  z-index: 2
595
+}
596
+
597
+.btn-error {
598
+  color: #fff;
599
+  background-color: #f44336;
600
+  border: 1px solid #f44336
601
+}
602
+
603
+.btn-error:focus:not(.btn-ghost), .btn-error:hover {
604
+  background-color: #e53935;
605
+  border-color: #e53935
606
+}
607
+
608
+.btn-error.btn-ghost {
609
+  border-color: #f44336;
610
+  color: #f44336
611
+}
612
+
613
+.btn-error.btn-ghost:focus, .btn-error.btn-ghost:hover {
614
+  border-color: #d32f2f;
615
+  color: #d32f2f;
616
+  z-index: 2
617
+}
618
+
619
+.btn-warning {
620
+  color: #fff;
621
+  background-color: #ff9800;
622
+  border: 1px solid #ff9800
623
+}
624
+
625
+.btn-warning:focus:not(.btn-ghost), .btn-warning:hover {
626
+  background-color: #fb8c00;
627
+  border-color: #fb8c00
628
+}
629
+
630
+.btn-warning.btn-ghost {
631
+  border-color: #ff9800;
632
+  color: #ff9800
633
+}
634
+
635
+.btn-warning.btn-ghost:focus, .btn-warning.btn-ghost:hover {
636
+  border-color: #f57c00;
637
+  color: #f57c00;
638
+  z-index: 2
639
+}
640
+
641
+.btn-info {
642
+  color: #fff;
643
+  background-color: #00bcd4;
644
+  border: 1px solid #00bcd4
645
+}
646
+
647
+.btn-info:focus:not(.btn-ghost), .btn-info:hover {
648
+  background-color: #00acc1;
649
+  border-color: #00acc1
650
+}
651
+
652
+.btn-info.btn-ghost {
653
+  border-color: #00bcd4;
654
+  color: #00bcd4
655
+}
656
+
657
+.btn-info.btn-ghost:focus, .btn-info.btn-ghost:hover {
658
+  border-color: #0097a7;
659
+  color: #0097a7;
660
+  z-index: 2
661
+}
662
+
663
+.btn-primary {
664
+  color: #fff;
665
+  background-color: #2196f3;
666
+  border: 1px solid #2196f3
667
+}
668
+
669
+.btn-primary:focus:not(.btn-ghost), .btn-primary:hover {
670
+  background-color: #1e88e5;
671
+  border-color: #1e88e5
672
+}
673
+
674
+.btn-primary.btn-ghost {
675
+  border-color: #2196f3;
676
+  color: #2196f3
677
+}
678
+
679
+.btn-primary.btn-ghost:focus, .btn-primary.btn-ghost:hover {
680
+  border-color: #1976d2;
681
+  color: #1976d2;
682
+  z-index: 2
683
+}
684
+
685
+.btn-group {
686
+  overflow: auto
687
+}
688
+
689
+.btn-group .btn {
690
+  float: left
691
+}
692
+
693
+.btn-group .btn-ghost:not(:first-child) {
694
+  margin-left: -1px
695
+}
696
+
697
+.card {
698
+  border: 1px solid #ccc
699
+}
700
+
701
+.card .card-header {
702
+  color: #333;
703
+  text-align: center;
704
+  background-color: #ddd;
705
+  padding: .5rem 0
706
+}
707
+
708
+.alert {
709
+  color: #ccc;
710
+  padding: 1rem;
711
+  border: 1px solid #ccc;
712
+  margin-bottom: 1.75rem
713
+}
714
+
715
+.alert-success {
716
+  color: #4caf50;
717
+  border-color: #4caf50
718
+}
719
+
720
+.alert-error {
721
+  color: #f44336;
722
+  border-color: #f44336
723
+}
724
+
725
+.alert-info {
726
+  color: #00bcd4;
727
+  border-color: #00bcd4
728
+}
729
+
730
+.alert-warning {
731
+  color: #ff9800;
732
+  border-color: #ff9800
733
+}
734
+
735
+.media:not(:last-child) {
736
+  margin-bottom: 1.25rem
737
+}
738
+
739
+.media-left {
740
+  padding-right: 1rem
741
+}
742
+
743
+.media-left, .media-right {
744
+  display: table-cell;
745
+  vertical-align: top
746
+}
747
+
748
+.media-right {
749
+  padding-left: 1rem
750
+}
751
+
752
+.media-body {
753
+  display: table-cell;
754
+  vertical-align: top
755
+}
756
+
757
+.media-heading {
758
+  font-size: 1.16667rem;
759
+  font-weight: 700
760
+}
761
+
762
+.media-content {
763
+  margin-top: .3rem
764
+}
765
+
766
+.avatarholder, .placeholder {
767
+  background-color: #f0f0f0;
768
+  text-align: center;
769
+  color: #b9b9b9;
770
+  font-size: 1rem;
771
+  border: 1px solid #f0f0f0
772
+}
773
+
774
+.avatarholder {
775
+  width: 48px;
776
+  height: 48px;
777
+  line-height: 46px;
778
+  font-size: 2rem;
779
+  background-size: cover;
780
+  background-position: 50%;
781
+  background-repeat: no-repeat
782
+}
783
+
784
+.avatarholder.rounded {
785
+  border-radius: 33px
786
+}
787
+
788
+.loading {
789
+  display: inline-block;
790
+  content: '&nbsp;';
791
+  height: 20px;
792
+  width: 20px;
793
+  margin: 0 .5rem;
794
+  animation: a .6s infinite linear;
795
+  border: 2px solid #e91e63;
796
+  border-right-color: transparent;
797
+  border-radius: 50%
798
+}
799
+
800
+.btn .loading {
801
+  margin-bottom: 0;
802
+  width: 14px;
803
+  height: 14px
804
+}
805
+
806
+.btn div.loading {
807
+  float: left
808
+}
809
+
810
+.alert .loading {
811
+  margin-bottom: -5px
812
+}
813
+
814
+@keyframes a {
815
+  0% {
816
+    transform: rotate(0deg)
817
+  }
818
+  to {
819
+    transform: rotate(1turn)
820
+  }
821
+}
822
+
823
+.menu {
824
+  width: 100%
825
+}
826
+
827
+.menu .menu-item {
828
+  display: block;
829
+  color: #616161;
830
+  border-color: #616161
831
+}
832
+
833
+.menu .menu-item.active, .menu .menu-item:hover {
834
+  color: #000;
835
+  border-color: #000;
836
+  background-color: transparent
837
+}
838
+
839
+@media screen and (max-width: 768px) {
840
+  .form-group label {
841
+    display: block;
842
+    border-bottom: none;
843
+    width: 100%
844
+  }
845
+  .form-group.form-textarea label:after {
846
+    display: none
847
+  }
848
+  .form-control {
849
+    width: 100%
850
+  }
851
+  textarea.form-control {
852
+    border-left: none;
853
+    padding: .5rem 0
854
+  }
855
+  pre::-webkit-scrollbar {
856
+    height: 3px
857
+  }
858
+}
859
+
860
+@media screen and (max-width: 480px) {
861
+  .form {
862
+    width: 100%
863
+  }
864
+}
865
+
866
+.dark {
867
+  color: #ccc
868
+}
869
+
870
+.dark, .dark pre {
871
+  background-color: #000
872
+}
873
+
874
+.dark pre {
875
+  padding: 0;
876
+  border: none
877
+}
878
+
879
+.dark pre code {
880
+  color: #00bcd4
881
+}
882
+
883
+.dark h1 a, .dark h2 a, .dark h3 a, .dark h4 a, .dark h5 a {
884
+  color: #ccc
885
+}
886
+
887
+.dark code, .dark strong {
888
+  color: #fff
889
+}
890
+
891
+.dark code {
892
+  font-weight: 100
893
+}
894
+
895
+.dark table {
896
+  color: #ccc
897
+}
898
+
899
+.dark table td, .dark table th {
900
+  border-color: #444
901
+}
902
+
903
+.dark table tbody td:first-child {
904
+  color: #fff
905
+}
906
+
907
+.dark .form-group label {
908
+  color: #ccc;
909
+  border-color: rgba(95, 95, 95, .78)
910
+}
911
+
912
+.dark .form-group.form-textarea label:after {
913
+  background-color: #000
914
+}
915
+
916
+.dark .form-control {
917
+  color: #ccc;
918
+  border-color: rgba(95, 95, 95, .78)
919
+}
920
+
921
+.dark .form-control:focus {
922
+  border-color: #ccc;
923
+  color: #ccc
924
+}
925
+
926
+.dark textarea.form-control {
927
+  color: #ccc
928
+}
929
+
930
+.dark .card {
931
+  border-color: rgba(95, 95, 95, .78)
932
+}
933
+
934
+.dark .card .card-header {
935
+  background-color: transparent;
936
+  color: #ccc;
937
+  border-bottom: 1px solid rgba(95, 95, 95, .78)
938
+}
939
+
940
+.dark .btn.btn-ghost.btn-default {
941
+  border-color: #ababab;
942
+  color: #ababab
943
+}
944
+
945
+.dark .btn.btn-ghost.btn-default:focus, .dark .btn.btn-ghost.btn-default:hover {
946
+  border-color: #9c9c9c;
947
+  color: #9c9c9c;
948
+  z-index: 1
949
+}
950
+
951
+.dark .btn.btn-ghost.btn-default:focus, .dark .btn.btn-ghost.btn-default:hover {
952
+  border-color: #e0e0e0;
953
+  color: #e0e0e0
954
+}
955
+
956
+.dark .btn.btn-ghost.btn-primary:focus, .dark .btn.btn-ghost.btn-primary:hover {
957
+  border-color: #64b5f6;
958
+  color: #64b5f6
959
+}
960
+
961
+.dark .btn.btn-ghost.btn-success:focus, .dark .btn.btn-ghost.btn-success:hover {
962
+  border-color: #81c784;
963
+  color: #81c784
964
+}
965
+
966
+.dark .btn.btn-ghost.btn-info:focus, .dark .btn.btn-ghost.btn-info:hover {
967
+  border-color: #4dd0e1;
968
+  color: #4dd0e1
969
+}
970
+
971
+.dark .btn.btn-ghost.btn-error:focus, .dark .btn.btn-ghost.btn-error:hover {
972
+  border-color: #e57373;
973
+  color: #e57373
974
+}
975
+
976
+.dark .btn.btn-ghost.btn-warning:focus, .dark .btn.btn-ghost.btn-warning:hover {
977
+  border-color: #ffb74d;
978
+  color: #ffb74d
979
+}
980
+
981
+.dark .avatarholder, .dark .placeholder {
982
+  background-color: transparent;
983
+  border-color: #333
984
+}
985
+
986
+.dark .menu .menu-item {
987
+  color: #ccc;
988
+  border-color: rgba(95, 95, 95, .78)
989
+}
990
+
991
+.dark .menu .menu-item.active, .dark .menu .menu-item:hover {
992
+  color: #fff;
993
+  border-color: #ccc
994
+}
0 995
new file mode 100644
... ...
@@ -0,0 +1,2 @@
1
+@import "vendor";
2
+@import "theme";
0 3
new file mode 100644
1 4
new file mode 100644
... ...
@@ -0,0 +1,19 @@
1
+{% extends "index.html" %}
2
+
3
+{% block content %}
4
+    {% block header %}
5
+        {{ super() }}
6
+    {% endblock header %}
7
+
8
+    <h1>Categories</h1>
9
+
10
+    {% if terms %}
11
+        <ul>
12
+            {% for term in terms %}
13
+                <li>
14
+                    <a href="{{ term.permalink | safe }}">{{ term.name }}</a>({{ term.pages | length }})
15
+                </li>
16
+            {% endfor %}
17
+        </ul>
18
+    {% endif %}
19
+{% endblock content %}
0 20
new file mode 100644
... ...
@@ -0,0 +1,14 @@
1
+{% extends "index.html" %}
2
+{% import "post_macros.html" as post_macros %}
3
+
4
+{% block content %}
5
+    {% block header %}
6
+        {{ super() }}
7
+    {% endblock header %}
8
+
9
+    <h1>{{ term.name }}</h1>
10
+
11
+    {% for page in term.pages %}
12
+        {{ post_macros::page_in_list(page=page) }}
13
+    {% endfor %}
14
+{% endblock content %}
0 15
new file mode 100644
... ...
@@ -0,0 +1,70 @@
1
+{% import "post_macros.html" as post_macros %}
2
+
3
+<!DOCTYPE html>
4
+<html lang="en">
5
+    <head>
6
+      <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
+      <meta http-equiv="content-type" content="text/html; charset=utf-8">
8
+
9
+      <!-- Enable responsiveness on mobile devices-->
10
+      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
11
+	  <link href="https://fonts.googleapis.com/css?family=Anonymous+Pro" rel="stylesheet">
12
+
13
+      <title>{% block title %}{{ config.title }}{% endblock title %}</title>
14
+
15
+      {% if config.generate_rss %}
16
+        <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="rss.xml") | safe }}">
17
+      {% endif %}
18
+
19
+      {% block css %}
20
+          <link rel="stylesheet" href="{{ get_url(path="site.css", trailing_slash=false) | safe }}">
21
+      {% endblock css %}
22
+
23
+      {% block extra_head %}
24
+      {% endblock extra_head %}
25
+    </head>
26
+
27
+    <body class="hack dark main container">
28
+        {% block content %}
29
+            {% block header %}
30
+                {% if config.extra.after_dark_menu %}
31
+                    <header>
32
+                        <nav itemscope itemtype="http://schema.org/SiteNavigationElement">
33
+                        {% for item in config.extra.after_dark_menu %}
34
+                            <a itemprop="url"
35
+                               class="{% if item.url | replace(from="$BASE_URL", to=config.base_url) == current_url %}active{% endif %}"
36
+                               href="{{ item.url | safe | replace(from="$BASE_URL", to=config.base_url) }}">
37
+                                <span itemprop="name">{{ item.name }}
38
+                                </span></a>
39
+                        {% endfor %}
40
+                        </nav>
41
+                    </header>
42
+                {% endif %}
43
+            {% endblock header %}
44
+
45
+            <main>
46
+                {% if config.extra.after_dark_title %}
47
+                    <header>
48
+                        <h1>{{ config.extra.after_dark_title }}</h1>
49
+                    </header>
50
+                {% endif %}
51
+                {% for page in paginator.pages %}
52
+                    {{ post_macros::page_in_list(page=page) }}
53
+                {% endfor %}
54
+
55
+                <nav>
56
+                  <p>
57
+                    {% if paginator.previous %}
58
+                      <a href="{{ paginator.previous }}">&laquo; Previous</a> |
59
+                    {% endif %}
60
+                    <span>Page {{ paginator.current_index }} of {{ paginator.number_pagers }}</span>
61
+                    {% if paginator.next %}
62
+                      | <a href="{{ paginator.next }}">Next &raquo;</a>
63
+                    {% endif %}
64
+                  </p>
65
+                </nav>
66
+            </main>
67
+        {% endblock content %}
68
+    </body>
69
+
70
+</html>
0 71
new file mode 100644
... ...
@@ -0,0 +1,50 @@
1
+{% extends "index.html" %}
2
+{% import "post_macros.html" as post_macros %}
3
+
4
+{% block content %}
5
+    {% block header %}
6
+        {{ super() }}
7
+    {% endblock header %}
8
+
9
+<article itemscope itemtype="http://schema.org/BlogPosting">
10
+    <header>
11
+        <h1 itemprop="headline">{{ page.title }}</h1>
12
+        <span class="muted">{{ post_macros::meta(page=page) }}</span>
13
+    </header>
14
+    <div itemprop="articleBody">
15
+      {{ page.content | safe }}
16
+    </div>
17
+
18
+    {% block page_footer %}
19
+        <footer>
20
+            <hr>
21
+            <p>
22
+                {% if config.extra.author %}
23
+                    Published by {{ config.extra.author }}
24
+                {% endif %}
25
+                {% if page.taxonomies.categories %}
26
+                    {% set category = page.taxonomies.categories[0] %}
27
+                    in <a href="{{ get_taxonomy_url(kind="categories", name=category) | safe }}">{{ category }}</a>
28
+                {% endif %}
29
+                {% if page.taxonomies.tags %}
30
+                    and tagged
31
+                    {% for tag in page.taxonomies.tags %}
32
+                        <a href="{{ get_taxonomy_url(kind="tags", name=tag) | safe }}">{{ tag }}</a>
33
+                        {% if page.taxonomies.tags | length > 1 %}
34
+                            {% if loop.index != page.taxonomies.tags | length %}
35
+                                {% if loop.index == page.taxonomies.tags | length - 1 %}
36
+                                    and
37
+                                {% else %}
38
+                                    ,
39
+                                {% endif %}
40
+                            {% endif %}
41
+                        {% endif %}
42
+                    {% endfor %}
43
+                {% endif %}
44
+            </p>
45
+        </footer>
46
+    {% endblock page_footer %}
47
+</article>
48
+
49
+{% endblock content %}
50
+
0 51
new file mode 100644
... ...
@@ -0,0 +1,33 @@
1
+{% macro meta(page) %}
2
+    <svg style="margin-bottom:-3px" class="i-clock" viewBox="0 0 32 32"
3
+         width="16" height="16" fill="none" stroke="currentcolor"
4
+         stroke-linecap="round" stroke-linejoin="round" stroke-width="6.25%">
5
+        <circle cx="16" cy="16" r="14"/>
6
+        <path d="M16 8 L16 16 20 20"/>
7
+    </svg>
8
+    <span>{{ page.reading_time }} minute read</span>
9
+    <svg style="margin-bottom: -3px" class="i-edit" viewBox="0 0 32 32"
10
+         width="16" height="16" fill="none" stroke="currentcolor"
11
+         stroke-linecap="round" stroke-linejoin="round" stroke-width="6.25%">
12
+        <path d="M30 7 L25 2 5 22 3 29 10 27 Z M21 6 L26 11 Z M5 22 L10 27 Z"/>
13
+    </svg>
14
+
15
+    Published: {{ page.date | date(format="%F") }}
16
+{% endmacro meta %}
17
+
18
+{% macro page_in_list(page) %}
19
+    <article itemscope itemtype="http://schema.org/CreativeWork">
20
+        <header>
21
+            <h2 itemprop="name">
22
+                <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
23
+            </h2>
24
+            <span class="muted">{{ self::meta(page=page) }}</span>
25
+        </header>
26
+        {% if page.summary %}
27
+            <div itemprop="summary">
28
+                {{ page.summary | safe }}
29
+                <nav class="readmore"><a itemprop="url" href="{{ page.permalink | safe }}">Read More&nbsp;&raquo;</a></nav>
30
+            </div>
31
+        {% endif %}