jekyll-theme-yat 1.4.2 → 1.5.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5f1a0df8a085d4068122e1c1d12cf2d4154eccaff65eb22aaa4b9253d97d51c3
-  data.tar.gz: a38430895ae1a7c113f54193eaf0d46be0aebe8c1448c5c2af5c0011fcf35462
+  metadata.gz: 1d298e53ce0ab4f109de5d89f3da05a0a7b23e0e32e37b7e5a9ef0636c9ce3bb
+  data.tar.gz: 72b2b04a663a236aa0b1e3016a9ecbf0530a12198efa29e8d75980e10d207ed7
 SHA512:
-  metadata.gz: 13b4bb4366a8570e0605c406f8bc1e7da8cbd2d742f3be02c04b2b6b3d2173f622e7690f9f6411ce28f387cd8bbcab3e83290c2d8f1eea8f9fb9bda82576d809
-  data.tar.gz: a22bd8258a0c0ed62554c7d6219e263a682a3e235ce1cc65e698b815c85a3eb14f55af526db76b48beae3a8933fef0b2c3439716d27bbc98b957da3fa69efcd6
+  metadata.gz: ad213b0337a5b5a3b60d4fd281a8234a78bde4204fe80fef6bc105ea3afbad38bda338688da2a7981c33ce699893a33c1dbd32df488adc1f84cdd772de2dcc9e
+  data.tar.gz: 6bc8650cf7e58724f4fbf29116a04cfb348e032d9bc6ab23886ae6b7ce5fbc222a371b2e33bf754b263fa64dbd2dec66fe57cf3fe72a0536cb6f6e9aac643a54

data/README.md

@@ -1,4 +1,5 @@
 # jekyll-theme-yat
+[![Github Pages](https://github.com/jeffreytse/jekyll-theme-yat/workflows/Github%20Pages/badge.svg)](https://jeffreytse.github.io/jekyll-theme-yat)
 [![Gem Version](https://badge.fury.io/rb/jekyll-theme-yat.svg)](http://badge.fury.io/rb/jekyll-theme-yat)
 [![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT)
 [![Donate (Liberapay)](http://img.shields.io/liberapay/goal/jeffreytse.svg?logo=liberapay)](https://liberapay.com/jeffreytse)
@@ -13,10 +14,27 @@ Hey, nice to meet you, you found this Jekyll theme. Here the yet another theme i
 
 <p align="center">
 
-  <img src="https://user-images.githubusercontent.com/9413601/87244819-c34ada80-c472-11ea-9c67-5827dd55d3c7.png" alt="demo-screenshot" width="720px" style="box-shadow: 0px 0px 18px 5px #f2f2f2" />
+  <img src="https://user-images.githubusercontent.com/9413601/91842897-6a840b00-ec87-11ea-95ca-52abcc1ac063.png" alt="demo-screenshot" width="780px"/>
 
 </p>
 
+## Features
+
+- Full layouts `home`, `post`, `tags`, `archive` and `about`.
+- Uses font awesome 5 for icons.
+- Beautiful Syntax Highlight using [hilight.js][hilight-js].
+- RSS support using [Jekyll Feed][jekyll-feed] gem.
+- Optimized for search engines using [Jekyll Seo Tag][jekyll-seo-tag] gem.
+- Sitemap support using [Jekyll Sitemap][jekyll-sitemap] gem.
+- Complex and flexible table support using [Jekyll Spaceship][jekyll-spaceship] gem.
+- MathJAX and LaTeX optional support using [Jekyll Spaceship][jekyll-spaceship] gem.
+- Media (Youtube, Spotify, etc.) support using [Jekyll Spaceship][jekyll-spaceship] gem.
+- Diagram (PlantUML, Mermaid) support using [Jekyll Spaceship][jekyll-spaceship] gem.
+- Google Translation support.
+- New post tag support.
+
+Also, visit the [Live Demo][yat-live-demo] site for the theme.
+
 ## Installation
 
 Add this line to your Jekyll site's `Gemfile`:
@@ -41,7 +59,12 @@ Or install it yourself as:
 
 ## Usage
 
-TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+Add or update your available layouts, includes, sass and/or assets.
+
+GitHub Pages runs in `safe` mode and only allows [a set of whitelisted plugins](https://pages.github.com/versions/).
+To use the third-party gem in GitHub Pages without limitation:
+
+* Here is a GitHub Action named [jekyll-deploy-action](https://github.com/jeffreytse/jekyll-deploy-action) for Jekyll site deployment conveniently. 👍
 
 ## Development
 
@@ -61,3 +84,13 @@ You can start by [opening an issue](https://github.com/jeffreytse/jekyll-theme-y
 ## License
 
 This theme is licensed under the [MIT license](https://opensource.org/licenses/mit-license.php) © JeffreyTse.
+
+<!-- External links -->
+[jekyll]: https://jekyllrb.com/
+[yat-git-repo]: https://github.com/jeffreytse/jekyll-theme-yat/
+[yat-live-demo]: https://jeffreytse.github.io/jekyll-theme-yat/
+[jekyll-spaceship]: https://github.com/jeffreytse/jekyll-spaceship
+[jekyll-seo-tag]: https://github.com/jekyll/jekyll-seo-tag
+[jekyll-sitemap]: https://github.com/jekyll/jekyll-sitemap
+[jekyll-feed]: https://github.com/jekyll/jekyll-feed
+[hilight-js]: https://github.com/highlightjs/highlight.js

data/_includes/sidebar/archive-list.html

@@ -6,5 +6,5 @@
 
 {% assign keys = datetimes %}
 {% assign field = 'date' %}
-{% assign url = '/archives.html' %}
+{% assign url = '/archives.html' | relative_url %}
 {% include sidebar/common-list.html %}

data/_includes/sidebar/article-menu.html

@@ -36,10 +36,54 @@
     // The header element
     var header = document.querySelector('header.site-header');
 
+    function doMenuCollapse(index, over_items=20) {
+      var items = menuContent.firstChild.children;
+
+      if (items.length < over_items) {
+        return;
+      }
+
+      var activeItem = items[index];
+      var beginItem = activeItem
+      var endItem = activeItem
+      var beginIndex = index;
+      var endIndex = index + 1;
+      while (beginIndex >= 0
+        && !items[beginIndex].classList.contains('h-h2')) {
+        beginIndex -= 1;
+      }
+      while (endIndex < items.length
+        && !items[endIndex].classList.contains('h-h2')) {
+        endIndex += 1;
+      }
+      for (var i = 0; i < beginIndex; i++) {
+        item = items[i]
+        if (!item.classList.contains('h-h2')) {
+          item.style.display = 'none';
+        }
+      }
+      for (var i = beginIndex + 1; i < endIndex; i++) {
+        item = items[i]
+        // if (!item.classList.contains('h-h2')) {
+          item.style.display = '';
+        // }
+      }
+      for (var i = endIndex; i < items.length; i++) {
+        item = items[i]
+        if (!item.classList.contains('h-h2')) {
+          item.style.display = 'none';
+        }
+      }
+    }
+
+    // Init menu collapsed
+    doMenuCollapse(-1);
+
     // Active the menu item
     window.addEventListener('scroll', function (event) {
       var lastActive = menuContent.querySelector('.active');
       var changed = true;
+      var activeIndex = -1;
       for (var i = headings.length - 1; i >= 0; i--) {
         var h = headings[i];
         var headingRect = h.getBoundingClientRect();
@@ -53,6 +97,7 @@
           var curActive = a.parentNode;
           if (curActive) {
             curActive.classList.add('active');
+            activeIndex = i;
           }
           if (lastActive == curActive) {
             changed = false;
@@ -60,8 +105,11 @@
           break;
         }
       }
-      if (lastActive && changed) {
-        lastActive.classList.remove('active');
+      if (changed) {
+        if (lastActive) {
+          lastActive.classList.remove('active');
+        }
+        doMenuCollapse(activeIndex);
       }
       event.preventDefault();
     });

data/_includes/sidebar/category-list.html

@@ -5,5 +5,5 @@
 
 {% assign keys = categories %}
 {% assign field = 'categories' %}
-{% assign url = '/categories.html' %}
+{% assign url = '/categories.html' | relative_url %}
 {% include sidebar/common-list.html %}

data/_includes/sidebar/common-list.html

@@ -9,7 +9,7 @@
 <div class="common-list">
   <ul>
     <li>
-      <a href="/index.html">
+      <a href="{{ '/index.html' | relative_url }}">
         All<span>{{ site.posts.size }}</span>
       </a>
     </li>

data/_includes/sidebar/tag-list.html

@@ -5,5 +5,5 @@
 
 {% assign keys = tags %}
 {% assign field = 'tags' %}
-{% assign url = '/tags.html' %}
+{% assign url = '/tags.html' | relative_url %}
 {%- include sidebar/common-list.html -%}

data/_includes/views/banner.html

@@ -21,7 +21,7 @@
 {% if banner %}
   <section class="page-banner">
     <div class="page-banner-img">
-      <div style="background-image: url({{ banner }})"></div>
+      <div style="background-image: url({{ banner | relative_url }})"></div>
     </div>
     <div class="wrapper">
       <div class="page-banner-inner">

data/_layouts/about.html

@@ -0,0 +1,9 @@
+---
+layout: post
+hidden:
+  - header
+  - navigator
+  - related_posts
+---
+
+{{ content }}

data/_layouts/post.html

@@ -2,6 +2,7 @@
 layout: framework
 banner:
 banner_html: post-header.html
+hidden: []
 sidebar:
   - article-menu
 ---
@@ -13,47 +14,63 @@ sidebar:
     {%- include functions.html func='get_value' -%}
     {%- assign banner = return -%}
 
-    {%- if banner == nil -%}
+    {%- assign name = 'hidden' -%}
+    {%- include functions.html func='get_value' -%}
+    {%- assign hidden = return -%}
+
+    {%- assign result = hidden | where_exp: "item", "item == 'header'" -%}
+    {%- if banner == nil and result.size == 0 -%}
     {%- include views/post-header.html -%}
     {%- endif -%}
 
     {%- include views/article.html -%}
 
+    {%- assign result = hidden | where_exp: "item", "item == 'navigator'" -%}
+    {%- if result.size == 0 -%}
     <div class="post-nav">
       {%- if page.previous -%}
-        <a class="previous" href="{{ page.previous.url }}" title="{{
+        <a class="previous" href="{{ page.previous.url | relative_url }}" title="{{
           page.previous.title | escape }}">{{ page.previous.title | escape | truncatewords: 6 }}</a>
       {%- else -%}
       <span></span>
       {%- endif -%}
 
       {%- if page.next -%}
-        <a class="next" href="{{ page.next.url }}" title="{{ page.next.title | escape }}">{{ page.next.title | escape | truncatewords: 6 }}</a>
+        <a class="next" href="{{ page.next.url | relative_url }}" title="{{ page.next.title | escape }}">{{ page.next.title | escape | truncatewords: 6 }}</a>
       {%- else -%}
       <span></span>
       {%- endif -%}
     </div>
+    {%- endif -%}
 
+    {%- assign result = hidden | where_exp: "item", "item == 'related_posts'" -%}
+    {%- if result.size == 0 -%}
     <div class="post-related">
       <div>Related Articles</div>
       <ul>
         {% assign posts = site[page.collection] | sample:4 %}
         {%- for post in posts -%}
-        <li><a class="post-link" href="{{post.url}}" title="{{ page.next.title | escape }}">{{ post.title | escape | truncatewords: 12 }}</a></li>
+        <li><a class="post-link" href="{{post.url | relative_url}}" title="{{ page.next.title | escape }}">{{ post.title | escape | truncatewords: 12 }}</a></li>
         {%- endfor -%}
       </ul>
     </div>
+    {%- endif -%}
 
-    {%- if page.comments != false -%}
+    {%- assign result = hidden | where_exp: "item", "item == 'comments'" -%}
+    {%- if result.size == 0 -%}
+    <div class="post-comments">
+      {%- if page.comments != false -%}
 
-    {%- if site.disqus.shortname -%}
-    {%- include extensions/comments/disqus.html -%}
-    {%- endif -%}
+      {%- if site.disqus.shortname -%}
+      {%- include extensions/comments/disqus.html -%}
+      {%- endif -%}
 
-    {%- if site.gitment.username -%}
-    {%- include extensions/comments/gitment.html -%}
-    {%- endif -%}
+      {%- if site.gitment.username -%}
+      {%- include extensions/comments/gitment.html -%}
+      {%- endif -%}
 
+      {%- endif -%}
+    </div>
     {%- endif -%}
 
   </section>

data/_sass/misc/article-menu.scss

@@ -3,8 +3,9 @@
  */
 
 .post-menu {
-  padding: 0 20px;
-  max-width: 250px;
+  padding-left: 20px;
+  min-width: 200px;
+  max-width: 230px;
 
   .post-menu-title {
     font-size: $base-font-size * 1.5;

data/_sass/yat/_base.scss

@@ -100,8 +100,6 @@ h1, h2, h3, h4, h5, h6 {
   font-weight: $base-font-weight * 1.5;
 }
 
-
-
 /**
  * Links
  */
@@ -122,7 +120,6 @@ a {
   }
 }
 
-
 /**
  * Blockquotes
  */
@@ -154,7 +151,7 @@ code {
   padding: 1px 5px;
   border-radius: 3px;
   color: #fff;
-  background-color: $brand-color;
+  background-color: #545454;
 }
 
 pre {

data/_sass/yat/_layout.scss

@@ -319,10 +319,15 @@ html {
     border: 1px solid;
     padding: 2px 4px;
     border-radius: 2px;
+    transition: color 0.2s;
 
     &:not(:first-child) {
       margin-left: 8px;
     }
+
+    &:hover {
+      color: #777;
+    }
   }
 
   .paginator {
@@ -387,6 +392,9 @@ html {
 
   .post-content {
     margin-bottom: $spacing-unit;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    word-break: break-all;
 
     h2 {
       @include relative-font-size(2);
@@ -412,7 +420,7 @@ html {
       }
     }
 
-    img, iframe {
+    img, svg, iframe {
       margin-left: auto;
       margin-right: auto;
       display: block;
@@ -474,6 +482,10 @@ html {
   }
 }
 
+.post-comments {
+  padding-top: 25px;
+}
+
 
 /**
  * Posts misc
@@ -578,8 +590,7 @@ html {
       > :nth-child(1) {
         @include relative-font-size(3.9);
         letter-spacing: -1px;
-        line-height: 0.95;
-        margin-bottom: 18px;
+        margin-bottom: 16px;
         font-weight: normal;
         transition: 0.2s all;
 
@@ -602,6 +613,10 @@ html {
       @include relative-font-size(1.525);
       color: #ffffffcc;
       padding-right: 280px;
+
+      @include media-query($on-palm) {
+        padding-right: 0;
+      }
     }
 
     .post-meta {
@@ -616,6 +631,10 @@ html {
       color: #999;
       padding-right: 280px;
 
+      @include media-query($on-palm) {
+        padding-right: 0;
+      }
+
       .post-tag {
         @include relative-font-size(1.125);
         display: inline-block;

metadata

@@ -1,57 +1,75 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-yat
 version: !ruby/object:Gem::Version
-  version: 1.4.2
+  version: 1.5.3
 platform: ruby
 authors:
 - jeffreytse
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-08-24 00:00:00.000000000 Z
+date: 2020-09-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '1.6'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: '1.16'
+        version: '3.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.16'
+        version: '1.6'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '3.0'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '12.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '13.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '12.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '13.0'
 - !ruby/object:Gem::Dependency
   name: jekyll
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">"
       - !ruby/object:Gem::Version
-        version: '3.8'
+        version: '3.5'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">"
+      - !ruby/object:Gem::Version
+        version: '3.5'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: '3.8'
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: jekyll-feed
   requirement: !ruby/object:Gem::Requirement
@@ -166,6 +184,7 @@ files:
 - _includes/views/segments.html
 - _includes/views/site-brand.html
 - _layouts/404.html
+- _layouts/about.html
 - _layouts/archives.html
 - _layouts/articles.html
 - _layouts/categories.html
@@ -181,6 +200,7 @@ files:
 - _sass/yat/_base.scss
 - _sass/yat/_layout.scss
 - assets/css/main.scss
+- assets/images/banners/home.jpeg
 - assets/js/main.js
 homepage: https://github.com/jeffreytse/jekyll-theme-yat
 licenses:
@@ -202,7 +222,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.6
+rubygems_version: 3.1.4
 signing_key:
 specification_version: 4
 summary: Yet another theme for elegant writers with modern flat style.