.devcontainer/devcontainer.json

@@ -1,29 +0,0 @@
-{
-  "name": "Jekyll",
-  "image": "mcr.microsoft.com/devcontainers/jekyll:2-bullseye",
-  "onCreateCommand": "git config --global --add safe.directory ${containerWorkspaceFolder}",
-  "postCreateCommand": "bash .devcontainer/post-create.sh",
-  "customizations": {
-    "vscode": {
-      "settings": {
-        "terminal.integrated.defaultProfile.linux": "zsh"
-      },
-      "extensions": [
-        // Liquid tags auto-complete
-        "killalau.vscode-liquid-snippets",
-        // Liquid syntax highlighting and formatting
-        "Shopify.theme-check-vscode",
-        // Shell
-        "timonwong.shellcheck",
-        "mkhl.shfmt",
-        // Common formatter
-        "EditorConfig.EditorConfig",
-        "esbenp.prettier-vscode",
-        "stylelint.vscode-stylelint",
-        "yzhang.markdown-all-in-one",
-        // Git
-        "mhutchie.git-graph"
-      ]
-    }
-  }
-}

.devcontainer/post-create.sh

@@ -1,18 +0,0 @@
-#!/usr/bin/env bash
-
-if [ -f package.json ]; then
-  bash -i -c "nvm install --lts && nvm install-latest-npm"
-  npm i
-  npm run build
-fi
-
-# Install dependencies for shfmt extension
-curl -sS https://webi.sh/shfmt | sh &>/dev/null
-
-# Add OMZ plugins
-git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ~/.oh-my-zsh/custom/plugins/zsh-syntax-highlighting
-git clone https://github.com/zsh-users/zsh-autosuggestions ~/.oh-my-zsh/custom/plugins/zsh-autosuggestions
-sed -i -E "s/^(plugins=\()(git)(\))/\1\2 zsh-syntax-highlighting zsh-autosuggestions\3/" ~/.zshrc
-
-# Avoid git log use less
-echo -e "\nunset LESS" >>~/.zshrc

.github/DISCUSSION_TEMPLATE/general_BACKUP_37702.yml

@@ -1,17 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_BACKUP_38091.yml

@@ -1,17 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_BACKUP_38288.yml

@@ -1,17 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_BACKUP_38466.yml

@@ -1,17 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_BACKUP_38614.yml

@@ -1,17 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_BASE_37702.yml

@@ -1,26 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: dropdown
-    attributes:
-      label: What is the topic?
-      options:
-        - Sharing tips and tricks
-        - Just chatting
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_BASE_38091.yml

@@ -1,26 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: dropdown
-    attributes:
-      label: What is the topic?
-      options:
-        - Sharing tips and tricks
-        - Just chatting
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_BASE_38288.yml

@@ -1,26 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: dropdown
-    attributes:
-      label: What is the topic?
-      options:
-        - Sharing tips and tricks
-        - Just chatting
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_BASE_38466.yml

@@ -1,26 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: dropdown
-    attributes:
-      label: What is the topic?
-      options:
-        - Sharing tips and tricks
-        - Just chatting
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_BASE_38614.yml

@@ -1,26 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: dropdown
-    attributes:
-      label: What is the topic?
-      options:
-        - Sharing tips and tricks
-        - Just chatting
-    validations:
-      required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_REMOTE_37702.yml

@@ -1,17 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_REMOTE_38091.yml

@@ -1,17 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_REMOTE_38288.yml

@@ -1,17 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_REMOTE_38466.yml

@@ -1,17 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/general_REMOTE_38614.yml

@@ -1,17 +0,0 @@
-body:
-  - type: checkboxes
-    attributes:
-      label: Checklist
-      description: Following the guidelines can make you more likely to get responses.
-      options:
-        - label: >-
-            I have read and accepted the
-            [contributing guidelines](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CONTRIBUTING.md).
-          required: true
-
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/DISCUSSION_TEMPLATE/ideas.yml

@@ -1,7 +0,0 @@
-body:
-  - type: textarea
-    attributes:
-      label: Description
-      description: Please describe in detail what you want to share.
-    validations:
-      required: true

.github/workflows/pr-filter.yml

@@ -1,25 +0,0 @@
-name: PR Filter
-
-on:
-  pull_request_target:
-    types: [opened, reopened]
-
-jobs:
-  check-template:
-    if: github.event.pull_request.head.repo.full_name != github.event.pull_request.base.repo.full_name
-    runs-on: ubuntu-latest
-    permissions:
-      pull-requests: write
-
-    steps:
-      - name: Checkout Code
-        uses: actions/checkout@v4
-
-      - name: Check PR Content
-        id: intercept
-        uses: actions/github-script@v7
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          script: |
-            const script = require('.github/workflows/scripts/pr-filter.js');
-            await script({ github, context, core });

.github/workflows/publish.yml

@@ -1,23 +0,0 @@
-name: Publish
-
-on:
-  push:
-    branches:
-      - docs
-  workflow_call:
-    secrets:
-      GH_PAT:
-        required: true
-      BUILDER:
-        required: true
-  workflow_dispatch:
-
-jobs:
-  launch:
-    runs-on: ubuntu-latest
-    steps:
-      - run: |
-          curl -X POST -H "Accept: application/vnd.github+json" \
-            -H "Authorization: Bearer ${{ secrets.GH_PAT }}" \
-            https://api.github.com/repos/${{ secrets.BUILDER }}/dispatches \
-            -d '{"event_type":"deploy", "client_payload":{"branch": "${{ github.ref_name }}"}}'

.github/workflows/scripts/pr-filter.js

@@ -1,36 +0,0 @@
-function hasTypes(markdown) {
-  return /## Type of change/.test(markdown) && /-\s\[x\]/i.test(markdown);
-}
-
-function hasDescription(markdown) {
-  return (
-    /## Description/.test(markdown) &&
-    !/## Description\s*\n\s*(##|\s*$)/.test(markdown)
-  );
-}
-
-module.exports = async ({ github, context, core }) => {
-  const pr = context.payload.pull_request;
-  const body = pr.body === null ? '' : pr.body;
-  const markdown = body.replace(/<!--[\s\S]*?-->/g, '');
-  const action = context.payload.action;
-
-  const isValid =
-    markdown !== '' && hasTypes(markdown) && hasDescription(markdown);
-
-  if (!isValid) {
-    await github.rest.pulls.update({
-      ...context.repo,
-      pull_number: pr.number,
-      state: 'closed'
-    });
-
-    await github.rest.issues.createComment({
-      ...context.repo,
-      issue_number: pr.number,
-      body: `Oops, it seems you've ${action} an invalid pull request. No worries, we'll close it for you.`
-    });
-
-    core.setFailed('PR content does not meet template requirements.');
-  }
-};

.gitignore

@@ -5,7 +5,6 @@ Gemfile.lock
 
 # Jekyll cache
 .jekyll-cache
-.jekyll-metadata
 _site
 
 # RubyGems
@@ -17,10 +16,5 @@ package-lock.json
 
 # IDE configurations
 .idea
-.vscode/*
-!.vscode/settings.json
-!.vscode/extensions.json
-!.vscode/tasks.json
 
 # Misc
-_sass/dist

.gitignore.orig

@@ -1,30 +0,0 @@
-# Bundler cache
-.bundle
-vendor
-Gemfile.lock
-
-# Jekyll cache
-.jekyll-cache
-.jekyll-metadata
-_site
-
-# RubyGems
-*.gem
-
-# NPM dependencies
-node_modules
-package-lock.json
-
-# IDE configurations
-.idea
-.vscode/*
-!.vscode/settings.json
-!.vscode/extensions.json
-!.vscode/tasks.json
-
-# Misc
-<<<<<<< HEAD
-=======
-_sass/dist
-assets/js/dist
->>>>>>> upstream_master

.husky/commit-msg

@@ -1 +1,4 @@
-npx --no -- commitlint --edit $1
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit ${1}

.markdownlint.json

@@ -1,8 +0,0 @@
-{
-  "commands-show-output": false,
-  "blanks-around-fences": false,
-  "line-length": false,
-  "no-inline-html": {
-    "allowed_elements": ["kbd", "sub"]
-  }
-}

.vscode/extensions.json

@@ -1,3 +1,12 @@
 {
-  "recommendations": ["ms-vscode-remote.remote-containers"]
+  "recommendations": [
+    // Liquid tags auto-complete
+    "killalau.vscode-liquid-snippets",
+    // Liquid syntax highlighting and formatting
+    "Shopify.theme-check-vscode",
+    // Common formatter
+    "esbenp.prettier-vscode",
+    "foxundermoon.shell-format",
+    "stylelint.vscode-stylelint"
+  ]
 }

.vscode/settings.json

@@ -2,29 +2,23 @@
   // Prettier
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
+  "prettier.trailingComma": "none",
   // Shopify Liquid
   "files.associations": {
     "*.html": "liquid"
   },
-  "[markdown]": {
-    "editor.defaultFormatter": "yzhang.markdown-all-in-one"
-  },
   // Formatter
   "[html][liquid]": {
     "editor.defaultFormatter": "Shopify.theme-check-vscode"
   },
   "[shellscript]": {
-    "editor.defaultFormatter": "mkhl.shfmt"
+    "editor.defaultFormatter": "foxundermoon.shell-format"
   },
   // Disable vscode built-in stylelint
   "css.validate": false,
   "scss.validate": false,
   "less.validate": false,
   // Stylint extension settings
-  "stylelint.snippet": ["css", "scss"],
-  "stylelint.validate": ["css", "scss"],
-  // Run tasks in macOS
-  "terminal.integrated.profiles.osx": {
-    "zsh": { "path": "/bin/zsh", "args": ["-l", "-i"] }
-  }
+  "stylelint.snippet": ["css", "less", "postcss", "scss"],
+  "stylelint.validate": ["css", "less", "postcss", "scss"]
 }

.vscode/tasks.json

@@ -1,64 +0,0 @@
-{
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "label": "Run Jekyll Server",
-      "type": "shell",
-      "command": "./tools/run.sh",
-      "group": {
-        "kind": "build",
-        "isDefault": true
-      },
-      "problemMatcher": [],
-      "detail": "Runs the Jekyll server with live reload."
-    },
-    {
-      "label": "Build Jekyll Site",
-      "type": "shell",
-      "command": "./tools/test.sh",
-      "group": {
-        "kind": "build"
-      },
-      "problemMatcher": [],
-      "detail": "Build the Jekyll site for production."
-    },
-    {
-      "label": "Build JS (watch)",
-      "type": "shell",
-      "command": "npm run watch:js",
-      "group": {
-        "kind": "build"
-      },
-      "problemMatcher": [],
-      "detail": "Build JS files in watch mode."
-    },
-    {
-      "label": "Build CSS",
-      "type": "shell",
-      "command": "npm run build:css",
-      "group": {
-        "kind": "build"
-      },
-      "problemMatcher": [],
-      "detail": "Build CSS files."
-    },
-    {
-      "label": "Build JS & CSS",
-      "type": "shell",
-      "command": "npm run build",
-      "group": {
-        "kind": "build"
-      },
-      "problemMatcher": [],
-      "detail": "Build JS & CSS for production."
-    },
-    {
-      "label": "Run Jekyll Server + Build JS (watch)",
-      "dependsOn": ["Run Jekyll Server", "Build JS (watch)"],
-      "group": {
-        "kind": "build"
-      },
-      "detail": "Runs both the Jekyll server with live reload and build JS files in watch mode."
-    }
-  ]
-}

Gemfile

@@ -4,11 +4,20 @@ source "https://rubygems.org"
 
 gemspec
 
-gem "html-proofer", "~> 5.0", group: :test
+group :test do
+  gem "html-proofer", "~> 4.4"
+end
 
+# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
+# and associated library.
 platforms :mingw, :x64_mingw, :mswin, :jruby do
   gem "tzinfo", ">= 1", "< 3"
   gem "tzinfo-data"
 end
 
-gem "wdm", "~> 0.2.0", :platforms => [:mingw, :x64_mingw, :mswin]
+# Performance-booster for watching directories on Windows
+gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
+
+# Lock `http_parser.rb` gem to `v0.6.x` on JRuby builds since newer versions of the gem
+# do not have a Java counterpart.
+gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby]

README.md

@@ -1,16 +1,14 @@
-<!-- markdownlint-disable-next-line -->
 <div align="center">
 
-  <!-- markdownlint-disable-next-line -->
   # Chirpy Jekyll Theme
 
   A minimal, responsive, and feature-rich Jekyll theme for technical writing.
 
-  [![CI](https://img.shields.io/github/actions/workflow/status/cotes2020/jekyll-theme-chirpy/ci.yml?logo=github)][ci]&nbsp;
-  [![Codacy Badge](https://img.shields.io/codacy/grade/4e556876a3c54d5e8f2d2857c4f43894?logo=codacy)][codacy]&nbsp;
-  [![GitHub license](https://img.shields.io/github/license/cotes2020/jekyll-theme-chirpy?color=goldenrod)][license]&nbsp;
-  [![Gem Version](https://img.shields.io/gem/v/jekyll-theme-chirpy?&logo=RubyGems&logoColor=ghostwhite&label=gem&color=orange)][gem]&nbsp;
-  [![Open in Dev Containers](https://img.shields.io/badge/Dev_Containers-Open-deepskyblue?logo=linuxcontainers)][open-container]
+  [![Gem Version](https://img.shields.io/gem/v/jekyll-theme-chirpy?color=brightgreen)][gem]&nbsp;
+  [![CI](https://github.com/cotes2020/jekyll-theme-chirpy/actions/workflows/ci.yml/badge.svg?branch=master&event=push)][ci]&nbsp;
+  [![Codacy Badge](https://app.codacy.com/project/badge/Grade/4e556876a3c54d5e8f2d2857c4f43894)][codacy]&nbsp;
+  [![GitHub license](https://img.shields.io/github/license/cotes2020/jekyll-theme-chirpy.svg)][license]&nbsp;
+  [![996.icu](https://img.shields.io/badge/link-996.icu-%23FF4D5B.svg)](https://996.icu)
 
   [**Live Demo** →][demo]
 
@@ -20,7 +18,7 @@
 
 ## Features
 
-- Dark Theme
+- Dark / Light Theme Mode
 - Localized UI language
 - Pinned Posts on Home Page
 - Hierarchical Categories
@@ -30,13 +28,13 @@
 - Syntax Highlighting
 - Mathematical Expressions
 - Mermaid Diagrams & Flowcharts
-- Dark Mode Images
-- Embed Media
-- Comment Systems
+- Dark / Light Mode Images
+- Embed Videos
+- Disqus / Giscus / Utterances Comments
 - Built-in Search
 - Atom Feeds
 - PWA
-- Web Analytics
+- Google Analytics / GoatCounter
 - SEO & Performance Optimization
 
 ## Documentation
@@ -56,7 +54,7 @@ For details, see the "[Contributing Guidelines][contribute-guide]".
 Thanks to [all the contributors][contributors] involved in the development of the project!
 
 [![all-contributors](https://contrib.rocks/image?repo=cotes2020/jekyll-theme-chirpy&columns=16)][contributors]
-<sub> — Made with [contrib.rocks](https://contrib.rocks)</sub>
+<sub> —— Made with [contrib.rocks](https://contrib.rocks)</sub>
 
 ### Third-Party Assets
 
@@ -72,7 +70,6 @@ This project is published under [MIT License][license].
 [ci]: https://github.com/cotes2020/jekyll-theme-chirpy/actions/workflows/ci.yml?query=event%3Apush+branch%3Amaster
 [codacy]: https://app.codacy.com/gh/cotes2020/jekyll-theme-chirpy/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade
 [license]: https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/LICENSE
-[open-container]: https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/cotes2020/jekyll-theme-chirpy
 [jekyllrb]: https://jekyllrb.com/
 [clipartmax]: https://www.clipartmax.com/middle/m2i8b1m2K9Z5m2K9_ant-clipart-childrens-ant-cute/
 [demo]: https://cotes2020.github.io/chirpy-demo/

_config.yml

@@ -1,13 +1,13 @@
 # The Site Configuration
 theme: jekyll-theme-chirpy
 lang: en
-timezone: Europe/Istanbul
+timezone:  Europe/Istanbul
 
 # See for Jekyll SEO Tag Settings: https://github.com/jekyll/jekyll-seo-tag/blob/master/docs/usage.md
 
-title: Aliberk Sandıkçı
+title: Aliberk Sandıkçı 
 tagline: Personal Website & Blog
-description: >-
+description: >- 
   Personal Website & Blog of Aliberk Sandıkçı
 
 url: "https://asandikci.com"
@@ -15,28 +15,18 @@ baseurl: "/"
 
 forgejo:
   username: asandikci
-  domain: "git.asandikci.com"
-
-github:
-  username: asandikci
+  domain: 'git.aliberksandikci.com.tr'
 
 social:
   name: Aliberk Sandıkçı
   email: contact@aliberksandikci.com.tr
   links:
-    - https://git.asandikci.com/asandikci
-    - https://github.com/asandikci
+    - https://git.aliberksandikci.com.tr/asandikci 
     - https://mastodon.social/@asandikci
     - https://www.linkedin.com/in/asandikci
 
 theme_mode: # [light | dark]
 
-# Web Analytics Settings
-analytics:
-  umami:
-    id: 80f4b239-3529-46be-b7a1-df82c6967a87
-    domain: analytics.yayindasin.org
-
 # the avatar on sidebar, support local or CORS resources
 avatar: https://asandikci.com/assets/img/pp.png
 
@@ -48,9 +38,8 @@ social_preview_image: # string, local or CORS resources
 toc: true
 
 comments:
-  # Global switch for the post-comment system. Keeping it empty means disabled.
-  provider: # [disqus | utterances | giscus]
-  # The provider options are as follows:
+  active: # The global switch for posts comments, e.g., 'disqus'.  Keep it empty means disable
+  # The active options are as follows:
   disqus:
     shortname: # fill with the Disqus shortname. › https://help.disqus.com/en/articles/1717111-what-s-a-shortname
   # utterances settings › https://utteranc.es/
@@ -64,7 +53,6 @@ comments:
     category:
     category_id:
     mapping: # optional, default to 'pathname'
-    strict: # optional, default to '0'
     input_position: # optional, default to 'bottom'
     lang: # optional, default to the value of `site.lang`
     reactions_enabled: # optional, default to the value of `1`
@@ -78,9 +66,9 @@ assets:
     env: # [development | production]
 
 pwa:
-  enabled: true # The option for PWA feature (installable)
+  enabled: true # the option for PWA feature (installable)
   cache:
-    enabled: true # The option for PWA offline cache
+    enabled: true # the option for PWA offline cache
     # Paths defined here will be excluded from the PWA cache.
     # Usually its value is the `baseurl` of another website that
     # shares the same domain name as the current website.
@@ -92,7 +80,6 @@ paginate: 10
 # ------------ The following options are not recommended to be modified ------------------
 
 kramdown:
-  footnote_backlink: "↩︎"
   syntax_highlighter: rouge
   syntax_highlighter_opts: # Rouge Options › https://github.com/jneen/rouge#full-options
     css_class: highlight
@@ -129,6 +116,10 @@ defaults:
     values:
       layout: page
       permalink: /:title/
+  - scope:
+      path: assets/js/dist
+    values:
+      swcache: true
 
 sass:
   style: compressed
@@ -149,7 +140,7 @@ exclude:
   - tools
   - README.md
   - LICENSE
-  - "*.config.js"
+  - rollup.config.js
   - package*.json
 
 jekyll-archives:

_data/contact.yml

@@ -34,16 +34,4 @@
 
 - type: rss
   icon: "fas fa-rss"
-  noblank: true
-#
-# - type: bluesky
-#   icon: 'fa-brands fa-bluesky'
-#   url: ''                   # Fill with your Bluesky profile link
-#
-# - type: reddit
-#   icon: 'fa-brands fa-reddit'
-#   url: ''                   # Fill with your Reddit profile link
-#
-# - type: threads
-#   icon: 'fa-brands fa-threads'
-#   url: ''                   # Fill with your Threads profile link
+  noblank: true

_data/contact.yml.orig

@@ -1,66 +0,0 @@
-#  The contact options.
-
-- type: forgejo
-  icon: "fa-solid fa-code-branch"
-  url: 'https://git.aliberksandikci.com.tr/'
-
-- type: xmpp
-  icon: 'fa fa-xmpp'
-  url: 'xmpp:asandikci@aliberksandikci.com.tr'
-
-- type: email
-  icon: "fas fa-envelope"
-  noblank: false
-
-- type: mastodon
-  icon: 'fa fa-mastodon'
-  url: 'https://mastodon.social/@asandikci/'
-
-- type: linkedin
-  icon: 'fab fa-linkedin'
-  url: 'https://linkedin.com/in/asandikci'
-
-- type: discord
-  icon: 'fa fa-discord'
-  url: 'https://discord.com/users/987999573479944222'
-
-- type: instagram
-  icon: 'fa fa-instagram'
-  url: 'https://instagram.com/aliberksandikci'
-
-- type: codeberg
-  icon: 'fl-codeberg'
-  url: 'https://codeberg.org/asandikci'
-
-- type: rss
-  icon: "fas fa-rss"
-<<<<<<< HEAD
-  noblank: true
-=======
-  noblank: true
-# Uncomment and complete the url below to enable more contact options
-#
-# - type: mastodon
-#   icon: 'fab fa-mastodon'   # icons powered by <https://fontawesome.com/>
-#   url:  ''                  # Fill with your Mastodon account page, rel="me" will be applied for verification
-#
-# - type: linkedin
-#   icon: 'fab fa-linkedin'   # icons powered by <https://fontawesome.com/>
-#   url:  ''                  # Fill with your Linkedin homepage
-#
-# - type: stack-overflow
-#   icon: 'fab fa-stack-overflow'
-#   url:  ''                  # Fill with your stackoverflow homepage
-#
-# - type: bluesky
-#   icon: 'fa-brands fa-bluesky'
-#   url: ''                   # Fill with your Bluesky profile link
-#
-# - type: reddit
-#   icon: 'fa-brands fa-reddit'
-#   url: ''                   # Fill with your Reddit profile link
-#
-# - type: threads
-#   icon: 'fa-brands fa-threads'
-#   url: ''                   # Fill with your Threads profile link
->>>>>>> upstream_master

_data/locales/ar.yml

@@ -43,7 +43,7 @@ copyright:
 meta: باستخدام :PLATFORM السمة :THEME
 
 not_found:
-  statement: عذرا, الرابط التالي غير صالح أو انه يشير إلى صفحة غير موجودة.
+  statment: عذرا, الرابط التالي غير صالح أو انه يشير إلى صفحة غير موجودة.
 
 notification:
   update_found: يتوفر اصدار جديد للمحتوى.

_data/locales/bg-BG.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Създадено чрез :PLATFORM и :THEME тема
 
 not_found:
-  statement: Съжалявам, но на този URL адрес няма налично съдържание.
+  statment: Съжалявам, но на този URL адрес няма налично съдържание.
 
 notification:
   update_found: Налична е нова версия на съдържанието.

_data/locales/cs-CZ.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Použití :PLATFORM s motivem :THEME
 
 not_found:
-  statement: Omlouváme se, adresu URL jsme špatně umístili nebo odkazuje na něco, co neexistuje.
+  statment: Omlouváme se, adresu URL jsme špatně umístili nebo odkazuje na něco, co neexistuje.
 
 notification:
   update_found: Je k dispozici nová verze obsahu.

_data/locales/de-DE.yml

@@ -42,7 +42,7 @@ copyright:
 meta: Powered by :PLATFORM with :THEME theme
 
 not_found:
-  statement: Entschuldigung, dieser Link verweist auf keine vorhandene Ressource.
+  statment: Entschuldigung, dieser Link verweist auf keine vorhandene Ressource.
 
 notification:
   update_found: Eine neue Version ist verfügbar.
@@ -76,7 +76,7 @@ df:
   post:
     strftime: "%d.%m.%Y"
     dayjs: "DD.MM.YYYY"
-
+    
 # categories page
 categories:
   category_measure:

_data/locales/el-GR.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Αξιοποιώντας την :PLATFORM theme :THEME
 
 not_found:
-  statement: Συγνώμη, έχουμε τοποθετήσει λάθος αυτήν την διεύθυνση URL ή υποδεικνύει κάτι που δεν υπάρχει.
+  statment: Συγνώμη, έχουμε τοποθετήσει λάθος αυτήν την διεύθυνση URL ή υποδεικνύει κάτι που δεν υπάρχει.
 
 notification:
   update_found: Υπάρχει διαθέσιμη μια νέα έκδοση του περιεχομένου.

_data/locales/en.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Using the :THEME theme for :PLATFORM.
 
 not_found:
-  statement: Sorry, we've misplaced that URL or it's pointing to something that doesn't exist.
+  statment: Sorry, we've misplaced that URL or it's pointing to something that doesn't exist.
 
 notification:
   update_found: A new version of content is available.

_data/locales/es-ES.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Hecho con :PLATFORM usando el tema :THEME
 
 not_found:
-  statement: Lo sentimos, hemos perdido esa URL o apunta a algo que no existe.
+  statment: Lo sentimos, hemos perdido esa URL o apunta a algo que no existe.
 
 notification:
   update_found: Hay una nueva versión de contenido disponible.

_data/locales/fi-FI.yml

@@ -42,7 +42,7 @@ copyright:
 meta: Käytetään :PLATFORM iä Teema :THEME
 
 not_found:
-  statement: Valitettavasti tällä URL-osoitteella ei ole saatavilla sisältöä.
+  statment: Valitettavasti tällä URL-osoitteella ei ole saatavilla sisältöä.
 
 notification:
   update_found: Uusi versio sisällöstä on saatavilla.

_data/locales/fr-FR.yml

@@ -14,7 +14,7 @@ tabs:
   categories: Catégories
   tags: Tags
   archives: Archives
-  about: À propos
+  about: A propos de
 
 # the text displayed in the search bar & search results
 search:
@@ -32,18 +32,18 @@ copyright:
   license:
     template: Cet article est sous licence :LICENSE_NAME par l'auteur.
     name: CC BY 4.0
-    link: https://creativecommons.org/licenses/by/4.0/deed.fr
+    link: https://creativecommons.org/licenses/by/4.0/
 
   # Displayed in the footer
   brief: Certains droits réservés.
   verbose: >-
-    Sauf mention contraire, les articles de ce site sont publiés
+    Sauf mention contraire, les articles de ce site sont publiés sous licence
     sous la licence Creative Commons Attribution 4.0 International (CC BY 4.0) par l'auteur.
 
 meta: Propulsé par :PLATFORM avec le thème :THEME
 
 not_found:
-  statement: Désolé, nous avons égaré cette URL ou elle pointe vers quelque chose qui n'existe pas.
+  statment: Désolé, nous avons égaré cette URL ou elle pointe vers quelque chose qui n'existe pas.
 
 notification:
   update_found: Une nouvelle version du contenu est disponible.

_data/locales/hu-HU.yml

@@ -14,23 +14,24 @@ tabs:
   categories: Kategóriák
   tags: Címkék
   archives: Archívum
-  about: Bemutatkozás
+  about: Rólam
 
 # the text displayed in the search bar & search results
 search:
   hint: keresés
   cancel: Mégse
-  no_results: Hoppá! Nincs találat a keresésre.
+  no_results: Oops! Nincs találat a keresésre.
 
 panel:
   lastmod: Legutóbb frissítve
   trending_tags: Népszerű Címkék
   toc: Tartalom
+  links: Blog linkek
 
 copyright:
   # Shown at the bottom of the post
   license:
-    template: A bejegyzést a szerző :LICENSE_NAME licenc alatt engedélyezte.
+    template: A bejegyzés :LICENSE_NAME licenccel rendelkezik.
     name: CC BY 4.0
     link: https://creativecommons.org/licenses/by/4.0/
 
@@ -41,10 +42,10 @@ copyright:
     Creative Commons Attribution 4.0 International (CC BY 4.0) licenccel rendelkeznek,
     hacsak másképp nincs jelezve.
 
-meta: Készítve :THEME témával a :PLATFORM platformra.
+meta: Készítve :PLATFORM motorral :THEME témával
 
 not_found:
-  statement: Sajnáljuk, az URL-t rosszul helyeztük el, vagy valami nem létezőre mutat.
+  statment: Sajnáljuk, az URL-t rosszul helyeztük el, vagy valami nem létezőre mutat.
 
 notification:
   update_found: Elérhető a tartalom új verziója.
@@ -72,21 +73,7 @@ post:
       title: Link másolása
       succeed: Link sikeresen másolva!
 
-# Date time format.
-# See: <http://strftime.net/>, <https://day.js.org/docs/en/display/format>
-df:
-  post:
-    strftime: "%Y. %B. %e."
-    dayjs: "YYYY. MMMM D."
-  archives:
-    strftime: "%B"
-    dayjs: "MMM"
-
 # categories page
 categories:
-  category_measure:
-    singular: kategória
-    plural: kategória
-  post_measure:
-    singular: bejegyzés
-    plural: bejegyzés
+  category_measure: kategória
+  post_measure: bejegyzés

_data/locales/id-ID.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Didukung oleh :PLATFORM dengan tema :THEME
 
 not_found:
-  statement: Maaf, kami gagal menemukan URL itu atau memang mengarah ke sesuatu yang tidak ada.
+  statment: Maaf, kami gagal menemukan URL itu atau memang mengarah ke sesuatu yang tidak ada.
 
 notification:
   update_found: Versi konten baru tersedia.

_data/locales/it-IT.yml

@@ -42,7 +42,7 @@ copyright:
 
 meta: Servizio offerto da :PLATFORM con tema :THEME
 not_found:
-  statement: Ci scusiamo, non è stato possibile trovare l'URL in questione. Potrebbe puntare ad una pagina non esistente.
+  statment: Ci scusiamo, non è stato possibile trovare l'URL in questione. Potrebbe puntare ad una pagina non esistente.
 
 notification:
   update_found: Nuova versione del contenuto disponibile.

_data/locales/ko-KR.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Powered by :PLATFORM with :THEME theme
 
 not_found:
-  statement: 해당 URL은 존재하지 않습니다.
+  statment: 해당 URL은 존재하지 않습니다.
 
 notification:
   update_found: 새 버전의 콘텐츠를 사용할 수 있습니다.

_data/locales/my-MM.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Powered by :PLATFORM with :THEME theme
 
 not_found:
-  statement: ဝမ်းနည်းပါသည်၊ ကျွန်ုပ်တို့သည် အဆိုပါ URL ကို မှားယွင်းစွာ နေရာချထားခြင်း သို့မဟုတ် ၎င်းသည် မရှိသောအရာကို ညွှန်ပြနေပါသည်။
+  statment: ဝမ်းနည်းပါသည်၊ ကျွန်ုပ်တို့သည် အဆိုပါ URL ကို မှားယွင်းစွာ နေရာချထားခြင်း သို့မဟုတ် ၎င်းသည် မရှိသောအရာကို ညွှန်ပြနေပါသည်။
 
 notification:
   update_found: အကြောင်းအရာဗားရှင်းအသစ်ကို ရနိုင်ပါပြီ။

_data/locales/pt-BR.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Feito com :PLATFORM usando o tema :THEME
 
 not_found:
-  statement: Desculpe, a página não foi encontrada.
+  statment: Desculpe, a página não foi encontrada.
 
 notification:
   update_found: Uma nova versão do conteúdo está disponível.

_data/locales/ru-RU.yml

@@ -42,7 +42,7 @@ copyright:
 meta: Использует тему :THEME для :PLATFORM
 
 not_found:
-  statement: Извините, мы перепутали URL-адрес или он указывает на что-то несуществующее.
+  statment: Извините, мы перепутали URL-адрес или он указывает на что-то несуществующее.
 
 notification:
   update_found: Доступна новая версия контента.
@@ -76,7 +76,7 @@ df:
   post:
     strftime: "%d.%m.%Y"
     dayjs: "DD.MM.YYYY"
-
+    
 # categories page
 categories:
   category_measure:

_data/locales/sl-SI.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Uporabljena :PLATFORM tema :THEME #Using the :PLATFORM theme :THEME
 
 not_found:
-  statement: Oprostite, hiperpovezava je neustrezna ali vsebina ne obstajata. #Sorry, we've misplaced that URL or it's pointing to something that doesn't exist.
+  statment: Oprostite, hiperpovezava je neustrezna ali vsebina ne obstajata. #Sorry, we've misplaced that URL or it's pointing to something that doesn't exist.
 
 notification:
   update_found: Novejša različica vsebine je na voljo. #A new version of content is available.

_data/locales/sv-SE.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Byggd med :PLATFORM och temat :THEME
 
 not_found:
-  statement: Ursäkta, vi har tappat bort den här webbadressen eller så pekar den på något som inte längre finns.
+  statment: Ursäkta, vi har tappat bort den här webbadressen eller så pekar den på något som inte längre finns.
 
 notification:
   update_found: Det finns en ny version av innehållet.

_data/locales/th.yml

@@ -43,7 +43,7 @@ copyright:
 meta: กำลังใช้ธีมของ :PLATFORM ชื่อ :THEME
 
 not_found:
-  statement: ขออภัย เราวาง URL นั้นไว้ผิดที่ หรือมันชี้ไปยังสิ่งที่ไม่มีอยู่
+  statment: ขออภัย เราวาง URL นั้นไว้ผิดที่ หรือมันชี้ไปยังสิ่งที่ไม่มีอยู่
 
 notification:
   update_found: มีเวอร์ชันใหม่ของเนื้อหา

_data/locales/tr-TR.yml

@@ -43,7 +43,7 @@ copyright:
 meta: :PLATFORM ve :THEME teması
 
 not_found:
-  statement: Üzgünüz, bu linki yanlış yerleştirdik veya var olmayan bir şeye işaret ediyor.
+  statment: Üzgünüz, bu linki yanlış yerleştirdik veya var olmayan bir şeye işaret ediyor.
 
 notification:
   update_found: İçeriğin yeni bir sürümü mevcut.

_data/locales/uk-UA.yml

@@ -43,7 +43,7 @@ copyright:
 meta: Powered by :PLATFORM with :THEME theme
 
 not_found:
-  statement: Вибачте, це посилання вказує на ресурс, що не існує.
+  statment: Вибачте, це посилання вказує на ресурс, що не існує.
 
 notification:
   update_found: Доступна нова версія вмісту.

_data/locales/vi-VN.yml

@@ -42,7 +42,7 @@ copyright:
 meta: Trang web này được tạo bởi :PLATFORM với chủ đề :THEME
 
 not_found:
-  statement: Xin lỗi, chúng tôi đã đặt nhầm URL hoặc đường dẫn trỏ đến một trang nào đó không tồn tại.
+  statment: Xin lỗi, chúng tôi đã đặt nhầm URL hoặc đường dẫn trỏ đến một trang nào đó không tồn tại.
 
 notification:
   update_found: Đã có phiên bản mới của nội dung.

_data/locales/zh-CN.yml

@@ -42,7 +42,7 @@ copyright:
 meta: 本站采用 :PLATFORM 主题 :THEME
 
 not_found:
-  statement: 抱歉，我们放错了该 URL，或者它指向了不存在的内容。
+  statment: 抱歉，我们放错了该 URL，或者它指向了不存在的内容。
 
 notification:
   update_found: 发现新版本的内容。

_data/locales/zh-TW.yml

@@ -42,7 +42,7 @@ copyright:
 meta: 本網站使用 :PLATFORM 產生，採用 :THEME 主題
 
 not_found:
-  statement: 抱歉，您可能正在存取一個已被移動的 URL，或者它從未存在。
+  statment: 抱歉，您可能正在存取一個已被移動的 URL，或者它從未存在。
 
 notification:
   update_found: 發現新版本更新。

_data/media.yml

@@ -1,18 +0,0 @@
-- extension: mp3
-  mime_type: mpeg
-- extension: mov
-  mime_type: quicktime
-- extension: avi
-  mime_type: x-msvideo
-- extension: mkv
-  mime_type: x-matroska
-- extension: ogv
-  mime_type: ogg
-- extension: weba
-  mime_type: webm
-- extension: 3gp
-  mime_type: 3gpp
-- extension: 3g2
-  mime_type: 3gpp2
-- extension: mid
-  mime_type: midi

_data/origin/basic.yml

@@ -4,6 +4,13 @@ webfonts: /assets/lib/fonts/main.css
 
 # Libraries
 
+jquery:
+  js: /assets/lib/jquery/jquery.min.js
+
+bootstrap:
+  css: /assets/lib/bootstrap/bootstrap.min.css
+  js: /assets/lib/bootstrap/bootstrap.bundle.min.js
+
 toc:
   css: /assets/lib/tocbot/tocbot.min.css
   js: /assets/lib/tocbot/tocbot.min.js
@@ -20,13 +27,13 @@ mermaid:
 dayjs:
   js:
     common: /assets/lib/dayjs/dayjs.min.js
-    locale: /assets/lib/dayjs/locale/en.js
-    relativeTime: /assets/lib/dayjs/plugin/relativeTime.js
-    localizedFormat: /assets/lib/dayjs/plugin/localizedFormat.js
+    locale: /assets/lib/dayjs/locale/en.min.js
+    relativeTime: /assets/lib/dayjs/plugin/relativeTime.min.js
+    localizedFormat: /assets/lib/dayjs/plugin/localizedFormat.min.js
 
-glightbox:
-  css: /assets/lib/glightbox/glightbox.min.css
-  js: /assets/lib/glightbox/glightbox.min.js
+magnific-popup:
+  css: /assets/lib/magnific-popup/magnific-popup.css
+  js: /assets/lib/magnific-popup/jquery.magnific-popup.min.js
 
 lazy-polyfill:
   css: /assets/lib/loading-attribute-polyfill/loading-attribute-polyfill.min.css

_data/origin/cors.yml

@@ -1,27 +1,32 @@
-# Resource Hints
-resource_hints:
-  - url: https://fonts.googleapis.com
-    links:
-      - rel: preconnect
-      - rel: dns-prefetch
-  - url: https://fonts.gstatic.com
-    links:
-      - rel: preconnect
-        opts: [crossorigin]
-      - rel: dns-prefetch
-  - url: https://cdn.jsdelivr.net
-    links:
-      - rel: preconnect
-      - rel: dns-prefetch
+# CDNs
 
-# Web Fonts
-webfonts: https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Source+Sans+Pro:wght@400;600;700;900&display=swap
+cdns:
+  # Google Fonts
+  - url: https://fonts.googleapis.com
+  - url: https://fonts.gstatic.com
+    args: crossorigin
+  - url: https://fonts.googleapis.com
+  # jsDelivr CDN
+  - url: https://cdn.jsdelivr.net
+  # polyfill.io for math (cdnjs.cloudflare.com/polyfill)
+  - url: https://cdnjs.cloudflare.com
+
+# fonts
+
+webfonts: https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro:wght@400;600;700;900&display=swap
 
 # Libraries
 
+jquery:
+  js: https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js
+
+bootstrap:
+  css: https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css
+  js: https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js
+
 toc:
-  css: https://cdn.jsdelivr.net/npm/tocbot@4.29.0/dist/tocbot.min.css
-  js: https://cdn.jsdelivr.net/npm/tocbot@4.29.0/dist/tocbot.min.js
+  css: https://cdn.jsdelivr.net/npm/tocbot@4.25.0/dist/tocbot.min.css
+  js: https://cdn.jsdelivr.net/npm/tocbot@4.25.0/dist/tocbot.min.js
 
 fontlogos:
   css: https://cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css
@@ -30,7 +35,7 @@ forkawesome:
   css: https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css
 
 fontawesome:
-  css: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/all.min.css
+  css: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css
 
 ballooncss:
   css: https://unpkg.com/balloon-css/balloon.min.css
@@ -39,18 +44,18 @@ search:
   js: https://cdn.jsdelivr.net/npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.min.js
 
 mermaid:
-  js: https://cdn.jsdelivr.net/npm/mermaid@11.0.2/dist/mermaid.min.js
+  js: https://cdn.jsdelivr.net/npm/mermaid@10.8.0/dist/mermaid.min.js
 
 dayjs:
   js:
-    common: https://cdn.jsdelivr.net/npm/dayjs@1.11.13/dayjs.min.js
-    locale: https://cdn.jsdelivr.net/npm/dayjs@1.11.13/locale/:LOCALE.js
-    relativeTime: https://cdn.jsdelivr.net/npm/dayjs@1.11.13/plugin/relativeTime.js
-    localizedFormat: https://cdn.jsdelivr.net/npm/dayjs@1.11.13/plugin/localizedFormat.js
+    common: https://cdn.jsdelivr.net/npm/dayjs@1.11.10/dayjs.min.js
+    locale: https://cdn.jsdelivr.net/npm/dayjs@1.11.10/locale/:LOCALE.min.js
+    relativeTime: https://cdn.jsdelivr.net/npm/dayjs@1.11.10/plugin/relativeTime.min.js
+    localizedFormat: https://cdn.jsdelivr.net/npm/dayjs@1.11.10/plugin/localizedFormat.min.js
 
-glightbox:
-  css: https://cdn.jsdelivr.net/npm/glightbox@3.3.0/dist/css/glightbox.min.css
-  js: https://cdn.jsdelivr.net/npm/glightbox@3.3.0/dist/js/glightbox.min.js
+magnific-popup:
+  css: https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/magnific-popup.min.css
+  js: https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/jquery.magnific-popup.min.js
 
 lazy-polyfill:
   css: https://cdn.jsdelivr.net/npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.min.css

_data/share.yml

@@ -1,4 +1,5 @@
 platforms:
+
   - type: Linkedin
     icon: "fab fa-linkedin"
     link: "https://www.linkedin.com/sharing/share-offsite/?url=URL"
@@ -14,7 +15,7 @@ platforms:
       - label: fosstodon.org
         link: "https://fosstodon.org/"
       - label: mastodon.com.tr
-        link: "https://mastodon.com.tr/"
+        link: "https://mastodon.com.tr/"  
 
   - type: Twitter
     icon: "fa-brands fa-square-x-twitter"
@@ -27,50 +28,3 @@ platforms:
   - type: Telegram
     icon: "fab fa-telegram"
     link: "https://t.me/share/url?url=URL&text=TITLE"
-
-  - type: Bluesky
-    icon: "fa-brands fa-bluesky"
-    link: "https://bsky.app/intent/compose?text=TITLE%20URL"
-
-  - type: Reddit
-    icon: "fa-brands fa-square-reddit"
-    link: "https://www.reddit.com/submit?url=URL&title=TITLE"
-
-  - type: Threads
-    icon: "fa-brands fa-square-threads"
-    link: "https://www.threads.net/intent/post?text=TITLE%20URL"
-
-  # Uncomment below if you need to.
-  #
-  # - type: Linkedin
-  #   icon: "fab fa-linkedin"
-  #   link: "https://www.linkedin.com/sharing/share-offsite/?url=URL"
-  #
-  # - type: Weibo
-  #   icon: "fab fa-weibo"
-  #   link: "https://service.weibo.com/share/share.php?title=TITLE&url=URL"
-  #
-  # - type: Mastodon
-  #   icon: "fa-brands fa-mastodon"
-  #   # See: https://github.com/justinribeiro/share-to-mastodon#properties
-  #   instances:
-  #     - label: mastodon.social
-  #       link: "https://mastodon.social/"
-  #     - label: mastodon.online
-  #       link: "https://mastodon.online/"
-  #     - label: fosstodon.org
-  #       link: "https://fosstodon.org/"
-  #     - label: photog.social
-  #       link: "https://photog.social/"
-  #
-  # - type: Bluesky
-  #   icon: "fa-brands fa-bluesky"
-  #   link: "https://bsky.app/intent/compose?text=TITLE%20URL"
-  #
-  # - type: Reddit
-  #   icon: "fa-brands fa-square-reddit"
-  #   link: "https://www.reddit.com/submit?url=URL&title=TITLE"
-  #
-  # - type: Threads
-  #   icon: "fa-brands fa-square-threads"
-  #   link: "https://www.threads.net/intent/post?text=TITLE%20URL"

_includes/analytics/cloudflare.html

@@ -1,7 +0,0 @@
-<!-- Cloudflare Web Analytics -->
-<script
-  defer
-  src="https://static.cloudflareinsights.com/beacon.min.js"
-  data-cf-beacon='{"token": "{{ site.analytics.cloudflare.id }}"}'
-></script>
-<!-- End Cloudflare Web Analytics -->

_includes/analytics/fathom.html

@@ -1,7 +0,0 @@
-<!-- Fathom -->
-<script
-  src="https://cdn.usefathom.com/script.js"
-  data-site="{{ site.analytics.fathom.id }}"
-  defer>
-</script>
-<!-- End Fathom Code -->

_includes/analytics/goatcounter.html

@@ -1,6 +0,0 @@
-<!-- GoatCounter -->
-<script
-  async
-  src="https://gc.zgo.at/count.js"
-  data-goatcounter="https://{{ site.analytics.goatcounter.id }}.goatcounter.com/count"
-></script>

_includes/analytics/google.html

@@ -1,13 +0,0 @@
-<!-- Global site tag (gtag.js) - Google Analytics -->
-<script defer src="https://www.googletagmanager.com/gtag/js?id={{ site.analytics.google.id }}"></script>
-<script>
-  document.addEventListener('DOMContentLoaded', function (event) {
-    window.dataLayer = window.dataLayer || [];
-    function gtag() {
-      dataLayer.push(arguments);
-    }
-
-    gtag('js', new Date());
-    gtag('config', '{{ site.analytics.google.id }}');
-  });
-</script>

_includes/analytics/matomo.html

@@ -1,14 +0,0 @@
-<!-- Matomo -->
-<script type="text/javascript">
-  var _paq = window._paq = window._paq || [];
-  _paq.push(['trackPageView']);
-  _paq.push(['enableLinkTracking']);
-  (function() {
-    var u="//{{ site.analytics.matomo.domain }}/";
-    _paq.push(['setTrackerUrl', u+'matomo.php']);
-    _paq.push(['setSiteId', {{ site.analytics.matomo.id }}]);
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-  })();
-</script>
-<!-- End Matomo Code -->

_includes/analytics/umami.html

@@ -1,6 +0,0 @@
-<!-- Umami -->
-<script
-  defer
-  src="{{ site.analytics.umami.domain }}/script.js"
-  data-website-id="{{ site.analytics.umami.id }}"
-></script>

_includes/comments.html

@@ -1,5 +1,5 @@
-<!-- The comments switcher -->
-{% if page.comments and site.comments.provider %}
-  {% capture path %}comments/{{ site.comments.provider }}.html{% endcapture %}
+<!--  The comments switcher -->
+{% if page.comments and site.comments.active %}
+  {% capture path %}comments/{{ site.comments.active }}.html{% endcapture %}
   {% include {{ path }} %}
 {% endif %}

_includes/comments/disqus.html

@@ -10,7 +10,7 @@
     this.page.identifier = '{{ page.url }}';
   };
 
-  {%- comment -%} Lazy loading {%- endcomment -%}
+  /* Lazy loading */
   var disqus_observer = new IntersectionObserver(
     function (entries) {
       if (entries[0].isIntersecting) {
@@ -28,12 +28,12 @@
     { threshold: [0] }
   );
 
-  disqus_observer.observe(document.getElementById('disqus_thread'));
+  disqus_observer.observe(document.querySelector('#disqus_thread'));
 
-  {%- comment -%} Auto switch theme {%- endcomment -%}
+  /* Auto switch theme */
   function reloadDisqus() {
     if (event.source === window && event.data && event.data.direction === ModeToggle.ID) {
-      {%- comment -%} Disqus hasn't been loaded {%- endcomment -%}
+      /* Disqus hasn't been loaded */
       if (typeof DISQUS === 'undefined') {
         return;
       }
@@ -44,7 +44,7 @@
     }
   }
 
-  if (document.getElementById('mode-toggle')) {
+  if (document.querySelector('.mode-toggle')) {
     window.addEventListener('message', reloadDisqus);
   }
 </script>

_includes/comments/giscus.html

@@ -2,6 +2,7 @@
 <script type="text/javascript">
   (function () {
     const origin = 'https://giscus.app';
+    const iframe = 'iframe.giscus-frame';
     const lightTheme = 'light';
     const darkTheme = 'dark_dimmed';
 
@@ -17,12 +18,6 @@
       initTheme = darkTheme;
     }
 
-    let lang = '{{ site.comments.giscus.lang | default: lang }}';
-    {%- comment -%} https://github.com/giscus/giscus/tree/main/locales {%- endcomment -%}
-    if (lang.length > 2 && !lang.startsWith('zh')) {
-      lang = lang.slice(0, 2);
-    }
-
     let giscusAttributes = {
       src: 'https://giscus.app/client.js',
       'data-repo': '{{ site.comments.giscus.repo}}',
@@ -30,12 +25,11 @@
       'data-category': '{{ site.comments.giscus.category }}',
       'data-category-id': '{{ site.comments.giscus.category_id }}',
       'data-mapping': '{{ site.comments.giscus.mapping | default: 'pathname' }}',
-      'data-strict' : '{{ site.comments.giscus.strict | default: '0' }}',
       'data-reactions-enabled': '{{ site.comments.giscus.reactions_enabled | default: '1' }}',
       'data-emit-metadata': '0',
       'data-theme': initTheme,
       'data-input-position': '{{ site.comments.giscus.input_position | default: 'bottom' }}',
-      'data-lang': lang,
+      'data-lang': '{{ site.comments.giscus.lang | default: lang }}',
       'data-loading': 'lazy',
       crossorigin: 'anonymous',
       async: ''
@@ -53,7 +47,7 @@
         event.data &&
         event.data.direction === ModeToggle.ID
       ) {
-        {%- comment -%} global theme mode changed {%- endcomment -%}
+        /* global theme mode changed */
         const mode = event.data.message;
         const theme = mode === ModeToggle.DARK_MODE ? darkTheme : lightTheme;
 
@@ -63,7 +57,7 @@
           }
         };
 
-        const giscus = document.getElementsByClassName('giscus-frame')[0].contentWindow;
+        const giscus = document.querySelector(iframe).contentWindow;
         giscus.postMessage({ giscus: message }, origin);
       }
     });

_includes/comments/utterances.html

@@ -10,6 +10,7 @@
 <script type="text/javascript">
   (function () {
     const origin = 'https://utteranc.es';
+    const iframe = 'iframe.utterances-frame';
     const lightTheme = 'github-light';
     const darkTheme = 'github-dark';
     let initTheme = lightTheme;
@@ -25,12 +26,12 @@
     addEventListener('message', (event) => {
       let theme;
 
-      {%- comment -%} credit to <https://github.com/utterance/utterances/issues/170#issuecomment-594036347> {%- endcomment -%}
+      /* credit to <https://github.com/utterance/utterances/issues/170#issuecomment-594036347> */
       if (event.origin === origin) {
-        {%- comment -%} page initial {%- endcomment -%}
+        /* page initial */
         theme = initTheme;
       } else if (event.source === window && event.data && event.data.direction === ModeToggle.ID) {
-        {%- comment -%} global theme mode changed {%- endcomment -%}
+        /* global theme mode changed */
         const mode = event.data.message;
         theme = mode === ModeToggle.DARK_MODE ? darkTheme : lightTheme;
       } else {
@@ -42,7 +43,7 @@
         theme: theme
       };
 
-      const utterances = document.getElementsByClassName('utterances-frame')[0].contentWindow;
+      const utterances = document.querySelector(iframe).contentWindow;
       utterances.postMessage(message, origin);
     });
   })();

_includes/embed/audio.html

@@ -1,35 +0,0 @@
-{% assign src = include.src | strip %}
-{% assign title = include.title | strip %}
-{% assign types = include.types | default: '' | strip | split: '|' %}
-
-{% unless src contains '://' %}
-  {%- capture src -%}
-    {% include media-url.html src=src subpath=page.media_subpath %}
-  {%- endcapture -%}
-{% endunless %}
-
-<p>
-  <audio class="embed-audio" controls>
-    {% assign extension = src | split: '.' | last %}
-    {% assign types = extension | concat: types %}
-
-    {% assign ext_size = extension | size %}
-    {% assign src_size = src | size %}
-    {% assign slice_size = src_size | minus: ext_size %}
-
-    {% assign filepath = src | slice: 0, slice_size %}
-
-    {% for type in types %}
-      {% assign src = filepath | append: type %}
-      {% assign media_item = site.data.media | find: 'extension', type %}
-      {% assign mime_type = media_item.mime_type | default: type %}
-      <source src="{{ src }}" type="audio/{{ mime_type }}">
-    {% endfor %}
-
-    Your browser does not support the audio tag. Here is a
-    <a href="{{ src | strip }}">link to the audio file</a> instead.
-  </audio>
-  {% if title %}
-    <em>{{ title }}</em>
-  {% endif %}
-</p>

_includes/embed/bilibili.html

@@ -1,9 +1,10 @@
 <iframe
-  class="embed-video"
+  class="embed-video bilibili"
   loading="lazy"
   src="https://player.bilibili.com/player.html?bvid={{ include.id }}"
   scrolling="no"
-  frameborder="0"
+  border="0"
+  frameborder="no"
   framespacing="0"
   allowfullscreen="true"
-></iframe>
+></iframe>

_includes/embed/video.html

@@ -1,59 +0,0 @@
-{% assign video_url = include.src %}
-{% assign title = include.title %}
-{% assign poster_url = include.poster %}
-{% assign types = include.types | default: '' | strip | split: '|' %}
-
-{% unless video_url contains '://' %}
-  {%- capture video_url -%}
-    {% include media-url.html src=video_url subpath=page.media_subpath %}
-  {%- endcapture -%}
-{% endunless %}
-
-{% if poster_url %}
-  {% unless poster_url contains '://' %}
-    {%- capture poster_url -%}
-      {% include media-url.html src=poster_url subpath=page.media_subpath %}
-    {%- endcapture -%}
-  {% endunless %}
-  {% assign poster = 'poster="' | append: poster_url | append: '"' %}
-{% endif %}
-
-{% assign attributes = 'controls' %}
-
-{% if include.autoplay %}
-  {% assign attributes = attributes | append: ' ' | append: 'autoplay' %}
-{% endif %}
-
-{% if include.loop %}
-  {% assign attributes = attributes | append: ' ' | append: 'loop' %}
-{% endif %}
-
-{% if include.muted %}
-  {% assign attributes = attributes | append: ' ' | append: 'muted' %}
-{% endif %}
-
-<p>
-  <video class="embed-video file" {{ poster }} {{ attributes }}>
-    {% assign extension = video_url | split: '.' | last %}
-    {% assign types = extension | concat: types %}
-
-    {% assign ext_size = extension | size %}
-    {% assign src_size = video_url | size %}
-    {% assign slice_size = src_size | minus: ext_size %}
-
-    {% assign filepath = video_url | slice: 0, slice_size %}
-
-    {% for type in types %}
-      {% assign src = filepath | append: type %}
-      {% assign media_item = site.data.media | find: 'extension', type %}
-      {% assign mime_type = media_item.mime_type | default: type %}
-      <source src="{{ src }}" type="video/{{ mime_type }}">
-    {% endfor %}
-
-    Your browser does not support the video tag. Here is a
-    <a href="{{ video_url | strip }}">link to the video file</a> instead.
-  </video>
-  {% if title %}
-    <em>{{ title }}</em>
-  {% endif %}
-</p>

_includes/embed/youtube.html

@@ -1,5 +1,5 @@
 <iframe
-  class="embed-video"
+  class="embed-video youtube"
   loading="lazy"
   src="https://www.youtube.com/embed/{{ include.id }}"
   title="YouTube video player"

_includes/footer.html

@@ -34,14 +34,7 @@
     {%- endcapture -%}
 
     {%- capture _theme -%}
-      <a
-        data-bs-toggle="tooltip"
-        data-bs-placement="top"
-        title="v{{ theme.version }}"
-        href="https://github.com/cotes2020/jekyll-theme-chirpy"
-        target="_blank"
-        rel="noopener"
-      >Chirpy</a>
+      <a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a>
     {%- endcapture -%}
 
     {{ site.data.locales[include.lang].meta | replace: ':PLATFORM', _platform | replace: ':THEME', _theme }}

_includes/goatcounter.html

@@ -0,0 +1,8 @@
+<!-- GoatCounter -->
+
+<script
+  data-goatcounter="https://{{ site.goatcounter.id }}.goatcounter.com/count"
+  async
+  src="https://gc.zgo.at/count.js"
+></script>
+

_includes/google-analytics.html

@@ -0,0 +1,14 @@
+<!--
+  The GA snippet
+-->
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script defer src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics.id }}"></script>
+<script>
+  document.addEventListener("DOMContentLoaded", function(event) {
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+
+    gtag('js', new Date());
+    gtag('config', '{{ site.google_analytics.id }}');
+  });
+</script>

_includes/head.html

@@ -1,128 +1,120 @@
 <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-  <meta
-    name="theme-color"
-    media="(prefers-color-scheme: light)"
-    content="#f7f7f7"
-  />
-  <meta
-    name="theme-color"
-    media="(prefers-color-scheme: dark)"
-    content="#1b1b1e"
-  />
-  <meta name="mobile-web-app-capable" content="yes" />
-  <meta
-    name="apple-mobile-web-app-status-bar-style"
-    content="black-translucent"
-  />
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
+  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
   <meta
     name="viewport"
     content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
-  />
+  >
 
-  {%- capture seo_tags -%} {% seo title=false %} {%- endcapture -%}
+  {%- capture seo_tags -%}
+    {% seo title=false %}
+  {%- endcapture -%}
 
   <!-- Setup Open Graph image -->
 
-  {% if page.image %} {% assign src = page.image.path | default: page.image %}
-  {% unless src contains '://' %} {%- capture img_url -%} {% include
-  media-url.html src=src subpath=page.media_subpath absolute=true %} {%-
-  endcapture -%} {%- capture old_url -%}{{ src | absolute_url }}{%- endcapture
-  -%} {%- capture new_url -%}{{ img_url }}{%- endcapture -%} {% assign seo_tags
-  = seo_tags | replace: old_url, new_url %} {% endunless %} {% elsif
-  site.social_preview_image %} {%- capture img_url -%} {% include media-url.html
-  src=site.social_preview_image absolute=true %} {%- endcapture -%} {%- capture
-  og_image -%}
-  <meta property="og:image" content="{{ img_url }}" />
-  {%- endcapture -%} {%- capture twitter_image -%}
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta property="twitter:image" content="{{ img_url }}" />
-  {%- endcapture -%} {% assign old_meta_clip = '
-  <meta name="twitter:card" content="summary" />
-  ' %} {% assign new_meta_clip = og_image | append: twitter_image %} {% assign
-  seo_tags = seo_tags | replace: old_meta_clip, new_meta_clip %} {% endif %} {{
-  seo_tags }}
+  {% if page.image %}
+    {% assign src = page.image.path | default: page.image %}
+
+    {% unless src contains '://' %}
+      {%- capture img_url -%}
+        {% include img-url.html src=src img_path=page.img_path absolute=true %}
+      {%- endcapture -%}
+
+      {%- capture old_url -%}{{ src | absolute_url }}{%- endcapture -%}
+      {%- capture new_url -%}{{ img_url }}{%- endcapture -%}
+
+      {% assign seo_tags = seo_tags | replace: old_url, new_url %}
+    {% endunless %}
+
+  {% elsif site.social_preview_image %}
+    {%- capture img_url -%}
+      {% include img-url.html src=site.social_preview_image absolute=true %}
+    {%- endcapture -%}
+
+    {%- capture og_image -%}
+      <meta property="og:image" content="{{ img_url }}" />
+    {%- endcapture -%}
+
+    {%- capture twitter_image -%}
+      <meta name="twitter:card" content="summary_large_image" />
+      <meta property="twitter:image" content="{{ img_url }}" />
+    {%- endcapture -%}
+
+    {% assign old_meta_clip = '<meta name="twitter:card" content="summary" />' %}
+    {% assign new_meta_clip = og_image | append: twitter_image %}
+    {% assign seo_tags = seo_tags | replace: old_meta_clip, new_meta_clip %}
+  {% endif %}
+
+  {{ seo_tags }}
 
   <title>
-    {%- unless page.layout == 'home' -%} {{ page.title | append: ' | ' }} {%-
-    endunless -%} {{ site.title }}
+    {%- unless page.layout == 'home' -%}
+      {{ page.title | append: ' | ' }}
+    {%- endunless -%}
+    {{ site.title }}
   </title>
 
   {% include_cached favicons.html %}
 
-  <!-- Resource Hints -->
-  {% unless site.assets.self_host.enabled %} {% for hint in
-  site.data.origin.cors.resource_hints %} {% for link in hint.links %} <link
-  rel="{{ link.rel }}" href="{{ hint.url }}" {{ link.opts | join: ' ' }}> {%
-  endfor %} {% endfor %} {% endunless %}
+  {% if site.resources.ignore_env != jekyll.environment and site.resources.self_hosted %}
+    <link href="{{ site.data.origin[type].webfonts | relative_url }}" rel="stylesheet">
+
+  {% else %}
+    {% for cdn in site.data.origin[type].cdns %}
+      <link rel="preconnect" href="{{ cdn.url }}" {{ cdn.args }}>
+      <link rel="dns-prefetch" href="{{ cdn.url }}" {{ cdn.args }}>
+    {% endfor %}
+
+    <link rel="stylesheet" href="{{ site.data.origin[type].webfonts | relative_url }}">
+  {% endif %}
+
+  <!-- GA -->
+  {% if jekyll.environment == 'production' and site.google_analytics.id != empty and site.google_analytics.id %}
+    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin="use-credentials">
+    <link rel="dns-prefetch" href="https://www.google-analytics.com">
+
+    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin="anonymous">
+    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
+  {% endif %}
 
   <!-- Bootstrap -->
-  {% unless jekyll.environment == 'production' %}
-  <link
-    rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
-  />
-  {% endunless %}
+  <link rel="stylesheet" href="{{ site.data.origin[type].bootstrap.css | relative_url }}">
 
   <!-- Font Logos -->
-  <link
-    rel="stylesheet"
-    href="{{ site.data.origin[type].fontlogos.css | relative_url }}"
-  />
+  <link rel="stylesheet" href="{{ site.data.origin[type].fontlogos.css | relative_url }}" >
 
-  <!-- Font Awesome Icons -->
-  <link
-    rel="stylesheet"
-    href="{{ site.data.origin[type].fontawesome.css | relative_url }}"
-  />
+  <!-- Font Awesome -->
+  <link rel="stylesheet" href="{{ site.data.origin[type].fontawesome.css | relative_url }}">
 
-  <!-- Fork Awesome [added by asandikci] -->
-  <link
-    rel="stylesheet"
-    href="{{ site.data.origin[type].forkawesome.css | relative_url }}"
-    integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY="
-    crossorigin="anonymous"
-  />
+  <!-- Fork Awesome -->
+  <link rel="stylesheet" href="{{ site.data.origin[type].forkawesome.css | relative_url }}" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
 
-  <!-- Balloon CSS [added by asandikci] -->
-  <link
-    rel="stylesheet"
-    href="{{ site.data.origin[type].ballooncss.css | relative_url }}"
-  />
+  <!-- Balloon CSS -->
+  <link rel="stylesheet" href="{{ site.data.origin[type].ballooncss.css | relative_url }}">
 
-  <!-- Theme style -->
-  <link
-    rel="stylesheet"
-    href="{{ '/assets/css/:THEME.css' | replace: ':THEME', site.theme | relative_url }}"
-  />
-
-  <!-- Web Font -->
-  <link
-    rel="stylesheet"
-    href="{{ site.data.origin[type].webfonts | relative_url }}"
-  />
+  <link rel="stylesheet" href="{{ '/assets/css/:THEME.css' | replace: ':THEME', site.theme | relative_url }}">
 
   {% if site.toc and page.toc %}
-  <link
-    rel="stylesheet"
-    href="{{ site.data.origin[type].toc.css | relative_url }}"
-  />
-  {% endif %} {% if page.layout == 'post' or page.layout == 'page' or
-  page.layout == 'home' %}
-  <link
-    rel="stylesheet"
-    href="{{ site.data.origin[type]['lazy-polyfill'].css | relative_url }}"
-  />
-  {% endif %} {% if page.layout == 'page' or page.layout == 'post' %}
-  <!-- Image Popup -->
-  <link
-    rel="stylesheet"
-    href="{{ site.data.origin[type].glightbox.css | relative_url }}"
-  />
+    <link rel="stylesheet" href="{{ site.data.origin[type].toc.css | relative_url }}">
+  {% endif %}
+
+  {% if page.layout == 'post' or page.layout == 'page' or page.layout == 'home' %}
+    <link rel="stylesheet" href="{{ site.data.origin[type]['lazy-polyfill'].css | relative_url }}">
+  {% endif %}
+
+  {% if page.layout == 'page' or page.layout == 'post' %}
+    <!-- Manific Popup -->
+    <link rel="stylesheet" href="{{ site.data.origin[type].magnific-popup.css | relative_url }}">
   {% endif %}
 
   <!-- JavaScript -->
 
-  {% unless site.theme_mode %} {% include mode-toggle.html %} {% endunless %} {%
-  include metadata-hook.html %}
+  {% unless site.theme_mode %}
+    {% include mode-toggle.html %}
+  {% endunless %}
+
+  {% include metadata-hook.html %}
 </head>

_includes/img-url.html

@@ -1,25 +1,25 @@
 {%- comment -%}
-  Generate media resource final URL based on `site.cdn`, `page.media_subpath`
+  Generate image final URL based on `site.img_cdn`, `page.img_path`
 
   Arguments:
-    src - required, basic media resources path
-    subpath - optional, relative path of media resources
+    src - required, basic image path
+    img_path - optional, relative path of image
     absolute - optional, boolean, if true, generate absolute URL
 
   Return:
-    media resources URL
+    image URL
 {%- endcomment -%}
 
 {% assign url = include.src %}
 
 {%- if url -%}
   {% unless url contains ':' %}
-    {%- comment -%} Add media resources subpath prefix {%- endcomment -%}
-    {% assign url = include.subpath | default: '' | append: '/' | append: url %}
+    {%- comment -%} Add page image path prefix {%- endcomment -%}
+    {% assign url = include.img_path | default: '' | append: '/' | append: url %}
 
     {%- comment -%} Prepend CND URL {%- endcomment -%}
-    {% if site.cdn %}
-      {% assign url = site.cdn | append: '/' | append: url %}
+    {% if site.img_cdn %}
+      {% assign url = site.img_cdn | append: '/' | append: url %}
     {% endif %}
 
     {% assign url = url | replace: '///', '/' | replace: '//', '/' | replace: ':/', '://' %}

_includes/js-selector.html

@@ -3,10 +3,17 @@
 <!-- commons -->
 <script src="/assets/js/user/copy.js"></script>
 
-{% assign urls = site.data.origin[type].search.js %}
+{% assign urls = site.data.origin[type].jquery.js
+  | append: ','
+  | append: site.data.origin[type].bootstrap.js
+  | append: ','
+  | append: site.data.origin[type].search.js
+%}
 
 <!-- layout specified -->
 
+{% assign js_dist = '/assets/js/dist/' %}
+
 {% if page.layout == 'post' or page.layout == 'page' or page.layout == 'home' %}
   {% assign urls = urls | append: ',' | append: site.data.origin[type]['lazy-polyfill'].js %}
 
@@ -14,7 +21,7 @@
     <!-- image lazy-loading & popup & clipboard -->
     {% assign urls = urls
       | append: ','
-      | append: site.data.origin[type].glightbox.js
+      | append: site.data.origin[type]['magnific-popup'].js
       | append: ','
       | append: site.data.origin[type].clipboard.js
     %}
@@ -27,7 +34,7 @@
   or page.layout == 'category'
   or page.layout == 'tag'
 %}
-  {% assign locale = include.lang | split: '-' | first %}
+  {% assign locale = site.lang | split: '-' | first %}
 
   {% assign urls = urls
     | append: ','
@@ -61,50 +68,47 @@
     {% assign js = 'commons' %}
 {% endcase %}
 
-{% capture script %}/assets/js/dist/{{ js }}.min.js{% endcapture %}
-
-<script src="{{ script | relative_url }}"></script>
+{% capture script %}{{ js_dist }}{{ js }}.min.js{% endcapture %}
+<script defer src="{{ script | relative_url }}"></script>
 
 {% if page.math %}
   <!-- MathJax -->
-  <script src="{{ '/assets/js/data/mathjax.js' | relative_url }}"></script>
+  <script>
+    /* see: <https://docs.mathjax.org/en/latest/options/input/tex.html#tex-options> */
+    MathJax = {
+      tex: {
+        /* start/end delimiter pairs for in-line math */
+        inlineMath: [
+          ['$', '$'],
+          ['\\(', '\\)']
+        ],
+        /* start/end delimiter pairs for display math */
+        displayMath: [
+          ['$$', '$$'],
+          ['\\[', '\\]']
+        ],
+        /* equation numbering */
+        tags: 'ams'
+      }
+    };
+  </script>
   <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=es6"></script>
   <script id="MathJax-script" async src="{{ site.data.origin[type].mathjax.js | relative_url }}"></script>
 {% endif %}
 
-<!-- Pageviews -->
-{% if page.layout == 'post' %}
-  {% assign provider = site.pageviews.provider %}
-
-  {% if provider and provider != empty %}
-    {% case provider %}
-      {% when 'goatcounter' %}
-        {% if site.analytics[provider].id != empty and site.analytics[provider].id %}
-          {% include pageviews/{{ provider }}.html %}
-        {% endif %}
-    {% endcase %}
-  {% endif %}
-{% endif %}
-
-{% if page.mermaid %}
-  {% include mermaid.html %}
-{% endif %}
-
 {% if jekyll.environment == 'production' %}
   <!-- PWA -->
   {% if site.pwa.enabled %}
-    <script
-      defer
-      src="{{ 'app.min.js' | relative_url }}?baseurl={{ site.baseurl | default: '' }}&register={{ site.pwa.cache.enabled }}"
-    ></script>
+    <script defer src="{{ 'app.min.js' | prepend: js_dist | relative_url }}"></script>
   {% endif %}
 
-  <!-- Web Analytics -->
-  {% for analytics in site.analytics %}
-    {% capture str %}{{ analytics }}{% endcapture %}
-    {% assign type = str | split: '{' | first %}
-    {% if site.analytics[type].id and site.analytics[type].id != empty %}
-      {% include analytics/{{ type }}.html %}
-    {% endif %}
-  {% endfor %}
+  <!-- GA -->
+  {% if site.google_analytics.id != empty and site.google_analytics.id %}
+    {% include google-analytics.html %}
+  {% endif %}
+
+  <!-- GoatCounter -->
+  {% if site.goatcounter.id != empty and site.goatcounter.id %}
+    {% include goatcounter.html %}
+  {% endif %}
 {% endif %}

_includes/lang.html

@@ -1,9 +1,7 @@
 {% comment %}
   Detect appearance language and return it through variable "lang"
 {% endcomment %}
-{% if site.data.locales[page.lang] %}
-  {% assign lang = page.lang %}
-{% elsif site.data.locales[site.lang] %}
+{% if site.data.locales[site.lang] %}
   {% assign lang = site.lang %}
 {% else %}
   {% assign lang = 'en' %}

_includes/mermaid.html

@@ -1,33 +1,29 @@
 <!-- mermaid-js loader -->
 <script type="text/javascript">
-  function updateMermaid(event) {
-    if (event.source === window && event.data && event.data.direction === ModeToggle.ID) {
-      const mode = event.data.message;
-
-      if (typeof mermaid === 'undefined') {
-        return;
-      }
-
-      let expectedTheme = mode === ModeToggle.DARK_MODE ? 'dark' : 'default';
-      let config = { theme: expectedTheme };
-
-      {%- comment -%}
-        Re-render the SVG › <https://github.com/mermaid-js/mermaid/issues/311#issuecomment-332557344>
-      {%- endcomment -%}
-      const mermaidList = document.getElementsByClassName('mermaid');
-
-      [...mermaidList].forEach((elem) => {
-        const svgCode = elem.previousSibling.children.item(0).innerHTML;
-        elem.innerHTML = svgCode;
-        elem.removeAttribute('data-processed');
-      });
-
-      mermaid.initialize(config);
-      mermaid.init(undefined, '.mermaid');
-    }
-  }
-
   (function () {
+    function updateMermaid(event) {
+      if (event.source === window && event.data && event.data.direction === ModeToggle.ID) {
+        const mode = event.data.message;
+
+        if (typeof mermaid === 'undefined') {
+          return;
+        }
+
+        let expectedTheme = mode === ModeToggle.DARK_MODE ? 'dark' : 'default';
+        let config = { theme: expectedTheme };
+
+        /* Re-render the SVG › <https://github.com/mermaid-js/mermaid/issues/311#issuecomment-332557344> */
+        $('.mermaid').each(function () {
+          let svgCode = $(this).prev().children().html();
+          $(this).removeAttr('data-processed');
+          $(this).html(svgCode);
+        });
+
+        mermaid.initialize(config);
+        mermaid.init(undefined, '.mermaid');
+      }
+    }
+
     let initTheme = 'default';
     const html = document.documentElement;
 
@@ -39,16 +35,15 @@
     }
 
     let mermaidConf = {
-      theme: initTheme {%- comment -%}  <default | dark | forest | neutral> {%- endcomment -%}
+      theme: initTheme /* <default|dark|forest|neutral> */
     };
 
-    {%- comment -%} Create mermaid tag {%- endcomment -%}
-    const basicList = document.getElementsByClassName('language-mermaid');
-    [...basicList].forEach((elem) => {
+    /* Create mermaid tag */
+    document.querySelectorAll('pre>code.language-mermaid').forEach((elem) => {
       const svgCode = elem.textContent;
       const backup = elem.parentElement;
-      backup.classList.add('d-none');
-      {%- comment -%} create mermaid node {%- endcomment -%}
+      backup.classList.add('unloaded');
+      /* create mermaid node */
       let mermaid = document.createElement('pre');
       mermaid.classList.add('mermaid');
       const text = document.createTextNode(svgCode);
@@ -57,6 +52,7 @@
     });
 
     mermaid.initialize(mermaidConf);
+
     window.addEventListener('message', updateMermaid);
   })();
 </script>

_includes/mode-toggle.html

@@ -19,32 +19,45 @@
     }
 
     constructor() {
+      if (this.hasMode) {
+        if (this.isDarkMode) {
+          if (!this.isSysDarkPrefer) {
+            this.setDark();
+          }
+        } else {
+          if (this.isSysDarkPrefer) {
+            this.setLight();
+          }
+        }
+      }
+
       let self = this;
 
-      {%- comment -%} always follow the system prefers {%- endcomment -%}
+      /* always follow the system prefers */
       this.sysDarkPrefers.addEventListener('change', () => {
         if (self.hasMode) {
+          if (self.isDarkMode) {
+            if (!self.isSysDarkPrefer) {
+              self.setDark();
+            }
+          } else {
+            if (self.isSysDarkPrefer) {
+              self.setLight();
+            }
+          }
+
           self.clearMode();
         }
+
         self.notify();
       });
-
-      if (!this.hasMode) {
-        return;
-      }
-
-      if (this.isDarkMode) {
-        this.setDark();
-      } else {
-        this.setLight();
-      }
-    }
+    } /* constructor() */
 
     get sysDarkPrefers() {
       return window.matchMedia('(prefers-color-scheme: dark)');
     }
 
-    get isPreferDark() {
+    get isSysDarkPrefer() {
       return this.sysDarkPrefers.matches;
     }
 
@@ -52,6 +65,10 @@
       return this.mode === ModeToggle.DARK_MODE;
     }
 
+    get isLightMode() {
+      return this.mode === ModeToggle.LIGHT_MODE;
+    }
+
     get hasMode() {
       return this.mode != null;
     }
@@ -60,12 +77,12 @@
       return sessionStorage.getItem(ModeToggle.MODE_KEY);
     }
 
-    {%- comment -%} get the current mode on screen {%- endcomment -%}
+    /* get the current mode on screen */
     get modeStatus() {
-      if (this.hasMode) {
-        return this.mode;
+      if (this.isDarkMode || (!this.hasMode && this.isSysDarkPrefer)) {
+        return ModeToggle.DARK_MODE;
       } else {
-        return this.isPreferDark ? ModeToggle.DARK_MODE : ModeToggle.LIGHT_MODE;
+        return ModeToggle.LIGHT_MODE;
       }
     }
 
@@ -84,9 +101,7 @@
       sessionStorage.removeItem(ModeToggle.MODE_KEY);
     }
 
-    {%- comment -%}
-      Notify another plugins that the theme mode has changed
-    {%- endcomment -%}
+    /* Notify another plugins that the theme mode has changed */
     notify() {
       window.postMessage(
         {
@@ -99,9 +114,21 @@
 
     flipMode() {
       if (this.hasMode) {
-        this.clearMode();
+        if (this.isSysDarkPrefer) {
+          if (this.isLightMode) {
+            this.clearMode();
+          } else {
+            this.setLight();
+          }
+        } else {
+          if (this.isDarkMode) {
+            this.clearMode();
+          } else {
+            this.setDark();
+          }
+        }
       } else {
-        if (this.isPreferDark) {
+        if (this.isSysDarkPrefer) {
           this.setLight();
         } else {
           this.setDark();
@@ -109,8 +136,8 @@
       }
 
       this.notify();
-    }
-  }
+    } /* flipMode() */
+  } /* ModeToggle */
 
   const modeToggle = new ModeToggle();
 </script>

_includes/pageviews/goatcounter.html

@@ -1,19 +0,0 @@
-<!-- Display GoatCounter pageviews -->
-<script>
-  let pv = document.getElementById('pageviews');
-
-  if (pv !== null) {
-    const uri = location.pathname.replace(/\/$/, '');
-    const url = `https://{{ site.analytics.goatcounter.id }}.goatcounter.com/counter/${encodeURIComponent(uri)}.json`;
-
-    fetch(url)
-      .then((response) => response.json())
-      .then((data) => {
-        const count = data.count.replace(/\s/g, '');
-        pv.innerText = new Intl.NumberFormat().format(count);
-      })
-      .catch((error) => {
-        pv.innerText = '1';
-      });
-  }
-</script>

_includes/post-description.html

@@ -1,16 +0,0 @@
-{%- comment -%}
-  Get post description or generate it from the post content.
-{%- endcomment -%}
-
-{%- assign max_length = include.max_length | default: 200 -%}
-
-{%- capture description -%}
-{%- if post.description -%}
-  {{- post.description -}}
-{%- else -%}
-  {%- include no-linenos.html content=post.content -%}
-  {{- content | markdownify | strip_html -}}
-{%- endif -%}
-{%- endcapture -%}
-
-{{- description | strip | truncate: max_length | escape -}}

_includes/refactor-content.html

@@ -97,7 +97,7 @@
     {% assign _lazyload = true %}
 
     {%- capture _img_url -%}
-      {% include media-url.html src=_src subpath=page.media_subpath %}
+      {% include img-url.html src=_src img_path=page.img_path %}
     {%- endcapture -%}
 
     {% assign _path_prefix = _img_url | remove: _src %}

_includes/related-posts.html

@@ -21,7 +21,6 @@
   {% assign match_posts = match_posts | push: site.tags[tag] | uniq %}
 {% endfor %}
 
-{% assign match_posts = match_posts | reverse %}
 {% assign last_index = match_posts.size | minus: 1 %}
 {% assign score_list = '' | split: '' %}
 
@@ -82,7 +81,10 @@
               {% include datetime.html date=post.date lang=include.lang %}
               <h4 class="pt-0 my-2">{{ post.title }}</h4>
               <div class="text-muted">
-                <p>{% include post-description.html %}</p>
+                <p>
+                  {% include no-linenos.html content=post.content %}
+                  {{ content | markdownify | strip_html | truncate: 200 | escape }}
+                </p>
               </div>
             </div>
           </a>

_includes/search-loader.html

@@ -19,7 +19,7 @@
 {% capture not_found %}<p class="mt-5">{{ site.data.locales[include.lang].search.no_results }}</p>{% endcapture %}
 
 <script>
-  {%- comment -%} Note: dependent library will be loaded in `js-selector.html` {%- endcomment -%}
+  /* Note: dependent library will be loaded in `js-selector.html` */
   SimpleJekyllSearch({
     searchInput: document.getElementById('search-input'),
     resultsContainer: document.getElementById('search-results'),

_includes/search-results.html

@@ -1,6 +1,6 @@
 <!-- The Search results -->
 
-<div id="search-result-wrapper" class="d-flex justify-content-center d-none">
+<div id="search-result-wrapper" class="d-flex justify-content-center unloaded">
   <div class="col-11 content">
     <div id="search-hints">
       {% include_cached trending-tags.html %}

_includes/sidebar.html

@@ -5,13 +5,15 @@
     <a href="{{ '/' | relative_url }}" id="avatar" class="rounded-circle">
       {%- if site.avatar != empty and site.avatar -%}
         {%- capture avatar_url -%}
-          {% include media-url.html src=site.avatar %}
+          {% include img-url.html src=site.avatar %}
         {%- endcapture -%}
         <img src="{{- avatar_url -}}" width="112" height="112" alt="avatar" onerror="this.style.display='none'">
       {%- endif -%}
     </a>
 
-    <a class="site-title d-block" href="{{ '/' | relative_url }}">{{ site.title }}</a>
+    <h1 class="site-title">
+      <a href="{{ '/' | relative_url }}">{{ site.title }}</a>
+    </h1>
     <p class="site-subtitle fst-italic mb-0">{{ site.tagline }}</p>
   </header>
   <!-- .profile-wrapper -->
@@ -42,7 +44,7 @@
 
   <div class="sidebar-bottom d-flex flex-wrap  align-items-center w-100">
     {% unless site.theme_mode %}
-      <button type="button" class="btn btn-link nav-link" aria-label="Switch Mode" id="mode-toggle">
+      <button type="button" class="mode-toggle btn" aria-label="Switch Mode">
         <i class="fas fa-adjust"></i>
       </button>
 

_includes/toc-status.html

@@ -1,10 +0,0 @@
-{% comment %}
-  Determine TOC state and return it through variable "enable_toc"
-{% endcomment %}
-
-{% assign enable_toc = false %}
-{% if site.toc and page.toc %}
-  {% if page.content contains '<h2' or page.content contains '<h3' %}
-    {% assign enable_toc = true %}
-  {% endif %}
-{% endif %}

_includes/toc.html

@@ -1,8 +1,13 @@
-{% include toc-status.html %}
+{% assign enable_toc = false %}
+{% if site.toc and page.toc %}
+  {% if page.content contains '<h2' or page.content contains '<h3' %}
+    {% assign enable_toc = true %}
+  {% endif %}
+{% endif %}
 
 {% if enable_toc %}
   <section id="toc-wrapper" class="ps-0 pe-4">
-    <h2 class="panel-heading ps-3 mb-2">{{- site.data.locales[include.lang].panel.toc -}}</h2>
+    <h2 class="panel-heading ps-3 pt-2 mb-2">{{- site.data.locales[include.lang].panel.toc -}}</h2>
     <nav id="toc"></nav>
   </section>
 {% endif %}

_includes/topbar.html

@@ -59,7 +59,7 @@
       <i class="fas fa-search fa-fw"></i>
     </button>
 
-    <search id="search" class="align-items-center ms-3 ms-lg-0">
+    <search class="align-items-center ms-3 ms-lg-0">
       <i class="fas fa-search fa-fw"></i>
       <input
         class="form-control"

_javascript/_copyright

@@ -0,0 +1 @@
+Chirpy v<%= pkg.version %> | © 2019 <%= pkg.author %> | <%= pkg.license %> Licensed | <%= pkg.homepage %>