jekyll-theme-tao 0.1.0 → 1.0.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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 30632319b716f855b943092febca54b4de7fda352ccad3e8b3ca55573ab95e89
4
- data.tar.gz: fa2c66674961ebc8a6d18fee294927dd302564cc6a878c5d3f05e2fadf8747ed
3
+ metadata.gz: eec59465c10dbcbc24b8a441aae2bfb155a78cc89412027f95d1679ab4cee98a
4
+ data.tar.gz: a15f2f6ae6b56b6d3c9aaf8d16511cb134afc7f74c87e454dc004aca6142a539
5
5
  SHA512:
6
- metadata.gz: c939dbb5f32cf2626f88a92cd76b8cdc9e706159f1cd7eb8c4e2469e5f5f063988b4ae339f8c6706412d38901988efe66972b695ef2efd2fa32331eab691ec26
7
- data.tar.gz: 7c493c14b07fa3e24e7bf3566bd043b6be7262bbf04f2339d2cd918aeafa82f726a19a23397bcf854dbea4c785e1bc22a52ae37c363e4c9602c79d4019665e7b
6
+ metadata.gz: 62f2b7edc2767b3691856dcdea52dcda138bf9c1460b91e4e3a7a6a6c0951cfc1f1eada6bffdeb3533083e2ca4f8c630025d6957ccf14abe49cfa05c010991ab
7
+ data.tar.gz: a38dfc68dced6e279fa062be6e9b3a13310b916be0ce7596c19c8703bfaadae24f4592e0f1629acaf66197aeabb2e79dff9a69aee86cecb509e9eb71fee119ab
data/README.md CHANGED
@@ -1,11 +1,14 @@
1
1
  # Tao <!-- omit in toc -->
2
2
 
3
+ <a href="https://jekyll-themes.com">
4
+ <img src="https://img.shields.io/badge/featured%20on-JekyllThemes-red.svg" height="20" alt="Jekyll Themes Shield" loading="lazy">
5
+ </a>
6
+
3
7
  Tao is a content-first minimalist Jekyll theme for blogs.
4
8
 
5
9
  Check the [demo](http://vfvong.blog/jekyll-theme-tao/).
6
10
 
7
- ![screenshot](screenshot-light.png)
8
- ![screenshot](screenshot-dark.png)
11
+ ![screenshot](screenshot.jpg)
9
12
 
10
13
  ## Highlight Features <!-- omit in toc -->
11
14
 
data/_layouts/home.html CHANGED
@@ -16,7 +16,7 @@ layout: default
16
16
  {% if post.image %}
17
17
  <div class="thumbnail-container">
18
18
  <a href="{{ post.url | relative_url }}">
19
- <img src="{{ post.image | relative_url }}" alt="{{ post.title }}">
19
+ <img class="post-image" src="{{ post.image | relative_url }}" alt="{{ post.title }}">
20
20
  </a>
21
21
  </div>
22
22
  {% endif %}
data/_layouts/post.html CHANGED
@@ -43,7 +43,7 @@ layout: default
43
43
  {% endif %}
44
44
 
45
45
  {% if page.image %}
46
- <img src="{{ page.image | relative_url }}" alt="{{ post.title }}">
46
+ <img class="post-image" src="{{ page.image | relative_url }}" alt="{{ post.title }}">
47
47
  {% endif %}
48
48
 
49
49
  <div class="post-content">
@@ -16,7 +16,6 @@
16
16
  display: flex;
17
17
  justify-content: space-between;
18
18
  border-bottom: 2px solid var(--body-color-light);
19
- font-family: var(--body-font);
20
19
  font-weight: bold;
21
20
  color: inherit;
22
21
 
data/_sass/tao/_base.scss CHANGED
@@ -33,7 +33,6 @@ figure {
33
33
  }
34
34
 
35
35
  figcaption {
36
- font-family: var(--body-font);
37
36
  font-size: .8em;
38
37
  }
39
38
 
@@ -153,7 +152,6 @@ a[href^="#fnref:"] {
153
152
  }
154
153
 
155
154
  #markdown-toc {
156
- font-family: var(--body-font);
157
155
  font-size: .8em;
158
156
  padding: 2em 3em;
159
157
  margin: 2em 0;
@@ -5,6 +5,7 @@
5
5
  .masthead {
6
6
  margin-top: var(--spacing);
7
7
  margin-bottom: calc(3 * var(--spacing));
8
+ text-align: center;
8
9
  }
9
10
 
10
11
  .masthead-title {
@@ -47,3 +48,9 @@
47
48
  color: var(--body-color-dark);
48
49
  }
49
50
  }
51
+
52
+ @media screen and (min-width: $screen-laptop) {
53
+ .masthead {
54
+ text-align: left;
55
+ }
56
+ }
data/_sass/tao/_home.scss CHANGED
@@ -5,15 +5,25 @@
5
5
  .post-entry {
6
6
  margin-bottom: calc(2 * var(--spacing));
7
7
 
8
+ // Refer: https://jonathannicol.com/blog/2014/06/16/centre-crop-thumbnails-with-css/
8
9
  .thumbnail-container {
9
10
  margin-top: var(--spacing);
10
11
  border-radius: .5em;
11
12
  overflow: hidden;
12
- }
13
-
14
- .thumbnail-container img {
15
- margin-top : -20%;
16
- margin-bottom : -20%;
13
+ height: 50vw;
14
+ max-height: 240px;
15
+ position: relative;
16
+
17
+ .post-image {
18
+ position: absolute;
19
+ left: 50%;
20
+ top: 50%;
21
+ width: 100%;
22
+ height: auto;
23
+ -webkit-transform: translate(-50%,-50%);
24
+ -ms-transform: translate(-50%,-50%);
25
+ transform: translate(-50%,-50%);
26
+ }
17
27
  }
18
28
  }
19
29
 
data/_sass/tao/_page.scss CHANGED
@@ -2,11 +2,6 @@
2
2
  * Styles for the pages and posts
3
3
  */
4
4
 
5
- .page-content,
6
- .post-content {
7
- font-family: var(--text-font);
8
- }
9
-
10
5
  .page-title,
11
6
  .post-title {
12
7
  margin: 0;
@@ -17,6 +12,10 @@
17
12
  color: var(--body-color-light);
18
13
  }
19
14
 
15
+ .post-image {
16
+ width: 100%;
17
+ }
18
+
20
19
  .post-meta {
21
20
  color: var(--body-color-light);
22
21
  font-size: .8em;
@@ -55,3 +54,10 @@ a.post-tag {
55
54
  .post-next {
56
55
  text-align: right;
57
56
  }
57
+
58
+ .message {
59
+ padding: var(--spacing);
60
+ border-radius: .5em;
61
+ background-color: var(--message-color);
62
+ color: var(--body-bg);
63
+ }
@@ -16,10 +16,10 @@ $screen-desktop: 1024px;
16
16
  --body-color: var(--oc-gray-8);
17
17
  --body-color-dark: var(--oc-black);
18
18
  --accent-color: var(--oc-orange-8);
19
+ --message-color: var(--oc-green-8);
19
20
 
20
21
  --body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
21
22
  --title-font: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
22
- --text-font: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
23
23
  --code-font: 'Courier New', Courier, monospace;
24
24
  --line-height: 1.5;
25
25
  --body-font-size: 16px;
@@ -33,6 +33,7 @@ $screen-desktop: 1024px;
33
33
  --body-color: var(--oc-gray-3);
34
34
  --body-color-dark: var(--oc-white);
35
35
  --accent-color: var(--oc-blue-3);
36
+ --message-color: var(--oc-green-3);
36
37
  }
37
38
  }
38
39
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-tao
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 1.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Song-Zi Vong
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-03-23 00:00:00.000000000 Z
11
+ date: 2022-06-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll