jekyll-theme-hamilton 1.3.0 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +6 -2
- data/_includes/footer.html +20 -49
- data/_includes/header.html +51 -35
- data/_includes/sidebar.html +39 -0
- data/_layouts/default.html +17 -9
- data/_layouts/home.html +1 -1
- data/_layouts/page.html +3 -7
- data/_layouts/post.html +36 -43
- data/_sass/hamilton/layout.scss +148 -35
- data/_sass/hamilton/skin.scss +10 -1
- data/_sass/hamilton/variables.scss +4 -4
- metadata +4 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 0cbbaea4092791fef3abbe86413a793e46df9db0bcb5b198dc8a86946ce541a4
|
|
4
|
+
data.tar.gz: 9df9982f13bdd725c83d3f9988494bf4caaa74f1d1884a11112edb1288a91f85
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 599f91e99e5aa734856d7f39ff4f474056ef7f9daa6b18129be5a2fc2d349f47bb4c1ee5c788b2ae2b187efdc9f70a817196846d7462bbc7c6ed6f43c3fb9183
|
|
7
|
+
data.tar.gz: a63b5a6872435c6b47b186cc739841672a82e8701ad8c9ef07551a4ad1317141513747194c5e5c977fcb211fb69250f2debefed8dab50e29896e07c2c2fb7963
|
data/README.md
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
# Hamilton <!-- omit in toc -->
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A minimal and beautiful Jekyll theme best for writing and note-taking.
|
|
4
|
+
|
|
5
|
+
The original purpose of this theme is to be a replacement of the default Jekyll theme -- [Minima](https://github.com/jekyll/minima). Hamilton is an enhancement of Minima but still, keep in minimal.
|
|
4
6
|
|
|
5
7
|
Please check out the [demo](https://ngzhio.github.io/jekyll-theme-hamilton/).
|
|
6
8
|
|
|
@@ -79,7 +81,9 @@ After installation, you can run `jekyll serve` to check out your site, but befor
|
|
|
79
81
|
|
|
80
82
|
| Parameters | Types | Specifications |
|
|
81
83
|
|:---------- |:----- |:-------------- |
|
|
82
|
-
| `author` | string | The
|
|
84
|
+
| `author` | string | The name of the author of the site; It would be showed in the copyright statement. |
|
|
85
|
+
| `avatar` | string | The avatar of the author of the site. |
|
|
86
|
+
| `email` | string | The email of the author of the site. |
|
|
83
87
|
| `skin` | string | The skin name. See more information on the [Customization](#customization) section. |
|
|
84
88
|
| `lang` | string | The language of the site; The default value is `en`. |
|
|
85
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). |
|
data/_includes/footer.html
CHANGED
|
@@ -1,53 +1,24 @@
|
|
|
1
|
-
<
|
|
2
|
-
<div class="wrapper">
|
|
3
|
-
<div class="footer-col-wrapper">
|
|
1
|
+
<div class="footer-col-wrapper">
|
|
4
2
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
{%- endif -%}
|
|
18
|
-
</ul>
|
|
19
|
-
</div>
|
|
20
|
-
|
|
21
|
-
<div class="footer-col">
|
|
22
|
-
<p>{{ site.description | escape }}</p>
|
|
23
|
-
</div>
|
|
24
|
-
|
|
25
|
-
<div class="footer-col">
|
|
26
|
-
<div class="copyright">
|
|
27
|
-
{% assign year_from = site.posts[-1].date | date: '%Y' %}
|
|
28
|
-
{% assign year_to = site.time | date: '%Y' %}
|
|
29
|
-
{% if year_from == nil or year_from == year_to %}
|
|
30
|
-
{% assign year_string = year_from %}
|
|
31
|
-
{% else %}
|
|
32
|
-
{% assign year_string = year_from | append: ' ' | append: '-' | append: ' ' | append: year_to %}
|
|
33
|
-
{% endif %}
|
|
34
|
-
{% if site.author %}
|
|
35
|
-
<p>Copyright © {{ year_string }} {{ site.author }}; All rights reserved.</p>
|
|
36
|
-
{% endif %}
|
|
37
|
-
</div>
|
|
38
|
-
<p>
|
|
39
|
-
Powered by <a href="https://jekyllrb.com/">Jekyll</a> & <a href="https://github.com/ngzhio/jekyll-theme-hamilton">Hamilton</a>
|
|
40
|
-
</p>
|
|
41
|
-
</div>
|
|
3
|
+
<div class="footer-col">
|
|
4
|
+
<div class="copyright">
|
|
5
|
+
{% assign year_from = site.posts[-1].date | date: '%Y' %}
|
|
6
|
+
{% assign year_to = site.time | date: '%Y' %}
|
|
7
|
+
{% if year_from == nil or year_from == year_to %}
|
|
8
|
+
{% assign year_string = year_from %}
|
|
9
|
+
{% else %}
|
|
10
|
+
{% assign year_string = year_from | append: ' ' | append: '-' | append: ' ' | append: year_to %}
|
|
11
|
+
{% endif %}
|
|
12
|
+
{% if site.author %}
|
|
13
|
+
<p>Copyright © {{ year_string }} {{ site.author }}; All rights reserved.</p>
|
|
14
|
+
{% endif %}
|
|
42
15
|
</div>
|
|
16
|
+
<p>
|
|
17
|
+
Powered by <a href="https://jekyllrb.com/">Jekyll</a> & <a href="https://github.com/ngzhio/jekyll-theme-hamilton">Hamilton</a>
|
|
18
|
+
</p>
|
|
19
|
+
</div>
|
|
43
20
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
{% for social in site.data.social %}
|
|
47
|
-
<a class="social-icon" href="{{ social.url }}"><i class="{{ social.icon | default: 'fas fa-link' }} fa-2x" title="{{ social.title }}"></i></a>
|
|
48
|
-
{% endfor %}
|
|
49
|
-
</div>
|
|
50
|
-
{% endif %}
|
|
21
|
+
<div class="footer-col">
|
|
22
|
+
<p>{{ site.description | escape }}</p>
|
|
51
23
|
</div>
|
|
52
|
-
</
|
|
53
|
-
|
|
24
|
+
</div>
|
data/_includes/header.html
CHANGED
|
@@ -1,38 +1,54 @@
|
|
|
1
|
-
<
|
|
1
|
+
<div class="wrapper">
|
|
2
|
+
<script>
|
|
3
|
+
function clickSidebarButton() {
|
|
4
|
+
const elem = document.getElementById("site-sidebar")
|
|
5
|
+
if (elem.style.display == "none") {
|
|
6
|
+
elem.style.display = "block";
|
|
7
|
+
} else {
|
|
8
|
+
elem.style.display = "none";
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
</script>
|
|
12
|
+
<a class="site-sidebar-button" onclick="clickSidebarButton()">
|
|
13
|
+
{%- if site.avatar contains "://" -%}
|
|
14
|
+
{%- assign avatar = site.avatar -%}
|
|
15
|
+
{%- else -%}
|
|
16
|
+
{%- assign avatar = site.avatar | relative_url -%}
|
|
17
|
+
{%- endif -%}
|
|
18
|
+
<i class="far fa-user"></i>
|
|
19
|
+
</a>
|
|
2
20
|
|
|
3
|
-
<
|
|
4
|
-
<a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
|
|
21
|
+
<a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
|
|
5
22
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
23
|
+
{% if site.data.navigation %}
|
|
24
|
+
<nav class="site-nav">
|
|
25
|
+
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
|
|
26
|
+
<label for="nav-trigger" title="nav-trigger">
|
|
27
|
+
<span class="menu-icon">
|
|
28
|
+
<svg viewBox="0 0 18 15" width="18px" height="15px">
|
|
29
|
+
<path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
|
|
30
|
+
</svg>
|
|
31
|
+
</span>
|
|
32
|
+
</label>
|
|
16
33
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
</header>
|
|
34
|
+
<ul class="trigger">
|
|
35
|
+
{%- for nav in site.data.navigation -%}
|
|
36
|
+
{%- if nav.title -%}
|
|
37
|
+
{% if nav.sublinks %}
|
|
38
|
+
<li class="dropdown" href="#">
|
|
39
|
+
<a href="javascript:void(0)" class="dropbtn">{{ nav.title | escape }}</a>
|
|
40
|
+
<div class="dropdown-content">
|
|
41
|
+
{%- for link in nav.sublinks %}
|
|
42
|
+
<a class="{% if page.url == link.url %}current-page{% endif %}" href="{{ link.url | relative_url }}">{{ link.title | escape }}</a>
|
|
43
|
+
{%- endfor %}
|
|
44
|
+
</div>
|
|
45
|
+
</li>
|
|
46
|
+
{% else %}
|
|
47
|
+
<li><a class="{% if page.url == nav.url %}current-page{% endif %}" href="{{ nav.url | relative_url }}">{{ nav.title | escape }}</a></li>
|
|
48
|
+
{% endif %}
|
|
49
|
+
{%- endif -%}
|
|
50
|
+
{%- endfor -%}
|
|
51
|
+
</ul>
|
|
52
|
+
</nav>
|
|
53
|
+
{% endif %}
|
|
54
|
+
</div>
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
{% if site.avatar -%}
|
|
2
|
+
<div class="sidebar-section">
|
|
3
|
+
{%- if site.avatar contains "://" -%}
|
|
4
|
+
{%- assign avatar = site.avatar -%}
|
|
5
|
+
{%- else -%}
|
|
6
|
+
{%- assign avatar = site.avatar | relative_url -%}
|
|
7
|
+
{%- endif -%}
|
|
8
|
+
<img src="{{ avatar }}" class="author-avatar u-photo align-center" alt="{{ site.author }}">
|
|
9
|
+
</div>
|
|
10
|
+
{%- endif %}
|
|
11
|
+
|
|
12
|
+
<div class="sidebar-section">
|
|
13
|
+
<ul class="contact-list">
|
|
14
|
+
{% if site.author -%}
|
|
15
|
+
<li class="p-name"><i class="sidebar-icon fas fa-at"></i><span>{{ site.author | escape }}</span></li>
|
|
16
|
+
{%- endif %}
|
|
17
|
+
{% 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>
|
|
19
|
+
{%- endif %}
|
|
20
|
+
</ul>
|
|
21
|
+
</div>
|
|
22
|
+
|
|
23
|
+
<div class="sidebar-section feed-subscribe">
|
|
24
|
+
<a href="{{ 'feed.xml' | relative_url }}">
|
|
25
|
+
<i class="sidebar-icon fas fa-rss"></i><span>Subscribe</span>
|
|
26
|
+
</a>
|
|
27
|
+
</div>
|
|
28
|
+
|
|
29
|
+
{% if site.data.social -%}
|
|
30
|
+
<div class="sidebar-section">
|
|
31
|
+
<ul class="social-icons">
|
|
32
|
+
{% for social in site.data.social -%}
|
|
33
|
+
<li>
|
|
34
|
+
<a class="social-icon" href="{{ social.url }}"><i class="{{ social.icon | default: 'fas fa-link' }} fa-2x" title="{{ social.title }}"></i></a>
|
|
35
|
+
</li>
|
|
36
|
+
{%- endfor %}
|
|
37
|
+
</ul>
|
|
38
|
+
</div>
|
|
39
|
+
{%- endif %}
|
data/_layouts/default.html
CHANGED
|
@@ -6,15 +6,23 @@
|
|
|
6
6
|
</head>
|
|
7
7
|
|
|
8
8
|
<body>
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
9
|
+
<div class="site-container">
|
|
10
|
+
<header class="site-header">
|
|
11
|
+
{% include header.html %}
|
|
12
|
+
</header>
|
|
13
|
+
|
|
14
|
+
<div class="site-body wrapper">
|
|
15
|
+
<aside class="site-sidebar" id="site-sidebar">
|
|
16
|
+
{% include sidebar.html %}
|
|
17
|
+
</aside>
|
|
18
|
+
<main class="site-main" aria-label="Content">
|
|
19
|
+
{{ content }}
|
|
20
|
+
<footer class="site-footer">
|
|
21
|
+
{% include footer.html %}
|
|
22
|
+
</footer>
|
|
23
|
+
</main>
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
18
26
|
</body>
|
|
19
27
|
|
|
20
28
|
</html>
|
data/_layouts/home.html
CHANGED
data/_layouts/page.html
CHANGED
|
@@ -5,15 +5,11 @@ layout: default
|
|
|
5
5
|
<article class="post">
|
|
6
6
|
|
|
7
7
|
<header class="post-header">
|
|
8
|
-
<
|
|
9
|
-
<h1 class="post-title">{{ page.title | escape }}</h1>
|
|
10
|
-
</div>
|
|
8
|
+
<h1 class="post-title">{{ page.title | escape }}</h1>
|
|
11
9
|
</header>
|
|
12
10
|
|
|
13
|
-
<div class="
|
|
14
|
-
|
|
15
|
-
{{ content }}
|
|
16
|
-
</div>
|
|
11
|
+
<div class="post-content">
|
|
12
|
+
{{ content }}
|
|
17
13
|
</div>
|
|
18
14
|
|
|
19
15
|
</article>
|
data/_layouts/post.html
CHANGED
|
@@ -6,55 +6,48 @@ layout: default
|
|
|
6
6
|
|
|
7
7
|
<header class="post-header">
|
|
8
8
|
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
<
|
|
13
|
-
{
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
<h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
|
|
10
|
+
<p class="post-meta">
|
|
11
|
+
{%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
|
|
12
|
+
<time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
|
|
13
|
+
{{ page.date | date: date_format }}
|
|
14
|
+
</time>
|
|
15
|
+
{%- if page.modified_date -%}
|
|
16
|
+
~
|
|
17
|
+
{%- assign mdate = page.modified_date | date_to_xmlschema -%}
|
|
18
|
+
<time class="dt-modified" datetime="{{ mdate }}" itemprop="dateModified">
|
|
19
|
+
{{ mdate | date: date_format }}
|
|
16
20
|
</time>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
{
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
{
|
|
21
|
+
{%- endif -%}
|
|
22
|
+
{%- if page.author -%}
|
|
23
|
+
• {% for author in page.author %}
|
|
24
|
+
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
|
|
25
|
+
<span class="p-author h-card" itemprop="name">{{ author }}</span></span>
|
|
26
|
+
{%- if forloop.last == false %}, {% endif -%}
|
|
27
|
+
{% endfor %}
|
|
28
|
+
{%- endif -%}
|
|
29
|
+
</p>
|
|
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 %}
|
|
31
40
|
</p>
|
|
32
|
-
|
|
33
|
-
{% if page.tags.size > 0 %}
|
|
34
|
-
<p class="post-meta post-tags">
|
|
35
|
-
{% assign tags = page.tags | sort %}
|
|
36
|
-
{% for tag in tags %}
|
|
37
|
-
<span class="post-tag">
|
|
38
|
-
{% assign slugified_tag = tag | slugify %}
|
|
39
|
-
<a href="{{ '/tags/#:tag' | replace: ':tag', slugified_tag | relative_url }}">#{{ slugified_tag }}</a>
|
|
40
|
-
</span>
|
|
41
|
-
{% endfor %}
|
|
42
|
-
</p>
|
|
43
|
-
{% endif %}
|
|
44
|
-
</div>
|
|
41
|
+
{% endif %}
|
|
45
42
|
|
|
46
43
|
</header>
|
|
47
44
|
|
|
48
|
-
<div class="
|
|
49
|
-
|
|
50
|
-
{% include toc.html html=content class="toc" %}
|
|
51
|
-
|
|
52
|
-
{{ content }}
|
|
45
|
+
<div class="post-content e-content" itemprop="articleBody">
|
|
46
|
+
{{ content }}
|
|
53
47
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
</div>
|
|
48
|
+
{% if page.comments != false and jekyll.environment == "production" %}
|
|
49
|
+
{% include disqus.html %}
|
|
50
|
+
{% endif %}
|
|
58
51
|
</div>
|
|
59
52
|
|
|
60
53
|
</article>
|
data/_sass/hamilton/layout.scss
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Site container
|
|
3
|
+
*/
|
|
4
|
+
.site-container {
|
|
5
|
+
height: 100vh;
|
|
6
|
+
width: 100vw;
|
|
7
|
+
display: grid;
|
|
8
|
+
grid-template-columns: 1fr;
|
|
9
|
+
grid-template-rows: $base-font-size * 3 1fr;
|
|
10
|
+
}
|
|
11
|
+
|
|
1
12
|
/**
|
|
2
13
|
* Site header
|
|
3
14
|
*/
|
|
@@ -6,9 +17,28 @@
|
|
|
6
17
|
border-bottom: 1px solid;
|
|
7
18
|
min-height: $base-font-size * 3;
|
|
8
19
|
line-height: $base-font-size * 3;
|
|
20
|
+
position: sticky;
|
|
21
|
+
top: 0;
|
|
9
22
|
|
|
10
|
-
|
|
11
|
-
|
|
23
|
+
@include media-query($on-small) {
|
|
24
|
+
display: flex;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.site-sidebar-button {
|
|
29
|
+
position: absolute;
|
|
30
|
+
top: -2px;
|
|
31
|
+
left: $spacing-unit / 2;
|
|
32
|
+
|
|
33
|
+
img {
|
|
34
|
+
width: $base-font-size * 2.5;
|
|
35
|
+
height: auto;
|
|
36
|
+
border-radius: 50%;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@media screen and (min-width: $on-small) {
|
|
40
|
+
display: none;
|
|
41
|
+
}
|
|
12
42
|
}
|
|
13
43
|
|
|
14
44
|
.site-title {
|
|
@@ -18,8 +48,8 @@
|
|
|
18
48
|
margin-bottom: 0;
|
|
19
49
|
float: left;
|
|
20
50
|
|
|
21
|
-
@include media-query($on-
|
|
22
|
-
|
|
51
|
+
@include media-query($on-small) {
|
|
52
|
+
float: center;
|
|
23
53
|
}
|
|
24
54
|
}
|
|
25
55
|
|
|
@@ -149,6 +179,116 @@
|
|
|
149
179
|
}
|
|
150
180
|
}
|
|
151
181
|
|
|
182
|
+
/**
|
|
183
|
+
* Site body
|
|
184
|
+
*/
|
|
185
|
+
.site-body {
|
|
186
|
+
display: grid;
|
|
187
|
+
grid-template-columns: calc(#{$content-width} * 0.2) 1fr;
|
|
188
|
+
overflow: hidden;
|
|
189
|
+
|
|
190
|
+
@include media-query($on-medium) {
|
|
191
|
+
grid-template-columns: calc(#{$content-width} * 0.15) 1fr;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
@include media-query($on-small) {
|
|
195
|
+
grid-template-columns: 1fr;
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
/**
|
|
200
|
+
* Site sidebar
|
|
201
|
+
*/
|
|
202
|
+
.site-sidebar {
|
|
203
|
+
padding: $spacing-unit / 2;
|
|
204
|
+
border-right: 1px solid;
|
|
205
|
+
@include relative-font-size(0.8);
|
|
206
|
+
|
|
207
|
+
@include media-query($on-medium) {
|
|
208
|
+
@include relative-font-size(0.6);
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
@include media-query($on-small) {
|
|
212
|
+
display: none;
|
|
213
|
+
border-right: none;
|
|
214
|
+
border-bottom: 1px solid;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
@media screen and (min-width: $on-small) {
|
|
218
|
+
display: block !important;
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.sidebar-section {
|
|
223
|
+
padding-bottom: $spacing-unit / 2;
|
|
224
|
+
border-bottom: 1px solid;
|
|
225
|
+
margin-bottom: $spacing-unit / 2;
|
|
226
|
+
|
|
227
|
+
&:last-child {
|
|
228
|
+
padding-bottom: 0;
|
|
229
|
+
border-bottom: 0;
|
|
230
|
+
margin-bottom: 0;
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
.sidebar-icon {
|
|
235
|
+
margin-right: 0.5em;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
.feed-subscribe {
|
|
239
|
+
font-weight: bold;
|
|
240
|
+
text-align: left;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.contact-list {
|
|
244
|
+
list-style: none;
|
|
245
|
+
margin-left: 0;
|
|
246
|
+
margin-bottom: 0;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.social-icons {
|
|
250
|
+
list-style: none;
|
|
251
|
+
margin-left: 0;
|
|
252
|
+
margin-bottom: 0;
|
|
253
|
+
text-align: left;
|
|
254
|
+
display: flex;
|
|
255
|
+
|
|
256
|
+
.social-icon {
|
|
257
|
+
margin: 0.3em;
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
.author-avatar {
|
|
262
|
+
width: $base-font-size * 9;
|
|
263
|
+
height: auto;
|
|
264
|
+
border-radius: 50%;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
/**
|
|
268
|
+
* Site main
|
|
269
|
+
*/
|
|
270
|
+
.site-main {
|
|
271
|
+
flex: 1 0 auto;
|
|
272
|
+
overflow-y: scroll;
|
|
273
|
+
|
|
274
|
+
// Hide scrollbar for IE, Edge and Firefox
|
|
275
|
+
-ms-overflow-style: none; // IE and Edge
|
|
276
|
+
scrollbar-width: none; // Firefox
|
|
277
|
+
|
|
278
|
+
padding-left: $spacing-unit / 2;
|
|
279
|
+
padding-right: $spacing-unit / 2;
|
|
280
|
+
|
|
281
|
+
@include media-query($on-small) {
|
|
282
|
+
padding-left: 0;
|
|
283
|
+
padding-right: 0;
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
// Hide scrollbar for Chrome, Safari and Opera
|
|
288
|
+
.site-main::-webkit-scrollbar {
|
|
289
|
+
display: none;
|
|
290
|
+
}
|
|
291
|
+
|
|
152
292
|
/**
|
|
153
293
|
* Homepage
|
|
154
294
|
*/
|
|
@@ -215,19 +355,13 @@
|
|
|
215
355
|
}
|
|
216
356
|
}
|
|
217
357
|
|
|
218
|
-
/**
|
|
219
|
-
* Page content
|
|
220
|
-
*/
|
|
221
|
-
.page-content {
|
|
222
|
-
flex: 1 0 auto;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
358
|
/**
|
|
226
359
|
* Posts
|
|
227
360
|
*/
|
|
228
361
|
.post-header {
|
|
229
|
-
padding-top: $spacing-unit * 2
|
|
230
|
-
padding-bottom: $spacing-unit
|
|
362
|
+
padding-top: $spacing-unit * 2;
|
|
363
|
+
padding-bottom: $spacing-unit / 2;
|
|
364
|
+
border-bottom: 1px solid;
|
|
231
365
|
margin-bottom: $spacing-unit * 2;
|
|
232
366
|
text-align: center;
|
|
233
367
|
}
|
|
@@ -376,6 +510,7 @@ figcaption.align-center {
|
|
|
376
510
|
* Site footer
|
|
377
511
|
*/
|
|
378
512
|
.site-footer {
|
|
513
|
+
margin-top: $spacing-unit * 2;
|
|
379
514
|
border-top: 1px solid;
|
|
380
515
|
padding: $spacing-unit 0;
|
|
381
516
|
@include relative-font-size(0.8);
|
|
@@ -405,25 +540,3 @@ figcaption.align-center {
|
|
|
405
540
|
}
|
|
406
541
|
}
|
|
407
542
|
}
|
|
408
|
-
|
|
409
|
-
.feed-subscribe {
|
|
410
|
-
font-weight: bold;
|
|
411
|
-
text-align: left;
|
|
412
|
-
.feed-icon {
|
|
413
|
-
margin-right: 0.3em;
|
|
414
|
-
}
|
|
415
|
-
}
|
|
416
|
-
|
|
417
|
-
.contact-list {
|
|
418
|
-
list-style: none;
|
|
419
|
-
margin-left: 0;
|
|
420
|
-
}
|
|
421
|
-
|
|
422
|
-
.social-icons {
|
|
423
|
-
text-align: center;
|
|
424
|
-
margin-top: $spacing-unit / 2;
|
|
425
|
-
|
|
426
|
-
.social-icon {
|
|
427
|
-
margin: 0.3em;
|
|
428
|
-
}
|
|
429
|
-
}
|
data/_sass/hamilton/skin.scss
CHANGED
|
@@ -63,10 +63,15 @@ table {
|
|
|
63
63
|
///////// Layout ///////////
|
|
64
64
|
|
|
65
65
|
.site-header {
|
|
66
|
+
background-color: $background-color;
|
|
66
67
|
border-top-color: $border-color-dark;
|
|
67
68
|
border-bottom-color: $border-color-light;
|
|
68
69
|
}
|
|
69
70
|
|
|
71
|
+
.site-sidebar {
|
|
72
|
+
border-color: $border-color-light;
|
|
73
|
+
}
|
|
74
|
+
|
|
70
75
|
.site-title {
|
|
71
76
|
color: $text-color;
|
|
72
77
|
|
|
@@ -109,7 +114,7 @@ table {
|
|
|
109
114
|
}
|
|
110
115
|
|
|
111
116
|
.post-header {
|
|
112
|
-
|
|
117
|
+
border-bottom-color: $border-color-light;
|
|
113
118
|
}
|
|
114
119
|
|
|
115
120
|
.post-meta {
|
|
@@ -143,6 +148,10 @@ table {
|
|
|
143
148
|
border-top-color: $border-color-light;
|
|
144
149
|
}
|
|
145
150
|
|
|
151
|
+
.sidebar-section {
|
|
152
|
+
border-bottom-color: $border-color-light;
|
|
153
|
+
}
|
|
154
|
+
|
|
146
155
|
.feed-subscribe {
|
|
147
156
|
a {
|
|
148
157
|
color: $subscribe-color;
|
|
@@ -8,8 +8,8 @@ $base-line-height: 1.4 !default;
|
|
|
8
8
|
|
|
9
9
|
// Layouts
|
|
10
10
|
$spacing-unit: 2rem !default;
|
|
11
|
-
$content-width:
|
|
11
|
+
$content-width: 1200px !default;
|
|
12
12
|
|
|
13
|
-
$on-small:
|
|
14
|
-
$on-medium:
|
|
15
|
-
$on-large:
|
|
13
|
+
$on-small: 600px !default;
|
|
14
|
+
$on-medium: 900px !default;
|
|
15
|
+
$on-large: 1200px !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
|
+
version: 1.4.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-07-01 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -111,6 +111,7 @@ files:
|
|
|
111
111
|
- _includes/header.html
|
|
112
112
|
- _includes/image.html
|
|
113
113
|
- _includes/mathjax.html
|
|
114
|
+
- _includes/sidebar.html
|
|
114
115
|
- _layouts/archive-taxonomies.html
|
|
115
116
|
- _layouts/archive-years.html
|
|
116
117
|
- _layouts/default.html
|
|
@@ -158,5 +159,5 @@ requirements: []
|
|
|
158
159
|
rubygems_version: 3.0.3
|
|
159
160
|
signing_key:
|
|
160
161
|
specification_version: 4
|
|
161
|
-
summary:
|
|
162
|
+
summary: A minimal and beautiful Jekyll theme best for writing and note-taking.
|
|
162
163
|
test_files: []
|