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 +4 -4
- data/README.md +8 -31
- data/_includes/head.html +1 -6
- data/_includes/sidebar.html +14 -2
- data/_layouts/home.html +16 -4
- data/_layouts/post.html +51 -17
- data/_sass/hamilton/base.scss +3 -2
- data/_sass/hamilton/layout.scss +97 -40
- data/_sass/hamilton/skin.scss +16 -9
- data/_sass/hamilton/skins/daylight.scss +2 -1
- data/_sass/hamilton/skins/midnight.scss +4 -3
- data/_sass/hamilton/skins/sunrise.scss +2 -1
- data/_sass/hamilton/variables.scss +10 -9
- metadata +38 -11
- data/_includes/image.html +0 -16
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 46fd3f729c41827bf6afb663b5acd694ff14cc220f1ecbbb583762027e1208fd
|
4
|
+
data.tar.gz: a18e3b2d66dc8522371a2a1c3389436722efb52af4397ae7bb11f46c9327162e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
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.
|
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
|
data/_includes/head.html
CHANGED
@@ -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 }}">
|
data/_includes/sidebar.html
CHANGED
@@ -12,10 +12,22 @@
|
|
12
12
|
<div class="sidebar-section">
|
13
13
|
<ul class="contact-list">
|
14
14
|
{% if site.author -%}
|
15
|
-
<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
|
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>
|
data/_layouts/home.html
CHANGED
@@ -18,13 +18,22 @@ layout: default
|
|
18
18
|
{%- for post in posts -%}
|
19
19
|
<li>
|
20
20
|
<h2>
|
21
|
-
<a
|
21
|
+
<a href="{{ post.url | relative_url }}">
|
22
22
|
{{ post.title | escape }}
|
23
23
|
</a>
|
24
24
|
</h2>
|
25
|
-
<
|
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>
|
data/_layouts/post.html
CHANGED
@@ -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.
|
15
|
+
{%- if page.last_modified_at -%}
|
16
16
|
~
|
17
|
-
{%- assign mdate = page.
|
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
|
-
|
49
|
-
|
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
|
-
|
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>
|
data/_sass/hamilton/base.scss
CHANGED
@@ -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:
|
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 .
|
181
|
+
margin: 0 .5em .25em -1.6em;
|
181
182
|
vertical-align: middle;
|
182
183
|
}
|
183
184
|
}
|
data/_sass/hamilton/layout.scss
CHANGED
@@ -25,7 +25,7 @@
|
|
25
25
|
|
26
26
|
.site-sidebar-button {
|
27
27
|
position: absolute;
|
28
|
-
top:
|
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: $
|
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:
|
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.
|
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
|
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
|
-
|
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 *
|
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
|
277
|
-
padding-right: $spacing-unit
|
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
|
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-
|
373
|
-
|
374
|
-
|
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
|
-
|
378
|
-
|
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(
|
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
|
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
|
401
|
-
|
402
|
-
|
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.
|
453
|
+
@include relative-font-size(1.4);
|
406
454
|
|
407
455
|
@media screen and (min-width: $on-large) {
|
408
|
-
@include relative-font-size(1.
|
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
|
/**
|
data/_sass/hamilton/skin.scss
CHANGED
@@ -28,7 +28,7 @@ code {
|
|
28
28
|
}
|
29
29
|
|
30
30
|
pre {
|
31
|
-
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
|
-
$
|
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,
|
7
|
-
$border-color-light: darken($border-color,
|
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
|
-
$
|
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
|
-
$
|
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:
|
3
|
-
$
|
4
|
-
$
|
5
|
-
$code-font-family:
|
6
|
-
$
|
7
|
-
$base-
|
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:
|
12
|
+
$content-width: 1000px !default;
|
12
13
|
|
13
14
|
$on-small: 600px !default;
|
14
|
-
$on-medium:
|
15
|
-
$on-large:
|
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:
|
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-
|
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: '
|
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: '
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
data/_includes/image.html
DELETED
@@ -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 %}
|