jekyll-theme-satellite 1.1.0 → 1.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f61521ac4ceb6e2957520d1c92d27f2c1c34d42d585a34e202f422496416d5b9
-  data.tar.gz: c1456cb304615bcf4aae2c4d67628faddb16a126923c816cf3b66f13773aba13
+  metadata.gz: ed3af2bd8fdbb4d034ce1a6197b31bb7fd849025bb9d67851817337484526e14
+  data.tar.gz: db045ddb62c8dcafb88def655fc99e0493e7f180f26bec2d1dc2e77e2d1ef382
 SHA512:
-  metadata.gz: 6798782d1a8b76ffd229e6cb33cd8bebf688004d042c46149e9ac32ba4e1c26c0cf143639a4b55d700a870e00134e8feaf0afa346bddf96bde1bac8a62681152
-  data.tar.gz: 635fd4e98d98b4f7ec34aab3f0d22f1dc21ee9f5f3a98209ced7d09c18177e03b5b73c5891833280d368695f45a140d97d0474b58469c06cb7f0ae46db35fa63
+  metadata.gz: f04d0d13a909e8d31a4b41d64706f0d517252b7d1ca6aa9e4a7ea44a9e54357d6681e767c0b64872211d6d6809f39c7e71871418f998513b446a9306997c6d08
+  data.tar.gz: 2eaf0439be549aa6518b901fc765a61a7c775dc9b52e1cbe00d9a95e11e755a6db1eff31c55436c33c89ce7d2f21ca3de8558ea6c05d8dfb43b34322fc7d2760

data/README.md

@@ -4,7 +4,9 @@
 [![Jekyll](https://img.shields.io/badge/gem%20version-3.2.33-blue.svg)](gem)
 
 # Satellite🛰️ - Jekyll blog theme
-An emotional and adorable blog theme powered by ***Jekyll***. Live demo is available here: [https://byanko55.github.io](https://byanko55.github.io)
+An emotional and adorable blog theme powered by ***Jekyll***. 
+
+Live demo is available [here](https://byanko55.github.io)
 
 ![Demo Page](https://i.ibb.co/h1QF06V/demo.webp)
 
@@ -20,6 +22,8 @@ An emotional and adorable blog theme powered by ***Jekyll***. Live demo is avail
 <img src="https://i.ibb.co/WvyBzkL/Animation.gif" height="400px" align="center"/>
 </p>
 
+<br></br>
+
 ## Features
 
 * Comment System using *giscus*
@@ -35,23 +39,27 @@ An emotional and adorable blog theme powered by ***Jekyll***. Live demo is avail
 * Table of Contents
 * Visitor Counter (*goatcounter*)
 
+<br></br>
+
 ## Installation
 
-There are two way to setup this theme:
+There are two ways to setup this theme:
+<br></br>
 
 ### Method 1: Build from source (Recommended)
-Fork this repository or download the [source](https://github.com/byanko55/jekyll-theme-satellite/releases) as a zip. 
-
-If you use as destination a repository named USERNAME.github.io then your url will be https://USERNAME.github.io/.
+Fork [this repository](https://github.com/byanko55/jekyll-theme-satellite) or download the [source](https://github.com/byanko55/jekyll-theme-satellite/releases) as a zip. 
 
+If you use as destination a repository named USERNAME.github.io, then your url will be https://USERNAME.github.io/.
+<br></br>
 
 ### Method 2: Utilize Gem package
-Create a clean site directory (Follow the **Instruction 1~4** described in [here](https://jekyllrb.com/docs/)).
+Create a clean site directory (Follow the **Instruction 1~4** described [here](https://jekyllrb.com/docs/)).
 
 The following materials are redundant, so remove them.
 * index.markdown
 * about.markdown
 * 404.html
+<br></br>
 
 Then, add this line to your Jekyll site's `Gemfile`:
 
@@ -59,7 +67,8 @@ Then, add this line to your Jekyll site's `Gemfile`:
 gem "jekyll-theme-satellite"
 ```
 
-You need to replace the initial `_config.yml` file with the [prepared one](https://github.com/byanko55/jekyll-theme-satellite/docs/_config.yml).
+You need to replace the initial `_config.yml` file with the [prepared one](https://github.com/byanko55/jekyll-theme-satellite/blob/master/docs/_config.yml).
+<br></br>
 
 ### Modify your site setting
 
@@ -79,6 +88,7 @@ instagram_username: instagram
 linkedin_username: linkedin
 facebook_username: facebook
 ```
+<br></br>
 
 ### Run site locally
 
@@ -87,6 +97,7 @@ From the site root directory, install the dependencies:
 ```
 bundle install
 ```
+<br></br>
 
 Start a Jekyll service.
 
@@ -95,6 +106,7 @@ bundle exec jekyll serve
 ```
 
 Now open [http://localhost:4000](http://localhost:4000) in your browser.
+<br></br>
 
 ## Customizing
 
@@ -102,12 +114,13 @@ You can find useful manuals for customizing your site from the below table:
 
 |||
 |---|---|
-|Posting guidelines|[link](https://github.com/byanko55/jekyll-theme-satellite/docs/Posting%20guide.md)|
-|Enabling ***comment system***|[link](https://github.com/byanko55/jekyll-theme-satellite/docs/Comment%20system.md)|
-|Enabling ***Visitor counter***|[link](https://github.com/byanko55/jekyll-theme-satellite/docs/Visitor%20counter.md)|
+|Posting guidelines|[link](https://github.com/byanko55/jekyll-theme-satellite/blob/master/docs/Posting%20Guide.md)|
+|Enabling ***comment system***|[link](https://github.com/byanko55/jekyll-theme-satellite/blob/master/docs/Comment%20System.md)|
+|Enabling ***Visitor counter***|[link](https://github.com/byanko55/jekyll-theme-satellite/blob/master/docs/Visitor%20Counter.md)|
 
 ## Contribution
-If you would like to report a bug, or request a new feature, please open [an issue](https://github.com/byanko55/jekyll-theme-satellite/docs/Contribution%20Guidelines.md) We are open to any kind of feedback or collaboration.
+If you would like to report a bug or request a new feature, please open [an issue](https://github.com/byanko55/jekyll-theme-satellite/issues) We are open to any kind of feedback or collaboration.
+<br></br>
 
 ## License
 © 2024 *Yankos*. This theme is available as open source under the terms of the [MIT License](https://opensource.org/license/mit/).

data/_includes/footer.html

@@ -1,6 +1,5 @@
-<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
-<script src="{{ '/assets/js/background.js' }}"></script>
-<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+<script defer src="{{ '/assets/js/background.js' }}"></script>
+<script defer src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
 <script>
     window.dataLayer = window.dataLayer || [];
     function gtag(){ dataLayer.push(arguments); }

data/_includes/head.html

@@ -1,11 +1,46 @@
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<title>
+    {% if page.url == "/index.html" %}
+        Home
+    {% elsif page_type == "category" %}
+        {{ category_title }}
+    {% else %}
+        {{ page.title }}
+    {% endif %}
+</title>
 {% seo %}
 
 <link rel="shortcut icon" type="image/png" href="{{ site.logo_img }}">
-<link rel="preload" href="{{ '/assets/css/fonts.css' }}" as="style" onload="this.onload=null; this.rel='stylesheet'">
-<link rel="stylesheet" href="{{ '/assets/css/fonts.css' }}">
+<style>
+@font-face {
+    font-family: 'Nunito Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-display: optional;
+    src: local('Nunito Sans'),
+         url(/assets/fonts/NunitoSans-Regular.woff2) format("woff2");
+}
+
+@font-face {
+    font-family: 'Righteous';
+    font-style: normal;
+    font-weight: 600;
+    font-display: optional;
+    src: local('Righteous'),
+         url(/assets/fonts/Righteous-Regular.woff2) format("woff2");
+}
+
+@font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 400;
+    font-display: optional;
+    src: local('Lato'),
+         url(/assets/fonts/Lato-Regular.woff2) format("woff2");
+}
+</style>
 
 <script src="{{ '/assets/js/fontfaceobserver.js' }}" type="text/javascript"></script>
 <script type="text/javascript">
@@ -22,12 +57,6 @@
     });
 </script>
 
-<title>
-    {% if page.title %}{{ page.title }}
-    {% else %}{{ site.title }}
-    {% endif %}
-</title>
-
 <meta
 name="description"
 content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">

data/_includes/navigation.html

@@ -1,41 +1,55 @@
 <nav id="navigation">
-    {%- assign nav_pages = site.pages 
-        | where_exp: "item", "item.title != nil"
-        | where_exp: "item", "item.bookmark == true"
-        | sort: 'title' -%}
-
     {% assign first_level_pages = "" | split, "" %}
     {% assign second_level_pages = "" | split, "" %}
     {% assign third_level_pages = "" | split, "" %}
 
-    {% for p in nav_pages %}
+    {% for p in site.pages %}
         {%- assign p_tree = p.url | remove_first: "/" | split: "/" -%}
+        {%- assign p_name = p_tree | last -%}
         {%- assign p_level = p_tree | size -%}
 
-        {% if p_level <= 2 and p.bookmark %}
-            {% assign first_level_pages = first_level_pages | push:p %}
-        {% elsif (p_level == 3 and p.bookmark) or (p_level == 2 and p.bookmark == nil) %}
-            {% assign second_level_pages = second_level_pages | push:p %}
-        {% elsif (p_level == 4 and p.bookmark) or (p_level == 3 and p.bookmark == nil) %}
-            {% assign third_level_pages = third_level_pages | push:p %}
+        {% if p.bookmark == nil and p_name != 'index.html' %}
+            {% continue %}
+        {% endif %}
+
+        {% if p.bookmark %}
+            {% if p_level == 1 %}
+                {% assign first_level_pages = first_level_pages | push:p %}
+            {% elsif p_level == 2 %}
+                {% assign second_level_pages = second_level_pages | push:p %}
+            {% elsif p_level == 3 %}
+                {% assign third_level_pages = third_level_pages | push:p %}
+            {% endif %}
+        {% else %}
+            {% if p_level <= 2 %}
+                {% assign first_level_pages = first_level_pages | push:p %}
+            {% elsif p_level == 3 %}
+                {% assign second_level_pages = second_level_pages | push:p %}
+            {% elsif p_level == 4 %}
+                {% assign third_level_pages = third_level_pages | push:p %}
+            {% endif %}
         {% endif %}
     {% endfor %}
 
+    {% assign first_level_pages = first_level_pages | sort: 'url' %}
+    {% assign second_level_pages = second_level_pages | sort: 'url' %}
+    {% assign third_level_pages = third_level_pages | sort: 'url' %}
+
     <ul class="nav-list">
     {%- for node in first_level_pages -%}
         {%- assign node_url = node.url | remove: 'index.html' -%}
+        {%- assign node_title = node.path | remove: 'index.md' | split: "/" | last | remove: '.md' | replace: "_pages", "Home" -%}
         {%- assign children_list = second_level_pages 
-            | where_exp: "item", "item.url contains node_url"
-            | sort: 'title' -%}
+            | where_exp: "item", "item.url contains node_url" -%}
         {%- assign num_children = children_list | size -%}
-        <li id="nav-first" aria-label="{{ node.title }}">
+        <li id="nav-first" aria-label="{{ node_title }}">
             <div class="nav-item">
                 <a href="{{ node_url }}" class="nav-list-link nav-lh">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128h95.1l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H347.1L325.8 320H384c17.7 0 32 14.3 32 32s-14.3 32-32 32H315.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8l9.8-58.7H155.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l21.3-128H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8 320h95.1l21.3-128H187.1z"/></svg>
-                    <span>{{ node.title }}</span>
+                    <span>{{ node_title }}</span>
                 </a>
                 {%- if num_children > 0 and node_url != "/" -%}
-                <button class="nav-list-expander" aria-label="toggle items in {{ node.title }} category" aria-pressed="false">
+                <button class="nav-list-expander" aria-label="toggle items in {{ node_title }} category" aria-pressed="false">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>
                 </button>
                 {%- endif -%}
@@ -44,18 +58,18 @@
             <ul class="nav-list">
             {%- for child in children_list -%}
                 {%- assign child_url = child.url | remove: 'index.html' -%}
+                {%- assign child_title = child.path | remove: 'index.md' | split: "/" | last | remove: '.md' -%}
                 {%- assign grand_children_list = third_level_pages 
-                    | where_exp: "item", "item.url contains child_url"
-                    | sort: 'title' -%}
+                    | where_exp: "item", "item.url contains child_url" -%}
                 {%- assign num_grand_children = grand_children_list | size -%}
-                <li id="nav-second" aria-label="{{ child.title }}">
+                <li id="nav-second" aria-label="{{ child_title }}">
                     <div class="nav-item">
                         <a href="{{ child_url }}" class="nav-list-link nav-sh">
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>
-                            <span>{{ child.title }}</span>
+                            <span>{{ child_title }}</span>
                         </a>
                         {%- if num_grand_children > 0 -%}
-                        <button class="nav-list-expander" aria-label="toggle items in {{ child.title }} category" aria-pressed="false">
+                        <button class="nav-list-expander" aria-label="toggle items in {{ child_title }} category" aria-pressed="false">
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>
                         </button>
                         {%- endif -%}
@@ -63,14 +77,15 @@
                     {%- if num_grand_children > 0 -%}
                         <ul class="nav-list">
                         {%- for grand_child in grand_children_list -%}
-                        <li id="nav-third" aria-label="{{ grand_child.title }}">
-                            <div class="nav-item">
-                                <a href="{{ grand_child.url | relative_url }}" class="nav-list-link nav-sh">
-                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>
-                                    <span>{{ grand_child.title }}</span>
-                                </a>
-                            </div>
-                        </li>
+                            {%- assign grand_child_title = grand_child.path | remove: 'index.md' | split: "/" | last | remove: '.md' -%}
+                            <li id="nav-third" aria-label="{{ grand_child_title }}">
+                                <div class="nav-item">
+                                    <a href="{{ grand_child.url | relative_url }}" class="nav-list-link nav-sh">
+                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>
+                                        <span>{{ grand_child_title }}</span>
+                                    </a>
+                                </div>
+                            </li>
                         {%- endfor -%}
                         </ul>
                     {%- endif -%}

data/_includes/pagination.html

@@ -5,7 +5,7 @@
     {% if page_level == 1 %}
         All Posts
     {% else %}
-        {{ page.title }}
+        {{ category_title }}
     {% endif %}
 </h1>
 <div id="category-list">

data/_includes/post.html

@@ -33,7 +33,7 @@
                         <span id="page-hits" usercode="{{ site.goatcounter_code }}">-</span>
                     </span>
                 {% endif %}
-                <a class="info-box" href="#giscus" data-scroll>
+                <a class="info-box" id="comments-counter">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M512 240c0 114.9-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4l0 0 0 0 0 0 0 0 .3-.3c.3-.3 .7-.7 1.3-1.4c1.1-1.2 2.8-3.1 4.9-5.7c4.1-5 9.6-12.4 15.2-21.6c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208z"/></svg>
                     <span id="num-comments">-</span>
                 </a>
@@ -41,9 +41,9 @@
         </div>
     </div>
 </div>
-<div class="tags">
+<div class="tag-box">
     {%- for page_tag in page.tags -%}
-        <span class="tag-box theme-{{ forloop.index0 | modulo: 3 }}" contentID="{{ page_tag }}">
+        <span class="tag theme-{{ forloop.index0 | modulo: 3 }}" contentID="{{ page_tag }}">
             {{ page_tag }}
         </span>
     {%- endfor -%}
@@ -61,5 +61,5 @@
     </div>
 </main>
 <div class="top-arrow">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" href="#" data-scroll><path d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z"/></svg>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z"/></svg>
 </div>

data/_includes/search_event.html

@@ -1,8 +1,7 @@
 {%- assign page_list = site.pages 
     | where_exp: "item", "item.title != nil"
 -%}
-<script src="{{ '/assets/js/search.js' }}" type="text/javascript"></script>
-<script>
+<script defer>
     var posts = [];
 
     {% for page in page_list %}
@@ -41,177 +40,4 @@
     {% if page_type == "post" %}
         searchRelated(posts);
     {% endif %}
-
-    /*
-    $('#search-input').on('keyup', function () {
-        var keyword = this.value.toLowerCase();
-        var searchResult = [];
-
-        if (keyword.length > 0) {
-            $('#search-result').show();
-            $('#btn-clear').show();
-        } else {
-            $('#search-result').hide();
-            $('#btn-clear').hide();
-        }
-        
-        $('.result-item').remove();
-
-        for (var i = 0; i < posts.length; i++) {
-            var post = posts[i];
-
-            if (post.title === 'Home' && post.type == 'category') continue;
-
-            if (post.title.toLowerCase().indexOf(keyword) >= 0
-            || post.path.toLowerCase().indexOf(keyword) >= 0
-            || post.tags.toLowerCase().indexOf(keyword) >= 0){
-                searchResult.push(post);
-            }
-        }
-
-        if (searchResult.length === 0) {
-            $('#search-result').append(
-                '<li class="result-item"><span class="description">There is no search result.</span></li>'
-            );
-
-            return;
-        } 
-
-        searchResult.sort(function (a, b) {
-            if (a.type == 'category') return 1;
-
-            return -1;
-        });
-
-        for (var i = 0; i < searchResult.length; i++) {
-            var highlighted_path = highlightKeyword(searchResult[i].path, keyword);
-
-            if (highlighted_path === '')
-                highlighted_path = "Home";
-
-            if (searchResult[i].type === 'post'){
-                var highlighted_title = highlightKeyword(searchResult[i].title, keyword);
-                var highlighted_tags = highlightKeyword(searchResult[i].tags, keyword);
-
-                if (highlighted_tags === '')
-                    highlighted_tags = "none";
-
-                $('#search-result').append(
-                    '<li class="result-item"><a href="' +
-                        searchResult[i].url +
-                        '"><table><thead><tr><th><svg class="ico-book"></svg></th><th>' + highlighted_title +  
-                        '</th></tr></thead><tbody><tr><td><svg class="ico-folder"></svg></td><td>' + highlighted_path +
-                        '</td></tr><tr><td><svg class="ico-tags"></svg></td><td>' + highlighted_tags +
-                        '</td></tr><tr><td><svg class="ico-calendar"></svg></td><td>' + searchResult[i].date +
-                        '</td></tr></tbody></table></a></li>'
-                );
-            }
-            else {
-                $('#search-result').append(
-                    '<li class="result-item"><a href="' +
-                        searchResult[i].url +
-                        '"><table><thead><tr><th><svg class="ico-folder"></svg></th><th>' + highlighted_path + 
-                        '</th></tr></thead></table></a></li>'
-                );
-            }
-        }
-    });
-
-    function highlightKeyword(txt, keyword) {
-        var index = txt.toLowerCase().lastIndexOf(keyword);
-
-        if (index >= 0) { 
-            out = txt.substring(0, index) + 
-                "<span class='highlight'>" + 
-                txt.substring(index, index+keyword.length) + 
-                "</span>" + 
-                txt.substring(index + keyword.length);
-            return out;
-        }
-
-        return txt;
-    }
-
-    {% if page_type == "post" %}
-        displayRelatedPosts(posts);
-    {% endif %}
-
-    function displayRelatedPosts(pages){
-        const refBox = document.getElementById('related-box');
-
-        if (!refBox) return;
-
-        var relatedPosts = [];
-        var currPost = pages.find(obj => {return obj.url === location.pathname});
-
-        let currTags = currPost.tags.split(', ');
-        let currCategory = currPost.path.split(' > ').pop();
-
-        for (var i = 0; i < pages.length; i++) {
-            let page = pages[i];
-
-            if (page.type === 'category') continue;
-
-            if (page.title === currPost.title) continue;
-
-            let tags = page.tags.split(', ');
-            let category = page.path.split(' > ').pop();
-            let correlationScore = 0;
-
-            for (var j = 0; j < currTags.length; j++){
-                if (tags.indexOf(currTags[j]) != -1) correlationScore += 1;
-            }
-
-            if (category === currCategory) correlationScore += 1;
-
-            if (correlationScore == 0) continue;
-
-            relatedPosts.push({
-                'title': page.title,
-                'date': page.date,
-                'category': category,
-                'url': page.url,
-                'thumbnail': page.image,
-                'score': correlationScore
-            });
-        }
-
-        relatedPosts.sort(function (a, b) {
-            if(a.hasOwnProperty('score')){
-                return b.score - a.score;
-            }
-        });
-
-        if (relatedPosts.length == 0){
-            $('#related-box').hide();
-            return;
-        }
-
-        for (var i = 0; i < Math.min(relatedPosts.length, 6); i++){
-            let post = relatedPosts[i];
-            let date = '-';
-            let category = 'No category';
-
-            if (post.date !== '1900-01-01'){
-                date = new Date(post.date);
-                date = date.toLocaleString('en-US', {day: 'numeric', month:'long', year:'numeric'});
-            }
-
-            if (post.category !== '') category = post.category;
-
-            if (post.thumbnail === ''){
-                post.thumbnail = "/assets/img/thumbnail/empty.jpg";
-            }
-
-            $('#related-posts').append(
-                '<li class="related-item"><a href="' + post.url +
-                    '"><img src="' + post.thumbnail + 
-                    '"/><p class="category">' + category +  
-                    '</p><p class="title">' + post.title + 
-                    '</p><p class="date">' + date +
-                    '</p></a></li>'
-            );
-        }
-    }
-    */
 </script>

data/_includes/sidebar.html

@@ -1,14 +1,10 @@
-{%- assign page_tree = page.path | remove_first: "_pages/" | split: "/" -%}
-{%- assign page_level = page_tree.size -%}
-{% if page_tree.last == "index.md" %}
-    {%- assign page_type = "category" -%}
-{% else %}
-    {%- assign page_type = "post" -%}
-{% endif %}
 <div class="sidebar sidebar-left">
     <div class="side-banner">
-        <h1 class="site-name">
-            <a href="/"><mark class="highlight">example.com</mark></a>
+        <h1 class="site-tab">
+            <a href="/" class="site-name">
+                <img src="{{ '/assets/img/icon/house.webp' }}" alt="">
+                <mark>example.com</mark>
+            </a>
             <button id="btn-brightness" aria-label="brightness-button">
                 <svg class='ico-dark' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"/></svg>
                 <svg class='ico-light' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg>
@@ -21,7 +17,7 @@
             </button>
         </h1>
         <a href="/" class="site-avatar" aria-label="site-avatar">
-            <img src="{{ '/assets/img/profile.jpg' }}" loading="lazy" alt="homepage" aria-label="homepage-button">
+            <img src="{{ site.profile_img }}" loading="lazy" alt="homepage" aria-label="homepage-button">
         </a>
     </div>
     <div class="side-info">

data/_layouts/page.html

@@ -4,6 +4,7 @@
     {%- assign page_level = page_tree.size -%}
     {% if page_tree.last == "index.md" %}
         {%- assign page_type = "category" -%}
+        {%- assign category_title = page.path | remove: 'index.md' | split: "/" | last -%}
     {% else %}
         {%- assign page_type = "post" -%}
     {% endif %}
@@ -74,13 +75,11 @@
     {% if page_type == "category" %}
         <script src="{{ '/assets/js/subject.js' }}"></script>
     {% else %}
-        <script src="{{ '/assets/js/tocbot.min.js' }}"></script>
-        <script src="{{ '/assets/js/sweet-scroll.min.js' }}"></script>
-        <script src="{{ '/assets/js/highlight.min.js' }}"></script>
-        <link id="highlight-default" rel="stylesheet" href="{{ '/assets/css/highlight-default.min.css' }}">
-        <link id="highlight-dark" rel="stylesheet" href="{{ '/assets/css/highlight-dark.min.css' }}">
         <script src="{{ '/assets/js/post.js' }}"></script>
+        <link rel="preload" href="{{ '/assets/css/highlight.min.css' }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
+        <noscript><link rel="stylesheet" href="{{ '/assets/css/highlight.min.css' }}"></noscript>
+        <script defer src="{{ '/assets/js/highlight.min.js' }}"></script>
     {% endif %}
-    {% include search_event.html %}
     <script src="{{ '/assets/js/common.js' }}"></script>
+    {% include search_event.html %}
 </html>