jekyll-theme-hamilton 1.4.3 → 4.0.0

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
  SHA256:
3
- metadata.gz: 923c76a8788de0fcf086a1abb43684230b7ecd21839fd67cf351d52cae0ecffd
4
- data.tar.gz: 56050c56e1a2e2477519a5dabc4c7b817109abc39253ccf03db8d229bab2abfd
3
+ metadata.gz: 46fd3f729c41827bf6afb663b5acd694ff14cc220f1ecbbb583762027e1208fd
4
+ data.tar.gz: a18e3b2d66dc8522371a2a1c3389436722efb52af4397ae7bb11f46c9327162e
5
5
  SHA512:
6
- metadata.gz: 0ddd947d2d0087f32211306376cca39303078992dde628c9625bb52f3da3e9230751052d88d46f4d1a1cde30718c966d92b6580cff5d48e1c2689b4c31951778
7
- data.tar.gz: f32c19d31b30f4ee19fadd2b343eb5e77c1fea341c42e8b424a46230bbbb55bb28489a36385e5523211305ff47a590d79d3f47d9a6276d2c8694347f504aa48c
6
+ metadata.gz: 3b30f118f6a6acecc6bcb33afeb0a5fea7084b1ef9e0b2cf880f2e4a1501bdebcc2a75da12f7db7a45eb53f37b75446ec3ffbb61eae6b7aad46d87986ca94d03
7
+ data.tar.gz: beacf8e15ef777f7000e0915ce45a709aa3ce1174ba5bee18093c975059a25bb5838c3aad9babd134a30765355601e9bcb47134850939781c1036bbba40d804a
data/README.md CHANGED
@@ -6,9 +6,11 @@ The original purpose of this theme is to be a replacement of the default Jekyll
6
6
 
7
7
  Please check out the [demo](https://ngzhio.github.io/jekyll-theme-hamilton/).
8
8
 
9
- | Daylight | Sunrise/Sunset | Midnight |
10
- | --- | --- | --- |
11
- | ![screenshot](screenshot.png) | ![screenshot](screenshot-sunrise.png) | ![screenshot](screenshot-midnight.png)
9
+ | Skins | Displays |
10
+ | ----- | -------- |
11
+ | Daylight | ![screenshot](screenshot.png) |
12
+ | Sunrise/Sunset | ![screenshot](screenshot-sunrise.png) |
13
+ | Midnight | ![screenshot](screenshot-midnight.png) |
12
14
 
13
15
  ## Features <!-- omit in toc -->
14
16
 
@@ -23,7 +25,6 @@ Please check out the [demo](https://ngzhio.github.io/jekyll-theme-hamilton/).
23
25
  - Configurable page navigation
24
26
  - Customizable styles and skins
25
27
  - Archive pages implemented in pure Liquid
26
- - An elegant way to import images on posts
27
28
 
28
29
  ## Table of Contents <!-- omit in toc -->
29
30
 
@@ -32,7 +33,6 @@ Please check out the [demo](https://ngzhio.github.io/jekyll-theme-hamilton/).
32
33
  - [Optional Parameters](#optional-parameters)
33
34
  - [Archive Pages](#archive-pages)
34
35
  - [MathJax](#mathjax)
35
- - [Images](#images)
36
36
  - [Customization](#customization)
37
37
  - [Metadata](#metadata)
38
38
  - [Navigation](#navigation)
@@ -64,7 +64,7 @@ You can choose one of the following methods to install Hamilton:
64
64
  plugins:
65
65
  - jekyll-remote-theme
66
66
 
67
- remote-theme: ngzhio/jekyll-theme-hamilton
67
+ remote_theme: ngzhio/jekyll-theme-hamilton
68
68
  ```
69
69
 
70
70
  ## Configuration
@@ -84,9 +84,10 @@ After installation, you can run `jekyll serve` to check out your site, but befor
84
84
  | `author` | string | The name of the author of the site; It would be showed in the copyright statement. |
85
85
  | `avatar` | string | The avatar of the author of the site. |
86
86
  | `email` | string | The email of the author of the site. |
87
+ | `location` | string | The current living location of the author of the site. |
87
88
  | `skin` | string | The skin name. See more information on the [Customization](#customization) section. |
88
89
  | `lang` | string | The language of the site; The default value is `en`. |
89
- | `paginate` | int | The number of posts on each page. To enable pagination, you must use a third-party plugin, e.g. [`jekyll-paginate`](https://github.com/jekyll/jekyll-paginate), [`jekyll-paginate-v2`](https://github.com/sverrirs/jekyll-paginate-v2), or [`jekyll-pagination`](https://github.com/prometheus-ev/jekyll-pagination). |
90
+ | `paginate` | int | The number of posts on each page. |
90
91
  | `date_format` | string | The date format; The default value is `%b %-d, %Y`. |
91
92
 
92
93
  ## Archive Pages
@@ -117,30 +118,6 @@ layout: archive-years
117
118
 
118
119
  You can enable MathJax on each post or page, just set `math: true` on that page.
119
120
 
120
- ## Images
121
-
122
- Hamilton provides a template [`image.html`](_includes/image.html) to let you import images on each post through an elegant way. For example,
123
-
124
- ```liquid
125
- {% include image.html src="the/path/to/the/image" %}
126
- ```
127
-
128
- By default, the alignment of the image is center, but you can configure the alignment to left or right by passing a parameter `align`, for example,
129
-
130
- ```liquid
131
- {% include image.html src="the/path/to/the/image" align="left" %}
132
- ```
133
-
134
- You can also configure the width and height of the image,
135
-
136
- ```liquid
137
- {% include image.html src="the/path/to/the/image" width="50%" height="128px" %}
138
- ```
139
-
140
- Besides, you can pass the `caption` parameter to the include, then it will wrap the `img` with a `figure` block; alternatively, you can pass the `alt` parameter to the include.
141
-
142
- If you feel that passing a long path to the image to the include is ugly and wasting time, you can replace the `src` parameter with the `name` parameter, which is just the name of the image, and by default, the path would be `assets/img/posts/{{ page.title | slugify}}/{{ include.name }}`.
143
-
144
121
  ## Customization
145
122
 
146
123
  ### Metadata
@@ -15,12 +15,7 @@
15
15
  {% endif %}
16
16
 
17
17
  <!-- Google Fonts -->
18
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
19
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open%20Sans">
20
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata">
21
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Dancing%20Script">
22
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto%20Sans%20SC">
23
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto%20Serif%20SC">
18
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open%20Sans|Roboto|Roboto%20Slab|Roboto%20Mono|Dancing%20Script|Noto%20Sans%20SC|Noto%20Sans%20TC|Noto%20Serif%20SC|Noto%20Serif%20TC|Ma%20Shan%20Zheng">
24
19
 
25
20
  <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
26
21
  <link rel="stylesheet" href="{{ '/assets/css/skin.css' | relative_url }}">
@@ -12,10 +12,22 @@
12
12
  <div class="sidebar-section">
13
13
  <ul class="contact-list">
14
14
  {% if site.author -%}
15
- <li class="p-name"><i class="sidebar-icon fas fa-at"></i><span>{{ site.author | escape }}</span></li>
15
+ <li>
16
+ <i class="sidebar-icon fas fa-at"></i>
17
+ <span class="contact-info p-name">{{ site.author | escape }}</span>
18
+ </li>
16
19
  {%- endif %}
17
20
  {% if site.email -%}
18
- <li><a class="u-email" href="mailto:{{ site.email }}"><i class="sidebar-icon fas fa-envelope"></i><span>{{ site.email }}</span></a></li>
21
+ <li>
22
+ <i class="sidebar-icon fas fa-envelope"></i>
23
+ <a class="contact-info u-email" href="mailto:{{ site.email }}">{{ site.email }}</a>
24
+ </li>
25
+ {%- endif %}
26
+ {% if site.location -%}
27
+ <li>
28
+ <i class="sidebar-icon fas fa-location-arrow"></i>
29
+ <a class="contact-info u-location" href="https://www.google.com/maps/search/{{ site.location }}">{{ site.location }}</a>
30
+ </li>
19
31
  {%- endif %}
20
32
  </ul>
21
33
  </div>
@@ -18,13 +18,22 @@ layout: default
18
18
  {%- for post in posts -%}
19
19
  <li>
20
20
  <h2>
21
- <a class="post-link" href="{{ post.url | relative_url }}">
21
+ <a href="{{ post.url | relative_url }}">
22
22
  {{ post.title | escape }}
23
23
  </a>
24
24
  </h2>
25
- <span class="post-meta">{{ post.date | date: date_format }}</span>
25
+ <p class="post-meta">
26
+ <time class="dt-published" datetime="{{ post.date | date_to_xmlschema }}" itemprop="datePublished">
27
+ {{ post.date | date: date_format }}
28
+ </time>
29
+ {%- if jekyll.environment == "production" and site.disqus -%}
30
+ • <a href="{{ post.url | relative_url }}#disqus_thread">
31
+ <span class="disqus-comment-count" data-disqus-url="{{ post.url | absolute_url }}"></span>
32
+ </a>
33
+ {%- endif -%}
34
+ </p>
26
35
  {%- if post.show_excerpts != false -%}
27
- <div class="post-excerpt">{{ post.excerpt }}</div>
36
+ <div class="post-excerpt">{{ post.excerpt | strip_html }}</div>
28
37
  {%- endif -%}
29
38
  </li>
30
39
  {%- endfor -%}
@@ -49,5 +58,8 @@ layout: default
49
58
  {%- endif %}
50
59
 
51
60
  {%- endif -%}
52
-
61
+
62
+ {%- if jekyll.environment == "production" and site.disqus -%}
63
+ <script id="dsq-count-scr" src="//{{ site.disqus }}.disqus.com/count.js" async></script>
64
+ {%- endif -%}
53
65
  </div>
@@ -12,9 +12,9 @@ layout: default
12
12
  <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
13
13
  {{ page.date | date: date_format }}
14
14
  </time>
15
- {%- if page.modified_date -%}
15
+ {%- if page.last_modified_at -%}
16
16
  ~
17
- {%- assign mdate = page.modified_date | date_to_xmlschema -%}
17
+ {%- assign mdate = page.last_modified_at | date_to_xmlschema -%}
18
18
  <time class="dt-modified" datetime="{{ mdate }}" itemprop="dateModified">
19
19
  {{ mdate | date: date_format }}
20
20
  </time>
@@ -28,26 +28,60 @@ layout: default
28
28
  {%- endif -%}
29
29
  </p>
30
30
 
31
- {% if page.tags.size > 0 %}
32
- <p class="post-meta post-tags">
33
- {% assign tags = page.tags | sort %}
34
- {% for tag in tags %}
35
- <span class="post-tag">
36
- {% assign slugified_tag = tag | slugify %}
37
- <a href="{{ '/tags/#:tag' | replace: ':tag', slugified_tag | relative_url }}">#{{ slugified_tag }}</a>
38
- </span>
39
- {% endfor %}
40
- </p>
41
- {% endif %}
42
-
43
31
  </header>
44
32
 
45
33
  <div class="post-content e-content" itemprop="articleBody">
46
34
  {{ content }}
35
+ </div>
47
36
 
48
- {% if page.comments != false and jekyll.environment == "production" %}
49
- {% include disqus.html %}
37
+ <footer class="post-footer">
38
+ {% if page.categories.size > 0 %}
39
+ <div class="post-meta">
40
+ <i class="fas fa-folder"></i>
41
+ <ul class="post-taxonomies post-categories">
42
+ {% assign categories = page.categories | sort %}
43
+ {% for category in categories %}
44
+ <li class="post-category">
45
+ {% assign slugified_category = category | slugify %}
46
+ <a href="{{ '/categories/#:category' | replace: ':category', slugified_category | relative_url }}">{{ category }}</a>
47
+ </li>
48
+ {% endfor %}
49
+ </ul>
50
+ </div>
50
51
  {% endif %}
51
- </div>
52
+
53
+ {% if page.tags.size > 0 %}
54
+ <div class="post-meta">
55
+ <i class="fas fa-tags"></i>
56
+ <ul class="post-taxonomies post-tags">
57
+ {% assign tags = page.tags | sort %}
58
+ {% for tag in tags %}
59
+ <li class="post-tag">
60
+ {% assign slugified_tag = tag | slugify %}
61
+ <a href="{{ '/tags/#:tag' | replace: ':tag', slugified_tag | relative_url }}">{{ slugified_tag }}</a>
62
+ </li>
63
+ {% endfor %}
64
+ </ul>
65
+ </div>
66
+ {% endif %}
67
+
68
+ <nav class="post-pagination" role="navigation">
69
+ {% if page.previous %}
70
+ <a class="post-previous" href="{{ page.previous.url | relative_url }}">
71
+ <i class="fas fa-arrow-left"></i> {{ page.previous.title | markdownify | strip_html }}
72
+ </a>
73
+ {% endif %}
74
+
75
+ {% if page.next %}
76
+ <a class="post-next" href="{{ page.next.url | relative_url }}">
77
+ {{ page.next.title | markdownify | strip_html }} <i class="fas fa-arrow-right"></i>
78
+ </a>
79
+ {% endif %}
80
+ </nav>
81
+ </footer>
82
+
83
+ {% if page.comments != false and jekyll.environment == "production" and site.disqus %}
84
+ {% include disqus.html %}
85
+ {% endif %}
52
86
 
53
87
  </article>
@@ -119,11 +119,12 @@ blockquote {
119
119
  pre,
120
120
  code {
121
121
  font-family: $code-font-family;
122
+ letter-spacing: -1px;
122
123
  border-radius: 0.3em;
123
124
  }
124
125
 
125
126
  code {
126
- padding: 1px 5px;
127
+ padding: 0px 5px;
127
128
  }
128
129
 
129
130
  pre {
@@ -177,7 +178,7 @@ ul.task-list {
177
178
  list-style-type: none;
178
179
 
179
180
  .task-list-item-checkbox {
180
- margin: 0 .2em .25em -1.6em;
181
+ margin: 0 .5em .25em -1.6em;
181
182
  vertical-align: middle;
182
183
  }
183
184
  }
@@ -25,7 +25,7 @@
25
25
 
26
26
  .site-sidebar-button {
27
27
  position: absolute;
28
- top: -2px;
28
+ top: 3px;
29
29
  left: $spacing-unit / 2;
30
30
 
31
31
  img {
@@ -41,7 +41,7 @@
41
41
 
42
42
  .site-title {
43
43
  @include relative-font-size(1.625);
44
- font-family: $title-font-family;
44
+ font-family: $handwriting-font-family;
45
45
  letter-spacing: -1px;
46
46
  margin-bottom: 0;
47
47
  float: left;
@@ -53,7 +53,7 @@
53
53
 
54
54
  .site-nav {
55
55
  position: absolute;
56
- top: 9px;
56
+ top: 12px;
57
57
  right: $spacing-unit / 2;
58
58
  border: 1px solid;
59
59
  border-radius: 0.4em;
@@ -112,7 +112,6 @@
112
112
  .dropdown-content {
113
113
  display: none;
114
114
  position: absolute;
115
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
116
115
  z-index: 1;
117
116
  }
118
117
 
@@ -182,7 +181,7 @@
182
181
  */
183
182
  .site-body {
184
183
  display: grid;
185
- grid-template-columns: calc(#{$content-width} * 0.2) 1fr;
184
+ grid-template-columns: calc(#{$content-width} * 0.22) 1fr;
186
185
  overflow: hidden;
187
186
 
188
187
  @include media-query($on-medium) {
@@ -198,11 +197,12 @@
198
197
  * Site sidebar
199
198
  */
200
199
  .site-sidebar {
201
- padding: $spacing-unit / 2;
200
+ padding: $spacing-unit;
202
201
  border-right: 1px solid;
203
202
  @include relative-font-size(0.8);
204
203
 
205
204
  @include media-query($on-medium) {
205
+ padding: $spacing-unit / 2;
206
206
  @include relative-font-size(0.6);
207
207
  }
208
208
 
@@ -238,26 +238,31 @@
238
238
  text-align: left;
239
239
  }
240
240
 
241
- .contact-list {
241
+ ul.contact-list {
242
242
  list-style: none;
243
243
  margin-left: 0;
244
244
  margin-bottom: 0;
245
+
246
+ li {
247
+ overflow: hidden;
248
+ white-space: nowrap;
249
+ text-overflow: ellipsis;
250
+ }
245
251
  }
246
252
 
247
- .social-icons {
253
+ ul.social-icons {
248
254
  list-style: none;
249
255
  margin-left: 0;
250
256
  margin-bottom: 0;
251
- text-align: left;
252
- display: flex;
253
257
 
254
- .social-icon {
258
+ > li {
259
+ display: inline-block;
255
260
  margin: 0.3em;
256
261
  }
257
262
  }
258
263
 
259
264
  .author-avatar {
260
- width: $base-font-size * 9;
265
+ width: $base-font-size * 8;
261
266
  height: auto;
262
267
  border-radius: 50%;
263
268
  }
@@ -273,8 +278,13 @@
273
278
  -ms-overflow-style: none; // IE and Edge
274
279
  scrollbar-width: none; // Firefox
275
280
 
276
- padding-left: $spacing-unit / 2;
277
- padding-right: $spacing-unit / 2;
281
+ padding-left: $spacing-unit;
282
+ padding-right: $spacing-unit;
283
+
284
+ @include media-query($on-medium) {
285
+ padding-left: $spacing-unit / 2;
286
+ padding-right: $spacing-unit / 2;
287
+ }
278
288
 
279
289
  @include media-query($on-small) {
280
290
  padding-left: 0;
@@ -295,6 +305,7 @@
295
305
  }
296
306
 
297
307
  .post-list {
308
+ font-family: $headline-font-family;
298
309
  margin-left: 0;
299
310
  padding-left: 0;
300
311
  list-style: none;
@@ -307,6 +318,11 @@
307
318
 
308
319
  h2 {
309
320
  margin-bottom: 0;
321
+ @include relative-font-size(1.4);
322
+
323
+ @media screen and (min-width: $on-large) {
324
+ @include relative-font-size(1.5);
325
+ }
310
326
  }
311
327
 
312
328
  .post-excerpt {
@@ -319,14 +335,6 @@
319
335
  }
320
336
  }
321
337
 
322
- .post-link {
323
- @include relative-font-size(1.5);
324
-
325
- @media screen and (min-width: $on-large) {
326
- @include relative-font-size(1.55);
327
- }
328
- }
329
-
330
338
  /**
331
339
  * Pagination
332
340
  */
@@ -358,7 +366,7 @@
358
366
  */
359
367
  .post-header {
360
368
  padding-top: $spacing-unit * 2;
361
- padding-bottom: $spacing-unit / 2;
369
+ padding-bottom: $spacing-unit;
362
370
  border-bottom: 1px solid;
363
371
  margin-bottom: $spacing-unit * 2;
364
372
  text-align: center;
@@ -369,13 +377,48 @@
369
377
  margin-bottom: $spacing-unit / 2;
370
378
  }
371
379
 
372
- .post-tags {
373
- .post-tag {
374
- margin-right: $spacing-unit / 2;
380
+ .post-footer {
381
+ padding-top: $spacing-unit / 2;
382
+ border-top: 1px solid;
383
+ border-bottom: 1px solid;
384
+ }
385
+
386
+ ul.post-taxonomies {
387
+ list-style: none;
388
+ display: inline-block;
389
+ vertical-align: middle;
390
+ margin: 0 0 0 $spacing-unit / 3;
391
+
392
+ li {
393
+ float: left;
394
+ margin-right: $spacing-unit / 6;
395
+ padding: 0.3em 0.5em 0.2em 0.5em;
375
396
  }
376
-
377
- > :last-child {
378
- margin-right: 0;
397
+ }
398
+
399
+ ul.post-tags {
400
+ li {
401
+ border-radius: 0.5em;
402
+ }
403
+ }
404
+
405
+ ul.post-categories {
406
+ li {
407
+ text-decoration: underline;
408
+ }
409
+ }
410
+
411
+ .post-pagination {
412
+ @include relative-font-size(0.8);
413
+ display: flex;
414
+ justify-content: space-between;
415
+ padding-top: $spacing-unit / 2;
416
+ padding-bottom: $spacing-unit / 2;
417
+ border-top: 1px solid;
418
+
419
+ .post-previous
420
+ .post-next {
421
+ display: block;
379
422
  }
380
423
  }
381
424
 
@@ -383,13 +426,14 @@
383
426
  // About font sizes for h1-h6, refer to https://stackoverflow.com/a/6140504/13261366
384
427
  .post-title,
385
428
  .post-content h1 {
386
- @include relative-font-size(2);
429
+ @include relative-font-size(1.8);
430
+ font-family: $headline-font-family;
387
431
  font-weight: bold;
388
432
  letter-spacing: -1px;
389
433
  line-height: $base-line-height * $base-font-size * 2;
390
434
 
391
435
  @media screen and (min-width: $on-large) {
392
- @include relative-font-size(2.5);
436
+ @include relative-font-size(2);
393
437
  }
394
438
  }
395
439
 
@@ -397,24 +441,24 @@
397
441
  font-family: $reading-font-family;
398
442
  margin-bottom: $spacing-unit;
399
443
 
400
- h2 { margin-top: $spacing-unit * 2 }
401
- h3, h4 { margin-top: $spacing-unit * 1.5 }
402
- h5, h6 { margin-top: $spacing-unit }
444
+ h2, h3, h4, h5, h6 {
445
+ font-family: $headline-font-family;
446
+ }
447
+
448
+ h2 { margin-top: $spacing-unit * 2 }
449
+ h3 { margin-top: $spacing-unit * 1.5 }
450
+ h4, h5, h6 { margin-top: $spacing-unit }
403
451
 
404
452
  h2 {
405
- @include relative-font-size(1.5);
453
+ @include relative-font-size(1.4);
406
454
 
407
455
  @media screen and (min-width: $on-large) {
408
- @include relative-font-size(1.55);
456
+ @include relative-font-size(1.5);
409
457
  }
410
458
  }
411
459
 
412
460
  h3 {
413
461
  @include relative-font-size(1.17);
414
-
415
- @media screen and (min-width: $on-large) {
416
- @include relative-font-size(1.175);
417
- }
418
462
  }
419
463
 
420
464
  h4 {
@@ -428,6 +472,19 @@
428
472
  h6 {
429
473
  @include relative-font-size(0.75);
430
474
  }
475
+
476
+ li {
477
+ margin-bottom: $spacing-unit / 3;
478
+
479
+ > ul,
480
+ > ol {
481
+ margin-top: $spacing-unit / 3;
482
+ }
483
+
484
+ p, blockquote, pre, figure, iframe, %vertical-rhythm {
485
+ margin-bottom: $spacing-unit / 3;
486
+ }
487
+ }
431
488
  }
432
489
 
433
490
  /**
@@ -28,7 +28,7 @@ code {
28
28
  }
29
29
 
30
30
  pre {
31
- box-shadow: $box-shadow;
31
+ box-shadow: $pre-shadow;
32
32
  }
33
33
 
34
34
  .highlight {
@@ -96,6 +96,7 @@ table {
96
96
 
97
97
  .dropdown-content {
98
98
  background-color: $border-color-light;
99
+ box-shadow: $dropdown-shadow;
99
100
  }
100
101
  }
101
102
 
@@ -105,14 +106,6 @@ table {
105
106
  }
106
107
  }
107
108
 
108
- .post-link {
109
- color: $text-color;
110
-
111
- &:visited {
112
- color: $text-color;
113
- }
114
- }
115
-
116
109
  .post-header {
117
110
  border-bottom-color: $border-color-light;
118
111
  }
@@ -121,6 +114,20 @@ table {
121
114
  color: $text-color-light;
122
115
  }
123
116
 
117
+ .post-footer {
118
+ border-color: $border-color-light;
119
+ }
120
+
121
+ .post-pagination {
122
+ border-color: $border-color-light;
123
+ }
124
+
125
+ ul.post-tags {
126
+ li {
127
+ background-color: $border-color-light;
128
+ }
129
+ }
130
+
124
131
  .pagination {
125
132
  li {
126
133
  a, div {
@@ -16,7 +16,8 @@ $table-header-bg-color: mix($background-color, $border-color, 80%) !default;
16
16
  $table-header-border: $border-color !default;
17
17
  $table-border-color: lighten($border-color, 20%) !default;
18
18
 
19
- $box-shadow: 0 0 4px rgba(17,17,17,0.4) inset !default;
19
+ $pre-shadow: 0 0 4px rgba(17,17,17,0.4) inset !default;
20
+ $dropdown-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !default;
20
21
 
21
22
  $subscribe-color: #b21000 !default;
22
23
 
@@ -3,8 +3,8 @@ $text-color-light: silver !default;
3
3
  $background-color: #121212 !default;
4
4
  $code-background-color: #49483e !default;
5
5
 
6
- $border-color: mix($text-color, $background-color, 22%) !default;
7
- $border-color-light: darken($border-color, 10%) !default;
6
+ $border-color: mix($text-color, $background-color, 30%) !default;
7
+ $border-color-light: darken($border-color, 5%) !default;
8
8
  $border-color-dark: lighten($border-color, 10%) !default;
9
9
 
10
10
  $link-base-color: #00b1c9 !default;
@@ -16,7 +16,8 @@ $table-header-bg-color: mix($background-color, $border-color-light, 5%) !default
16
16
  $table-header-border: lighten($border-color, 30%) !default;
17
17
  $table-border-color: lighten($border-color, 20%) !default;
18
18
 
19
- $box-shadow: 0 0 4px rgba(255,255,255,0.4) inset !default;
19
+ $pre-shadow: 0 0 4px rgba(255,255,255,0.4) inset !default;
20
+ $dropdown-shadow: 0px 8px 16px 0px rgba(255,255,255,0.2) !default;
20
21
 
21
22
  $subscribe-color: tomato !default;
22
23
 
@@ -16,7 +16,8 @@ $table-header-bg-color: mix($background-color, $border-color, 70%) !default;
16
16
  $table-header-border: $border-color !default;
17
17
  $table-border-color: $border-color-light !default;
18
18
 
19
- $box-shadow: 0 0 4px rgba(34,34,34,0.4) inset !default;
19
+ $pre-shadow: 0 0 4px rgba(34,34,34,0.4) inset !default;
20
+ $dropdown-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !default;
20
21
 
21
22
  $subscribe-color: #004e00 !default;
22
23
 
@@ -1,15 +1,16 @@
1
1
  // Fonts
2
- $base-font-family: "Open Sans", "Noto Serif SC" !default;
3
- $title-font-family: "Dancing Script" !default;
4
- $reading-font-family: Roboto, "Noto Sans SC" !default;
5
- $code-font-family: Inconsolata !default;
6
- $base-font-size: 18px !default;
7
- $base-line-height: 1.4 !default;
2
+ $base-font-family: "Open Sans" !default;
3
+ $reading-font-family: "Roboto Slab", "Noto Serif SC", "Noto Serif TC" !default;
4
+ $headline-font-family: Roboto, "Noto Sans SC", "Noto Sans TC" !default;
5
+ $code-font-family: "Roboto Mono" !default;
6
+ $handwriting-font-family: "Dancing Script", "Ma Shan Zheng" !default;
7
+ $base-font-size: 16px !default;
8
+ $base-line-height: 1.5 !default;
8
9
 
9
10
  // Layouts
10
11
  $spacing-unit: 2rem !default;
11
- $content-width: 1200px !default;
12
+ $content-width: 1000px !default;
12
13
 
13
14
  $on-small: 600px !default;
14
- $on-medium: 900px !default;
15
- $on-large: 1200px !default;
15
+ $on-medium: 800px !default;
16
+ $on-large: 1000px !default;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-hamilton
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.4.3
4
+ version: 4.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Shangzhi Huang
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-07-03 00:00:00.000000000 Z
11
+ date: 2020-09-15 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -16,56 +16,84 @@ dependencies:
16
16
  requirements:
17
17
  - - "~>"
18
18
  - !ruby/object:Gem::Version
19
- version: '4.0'
19
+ version: '3.9'
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
24
  - - "~>"
25
25
  - !ruby/object:Gem::Version
26
- version: '4.0'
26
+ version: '3.9'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: jekyll-seo-tag
29
29
  requirement: !ruby/object:Gem::Requirement
30
30
  requirements:
31
31
  - - "~>"
32
32
  - !ruby/object:Gem::Version
33
- version: 2.6.1
33
+ version: '2.6'
34
34
  type: :runtime
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
38
  - - "~>"
39
39
  - !ruby/object:Gem::Version
40
- version: 2.6.1
40
+ version: '2.6'
41
41
  - !ruby/object:Gem::Dependency
42
42
  name: jekyll-feed
43
43
  requirement: !ruby/object:Gem::Requirement
44
44
  requirements:
45
45
  - - "~>"
46
46
  - !ruby/object:Gem::Version
47
- version: 0.13.0
47
+ version: '0.13'
48
48
  type: :runtime
49
49
  prerelease: false
50
50
  version_requirements: !ruby/object:Gem::Requirement
51
51
  requirements:
52
52
  - - "~>"
53
53
  - !ruby/object:Gem::Version
54
- version: 0.13.0
54
+ version: '0.13'
55
55
  - !ruby/object:Gem::Dependency
56
56
  name: jekyll-sitemap
57
57
  requirement: !ruby/object:Gem::Requirement
58
58
  requirements:
59
59
  - - "~>"
60
60
  - !ruby/object:Gem::Version
61
- version: 1.4.0
61
+ version: '1.4'
62
62
  type: :runtime
63
63
  prerelease: false
64
64
  version_requirements: !ruby/object:Gem::Requirement
65
65
  requirements:
66
66
  - - "~>"
67
67
  - !ruby/object:Gem::Version
68
- version: 1.4.0
68
+ version: '1.4'
69
+ - !ruby/object:Gem::Dependency
70
+ name: jekyll-paginate
71
+ requirement: !ruby/object:Gem::Requirement
72
+ requirements:
73
+ - - "~>"
74
+ - !ruby/object:Gem::Version
75
+ version: '1.1'
76
+ type: :runtime
77
+ prerelease: false
78
+ version_requirements: !ruby/object:Gem::Requirement
79
+ requirements:
80
+ - - "~>"
81
+ - !ruby/object:Gem::Version
82
+ version: '1.1'
83
+ - !ruby/object:Gem::Dependency
84
+ name: kramdown-parser-gfm
85
+ requirement: !ruby/object:Gem::Requirement
86
+ requirements:
87
+ - - "~>"
88
+ - !ruby/object:Gem::Version
89
+ version: '1.1'
90
+ type: :runtime
91
+ prerelease: false
92
+ version_requirements: !ruby/object:Gem::Requirement
93
+ requirements:
94
+ - - "~>"
95
+ - !ruby/object:Gem::Version
96
+ version: '1.1'
69
97
  - !ruby/object:Gem::Dependency
70
98
  name: bundler
71
99
  requirement: !ruby/object:Gem::Requirement
@@ -109,7 +137,6 @@ files:
109
137
  - _includes/google-analytics.html
110
138
  - _includes/head.html
111
139
  - _includes/header.html
112
- - _includes/image.html
113
140
  - _includes/mathjax.html
114
141
  - _includes/sidebar.html
115
142
  - _layouts/archive-taxonomies.html
@@ -1,16 +0,0 @@
1
- {% capture align %}align-{{ include.align | default: "center" }}{% endcapture %}
2
-
3
- {%- if include.src -%}
4
- {% assign src = include.src %}
5
- {%- elsif include.name -%}
6
- {% capture src %}assets/img/posts/{{ page.title | slugify }}/{{ include.name }}{% endcapture %}
7
- {%- endif -%}
8
-
9
- {% if include.caption %}
10
- <figure class="{{ align }}">
11
- <img class="{{ align }}" src="{{ src | absolute_url }}" alt="{{ include.caption }}" {% if include.width %}width="{{ include.width }}"{% endif %} {% if include.height %}height="{{ include.height }}"{% endif %}/>
12
- <figcaption class="{{ align }}">{{ include.caption }}</figcaption>
13
- </figure>
14
- {% else %}
15
- <img class="{{ align }}" src="{{ src | absolute_url }}" alt="{{ include.alt }}" {% if include.width %}width="{{ include.width }}"{% endif %} {% if include.height %}height="{{ include.height }}"{% endif %}/>
16
- {% endif %}