jekyll-theme-tao 0.1.0 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 30632319b716f855b943092febca54b4de7fda352ccad3e8b3ca55573ab95e89
-  data.tar.gz: fa2c66674961ebc8a6d18fee294927dd302564cc6a878c5d3f05e2fadf8747ed
+  metadata.gz: eec59465c10dbcbc24b8a441aae2bfb155a78cc89412027f95d1679ab4cee98a
+  data.tar.gz: a15f2f6ae6b56b6d3c9aaf8d16511cb134afc7f74c87e454dc004aca6142a539
 SHA512:
-  metadata.gz: c939dbb5f32cf2626f88a92cd76b8cdc9e706159f1cd7eb8c4e2469e5f5f063988b4ae339f8c6706412d38901988efe66972b695ef2efd2fa32331eab691ec26
-  data.tar.gz: 7c493c14b07fa3e24e7bf3566bd043b6be7262bbf04f2339d2cd918aeafa82f726a19a23397bcf854dbea4c785e1bc22a52ae37c363e4c9602c79d4019665e7b
+  metadata.gz: 62f2b7edc2767b3691856dcdea52dcda138bf9c1460b91e4e3a7a6a6c0951cfc1f1eada6bffdeb3533083e2ca4f8c630025d6957ccf14abe49cfa05c010991ab
+  data.tar.gz: a38dfc68dced6e279fa062be6e9b3a13310b916be0ce7596c19c8703bfaadae24f4592e0f1629acaf66197aeabb2e79dff9a69aee86cecb509e9eb71fee119ab

data/README.md

@@ -1,11 +1,14 @@
 # Tao <!-- omit in toc -->
 
+<a href="https://jekyll-themes.com">
+  <img src="https://img.shields.io/badge/featured%20on-JekyllThemes-red.svg" height="20" alt="Jekyll Themes Shield" loading="lazy">
+</a>
+
 Tao is a content-first minimalist Jekyll theme for blogs.
 
 Check the [demo](http://vfvong.blog/jekyll-theme-tao/).
 
-![screenshot](screenshot-light.png)
-![screenshot](screenshot-dark.png)
+![screenshot](screenshot.jpg)
 
 ## Highlight Features <!-- omit in toc -->
 

data/_layouts/home.html

@@ -16,7 +16,7 @@ layout: default
       {% if post.image %}
         <div class="thumbnail-container">
           <a href="{{ post.url | relative_url }}">
-            <img src="{{ post.image | relative_url }}" alt="{{ post.title }}">
+            <img class="post-image" src="{{ post.image | relative_url }}" alt="{{ post.title }}">
           </a>
         </div>
       {% endif %}

data/_layouts/post.html

@@ -43,7 +43,7 @@ layout: default
   {% endif %}
 
   {% if page.image %}
-    <img src="{{ page.image | relative_url }}" alt="{{ post.title }}">
+    <img class="post-image" src="{{ page.image | relative_url }}" alt="{{ post.title }}">
   {% endif %}
 
   <div class="post-content">

data/_sass/tao/_archive.scss

@@ -16,7 +16,6 @@
   display: flex;
   justify-content: space-between;
   border-bottom: 2px solid var(--body-color-light);
-  font-family: var(--body-font);
   font-weight: bold;
   color: inherit;
 

data/_sass/tao/_base.scss

@@ -33,7 +33,6 @@ figure {
 }
 
 figcaption {
-  font-family: var(--body-font);
   font-size: .8em;
 }
 
@@ -153,7 +152,6 @@ a[href^="#fnref:"] {
 }
 
 #markdown-toc {
-  font-family: var(--body-font);
   font-size: .8em;
   padding: 2em 3em;
   margin: 2em 0;

data/_sass/tao/_header.scss

@@ -5,6 +5,7 @@
 .masthead {
   margin-top: var(--spacing);
   margin-bottom: calc(3 * var(--spacing));
+  text-align: center;
 }
 
 .masthead-title {
@@ -47,3 +48,9 @@
     color: var(--body-color-dark);
   }
 }
+
+@media screen and (min-width: $screen-laptop) {
+  .masthead {
+    text-align: left;
+  }
+}

data/_sass/tao/_home.scss

@@ -5,15 +5,25 @@
 .post-entry {
   margin-bottom: calc(2 * var(--spacing));
 
+  // Refer: https://jonathannicol.com/blog/2014/06/16/centre-crop-thumbnails-with-css/
   .thumbnail-container {
     margin-top: var(--spacing);
     border-radius: .5em;
     overflow: hidden;
-  }
-  
-  .thumbnail-container img {
-    margin-top    : -20%;
-    margin-bottom : -20%;
+    height: 50vw;
+    max-height: 240px;
+    position: relative;
+
+    .post-image {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      width: 100%;
+      height: auto;
+      -webkit-transform: translate(-50%,-50%);
+          -ms-transform: translate(-50%,-50%);
+              transform: translate(-50%,-50%);
+    }
   }
 }
 

data/_sass/tao/_page.scss

@@ -2,11 +2,6 @@
  * Styles for the pages and posts
  */
 
-.page-content,
-.post-content {
-  font-family: var(--text-font);
-}
-
 .page-title,
 .post-title {
   margin: 0;
@@ -17,6 +12,10 @@
   color: var(--body-color-light);
 }
 
+.post-image {
+  width: 100%;
+}
+
 .post-meta {
   color: var(--body-color-light);
   font-size: .8em;
@@ -55,3 +54,10 @@ a.post-tag {
 .post-next {
   text-align: right;
 }
+
+.message {
+  padding: var(--spacing);
+  border-radius: .5em;
+  background-color: var(--message-color);
+  color: var(--body-bg);
+}

data/_sass/tao/_variables.scss

@@ -16,10 +16,10 @@ $screen-desktop: 1024px;
   --body-color:       var(--oc-gray-8);
   --body-color-dark:  var(--oc-black);
   --accent-color:     var(--oc-orange-8);
+  --message-color:    var(--oc-green-8);
 
   --body-font:        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   --title-font:       'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
-  --text-font:        Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   --code-font:        'Courier New', Courier, monospace;
   --line-height:      1.5;
   --body-font-size:   16px;
@@ -33,6 +33,7 @@ $screen-desktop: 1024px;
     --body-color:       var(--oc-gray-3);
     --body-color-dark:  var(--oc-white);
     --accent-color:     var(--oc-blue-3);
+    --message-color:    var(--oc-green-3);
   }
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-tao
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 1.0.0
 platform: ruby
 authors:
 - Song-Zi Vong
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-03-23 00:00:00.000000000 Z
+date: 2022-06-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll