jekyll-theme-yat 1.4.1 → 1.5.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b240330b198155ad46585d5205c0d08f794cdd5267edb1d3d9d07ed8e228f1cd
-  data.tar.gz: cbf130a4d7beb75c8d68c44b7621ba0c140b6ea839e4521f1ce7e4a8e57a0484
+  metadata.gz: e7798cd9d88a662d31fa6307d3e6023f1855e45a4354f4416ce2151fe3eb9cc9
+  data.tar.gz: ab43762bac580d9a597590120dc13b381349889343c4c3c45e76da9a6f3b1365
 SHA512:
-  metadata.gz: 7e7475aa560905263a4e4448b4ba7d4e4eafe36ceb93a851637ae8d4983b6ca499b270fc729ac27ce3d3b14d5108eb48c3841bbe5b2d69191b97b78334bca975
-  data.tar.gz: 67f7984dd1c2620267a8b0808b48ce7b6ee8ad45330739b1f69c393aef99f3ee995ccd016f33d01b77e40197da630aec5fc8cc1604f9d2fb618d7616b36c3845
+  metadata.gz: c84f727863bb487ede96c9f98503ddfff7475f7703095940425134a11d42298e8850cfa8e019e0e51f085618373a5312ab6578a7254e0101b77465b03ad014e3
+  data.tar.gz: 8f6fe2eebc563c1d83ab715c4cb1083cb870a34d0518f5dfe00bb14dc8b24d37c31cd5888a0b0e239f7c14c4dad9a2915df75800581a14c413d78d7535e645c6

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
  */
@@ -110,7 +108,6 @@ a {
   text-decoration: none;
 
   &:hover {
-    color: $text-color;
     text-decoration: underline;
   }
 
@@ -123,7 +120,6 @@ a {
   }
 }
 
-
 /**
  * Blockquotes
  */
@@ -155,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 {
@@ -474,6 +479,10 @@ html {
   }
 }
 
+.post-comments {
+  padding-top: 25px;
+}
+
 
 /**
  * Posts misc

data/assets/js/main.js

@@ -67,16 +67,14 @@ document.addEventListener('DOMContentLoaded', function(event) {
         break;
       }
     }
-    if (lang) {
-      block.setAttribute('class', 'hljs ' + lang);
-    } else {
-      lang = block
-        .getAttribute('class')
-        .replace('hljs ', '');
+    if (!lang) {
+      cls = block.getAttribute('class');
+      lang = cls ? cls.replace('hljs ', '') : '';
     }
     if (lang.startsWith('language-')) {
       lang = lang.substr(9);
     }
+    block.setAttribute('class', 'hljs ' + lang);
     block.parentNode.setAttribute('data-lang', lang);
     hljs.highlightBlock(block);
   });

metadata

@@ -1,57 +1,75 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-yat
 version: !ruby/object:Gem::Version
-  version: 1.4.1
+  version: 1.5.2
 platform: ruby
 authors:
 - jeffreytse
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-08-18 00:00:00.000000000 Z
+date: 2020-09-11 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.