{title}
+ +{snippet}
+
- {%- assign page_link = "/" -%}
-
-
\ No newline at end of file
diff --git a/_includes/comments.html b/_includes/comments.html
new file mode 100644
index 00000000..fef135f0
--- /dev/null
+++ b/_includes/comments.html
@@ -0,0 +1,5 @@
+
+{% if page.comments and site.comments.provider %}
+ {% capture path %}comments/{{ site.comments.provider }}.html{% endcapture %}
+ {% include {{ path }} %}
+{% endif %}
diff --git a/_includes/comments/disqus.html b/_includes/comments/disqus.html
new file mode 100644
index 00000000..2b889a4e
--- /dev/null
+++ b/_includes/comments/disqus.html
@@ -0,0 +1,50 @@
+
+
+- {%- assign search_tree = page.path | remove: "/index.md" | split: "/" -%} - {%- for sub_tree in search_tree -%} - {% if forloop.first %} - Home - > - {% elsif forloop.last %} - {% if page_type == "category" %} - {{ sub_tree }} - {% else %} - {{ page.title }} - {% endif %} - {% else %} - {%- assign page_link = page_link | append: sub_tree | append: "/" -%} - {{ sub_tree }} - > - {% endif %} - {%- endfor -%} -
-+ + {% if title %} + {{ title }} + {% endif %} +
diff --git a/_includes/embed/bilibili.html b/_includes/embed/bilibili.html new file mode 100644 index 00000000..0aa5552d --- /dev/null +++ b/_includes/embed/bilibili.html @@ -0,0 +1,9 @@ + diff --git a/_includes/embed/twitch.html b/_includes/embed/twitch.html new file mode 100644 index 00000000..ed5ec83d --- /dev/null +++ b/_includes/embed/twitch.html @@ -0,0 +1,8 @@ + diff --git a/_includes/embed/video.html b/_includes/embed/video.html new file mode 100644 index 00000000..9b6918f7 --- /dev/null +++ b/_includes/embed/video.html @@ -0,0 +1,59 @@ +{% 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 %} + ++ + {% if title %} + {{ title }} + {% endif %} +
diff --git a/_includes/embed/youtube.html b/_includes/embed/youtube.html new file mode 100644 index 00000000..8f080021 --- /dev/null +++ b/_includes/embed/youtube.html @@ -0,0 +1,9 @@ + diff --git a/_includes/favicons.html b/_includes/favicons.html new file mode 100644 index 00000000..957c933f --- /dev/null +++ b/_includes/favicons.html @@ -0,0 +1,19 @@ + + +{% capture favicon_path %}{{ '/assets/img/favicons' | relative_url }}{% endcapture %} + + + + +{% if site.pwa.enabled %} + +{% endif %} + + + + + + diff --git a/_includes/footer.html b/_includes/footer.html index 25fdad6f..1ba9b637 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,9 +1,49 @@ - - - \ No newline at end of file + + + diff --git a/_includes/head.html b/_includes/head.html index 390efae3..fd260c0e 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -1,63 +1,107 @@ - - - -
-
\ No newline at end of file
diff --git a/_includes/media-url.html b/_includes/media-url.html
new file mode 100644
index 00000000..ea410750
--- /dev/null
+++ b/_includes/media-url.html
@@ -0,0 +1,37 @@
+{%- comment -%}
+ Generate media resource final URL based on `site.cdn`, `page.media_subpath`
+
+ Arguments:
+ src - required, basic media resources path
+ subpath - optional, relative path of media resources
+ absolute - optional, boolean, if true, generate absolute URL
+
+ Return:
+ media resources 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 -%} Prepend CND URL {%- endcomment -%}
+ {% if site.cdn %}
+ {% assign url = site.cdn | append: '/' | append: url %}
+ {% endif %}
+
+ {% assign url = url | replace: '///', '/' | replace: '//', '/' | replace: ':/', '://' %}
+
+ {% unless url contains '://' %}
+ {% if include.absolute %}
+ {% assign url = site.url | append: site.baseurl | append: url %}
+ {% else %}
+ {% assign url = site.baseurl | append: url %}
+ {% endif %}
+ {% endunless %}
+ {% endunless %}
+{%- endif -%}
+
+{{- url -}}
diff --git a/_includes/mermaid.html b/_includes/mermaid.html
new file mode 100644
index 00000000..a3a83edb
--- /dev/null
+++ b/_includes/mermaid.html
@@ -0,0 +1,62 @@
+
+
diff --git a/_includes/metadata-hook.html b/_includes/metadata-hook.html
new file mode 100644
index 00000000..fd7e9bd2
--- /dev/null
+++ b/_includes/metadata-hook.html
@@ -0,0 +1 @@
+
diff --git a/_includes/mode-toggle.html b/_includes/mode-toggle.html
new file mode 100644
index 00000000..113ec375
--- /dev/null
+++ b/_includes/mode-toggle.html
@@ -0,0 +1,116 @@
+
+
+
diff --git a/_includes/navigation.html b/_includes/navigation.html
deleted file mode 100644
index f77539b6..00000000
--- a/_includes/navigation.html
+++ /dev/null
@@ -1,99 +0,0 @@
-
\ No newline at end of file
diff --git a/_includes/no-linenos.html b/_includes/no-linenos.html
new file mode 100644
index 00000000..85006933
--- /dev/null
+++ b/_includes/no-linenos.html
@@ -0,0 +1,10 @@
+{% comment %}
+ Remove the line number of the code snippet.
+{% endcomment %}
+
+{% assign content = include.content %}
+
+{% if content contains '
- 
-
-
- Now Loading ...
-' %}
+ {% assign content = content | replace: '', '' %}
+{% endif %}
diff --git a/_includes/notification.html b/_includes/notification.html
new file mode 100644
index 00000000..80049b0a
--- /dev/null
+++ b/_includes/notification.html
@@ -0,0 +1,24 @@
+
diff --git a/_includes/origin-type.html b/_includes/origin-type.html
new file mode 100644
index 00000000..7f72012f
--- /dev/null
+++ b/_includes/origin-type.html
@@ -0,0 +1,13 @@
+{% comment %} Site static assets origin type {% endcomment %}
+
+{% assign type = 'cors' %}
+
+{% if site.assets.self_host.enabled %}
+ {% if site.assets.self_host.env %}
+ {% if site.assets.self_host.env == jekyll.environment %}
+ {% assign type = 'basic' %}
+ {% endif %}
+ {% else %}
+ {% assign type = 'basic' %}
+ {% endif %}
+{% endif %}
diff --git a/_includes/pageviews/goatcounter.html b/_includes/pageviews/goatcounter.html
new file mode 100644
index 00000000..e62fd698
--- /dev/null
+++ b/_includes/pageviews/goatcounter.html
@@ -0,0 +1,19 @@
+
+
diff --git a/_includes/pagination.html b/_includes/pagination.html
deleted file mode 100644
index f3f6f16d..00000000
--- a/_includes/pagination.html
+++ /dev/null
@@ -1,75 +0,0 @@
-{%- assign list_pages = site.pages | sort:"date" | reverse -%}
-{%- assign post_counts = 0 -%}
-
-
- {% if page_level == 1 %}
- All Posts
- {% else %}
- {{ category_title }}
- {% endif %}
-
-
-
- {%- for sub_page in list_pages -%}
- {%- assign page_url = page.url | remove: 'index.html' -%}
- {% if sub_page.url contains page_url %}
- {% unless sub_page.url contains "index.html" %}
- {%- assign post_counts = post_counts | plus:1 -%}
- -
-
-
- {% if sub_page.thumbnail != nil %}
- {%- assign thumbnail_url = sub_page.thumbnail -%}
- {%- assign check_localasset = thumbnail_url | split:'/' -%}
- {% if check_localasset[0] == '' %}
- {%- assign thumbnail_url = thumbnail_url | prepend: site.baseurl -%}
- {% endif %}
-
- {% else %}
-
- {% endif %}
-
-
-
{{ sub_page.title }}
-
- {{ sub_page.content | markdownify | strip_html }}
-
-
- {%- assign sub_page_tree = sub_page.path | split: "/" -%}
- {% if sub_page_tree.size > 2 %}
- {{ sub_page_tree[1] }}
- {% else %}
- None
- {% endif %}
- {%- assign posting_date = sub_page.date | date: "%Y-%m-%d" -%}
- {% if posting_date != "1900-01-01" %}
- · {{ sub_page.date | date: "%Y-%m-%d" }}
- {% endif %}
-
-
-
-
- {% endunless %}
- {% endif %}
- {%- endfor -%}
-
- {% if post_counts == 0 %}
-
- 
- Sorry, No posts found
-
- {% endif %}
-
-
-
-
\ No newline at end of file
diff --git a/_includes/post-description.html b/_includes/post-description.html
new file mode 100644
index 00000000..6c400360
--- /dev/null
+++ b/_includes/post-description.html
@@ -0,0 +1,16 @@
+{%- 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 -}}
diff --git a/_includes/post-nav.html b/_includes/post-nav.html
new file mode 100644
index 00000000..736bec37
--- /dev/null
+++ b/_includes/post-nav.html
@@ -0,0 +1,34 @@
+
+
+
diff --git a/_includes/post-paginator.html b/_includes/post-paginator.html
new file mode 100644
index 00000000..c74e978a
--- /dev/null
+++ b/_includes/post-paginator.html
@@ -0,0 +1,91 @@
+
+
+
+
diff --git a/_includes/post-sharing.html b/_includes/post-sharing.html
new file mode 100644
index 00000000..d8941994
--- /dev/null
+++ b/_includes/post-sharing.html
@@ -0,0 +1,52 @@
+
+
+
diff --git a/_includes/post.html b/_includes/post.html
deleted file mode 100644
index a060ae5c..00000000
--- a/_includes/post.html
+++ /dev/null
@@ -1,65 +0,0 @@
-
-
-
- {% if page.title %}
- {{ page.title }}
- {% endif %}
-
- {% if page_level > 2 %}
-
-
- {{ page_tree[0] }}
-
- {% else %}
-
-
- None
-
- {% endif %}
-
-
-
- {%- assign posting_date = page.date | date: "%Y-%m-%d" -%}
- {% if posting_date == "1900-01-01" %}
- -
- {% else %}
- {{ posting_date }}
- {% endif %}
-
-
- {% if site.goatcounter_code != nil %}
-
-
- -
-
- {% endif %}
-
-
- -
-
-
-
-
-
-
- {%- for page_tag in page.tags -%}
-
- {{ page_tag }}
-
- {%- endfor -%}
-
-
- {{ content }}
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/_includes/read-time.html b/_includes/read-time.html
new file mode 100644
index 00000000..99524102
--- /dev/null
+++ b/_includes/read-time.html
@@ -0,0 +1,37 @@
+
+
+{% assign words = include.content | strip_html | number_of_words: 'auto' %}
+
+
+
+{% assign wpm = 180 %}
+{% assign min_time = 1 %}
+
+{% assign read_time = words | divided_by: wpm %}
+
+{% unless read_time > 0 %}
+ {% assign read_time = min_time %}
+{% endunless %}
+
+{% capture read_prompt %}
+ {{- site.data.locales[include.lang].post.read_time.prompt -}}
+{% endcapture %}
+
+
+
+
+ {{- read_time -}}
+ {{ ' ' }}
+ {{- site.data.locales[include.lang].post.read_time.unit -}}
+
+ {%- if include.prompt -%}
+ {%- assign _prompt_words = read_prompt | number_of_words: 'auto' -%}
+ {%- unless _prompt_words > 1 -%}{{ ' ' }}{%- endunless -%}
+ {{ read_prompt }}
+ {%- endif -%}
+
diff --git a/_includes/refactor-content.html b/_includes/refactor-content.html
new file mode 100644
index 00000000..8d298cde
--- /dev/null
+++ b/_includes/refactor-content.html
@@ -0,0 +1,255 @@
+
+
+{% assign _content = include.content %}
+
+
+
+{% if _content contains '', ''
+ | replace: '', ''
+ | replace: '', ''
+ %}
+{% endif %}
+
+
+
+{% if _content contains '' %}
+ {% assign _content = _content
+ | replace: '
', ''
+ %}
+{% endif %}
+
+
+
+{% if _content contains '',
+ ''
+ | replace: '',
+ ''
+ %}
+{% endif %}
+
+
+
+{% assign IMG_TAG = '![]()
' | first %}
+ {% assign _right = _img_snippet | remove: _left %}
+
+ {% unless _left contains 'src=' %}
+ {% continue %}
+ {% endunless %}
+
+ {% assign _left = _left | remove: ' /' | replace: ' w=', ' width=' | replace: ' h=', ' height=' %}
+ {% assign _attrs = _left | split: '" ' %}
+
+ {% assign _src = null %}
+ {% assign _lqip = null %}
+ {% assign _class = null %}
+
+ {% for _attr in _attrs %}
+ {% unless _attr contains '=' %}
+ {% continue %}
+ {% endunless %}
+
+ {% assign _pair = _attr | split: '="' %}
+ {% capture _key %}{{ _pair | first }}{% endcapture %}
+ {% capture _value %}{{ _pair | last | remove: '"' }}{% endcapture %}
+
+ {% case _key %}
+ {% when 'src' %}
+ {% assign _src = _value %}
+ {% when 'lqip' %}
+ {% assign _lqip = _value %}
+ {% when 'class' %}
+ {% assign _class = _value %}
+ {% endcase %}
+ {% endfor %}
+
+
+ {% if _class %}
+ {% capture _old_class %}class="{{ _class }}"{% endcapture %}
+ {% assign _left = _left | remove: _old_class %}
+ {% endif %}
+
+ {% assign _final_src = null %}
+ {% assign _lazyload = true %}
+
+ {%- capture _img_url -%}
+ {% include media-url.html src=_src subpath=page.media_subpath %}
+ {%- endcapture -%}
+
+ {% assign _path_prefix = _img_url | remove: _src %}
+
+ {% unless _src contains '//' %}
+ {% assign _final_src = _path_prefix | append: _src %}
+ {% assign _src_alt = 'src="' | append: _path_prefix %}
+ {% assign _left = _left | replace: 'src="', _src_alt %}
+ {% endunless %}
+
+ {% if _lqip %}
+ {% assign _lazyload = false %}
+ {% assign _class = _class | append: ' blur' %}
+
+ {% unless _lqip contains 'data:' %}
+ {% assign _lqip_alt = 'lqip="' | append: _path_prefix %}
+ {% assign _left = _left | replace: 'lqip="', _lqip_alt %}
+ {% endunless %}
+
+
+ {% assign _left = _left | replace: 'src=', 'data-src=' | replace: ' lqip=', ' data-lqip="true" src=' %}
+
+ {% else %}
+ {% assign _class = _class | append: ' shimmer' %}
+ {% endif %}
+
+
+ {% if _lazyload %}
+ {% assign _left = _left | append: ' loading="lazy"' %}
+ {% endif %}
+
+ {% if page.layout == 'home' %}
+
+ {% assign _wrapper_start = '' %}
+
+ {% assign _img_content = _img_content | append: _wrapper_start %}
+ {% assign _right = _right | prepend: '>` is wrapped by `` -->
+ {% assign _parent = _right | slice: 1, 4 %}
+
+ {% if _parent == '' %}
+
+ {% assign _size = _img_content | size | minus: 1 %}
+ {% capture _class %}
+ class="img-link{% unless _lqip %} shimmer{% endunless %}"
+ {% endcapture %}
+ {% assign _img_content = _img_content | slice: 0, _size | append: _class | append: '>' %}
+
+ {% else %}
+
+ {% assign _wrapper_start = _final_src
+ | default: _src
+ | prepend: ''
+ %}
+
+ {% assign _img_content = _img_content | append: _wrapper_start %}
+ {% assign _right = '>
+ {% assign _img_content = _img_content | append: IMG_TAG | append: _left | append: _right %}
+ {% endfor %}
+
+ {% if _img_content %}
+ {% assign _content = _img_content %}
+ {% endif %}
+{% endif %}
+
+
+
+{% if _content contains '' %}
+ {% assign _code_spippets = _content | split: '' %}
+ {% assign _new_content = '' %}
+
+ {% for _snippet in _code_spippets %}
+ {% if forloop.last %}
+ {% assign _new_content = _new_content | append: _snippet %}
+
+ {% else %}
+ {% assign _left = _snippet | split: '><' | last %}
+
+ {% if _left contains 'file="' %}
+ {% assign _label_text = _left | split: 'file="' | last | split: '"' | first %}
+ {% assign _label_icon = 'far fa-file-code fa-fw' %}
+ {% else %}
+ {% assign _lang = _left | split: 'language-' | last | split: ' ' | first %}
+ {% capture _label_text %}{% include language-alias.html language=_lang %}{% endcapture %}
+ {% assign _label_icon = 'fas fa-code fa-fw small' %}
+ {% endif %}
+
+ {% capture _label %}
+
+ {% endcapture %}
+
+ {% assign _new_content = _new_content
+ | append: _snippet
+ | append: ''
+ | append: _label
+ | append: ''
+ | append: ''
+ %}
+ {% endif %}
+ {% endfor %}
+
+ {% assign _content = _new_content %}
+{% endif %}
+
+
+
+{% assign heading_levels = '2,3,4,5' | split: ',' %}
+{% assign _heading_content = _content %}
+
+{% for level in heading_levels %}
+ {% assign mark_start = ''
+ %}
+
+ {% assign left = snippet | split: mark_end | first %}
+ {% assign right = snippet | slice: left.size, snippet.size %}
+ {% assign left = left | replace_first: '">', '">' | append: '' %}
+
+ {% assign _new_content = _new_content | append: mark_start | append: left | append: anchor | append: right %}
+ {% endfor %}
+
+ {% assign _heading_content = _new_content %}
+ {% endif %}
+{% endfor %}
+
+{% assign _content = _heading_content %}
+
+
+{{ _content }}
diff --git a/_includes/related-posts.html b/_includes/related-posts.html
new file mode 100644
index 00000000..37a295bd
--- /dev/null
+++ b/_includes/related-posts.html
@@ -0,0 +1,94 @@
+
+
+
+{% assign TOTAL_SIZE = 3 %}
+
+
+{% assign TAG_SCORE = 1 %}
+
+
+{% assign CATEGORY_SCORE = 0.5 %}
+
+{% assign SEPARATOR = ':' %}
+
+{% assign match_posts = '' | split: '' %}
+
+{% for category in page.categories %}
+ {% assign match_posts = match_posts | push: site.categories[category] | uniq %}
+{% endfor %}
+
+{% for tag in page.tags %}
+ {% 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: '' %}
+
+{% for i in (0..last_index) %}
+ {% assign post = match_posts[i] %}
+
+ {% if post.url == page.url %}
+ {% continue %}
+ {% endif %}
+
+ {% assign score = 0 %}
+
+ {% for tag in post.tags %}
+ {% if page.tags contains tag %}
+ {% assign score = score | plus: TAG_SCORE %}
+ {% endif %}
+ {% endfor %}
+
+ {% for category in post.categories %}
+ {% if page.categories contains category %}
+ {% assign score = score | plus: CATEGORY_SCORE %}
+ {% endif %}
+ {% endfor %}
+
+ {% if score > 0 %}
+ {% capture score_item %}{{ score }}{{ SEPARATOR }}{{ i }}{% endcapture %}
+ {% assign score_list = score_list | push: score_item %}
+ {% endif %}
+{% endfor %}
+
+{% assign index_list = '' | split: '' %}
+
+{% if score_list.size > 0 %}
+ {% assign score_list = score_list | sort | reverse %}
+ {% for entry in score_list limit: TOTAL_SIZE %}
+ {% assign index = entry | split: SEPARATOR | last %}
+ {% assign index_list = index_list | push: index %}
+ {% endfor %}
+{% endif %}
+
+{% assign relate_posts = '' | split: '' %}
+
+{% for index in index_list %}
+ {% assign i = index | to_integer %}
+ {% assign relate_posts = relate_posts | push: match_posts[i] %}
+{% endfor %}
+
+{% if relate_posts.size > 0 %}
+
+
+{% endif %}
diff --git a/_includes/search-loader.html b/_includes/search-loader.html
new file mode 100644
index 00000000..2582580a
--- /dev/null
+++ b/_includes/search-loader.html
@@ -0,0 +1,47 @@
+
+
+{% capture result_elem %}
+
+
+
+
+{% endcapture %}
+
+{% capture not_found %}{{ site.data.locales[include.lang].search.no_results }}
{% endcapture %}
+
+
diff --git a/_includes/search-results.html b/_includes/search-results.html
new file mode 100644
index 00000000..00a31828
--- /dev/null
+++ b/_includes/search-results.html
@@ -0,0 +1,10 @@
+
+
+
+
+
+ {% include_cached trending-tags.html %}
+
+
+
+
diff --git a/_includes/search.html b/_includes/search.html
deleted file mode 100644
index e68326b9..00000000
--- a/_includes/search.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
-
-
-
- Touch background to close
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/_includes/search_event.html b/_includes/search_event.html
deleted file mode 100644
index 0f268883..00000000
--- a/_includes/search_event.html
+++ /dev/null
@@ -1,54 +0,0 @@
-{%- assign page_list = site.pages
- | where_exp: "item", "item.title != nil"
--%}
-
\ No newline at end of file
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index b888f92f..4f0bb8ca 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -1,86 +1,99 @@
-
-
-
-
- 
- {{ site.title }}
-
-
-
-
-
-
- 
+
+
+
-
- {% include navigation.html %}
-
-
- Contact
-
- {% if site.github_username %}
- -
-
-
- {% endif %}
- {% if site.email %}
- -
-
-
- {% endif %}
- {% if site.twitter_username %}
- -
-
-
- {% endif %}
- {% if site.instagram_username %}
- -
-
-
- {% endif %}
- {% if site.facebook_username %}
- -
-
-
- {% endif %}
- {% if site.linkedin_username %}
- -
-
-
- {% endif %}
-
-
-
- Copyright © 2024 | Yankos
-
-
-
-
-
\ No newline at end of file
+
+
+ {% for tab in site.tabs %}
+
+
+
+ {% capture tab_name %}{{ tab.url | split: '/' }}{% endcapture %}
+
+ {{ site.data.locales[include.lang].tabs.[tab_name] | default: tab.title | upcase }}
+
+
+
+ {% endfor %}
+
+
+
+
+
+
+
diff --git a/_includes/toc.html b/_includes/toc.html
new file mode 100644
index 00000000..15eb9345
--- /dev/null
+++ b/_includes/toc.html
@@ -0,0 +1,13 @@
+{% assign enable_toc = false %}
+{% if site.toc and page.toc %}
+ {% if page.content contains '
+ {{- site.data.locales[include.lang].panel.toc -}}
+
+
+{% endif %}
diff --git a/_includes/topbar.html b/_includes/topbar.html
new file mode 100644
index 00000000..fd68d1fe
--- /dev/null
+++ b/_includes/topbar.html
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+
+
+ {% if page.layout == 'home' %}
+ {{- site.data.locales[include.lang].title | default: site.title -}}
+ {% elsif page.collection == 'tabs' or page.layout == 'page' %}
+ {%- capture tab_key -%}{{ page.url | split: '/' }}{%- endcapture -%}
+ {{- site.data.locales[include.lang].tabs[tab_key] | default: page.title -}}
+ {% else %}
+ {{- site.data.locales[include.lang].layout[page.layout] | default: page.layout | capitalize -}}
+ {% endif %}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/_includes/trending-tags.html b/_includes/trending-tags.html
new file mode 100644
index 00000000..57369f0d
--- /dev/null
+++ b/_includes/trending-tags.html
@@ -0,0 +1,46 @@
+
+
+{% assign MAX = 10 %}
+
+{% assign size_list = '' | split: '' %}
+{% assign tag_list = '' | split: '' %}
+
+{% for tag in site.tags %}
+ {% assign size = tag | last | size %}
+ {% assign size_list = size_list | push: size %}
+
+ {% assign tag_str = tag | first | append: '::' | append: size %}
+ {% assign tag_list = tag_list | push: tag_str %}
+{% endfor %}
+
+{% assign size_list = size_list | sort | reverse %}
+
+{% assign tag_list = tag_list | sort_natural %}
+
+{% assign trending_tags = '' | split: '' %}
+
+{% for size in size_list limit: MAX %}
+ {% for tag_str in tag_list %}
+ {% assign tag = tag_str | split: '::' %}
+ {% assign tag_name = tag | first %}
+ {% assign tag_size = tag | last | plus: 0 %}
+ {% if tag_size == size %}
+ {% unless trending_tags contains tag_name %}
+ {% assign trending_tags = trending_tags | push: tag_name %}
+ {% break %}
+ {% endunless %}
+ {% endif %}
+ {% endfor %}
+{% endfor %}
+
+{% if trending_tags.size > 0 %}
+
+ {{- site.data.locales[include.lang].panel.trending_tags -}}
+
+ {% for tag_name in trending_tags %}
+ {% assign url = tag_name | slugify | url_encode | prepend: '/tags/' | append: '/' %}
+ {{ tag_name }}
+ {% endfor %}
+
+
+{% endif %}
diff --git a/_includes/update-list.html b/_includes/update-list.html
new file mode 100644
index 00000000..93684c3e
--- /dev/null
+++ b/_includes/update-list.html
@@ -0,0 +1,40 @@
+
+
+{% assign MAX_SIZE = 5 %}
+
+{% assign all_list = '' | split: '' %}
+
+{% for post in site.posts %}
+ {% assign datetime = post.last_modified_at | default: post.date %}
+
+ {% capture elem %}
+ {{- datetime | date: "%Y%m%d%H%M%S" -}}::{{- forloop.index0 -}}
+ {% endcapture %}
+
+ {% assign all_list = all_list | push: elem %}
+{% endfor %}
+
+{% assign all_list = all_list | sort | reverse %}
+
+{% assign update_list = '' | split: '' %}
+
+{% for entry in all_list limit: MAX_SIZE %}
+ {% assign update_list = update_list | push: entry %}
+{% endfor %}
+
+{% if update_list.size > 0 %}
+
+ {{- site.data.locales[include.lang].panel.lastmod -}}
+
+ {% for item in update_list %}
+ {% assign index = item | split: '::' | last | plus: 0 %}
+ {% assign post = site.posts[index] %}
+ {% assign url = post.url | relative_url %}
+ -
+ {{ post.title }}
+
+ {% endfor %}
+
+
+
+{% endif %}
diff --git a/_javascript/categories.js b/_javascript/categories.js
new file mode 100644
index 00000000..15d82513
--- /dev/null
+++ b/_javascript/categories.js
@@ -0,0 +1,7 @@
+import { basic, initSidebar, initTopbar } from './modules/layouts';
+import { categoryCollapse } from './modules/plugins';
+
+basic();
+initSidebar();
+initTopbar();
+categoryCollapse();
diff --git a/_javascript/commons.js b/_javascript/commons.js
new file mode 100644
index 00000000..6a17fb93
--- /dev/null
+++ b/_javascript/commons.js
@@ -0,0 +1,5 @@
+import { basic, initSidebar, initTopbar } from './modules/layouts';
+
+initSidebar();
+initTopbar();
+basic();
diff --git a/_javascript/home.js b/_javascript/home.js
new file mode 100644
index 00000000..ef22cb97
--- /dev/null
+++ b/_javascript/home.js
@@ -0,0 +1,8 @@
+import { basic, initSidebar, initTopbar } from './modules/layouts';
+import { initLocaleDatetime, loadImg } from './modules/plugins';
+
+loadImg();
+initLocaleDatetime();
+initSidebar();
+initTopbar();
+basic();
diff --git a/_javascript/misc.js b/_javascript/misc.js
new file mode 100644
index 00000000..52b40438
--- /dev/null
+++ b/_javascript/misc.js
@@ -0,0 +1,7 @@
+import { basic, initSidebar, initTopbar } from './modules/layouts';
+import { initLocaleDatetime } from './modules/plugins';
+
+initSidebar();
+initTopbar();
+initLocaleDatetime();
+basic();
diff --git a/_javascript/modules/components/back-to-top.js b/_javascript/modules/components/back-to-top.js
new file mode 100644
index 00000000..40d9cd1a
--- /dev/null
+++ b/_javascript/modules/components/back-to-top.js
@@ -0,0 +1,19 @@
+/**
+ * Reference: https://bootsnipp.com/snippets/featured/link-to-top-page
+ */
+
+export function back2top() {
+ const btn = document.getElementById('back-to-top');
+
+ window.addEventListener('scroll', () => {
+ if (window.scrollY > 50) {
+ btn.classList.add('show');
+ } else {
+ btn.classList.remove('show');
+ }
+ });
+
+ btn.addEventListener('click', () => {
+ window.scrollTo({ top: 0 });
+ });
+}
diff --git a/_javascript/modules/components/category-collapse.js b/_javascript/modules/components/category-collapse.js
new file mode 100644
index 00000000..0c53cb4b
--- /dev/null
+++ b/_javascript/modules/components/category-collapse.js
@@ -0,0 +1,36 @@
+/**
+ * Tab 'Categories' expand/close effect.
+ */
+
+import 'bootstrap/js/src/collapse.js';
+
+const childPrefix = 'l_';
+const parentPrefix = 'h_';
+const children = document.getElementsByClassName('collapse');
+
+export function categoryCollapse() {
+ [...children].forEach((elem) => {
+ const id = parentPrefix + elem.id.substring(childPrefix.length);
+ const parent = document.getElementById(id);
+
+ // collapse sub-categories
+ elem.addEventListener('hide.bs.collapse', () => {
+ if (parent) {
+ parent.querySelector('.far.fa-folder-open').className =
+ 'far fa-folder fa-fw';
+ parent.querySelector('.fas.fa-angle-down').classList.add('rotate');
+ parent.classList.remove('hide-border-bottom');
+ }
+ });
+
+ // expand sub-categories
+ elem.addEventListener('show.bs.collapse', () => {
+ if (parent) {
+ parent.querySelector('.far.fa-folder').className =
+ 'far fa-folder-open fa-fw';
+ parent.querySelector('.fas.fa-angle-down').classList.remove('rotate');
+ parent.classList.add('hide-border-bottom');
+ }
+ });
+ });
+}
diff --git a/_javascript/modules/components/clipboard.js b/_javascript/modules/components/clipboard.js
new file mode 100644
index 00000000..9566e9d3
--- /dev/null
+++ b/_javascript/modules/components/clipboard.js
@@ -0,0 +1,143 @@
+/**
+ * Clipboard functions
+ *
+ * Dependencies:
+ * clipboard.js (https://github.com/zenorocha/clipboard.js)
+ */
+
+import Tooltip from 'bootstrap/js/src/tooltip';
+
+const clipboardSelector = '.code-header>button';
+
+const ICON_DEFAULT = 'far fa-clipboard';
+const ICON_SUCCESS = 'fas fa-check';
+
+const ATTR_TIMEOUT = 'timeout';
+const ATTR_TITLE_SUCCEED = 'data-title-succeed';
+const ATTR_TITLE_ORIGIN = 'data-bs-original-title';
+const TIMEOUT = 2000; // in milliseconds
+
+function isLocked(node) {
+ if (node.hasAttribute(ATTR_TIMEOUT)) {
+ let timeout = node.getAttribute(ATTR_TIMEOUT);
+ if (Number(timeout) > Date.now()) {
+ return true;
+ }
+ }
+
+ return false;
+}
+
+function lock(node) {
+ node.setAttribute(ATTR_TIMEOUT, Date.now() + TIMEOUT);
+}
+
+function unlock(node) {
+ node.removeAttribute(ATTR_TIMEOUT);
+}
+
+function showTooltip(btn) {
+ const succeedTitle = btn.getAttribute(ATTR_TITLE_SUCCEED);
+ btn.setAttribute(ATTR_TITLE_ORIGIN, succeedTitle);
+ Tooltip.getInstance(btn).show();
+}
+
+function hideTooltip(btn) {
+ Tooltip.getInstance(btn).hide();
+ btn.removeAttribute(ATTR_TITLE_ORIGIN);
+}
+
+function setSuccessIcon(btn) {
+ const icon = btn.children[0];
+ icon.setAttribute('class', ICON_SUCCESS);
+}
+
+function resumeIcon(btn) {
+ const icon = btn.children[0];
+ icon.setAttribute('class', ICON_DEFAULT);
+}
+
+function setCodeClipboard() {
+ const clipboardList = document.querySelectorAll(clipboardSelector);
+
+ if (clipboardList.length === 0) {
+ return;
+ }
+
+ // Initial the clipboard.js object
+ const clipboard = new ClipboardJS(clipboardSelector, {
+ target: (trigger) => {
+ const codeBlock = trigger.parentNode.nextElementSibling;
+ return codeBlock.querySelector('code .rouge-code');
+ }
+ });
+
+ [...clipboardList].map(
+ (elem) =>
+ new Tooltip(elem, {
+ placement: 'left'
+ })
+ );
+
+ clipboard.on('success', (e) => {
+ const trigger = e.trigger;
+
+ e.clearSelection();
+
+ if (isLocked(trigger)) {
+ return;
+ }
+
+ setSuccessIcon(trigger);
+ showTooltip(trigger);
+ lock(trigger);
+
+ setTimeout(() => {
+ hideTooltip(trigger);
+ resumeIcon(trigger);
+ unlock(trigger);
+ }, TIMEOUT);
+ });
+}
+
+function setLinkClipboard() {
+ const btnCopyLink = document.getElementById('copy-link');
+
+ if (btnCopyLink === null) {
+ return;
+ }
+
+ btnCopyLink.addEventListener('click', (e) => {
+ const target = e.target;
+
+ if (isLocked(target)) {
+ return;
+ }
+
+ // Copy URL to clipboard
+ navigator.clipboard.writeText(window.location.href).then(() => {
+ const defaultTitle = target.getAttribute(ATTR_TITLE_ORIGIN);
+ const succeedTitle = target.getAttribute(ATTR_TITLE_SUCCEED);
+
+ // Switch tooltip title
+ target.setAttribute(ATTR_TITLE_ORIGIN, succeedTitle);
+ Tooltip.getInstance(target).show();
+
+ lock(target);
+
+ setTimeout(() => {
+ target.setAttribute(ATTR_TITLE_ORIGIN, defaultTitle);
+ unlock(target);
+ }, TIMEOUT);
+ });
+ });
+
+ btnCopyLink.addEventListener('mouseleave', (e) => {
+ Tooltip.getInstance(e.target).hide();
+ });
+}
+
+export function initClipboard() {
+ setCodeClipboard();
+ setLinkClipboard();
+}
diff --git a/_javascript/modules/components/img-loading.js b/_javascript/modules/components/img-loading.js
new file mode 100644
index 00000000..989d9e68
--- /dev/null
+++ b/_javascript/modules/components/img-loading.js
@@ -0,0 +1,67 @@
+/**
+ * Setting up image lazy loading and LQIP switching
+ */
+
+const ATTR_DATA_SRC = 'data-src';
+const ATTR_DATA_LQIP = 'data-lqip';
+
+const cover = {
+ SHIMMER: 'shimmer',
+ BLUR: 'blur'
+};
+
+function removeCover(clzss) {
+ this.parentElement.classList.remove(clzss);
+}
+
+function handleImage() {
+ if (!this.complete) {
+ return;
+ }
+
+ if (this.hasAttribute(ATTR_DATA_LQIP)) {
+ removeCover.call(this, cover.BLUR);
+ } else {
+ removeCover.call(this, cover.SHIMMER);
+ }
+}
+
+/**
+ * Switches the LQIP with the real image URL.
+ */
+function switchLQIP() {
+ const src = this.getAttribute(ATTR_DATA_SRC);
+ this.setAttribute('src', encodeURI(src));
+ this.removeAttribute(ATTR_DATA_SRC);
+}
+
+export function loadImg() {
+ const images = document.querySelectorAll('article img');
+
+ if (images.length === 0) {
+ return;
+ }
+
+ images.forEach((img) => {
+ img.addEventListener('load', handleImage);
+ });
+
+ // Images loaded from the browser cache do not trigger the 'load' event
+ document.querySelectorAll('article img[loading="lazy"]').forEach((img) => {
+ if (img.complete) {
+ removeCover.call(img, cover.SHIMMER);
+ }
+ });
+
+ // LQIPs set by the data URI or WebP will not trigger the 'load' event,
+ // so manually convert the URI to the URL of a high-resolution image.
+ const lqips = document.querySelectorAll(
+ `article img[${ATTR_DATA_LQIP}="true"]`
+ );
+
+ if (lqips.length) {
+ lqips.forEach((lqip) => {
+ switchLQIP.call(lqip);
+ });
+ }
+}
diff --git a/_javascript/modules/components/img-popup.js b/_javascript/modules/components/img-popup.js
new file mode 100644
index 00000000..b5c7c6ea
--- /dev/null
+++ b/_javascript/modules/components/img-popup.js
@@ -0,0 +1,15 @@
+/**
+ * Set up image popup
+ *
+ * Dependencies: https://github.com/biati-digital/glightbox
+ */
+
+const IMG_CLASS = 'popup';
+
+export function imgPopup() {
+ if (document.getElementsByClassName(IMG_CLASS).length === 0) {
+ return;
+ }
+
+ GLightbox({ selector: `.${IMG_CLASS}` });
+}
diff --git a/_javascript/modules/components/locale-datetime.js b/_javascript/modules/components/locale-datetime.js
new file mode 100644
index 00000000..eb75626d
--- /dev/null
+++ b/_javascript/modules/components/locale-datetime.js
@@ -0,0 +1,53 @@
+/**
+ * Update month/day to locale datetime
+ *
+ * Requirement:
+ */
+
+/* A tool for locale datetime */
+class LocaleHelper {
+ static get attrTimestamp() {
+ return 'data-ts';
+ }
+
+ static get attrDateFormat() {
+ return 'data-df';
+ }
+
+ static get locale() {
+ return document.documentElement.getAttribute('lang').substring(0, 2);
+ }
+
+ static getTimestamp(elem) {
+ return Number(elem.getAttribute(this.attrTimestamp)); // unix timestamp
+ }
+
+ static getDateFormat(elem) {
+ return elem.getAttribute(this.attrDateFormat);
+ }
+}
+
+export function initLocaleDatetime() {
+ dayjs.locale(LocaleHelper.locale);
+ dayjs.extend(window.dayjs_plugin_localizedFormat);
+
+ document
+ .querySelectorAll(`[${LocaleHelper.attrTimestamp}]`)
+ .forEach((elem) => {
+ const date = dayjs.unix(LocaleHelper.getTimestamp(elem));
+ const text = date.format(LocaleHelper.getDateFormat(elem));
+ elem.textContent = text;
+ elem.removeAttribute(LocaleHelper.attrTimestamp);
+ elem.removeAttribute(LocaleHelper.attrDateFormat);
+
+ // setup tooltips
+ if (
+ elem.hasAttribute('data-bs-toggle') &&
+ elem.getAttribute('data-bs-toggle') === 'tooltip'
+ ) {
+ // see: https://day.js.org/docs/en/display/format#list-of-localized-formats
+ const tooltipText = date.format('llll');
+ elem.setAttribute('data-bs-title', tooltipText);
+ }
+ });
+}
diff --git a/_javascript/modules/components/mode-watcher.js b/_javascript/modules/components/mode-watcher.js
new file mode 100644
index 00000000..9eecd096
--- /dev/null
+++ b/_javascript/modules/components/mode-watcher.js
@@ -0,0 +1,14 @@
+/**
+ * Add listener for theme mode toggle
+ */
+const toggle = document.getElementById('mode-toggle');
+
+export function modeWatcher() {
+ if (!toggle) {
+ return;
+ }
+
+ toggle.addEventListener('click', () => {
+ modeToggle.flipMode();
+ });
+}
diff --git a/_javascript/modules/components/search-display.js b/_javascript/modules/components/search-display.js
new file mode 100644
index 00000000..40059ac1
--- /dev/null
+++ b/_javascript/modules/components/search-display.js
@@ -0,0 +1,110 @@
+/**
+ * This script make #search-result-wrapper switch to unload or shown automatically.
+ */
+
+const btnSbTrigger = document.getElementById('sidebar-trigger');
+const btnSearchTrigger = document.getElementById('search-trigger');
+const btnCancel = document.getElementById('search-cancel');
+const content = document.querySelectorAll('#main-wrapper>.container>.row');
+const topbarTitle = document.getElementById('topbar-title');
+const search = document.getElementById('search');
+const resultWrapper = document.getElementById('search-result-wrapper');
+const results = document.getElementById('search-results');
+const input = document.getElementById('search-input');
+const hints = document.getElementById('search-hints');
+
+// CSS class names
+const LOADED = 'd-block';
+const UNLOADED = 'd-none';
+const FOCUS = 'input-focus';
+const FLEX = 'd-flex';
+
+/* Actions in mobile screens (Sidebar hidden) */
+class MobileSearchBar {
+ static on() {
+ btnSbTrigger.classList.add(UNLOADED);
+ topbarTitle.classList.add(UNLOADED);
+ btnSearchTrigger.classList.add(UNLOADED);
+ search.classList.add(FLEX);
+ btnCancel.classList.add(LOADED);
+ }
+
+ static off() {
+ btnCancel.classList.remove(LOADED);
+ search.classList.remove(FLEX);
+ btnSbTrigger.classList.remove(UNLOADED);
+ topbarTitle.classList.remove(UNLOADED);
+ btnSearchTrigger.classList.remove(UNLOADED);
+ }
+}
+
+class ResultSwitch {
+ static resultVisible = false;
+
+ static on() {
+ if (!this.resultVisible) {
+ resultWrapper.classList.remove(UNLOADED);
+ content.forEach((el) => {
+ el.classList.add(UNLOADED);
+ });
+ this.resultVisible = true;
+ }
+ }
+
+ static off() {
+ if (this.resultVisible) {
+ results.innerHTML = '';
+
+ if (hints.classList.contains(UNLOADED)) {
+ hints.classList.remove(UNLOADED);
+ }
+
+ resultWrapper.classList.add(UNLOADED);
+ content.forEach((el) => {
+ el.classList.remove(UNLOADED);
+ });
+ input.textContent = '';
+ this.resultVisible = false;
+ }
+ }
+}
+
+function isMobileView() {
+ return btnCancel.classList.contains(LOADED);
+}
+
+export function displaySearch() {
+ btnSearchTrigger.addEventListener('click', () => {
+ MobileSearchBar.on();
+ ResultSwitch.on();
+ input.focus();
+ });
+
+ btnCancel.addEventListener('click', () => {
+ MobileSearchBar.off();
+ ResultSwitch.off();
+ });
+
+ input.addEventListener('focus', () => {
+ search.classList.add(FOCUS);
+ });
+
+ input.addEventListener('focusout', () => {
+ search.classList.remove(FOCUS);
+ });
+
+ input.addEventListener('input', () => {
+ if (input.value === '') {
+ if (isMobileView()) {
+ hints.classList.remove(UNLOADED);
+ } else {
+ ResultSwitch.off();
+ }
+ } else {
+ ResultSwitch.on();
+ if (isMobileView()) {
+ hints.classList.add(UNLOADED);
+ }
+ }
+ });
+}
diff --git a/_javascript/modules/components/sidebar.js b/_javascript/modules/components/sidebar.js
new file mode 100644
index 00000000..6b562d84
--- /dev/null
+++ b/_javascript/modules/components/sidebar.js
@@ -0,0 +1,27 @@
+/**
+ * Expand or close the sidebar in mobile screens.
+ */
+
+const ATTR_DISPLAY = 'sidebar-display';
+
+class SidebarUtil {
+ static isExpanded = false;
+
+ static toggle() {
+ if (SidebarUtil.isExpanded === false) {
+ document.body.setAttribute(ATTR_DISPLAY, '');
+ } else {
+ document.body.removeAttribute(ATTR_DISPLAY);
+ }
+
+ SidebarUtil.isExpanded = !SidebarUtil.isExpanded;
+ }
+}
+
+export function sidebarExpand() {
+ document
+ .getElementById('sidebar-trigger')
+ .addEventListener('click', SidebarUtil.toggle);
+
+ document.getElementById('mask').addEventListener('click', SidebarUtil.toggle);
+}
diff --git a/_javascript/modules/components/toc.js b/_javascript/modules/components/toc.js
new file mode 100644
index 00000000..56ce26fa
--- /dev/null
+++ b/_javascript/modules/components/toc.js
@@ -0,0 +1,15 @@
+export function toc() {
+ if (document.querySelector('main h2, main h3')) {
+ // see: https://github.com/tscanlin/tocbot#usage
+ tocbot.init({
+ tocSelector: '#toc',
+ contentSelector: '.content',
+ ignoreSelector: '[data-toc-skip]',
+ headingSelector: 'h2, h3, h4',
+ orderedList: false,
+ scrollSmooth: false
+ });
+
+ document.getElementById('toc-wrapper').classList.remove('d-none');
+ }
+}
diff --git a/_javascript/modules/components/tooltip-loader.js b/_javascript/modules/components/tooltip-loader.js
new file mode 100644
index 00000000..c36c8799
--- /dev/null
+++ b/_javascript/modules/components/tooltip-loader.js
@@ -0,0 +1,11 @@
+import Tooltip from 'bootstrap/js/src/tooltip';
+
+export function loadTooptip() {
+ const tooltipTriggerList = document.querySelectorAll(
+ '[data-bs-toggle="tooltip"]'
+ );
+
+ [...tooltipTriggerList].map(
+ (tooltipTriggerEl) => new Tooltip(tooltipTriggerEl)
+ );
+}
diff --git a/_javascript/modules/layouts.js b/_javascript/modules/layouts.js
new file mode 100644
index 00000000..28f79625
--- /dev/null
+++ b/_javascript/modules/layouts.js
@@ -0,0 +1,3 @@
+export { basic } from './layouts/basic';
+export { initSidebar } from './layouts/sidebar';
+export { initTopbar } from './layouts/topbar';
diff --git a/_javascript/modules/layouts/basic.js b/_javascript/modules/layouts/basic.js
new file mode 100644
index 00000000..fb36a8b8
--- /dev/null
+++ b/_javascript/modules/layouts/basic.js
@@ -0,0 +1,7 @@
+import { back2top } from '../components/back-to-top';
+import { loadTooptip } from '../components/tooltip-loader';
+
+export function basic() {
+ back2top();
+ loadTooptip();
+}
diff --git a/_javascript/modules/layouts/sidebar.js b/_javascript/modules/layouts/sidebar.js
new file mode 100644
index 00000000..8795693c
--- /dev/null
+++ b/_javascript/modules/layouts/sidebar.js
@@ -0,0 +1,7 @@
+import { modeWatcher } from '../components/mode-watcher';
+import { sidebarExpand } from '../components/sidebar';
+
+export function initSidebar() {
+ modeWatcher();
+ sidebarExpand();
+}
diff --git a/_javascript/modules/layouts/topbar.js b/_javascript/modules/layouts/topbar.js
new file mode 100644
index 00000000..cfcd0edf
--- /dev/null
+++ b/_javascript/modules/layouts/topbar.js
@@ -0,0 +1,5 @@
+import { displaySearch } from '../components/search-display';
+
+export function initTopbar() {
+ displaySearch();
+}
diff --git a/_javascript/modules/plugins.js b/_javascript/modules/plugins.js
new file mode 100644
index 00000000..fb892e25
--- /dev/null
+++ b/_javascript/modules/plugins.js
@@ -0,0 +1,6 @@
+export { categoryCollapse } from './components/category-collapse';
+export { initClipboard } from './components/clipboard';
+export { loadImg } from './components/img-loading';
+export { imgPopup } from './components/img-popup';
+export { initLocaleDatetime } from './components/locale-datetime';
+export { toc } from './components/toc';
diff --git a/_javascript/page.js b/_javascript/page.js
new file mode 100644
index 00000000..76e8ce97
--- /dev/null
+++ b/_javascript/page.js
@@ -0,0 +1,9 @@
+import { basic, initSidebar, initTopbar } from './modules/layouts';
+import { loadImg, imgPopup, initClipboard } from './modules/plugins';
+
+loadImg();
+imgPopup();
+initSidebar();
+initTopbar();
+initClipboard();
+basic();
diff --git a/_javascript/post.js b/_javascript/post.js
new file mode 100644
index 00000000..9340f05e
--- /dev/null
+++ b/_javascript/post.js
@@ -0,0 +1,17 @@
+import { basic, initSidebar, initTopbar } from './modules/layouts';
+import {
+ loadImg,
+ imgPopup,
+ initLocaleDatetime,
+ initClipboard,
+ toc
+} from './modules/plugins';
+
+loadImg();
+toc();
+imgPopup();
+initSidebar();
+initLocaleDatetime();
+initClipboard();
+initTopbar();
+basic();
diff --git a/_javascript/pwa/app.js b/_javascript/pwa/app.js
new file mode 100644
index 00000000..c71036a5
--- /dev/null
+++ b/_javascript/pwa/app.js
@@ -0,0 +1,51 @@
+import { pwa, baseurl } from '../../_config.yml';
+import Toast from 'bootstrap/js/src/toast';
+
+if ('serviceWorker' in navigator) {
+ if (pwa.enabled) {
+ const swUrl = `${baseurl}/sw.min.js`;
+ const notification = document.getElementById('notification');
+ const btnRefresh = notification.querySelector('.toast-body>button');
+ const popupWindow = Toast.getOrCreateInstance(notification);
+
+ navigator.serviceWorker.register(swUrl).then((registration) => {
+ // In case the user ignores the notification
+ if (registration.waiting) {
+ popupWindow.show();
+ }
+
+ registration.addEventListener('updatefound', () => {
+ registration.installing.addEventListener('statechange', () => {
+ if (registration.waiting) {
+ if (navigator.serviceWorker.controller) {
+ popupWindow.show();
+ }
+ }
+ });
+ });
+
+ btnRefresh.addEventListener('click', () => {
+ if (registration.waiting) {
+ registration.waiting.postMessage('SKIP_WAITING');
+ }
+ popupWindow.hide();
+ });
+ });
+
+ let refreshing = false;
+
+ // Detect controller change and refresh all the opened tabs
+ navigator.serviceWorker.addEventListener('controllerchange', () => {
+ if (!refreshing) {
+ window.location.reload();
+ refreshing = true;
+ }
+ });
+ } else {
+ navigator.serviceWorker.getRegistrations().then(function (registrations) {
+ for (let registration of registrations) {
+ registration.unregister();
+ }
+ });
+ }
+}
diff --git a/_javascript/pwa/sw.js b/_javascript/pwa/sw.js
new file mode 100644
index 00000000..bc67bd83
--- /dev/null
+++ b/_javascript/pwa/sw.js
@@ -0,0 +1,82 @@
+import { baseurl } from '../../_config.yml';
+
+importScripts(`${baseurl}/assets/js/data/swconf.js`);
+
+const purge = swconf.purge;
+
+function verifyUrl(url) {
+ const requestPath = new URL(url).pathname;
+
+ for (const path of swconf.denyPaths) {
+ if (requestPath.startsWith(path)) {
+ return false;
+ }
+ }
+ return true;
+}
+
+self.addEventListener('install', (event) => {
+ if (purge) {
+ return;
+ }
+
+ event.waitUntil(
+ caches.open(swconf.cacheName).then((cache) => {
+ return cache.addAll(swconf.resources);
+ })
+ );
+});
+
+self.addEventListener('activate', (event) => {
+ event.waitUntil(
+ caches.keys().then((keyList) => {
+ return Promise.all(
+ keyList.map((key) => {
+ if (purge) {
+ return caches.delete(key);
+ } else {
+ if (key !== swconf.cacheName) {
+ return caches.delete(key);
+ }
+ }
+ })
+ );
+ })
+ );
+});
+
+self.addEventListener('message', (event) => {
+ if (event.data === 'SKIP_WAITING') {
+ self.skipWaiting();
+ }
+});
+
+self.addEventListener('fetch', (event) => {
+ if (event.request.headers.has('range')) {
+ return;
+ }
+
+ event.respondWith(
+ caches.match(event.request).then((response) => {
+ if (response) {
+ return response;
+ }
+
+ return fetch(event.request).then((response) => {
+ const url = event.request.url;
+
+ if (purge || event.request.method !== 'GET' || !verifyUrl(url)) {
+ return response;
+ }
+
+ // See:
+ let responseToCache = response.clone();
+
+ caches.open(swconf.cacheName).then((cache) => {
+ cache.put(event.request, responseToCache);
+ });
+ return response;
+ });
+ })
+ );
+});
diff --git a/_layouts/archives.html b/_layouts/archives.html
new file mode 100644
index 00000000..4f7ad7df
--- /dev/null
+++ b/_layouts/archives.html
@@ -0,0 +1,35 @@
+---
+layout: page
+# The Archives of posts.
+---
+
+{% include lang.html %}
+
+{% assign df_strftime_m = site.data.locales[lang].df.archives.strftime | default: '/ %m' %}
+{% assign df_dayjs_m = site.data.locales[lang].df.archives.dayjs | default: '/ MM' %}
+
+
+ {% for post in site.posts %}
+ {% assign cur_year = post.date | date: '%Y' %}
+
+ {% if cur_year != last_year %}
+ {% unless forloop.first %}{% endunless %}
+
+
+ {{ '' }}
+
+ {% assign last_year = cur_year %}
+ {% endif %}
+
+ -
+ {% assign ts = post.date | date: '%s' %}
+ {{ post.date | date: '%d' }}
+
+ {{ post.date | date: df_strftime_m }}
+
+ {{ post.title }}
+
+
+ {% if forloop.last %}
{% endif %}
+ {% endfor %}
+
diff --git a/_layouts/categories.html b/_layouts/categories.html
new file mode 100644
index 00000000..05150970
--- /dev/null
+++ b/_layouts/categories.html
@@ -0,0 +1,138 @@
+---
+layout: page
+# All the Categories of posts
+---
+
+{% include lang.html %}
+
+{% assign HEAD_PREFIX = 'h_' %}
+{% assign LIST_PREFIX = 'l_' %}
+
+{% assign group_index = 0 %}
+
+{% assign sort_categories = site.categories | sort %}
+
+{% for category in sort_categories %}
+ {% assign category_name = category | first %}
+ {% assign posts_of_category = category | last %}
+ {% assign first_post = posts_of_category | first %}
+
+ {% if category_name == first_post.categories[0] %}
+ {% assign sub_categories = '' | split: '' %}
+
+ {% for post in posts_of_category %}
+ {% assign second_category = post.categories[1] %}
+ {% if second_category %}
+ {% unless sub_categories contains second_category %}
+ {% assign sub_categories = sub_categories | push: second_category %}
+ {% endunless %}
+ {% endif %}
+ {% endfor %}
+
+ {% assign sub_categories = sub_categories | sort %}
+ {% assign sub_categories_size = sub_categories | size %}
+
+
+
+
+
+
+
+ {% if sub_categories_size > 0 %}
+
+
+ {% for sub_category in sub_categories %}
+ -
+
+
+ {% capture _sub_ctg_url %}/categories/{{ sub_category | slugify | url_encode }}/{% endcapture %}
+ {{ sub_category }}
+
+ {% assign posts_size = site.categories[sub_category] | size %}
+
+ {{ posts_size }}
+
+ {% if posts_size > 1 %}
+ {{
+ site.data.locales[lang].categories.post_measure.plural
+ | default: site.data.locales[lang].categories.post_measure
+ }}
+ {% else %}
+ {{
+ site.data.locales[lang].categories.post_measure.singular
+ | default: site.data.locales[lang].categories.post_measure
+ }}
+ {% endif %}
+
+
+ {% endfor %}
+
+
+ {% endif %}
+
+
+
+ {% assign group_index = group_index | plus: 1 %}
+ {% endif %}
+{% endfor %}
diff --git a/_layouts/category.html b/_layouts/category.html
new file mode 100644
index 00000000..b064f27c
--- /dev/null
+++ b/_layouts/category.html
@@ -0,0 +1,24 @@
+---
+layout: page
+# The Category layout
+---
+
+{% include lang.html %}
+
+
+
+
+ {{ page.title }}
+ {{ page.posts | size }}
+
+
+
+ {% for post in page.posts %}
+ -
+ {{ post.title }}
+
+ {% include datetime.html date=post.date class='text-muted small text-nowrap' lang=lang %}
+
+ {% endfor %}
+
+
diff --git a/_layouts/compress.html b/_layouts/compress.html
new file mode 100644
index 00000000..2779e92a
--- /dev/null
+++ b/_layouts/compress.html
@@ -0,0 +1,10 @@
+---
+# Jekyll layout that compresses HTML
+# v3.2.0
+# http://jch.penibelst.de/
+# © 2014–2015 Anatol Broder
+# MIT License
+---
+
+{% capture _LINE_FEED %}
+{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment or site.compress_html.ignore.envs == "all" or page.compress_html == false %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "" %}{% endif %}{% unless _pre_before contains "" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " ;; ;" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} Step Bytes raw {{ content | size }}{% if _profile_endings %} endings {{ _profile_endings }}{% endif %}{% if _profile_startings %} startings {{ _profile_startings }}{% endif %}{% if _profile_comments %} comments {{ _profile_comments }}{% endif %}{% if _profile_collapse %} collapse {{ _profile_collapse }}{% endif %}{% if _profile_clippings %} clippings {{ _profile_clippings }}{% endif %}
{% endif %}{% endif %}
diff --git a/_layouts/default.html b/_layouts/default.html
index df0eb135..ea438fe7 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,18 +1,82 @@
-
-
-
- {% include head.html %}
-
-
-
-
- ↩️ GO HOME
-
- `Φ ⌒ `Φ ?
- 404: Page not found
- D-Data breach...? No such thing allowed!
+---
+layout: compress
+---
+
+
+
+{% include origin-type.html %}
+
+{% include lang.html %}
+
+{% if site.theme_mode %}
+ {% capture prefer_mode %}data-mode="{{ site.theme_mode }}"{% endcapture %}
+{% endif %}
+
+
+
+ {% include head.html %}
+
+
+ {% include sidebar.html lang=lang %}
+
+
+
+ {% include topbar.html lang=lang %}
+
+
+
+ {% if layout.refactor or layout.layout == 'default' %}
+ {% include refactor-content.html content=content lang=lang %}
+ {% else %}
+ {{ content }}
+ {% endif %}
+
+
+
+
+
+
+
+
+ {% for _include in layout.tail_includes %}
+ {% assign _include_path = _include | append: '.html' %}
+ {% include {{ _include_path }} lang=lang %}
+ {% endfor %}
+
+ {% include_cached footer.html lang=lang %}
+
-
-
-
\ No newline at end of file
+
+ {% include_cached search-results.html lang=lang %}
+
+
+
+
+
+
+
+ {% if site.pwa.enabled %}
+ {% include_cached notification.html lang=lang %}
+ {% endif %}
+
+
+ {% include js-selector.html lang=lang %}
+
+ {% include_cached search-loader.html lang=lang %}
+
+
diff --git a/_layouts/home.html b/_layouts/home.html
new file mode 100644
index 00000000..e44efe8f
--- /dev/null
+++ b/_layouts/home.html
@@ -0,0 +1,115 @@
+---
+layout: default
+refactor: true
+---
+
+{% include lang.html %}
+
+{% assign pinned = site.posts | where: 'pin', 'true' %}
+{% assign default = site.posts | where_exp: 'item', 'item.pin != true and item.hidden != true' %}
+
+{% assign posts = '' | split: '' %}
+
+
+
+{% assign offset = paginator.page | minus: 1 | times: paginator.per_page %}
+{% assign pinned_num = pinned.size | minus: offset %}
+
+{% if pinned_num > 0 %}
+ {% for i in (offset..pinned.size) limit: pinned_num %}
+ {% assign posts = posts | push: pinned[i] %}
+ {% endfor %}
+{% else %}
+ {% assign pinned_num = 0 %}
+{% endif %}
+
+
+
+{% assign default_beg = offset | minus: pinned.size %}
+
+{% if default_beg < 0 %}
+ {% assign default_beg = 0 %}
+{% endif %}
+
+{% assign default_num = paginator.posts | size | minus: pinned_num %}
+{% assign default_end = default_beg | plus: default_num | minus: 1 %}
+
+{% if default_num > 0 %}
+ {% for i in (default_beg..default_end) %}
+ {% assign posts = posts | push: default[i] %}
+ {% endfor %}
+{% endif %}
+
+
+
+
+{% if paginator.total_pages > 1 %}
+ {% include post-paginator.html %}
+{% endif %}
diff --git a/_layouts/page.html b/_layouts/page.html
index e0d3f579..32d6582a 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -1,92 +1,20 @@
-
-
- {%- 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" -%}
- {%- assign category_title = page.path | remove: 'index.md' | split: "/" | last -%}
- {% else %}
- {%- assign page_type = "post" -%}
- {% endif %}
-
- {% include head.html %}
-
-
- {% if page_type == "post" %}
- {% if site.goatcounter_code %}
-
- {% endif %}
+---
+layout: default
+---
-
-
-
-
+{% include lang.html %}
- {% if page.thumbnail %}
-
- {% else %}
-
- {% endif %}
- {% endif %}
-
-
-
-
- {% include sidebar.html %}
-
-
-
-
-
-
-
- {% include category.html %}
- {% if page_type == "category" %}
- {% include loading.html %}
- {% include pagination.html %}
- {% else %}
- {% include post.html %}
- {% endif %}
-
-
- {% include search.html %}
-
- {% include footer.html %}
- {% if page_type == "category" %}
-
- {% else %}
-
-
-
-
- {% endif %}
-
- {% include search_event.html %}
-
\ No newline at end of file
+
+ {% if page.layout == 'page' or page.collection == 'tabs' %}
+ {% assign tab_key = page.title | downcase %}
+ {% assign title = site.data.locales[lang].tabs[tab_key] | default: page.title %}
+
+ {{ title }}
+
+
+ {{ content }}
+
+ {% else %}
+ {{ content }}
+ {% endif %}
+
diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100644
index 00000000..f17ceea8
--- /dev/null
+++ b/_layouts/post.html
@@ -0,0 +1,152 @@
+---
+layout: default
+refactor: true
+panel_includes:
+ - toc
+tail_includes:
+ - related-posts
+ - post-nav
+ - comments
+---
+
+{% include lang.html %}
+
+
+
+ {{ page.title }}
+ {% if page.description %}
+ {{ page.description }}
+ {% endif %}
+
+
+
+
+ {{ site.data.locales[lang].post.posted }}
+ {% include datetime.html date=page.date tooltip=true lang=lang %}
+
+
+
+ {% if page.last_modified_at and page.last_modified_at != page.date %}
+
+ {{ site.data.locales[lang].post.updated }}
+ {% include datetime.html date=page.last_modified_at tooltip=true lang=lang %}
+
+ {% endif %}
+
+ {% if page.image %}
+ {% capture src %}src="{{ page.image.path | default: page.image }}"{% endcapture %}
+ {% capture class %}class="preview-img{% if page.image.no_bg %}{{ ' no-bg' }}{% endif %}"{% endcapture %}
+ {% capture alt %}alt="{{ page.image.alt | xml_escape | default: "Preview Image" }}"{% endcapture %}
+
+ {% if page.image.lqip %}
+ {%- capture lqip -%}lqip="{{ page.image.lqip }}"{%- endcapture -%}
+ {% endif %}
+
+
+ ![]()
+ {%- if page.image.alt -%}
+ {{ page.image.alt }}
+ {%- endif -%}
+
+ {% endif %}
+
+
+
+
+ {% if page.author %}
+ {% assign authors = page.author %}
+ {% elsif page.authors %}
+ {% assign authors = page.authors %}
+ {% endif %}
+
+ {{ site.data.locales[lang].post.written_by }}
+
+
+ {% if authors %}
+ {% for author in authors %}
+ {% if site.data.authors[author].url -%}
+ {{ site.data.authors[author].name }}
+ {%- else -%}
+ {{ site.data.authors[author].name }}
+ {%- endif %}
+ {% unless forloop.last %}{{ ', ' }}{% endunless %}
+ {% endfor %}
+ {% else %}
+ {{ site.social.name }}
+ {% endif %}
+
+
+
+
+
+ {% if site.pageviews.provider and site.analytics[site.pageviews.provider].id %}
+
+
+
+
+ {{ site.data.locales[lang].post.pageview_measure }}
+
+ {% endif %}
+
+
+ {% include read-time.html content=content prompt=true lang=lang %}
+
+
+
+
+
+
+ {{ content }}
+
+
+
+
+ {% if page.categories.size > 0 %}
+
+ {% endif %}
+
+
+ {% if page.tags.size > 0 %}
+
+ {% endif %}
+
+
+
+ {% if site.data.locales[lang].copyright.license.template %}
+ {% capture _replacement %}
+
+ {{ site.data.locales[lang].copyright.license.name }}
+
+ {% endcapture %}
+
+ {{ site.data.locales[lang].copyright.license.template | replace: ':LICENSE_NAME', _replacement }}
+ {% endif %}
+
+
+ {% include post-sharing.html lang=lang %}
+
+
+
+
+
diff --git a/_layouts/tag.html b/_layouts/tag.html
new file mode 100644
index 00000000..d766d099
--- /dev/null
+++ b/_layouts/tag.html
@@ -0,0 +1,23 @@
+---
+layout: page
+# The layout for Tag page
+---
+
+{% include lang.html %}
+
+
+
+
+ {{ page.title }}
+ {{ page.posts | size }}
+
+
+ {% for post in page.posts %}
+ -
+ {{ post.title }}
+
+ {% include datetime.html date=post.date class='text-muted small text-nowrap' lang=lang %}
+
+ {% endfor %}
+
+
diff --git a/_layouts/tags.html b/_layouts/tags.html
new file mode 100644
index 00000000..7800ca0f
--- /dev/null
+++ b/_layouts/tags.html
@@ -0,0 +1,22 @@
+---
+layout: page
+# All the Tags of posts.
+---
+
+
diff --git a/_pages/Category A/Subcategory a/index.md b/_pages/Category A/Subcategory a/index.md
deleted file mode 100644
index a49ba484..00000000
--- a/_pages/Category A/Subcategory a/index.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
\ No newline at end of file
diff --git a/_pages/Category A/Subcategory a/post-01.md b/_pages/Category A/Subcategory a/post-01.md
deleted file mode 100644
index 15418a05..00000000
--- a/_pages/Category A/Subcategory a/post-01.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: "Example Post: no thumbnail image"
-date: "2023-12-01"
----
-
-# Follow the guidance
----
-
-**Fill the image path to the 'thumbnail' attribute, if you want a main image to be displayed on the post header image.**
-
-```
----
-title: "Example Post: thumbnail exists"
-date: "2023-12-02"
-thumbnail: "/assets/img/thumbnail/bricks.webp"
----
-```
-
-The rest content is just meaningless dummy text.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/_pages/Category A/Subcategory a/post-02.md b/_pages/Category A/Subcategory a/post-02.md
deleted file mode 100644
index 80529625..00000000
--- a/_pages/Category A/Subcategory a/post-02.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: "Example Post: thumbnail exists"
-date: "2023-12-02"
-thumbnail: "/assets/img/thumbnail/bricks.webp"
----
-
-# Follow the guidance
----
-
-**Fill the image path to the 'thumbnail' attribute, if you want a main image to be displayed on the post header image.**
-
-```
----
-title: "Example Post: thumbnail exists"
-date: "2023-12-02"
-thumbnail: "/assets/img/thumbnail/bricks.webp"
----
-```
-
-The rest content is just meaningless dummy text.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\ No newline at end of file
diff --git a/_pages/Category A/index.md b/_pages/Category A/index.md
deleted file mode 100644
index a49ba484..00000000
--- a/_pages/Category A/index.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
\ No newline at end of file
diff --git a/_pages/Category B/Subcategory b/Subsubcategory 1/index.md b/_pages/Category B/Subcategory b/Subsubcategory 1/index.md
deleted file mode 100644
index a49ba484..00000000
--- a/_pages/Category B/Subcategory b/Subsubcategory 1/index.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
\ No newline at end of file
diff --git a/_pages/Category B/Subcategory b/Subsubcategory 1/post-04.md b/_pages/Category B/Subcategory b/Subsubcategory 1/post-04.md
deleted file mode 100644
index 6e243c24..00000000
--- a/_pages/Category B/Subcategory b/Subsubcategory 1/post-04.md
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: "Classic Literature #1: Romeo and Juliet"
-tags:
- - book
- - epic novel
- - romance
-date: "2023-12-04"
-thumbnail: "/assets/img/thumbnail/nightgardenflower.jpg"
----
-
-# About the book
----
-* Author: [William Shakespeare](https://en.wikipedia.org/wiki/William_Shakespeare)
-* Country: England
-* Genre: `Shakespearean tragedy`
-* Publication date: 1597
-
-# Synopsis
----
-The prologue of Romeo and Juliet calls the title characters “star-crossed lovers”—and the stars do seem to conspire against these young lovers.
-
-Romeo is a Montague, and Juliet a Capulet. Their families are enmeshed in a feud, but the moment they meet—when Romeo and his friends attend a party at Juliet’s house in disguise—the two fall in love and quickly decide that they want to be married.
-
-A friar secretly marries them, hoping to end the feud. Romeo and his companions almost immediately encounter Juliet’s cousin Tybalt, who challenges Romeo. When Romeo refuses to fight, Romeo’s friend Mercutio accepts the challenge and is killed. Romeo then kills Tybalt and is banished. He spends that night with Juliet and then leaves for Mantua.
-
-Juliet’s father forces her into a marriage with Count Paris. To avoid this marriage, Juliet takes a potion, given her by the friar, that makes her appear dead. The friar will send Romeo word to be at her family tomb when she awakes. The plan goes awry, and Romeo learns instead that she is dead. In the tomb, Romeo kills himself. Juliet wakes, sees his body, and commits suicide. Their deaths appear finally to end the feud.
\ No newline at end of file
diff --git a/_pages/Category B/Subcategory b/Subsubcategory 2/index.md b/_pages/Category B/Subcategory b/Subsubcategory 2/index.md
deleted file mode 100644
index a49ba484..00000000
--- a/_pages/Category B/Subcategory b/Subsubcategory 2/index.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
\ No newline at end of file
diff --git a/_pages/Category B/Subcategory b/Subsubcategory 2/post-05.md b/_pages/Category B/Subcategory b/Subsubcategory 2/post-05.md
deleted file mode 100644
index 6689329f..00000000
--- a/_pages/Category B/Subcategory b/Subsubcategory 2/post-05.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: "Classic Literature #2: Don Quixote"
-tags:
- - book
- - epic novel
- - adventure
-date: "2023-12-05"
-thumbnail: "/assets/img/La-Mancha.jpg"
----
-
-# About the book
----
-* Author: [Miguel de Cervantes](https://en.wikipedia.org/wiki/Miguel_de_Cervantes)
-* Original title: ***El ingenioso hidalgo don Quixote de la Mancha***
-* Country: Spain
-* Genre: `Novel`
-* Publication date:
- * 1605 (*Part One*)
- * 1615 (*Part Two*)
-
-# Chapter I.
----
-In a village of La Mancha, the name of which I have no desire to call to mind, there lived not long since one of those gentlemen that keep a lance in the lance-rack, an old buckler, a lean hack, and a greyhound for coursing. An olla of rather more beef than mutton, a salad on most nights, scraps on Saturdays, lentils on Fridays, and a pigeon or so extra on Sundays, made away with three-quarters of his income. The rest of it went in a doublet of fine cloth and velvet breeches and shoes to match for holidays, while on week-days he made a brave figure in his best homespun. He had in his house a housekeeper past forty, a niece under twenty, and a lad for the field and market-place, who used to saddle the hack as well as handle the bill-hook. The age of this gentleman of ours was bordering on fifty; he was of a hardy habit, spare, gaunt-featured, a very early riser and a great sportsman. They will have it his surname was Quixada or Quesada (for here there is some difference of opinion among the authors who write on the subject), although from reasonable conjectures it seems plain that he was called Quexana. This, however, is of but little importance to our tale; it will be enough not to stray a hair's breadth from the truth in the telling of it.
-
-You must know, then, that the above-named gentleman whenever he was at leisure (which was mostly all the year round) gave himself up to reading books of chivalry with such ardour and avidity that he almost entirely neglected the pursuit of his field-sports, and even the management of his property; and to such a pitch did his eagerness and infatuation go that he sold many an acre of tillageland to buy books of chivalry to read, and brought home as many of them as he could get. But of all there were none he liked so well as those of the famous Feliciano de Silva's composition, for their lucidity of style and complicated conceits were as pearls in his sight, particularly when in his reading he came upon courtships and cartels, where he often found passages like "the reason of the unreason with which my reason is afflicted so weakens my reason that with reason I murmur at your beauty;" or again, "the high heavens, that of your divinity divinely fortify you with the stars, render you deserving of the desert your greatness deserves." Over conceits of this sort the poor gentleman lost his wits, and used to lie awake striving to understand them and worm the meaning out of them; what Aristotle himself could not have made out or extracted had he come to life again for that special purpose. He was not at all easy about the wounds which Don Belianis gave and took, because it seemed to him that, great as were the surgeons who had cured him, he must have had his face and body covered all over with seams and scars. He commended, however, the author's way of ending his book with the promise of that interminable adventure, and many a time was he tempted to take up his pen and finish it properly as is there proposed, which no doubt he would have done, and made a successful piece of work of it too, had not greater and more absorbing thoughts prevented him.
-
-Many an argument did he have with the curate of his village (a learned man, and a graduate of Siguenza) as to which had been the better knight, Palmerin of England or Amadis of Gaul. Master Nicholas, the village barber, however, used to say that neither of them came up to the Knight of Phoebus, and that if there was any that could compare with him it was Don Galaor, the brother of Amadis of Gaul, because he had a spirit that was equal to every occasion, and was no finikin knight, nor lachrymose like his brother, while in the matter of valour he was not a whit behind him. In short, he became so absorbed in his books that he spent his nights from sunset to sunrise, and his days from dawn to dark, poring over them; and what with little sleep and much reading his brains got so dry that he lost his wits. His fancy grew full of what he used to read about in his books, enchantments, quarrels, battles, challenges, wounds, wooings, loves, agonies, and all sorts of impossible nonsense; and it so possessed his mind that the whole fabric of invention and fancy he read of was true, that to him no history in the world had more reality in it. He used to say the Cid Ruy Diaz was a very good knight, but that he was not to be compared with the Knight of the Burning Sword who with one back-stroke cut in half two fierce and monstrous giants. He thought more of Bernardo del Carpio because at Roncesvalles he slew Roland in spite of enchantments, availing himself of the artifice of Hercules when he strangled Antaeus the son of Terra in his arms. He approved highly of the giant Morgante, because, although of the giant breed which is always arrogant and ill-conditioned, he alone was affable and well-bred. But above all he admired Reinaldos of Montalban, especially when he saw him sallying forth from his castle and robbing everyone he met, and when beyond the seas he stole that image of Mahomet which, as his history says, was entirely of gold. To have a bout of kicking at that traitor of a Ganelon he would have given his housekeeper, and his niece into the bargain.
-
-In short, his wits being quite gone, he hit upon the strangest notion that ever madman in this world hit upon, and that was that he fancied it was right and requisite, as well for the support of his own honour as for the service of his country, that he should make a knight-errant of himself, roaming the world over in full armour and on horseback in quest of adventures, and putting in practice himself all that he had read of as being the usual practices of knights-errant; righting every kind of wrong, and exposing himself to peril and danger from which, in the issue, he was to reap eternal renown and fame. Already the poor man saw himself crowned by the might of his arm Emperor of Trebizond at least; and so, led away by the intense enjoyment he found in these pleasant fancies, he set himself forthwith to put his scheme into execution.
-
-The first thing he did was to clean up some armour that had belonged to his great-grandfather, and had been for ages lying forgotten in a corner eaten with rust and covered with mildew. He scoured and polished it as best he could, but he perceived one great defect in it, that it had no closed helmet, nothing but a simple morion. This deficiency, however, his ingenuity supplied, for he contrived a kind of half-helmet of pasteboard which, fitted on to the morion, looked like a whole one. It is true that, in order to see if it was strong and fit to stand a cut, he drew his sword and gave it a couple of slashes, the first of which undid in an instant what had taken him a week to do. The ease with which he had knocked it to pieces disconcerted him somewhat, and to guard against that danger he set to work again, fixing bars of iron on the inside until he was satisfied with its strength; and then, not caring to try any more experiments with it, he passed it and adopted it as a helmet of the most perfect construction.
-
-He next proceeded to inspect his hack, which, with more quartos than a real and more blemishes than the steed of Gonela, that "tantum pellis et ossa fuit," surpassed in his eyes the Bucephalus of Alexander or the Babieca of the Cid. Four days were spent in thinking what name to give him, because (as he said to himself) it was not right that a horse belonging to a knight so famous, and one with such merits of his own, should be without some distinctive name, and he strove to adapt it so as to indicate what he had been before belonging to a knight-errant, and what he then was; for it was only reasonable that, his master taking a new character, he should take a new name, and that it should be a distinguished and full-sounding one, befitting the new order and calling he was about to follow. And so, after having composed, struck out, rejected, added to, unmade, and remade a multitude of names out of his memory and fancy, he decided upon calling him Rocinante, a name, to his thinking, lofty, sonorous, and significant of his condition as a hack before he became what he now was, the first and foremost of all the hacks in the world.
-
-Having got a name for his horse so much to his taste, he was anxious to get one for himself, and he was eight days more pondering over this point, till at last he made up his mind to call himself "Don Quixote," whence, as has been already said, the authors of this veracious history have inferred that his name must have been beyond a doubt Quixada, and not Quesada as others would have it. Recollecting, however, that the valiant Amadis was not content to call himself curtly Amadis and nothing more, but added the name of his kingdom and country to make it famous, and called himself Amadis of Gaul, he, like a good knight, resolved to add on the name of his, and to style himself Don Quixote of La Mancha, whereby, he considered, he described accurately his origin and country, and did honour to it in taking his surname from it.
-
-So then, his armour being furbished, his morion turned into a helmet, his hack christened, and he himself confirmed, he came to the conclusion that nothing more was needed now but to look out for a lady to be in love with; for a knight-errant without love was like a tree without leaves or fruit, or a body without a soul. As he said to himself, "If, for my sins, or by my good fortune, I come across some giant hereabouts, a common occurrence with knights-errant, and overthrow him in one onslaught, or cleave him asunder to the waist, or, in short, vanquish and subdue him, will it not be well to have some one I may send him to as a present, that he may come in and fall on his knees before my sweet lady, and in a humble, submissive voice say, 'I am the giant Caraculiambro, lord of the island of Malindrania, vanquished in single combat by the never sufficiently extolled knight Don Quixote of La Mancha, who has commanded me to present myself before your Grace, that your Highness dispose of me at your pleasure'?" Oh, how our good gentleman enjoyed the delivery of this speech, especially when he had thought of some one to call his Lady! There was, so the story goes, in a village near his own a very good-looking farm-girl with whom he had been at one time in love, though, so far as is known, she never knew it nor gave a thought to the matter. Her name was Aldonza Lorenzo, and upon her he thought fit to confer the title of Lady of his Thoughts; and after some search for a name which should not be out of harmony with her own, and should suggest and indicate that of a princess and great lady, he decided upon calling her Dulcinea del Toboso—she being of El Toboso—a name, to his mind, musical, uncommon, and significant, like all those he had already bestowed upon himself and the things belonging to him.
\ No newline at end of file
diff --git a/_pages/Category B/Subcategory b/index.md b/_pages/Category B/Subcategory b/index.md
deleted file mode 100644
index a49ba484..00000000
--- a/_pages/Category B/Subcategory b/index.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
\ No newline at end of file
diff --git a/_pages/Category B/Subcategory b/post-03.md b/_pages/Category B/Subcategory b/post-03.md
deleted file mode 100644
index de330184..00000000
--- a/_pages/Category B/Subcategory b/post-03.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: "My personal Online Library"
-tags:
- - book
- - education
-date: "2023-12-03"
-thumbnail: "/assets/img/thumbnail/book.jpg"
-bookmark: true
----
-
-# What is Lorem Ipsum?
----
-**This is an example post '<'.** Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
-
-# Why do we use it?
----
-It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
-
-# Where does it come from?
----
-Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
-
-The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
-
-# Where can I get some?
----
-There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
\ No newline at end of file
diff --git a/_pages/Category B/Subcategory c/index.md b/_pages/Category B/Subcategory c/index.md
deleted file mode 100644
index a49ba484..00000000
--- a/_pages/Category B/Subcategory c/index.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
\ No newline at end of file
diff --git a/_pages/Category B/index.md b/_pages/Category B/index.md
deleted file mode 100644
index a49ba484..00000000
--- a/_pages/Category B/index.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
\ No newline at end of file
diff --git a/_pages/comment system.md b/_pages/comment system.md
deleted file mode 100644
index 9197c37f..00000000
--- a/_pages/comment system.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: "Manage blog comments with Giscus"
-tags:
- - user manual
- - utility
- - giscus
-date: "2024-02-03"
-thumbnail: "https://i.ibb.co/V9j2Qsg/giscus-Wl0-X3byd-az-U68-1.webp"
-bookmark: true
----
-
-[{:class="img-lg"}](https://www.goatcounter.com/)
-
-**Giscus** is a free **comments system** powered without your own database. Giscus uses the Github Discussions to store and load associated comments based on a chosen mapping (URL, pathname, title, etc.).
-
-To comment, visitors must authorize the giscus app to post on their behalf using the GitHub OAuth flow. Alternatively, visitors can comment on the GitHub Discussion directly. You can moderate the comments on GitHub.
-
-# Prerequisites
----
-
-## Create a github repo
-
-You need a GitHub repository first. If you gonna use *GitHub Pages* for hosting your website, you can choose the corresponding repository (i.e., `[userID].github.io`)
-
-The repository should be **public**, otherwise visitors will not be able to view the discussion.
-
-## Turn on Discussion feature
-
-In your GitHub repository Settings, make sure that `General` > `Features` > `Discussions` feature is enabled.
-
-
-
-# Activate Giscus API
----
-
-Follow the steps in [Configuration guide](https://giscus.app/). Make sure the verification of your repository is successful.
-
-
-
-Then, scroll down from the manual page and choose the `Discussion Category` options. You don't need to touch other configs.
-
-
-
-## Copy `_config.yml`
-
-Now, you get the giscus script. Copy the four properties marked with a red box as shown below:
-
-
-
-Paste those values to `_config.yml` placed in the root directory.
-
-```
-# External API
-giscus_repo: "[ENTER REPO HERE]"
-giscus_repoId: "[ENTER REPO ID HERE]"
-giscus_category: "[ENTER CATEGORY NAME HERE]"
-giscus_categoryId: "[ENTER CATEGORY ID HERE]"
-```
\ No newline at end of file
diff --git a/_pages/index.md b/_pages/index.md
deleted file mode 100644
index a49ba484..00000000
--- a/_pages/index.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
\ No newline at end of file
diff --git a/_pages/markdown guide.md b/_pages/markdown guide.md
deleted file mode 100644
index d1769c59..00000000
--- a/_pages/markdown guide.md
+++ /dev/null
@@ -1,219 +0,0 @@
----
-title: "Markdown from A to Z"
-tags:
- - user manual
- - markdown
- - writing format
-date: "2023-09-05"
-thumbnail: "/assets/img/thumbnail/sample.png"
-bookmark: true
----
-
-# Headings
----
-
-To create a heading, add number signs (#) in front of a word or phrase. The number of number signs you use should correspond to the heading level. For example, to create a heading level three (``), use three number signs (e.g., `### My Header`).
-
-
-|Markdown|HTML|Rendered Output|
-|---|---|---|
-|\# Header 1|Header 1
|Header 1|
-|\#\# Header 2|Header 2
|Header 2|
-|\#\#\# Header 3|Header 3
|Header 3|
-
-# Emphasis
----
-You can add emphasis by making text bold or italic.
-
-
-### Bold
-To bold text, add two asterisks (e.g., `**text**` = **text**) or underscores before and after a word or phrase. To bold the middle of a word for emphasis, add two asterisks without spaces around the letters.
-
-### Italic
-To italicize text, add one asterisk (e.g., `*text*` = *text*) or underscore before and after a word or phrase. To italicize the middle of a word for emphasis, add one asterisk without spaces around the letters.
-
-### Blockquotes
-To create a blockquote, add a `>` in front of a paragraph.
-
-```
-> Yongha Kim is the best developer in the world.
->
-> Factos 👍👀
-```
-
-> Yongha Kim is the best developer in the world.
->
-> Factos 👍👀
-
-# Lists
-You can organize items into ordered and unordered lists.
-
-### Ordered Lists
-To create an ordered list, add line items with numbers followed by periods. The numbers don’t have to be in numerical order, but the list should start with the number one.
-
-```
-1. First item
-2. Second item
-3. Third item
-4. Fourth item
-```
-
-1. First item
-2. Second item
-3. Third item
-4. Fourth item
-
-### Unordered Lists
-To create an unordered list, add dashes (`-`), asterisks (`*`), or plus signs (`+`) in front of line items. Indent one or more items to create a nested list.
-
-```
-* First item
-* Second item
-* Third item
-* Fourth item
-```
-
-* First item
-* Second item
-* Third item
-* Fourth item
-
-# Code
-To denote a word or phrase as code, enclose it in backticks (`).
-
-|Markdown|HTML|Rendered Output|
-|---|---|---|
-|At the command prompt, type \`nano\`.|At the command prompt, type \nano\.|At the command prompt, type `nano`.|
-
-### Escaping Backticks
-If the word or phrase you want to denote as code includes one or more backticks, you can escape it by enclosing the word or phrase in double backticks (``).
-
-|Markdown|HTML|Rendered Output|
-|---|---|---|
-|\`\`Use \`code\` in your Markdown file.\`\`|\Use \`code\` in your Markdown file.\|``Use `code` in your Markdown file.``|
-
-### Code Blocks
-To create code blocks that spans multiple lines of code, set the text inside three or more backquotes ( ``` ) or tildes ( ~~~ ).
-
-```xml
-
-
-
-
-```
-
-```python
-def foo():
- a = 1
- for i in [1,2,3]:
- a += i
-```
-
-# Horizontal Rules
-To create a horizontal rule, use three or more asterisks (`***`), dashes (`---`), or underscores (`___`) on a line by themselves.
-
-```text
-***
-
----
-
-_________________
-```
-
-# Links
-To create a link, enclose the link text in brackets (e.g., [Blue Archive]) and then follow it immediately with the URL in parentheses (e.g., (https://bluearchive.nexon.com)).
-
-```text
-My favorite mobile game is [Blue Archive](https://bluearchive.nexon.com).
-```
-
-The rendered output looks like this:
-
-My favorite mobile game is [Blue Archive](https://bluearchive.nexon.com).
-
-
-### Adding Titles
-
-You can optionally add a title for a link. This will appear as a tooltip when the user hovers over the link. To add a title, enclose it in quotation marks after the URL.
-
-```text
-My favorite mobile game is [Blue Archive](https://bluearchive.nexon.com "All senseis are welcome!").
-```
-
-The rendered output looks like this:
-
-My favorite mobile game is [Blue Archive](https://bluearchive.nexon.com "All senseis are welcome!").
-
-
-### URLs and Email Addresses
-To quickly turn a URL or email address into a link, enclose it in angle brackets.
-
-```text
-
-```
-
-The rendered output looks like this:
-
-
-# Images
-To add an image, add an exclamation mark (`!`), followed by alt text in brackets, and the path or URL to the image asset in parentheses. You can optionally add a title in quotation marks after the path or URL.
-
-```text
-
-```
-
-The rendered output looks like this: 
-
-### Linking Images
-To add a link to an image, enclose the Markdown for the image in brackets, and then add the link in parentheses.
-
-```text
-[](https://www.britannica.com/place/La-Mancha)
-```
-
-The rendered output looks like this: [](https://www.britannica.com/place/La-Mancha)
-
-# Escaping Characters
-To display a literal character that would otherwise be used to format text in a Markdown document, add a backslash (`\`) in front of the character.
-
-```text
-\* Without the backslash, this would be a bullet in an unordered list.
-```
-
-The rendered output looks like this:
-
-\* Without the backslash, this would be a bullet in an unordered list.
-
-### Characters You Can Escape
-You can use a backslash to escape the following characters.
-
-|Character|Name|
-|---|---|
-|\`|backtick|
-|\*|asterisk|
-|\_|underscore|
-|\{\}|curly braces|
-|\[\]|brackets|
-|\<\>|angle brackets|
-|\(\)|parentheses|
-|\#|pound sign|
-|\+|plus sign|
-|\-|minus sign \(hyphen\)|
-|\.|dot|
-|\!|exclamation mark|
-|\||pipe|
-
-# HTML
-Many Markdown applications allow you to use `HTML` tags in Markdown-formatted text. This is helpful if you prefer certain `HTML` tags to Markdown syntax. For example, some people find it easier to use `HTML` tags for images. Using `HTML` is also helpful when you need to change the attributes of an element, like specifying the color of text or changing the width of an image.
-
-To use `HTML`, place the tags in the text of your Markdown-formatted file.
-
-```
-This **word** is bold. This word is italic.
-```
-
-The rendered output looks like this:
-
-This **word** is bold. This word is italic.
diff --git a/_pages/posting guide.md b/_pages/posting guide.md
deleted file mode 100644
index 78ad3707..00000000
--- a/_pages/posting guide.md
+++ /dev/null
@@ -1,169 +0,0 @@
----
-title: "Publishing your blog post"
-tags:
- - user manual
- - writing format
-date: "2024-02-04"
-thumbnail: "/assets/img/thumbnail/sample.png"
-bookmark: true
----
-
-This section deals with the step-by-step process of how to write and publish posts on your site.
-
-# Make `_pages` directory
----
-Create a directory named `_pages` in root if you do not have it.
-
-```
-$ mkdir _pages
-$ cd _pages
-```
-
-# Organize your directory structure
----
-Our theme provides a hierarchical directory structure. You may create subdirectories (let's say `Category A`) in `_pages`, and then all post entities placed in the `Category A` directory will be categorized as such.
-
-```txt
-._pages
-├── Category A
-├── Category B
-| ├── Subcatecory b
-| ├── Subcatecory c
-```
-
-## Note: Make sure all directories have an `index.md` inside of them.
-
-The next step is, placing `index.md` files in both `_pages` directory and its subdirectories. The inner content of each `index.md` should be just two dashed lines as shown below:
-
-```
----
----
-```
-
-Or you can type the following command from each directory.
-
-```
-$ echo -e "---\n---" > index.md
-```
-
-Your `_pages` structure now looks like this:
-
-```txt
-._pages
-└── index.md
-├── Category A
-| └── index.md
-├── Category B
-| └── index.md
-| ├── Subcatecory b
-| └── index.md
-| ├── Subcatecory c
-| └── index.md
-```
-
-# Write a blog post
----
-
-Create a post with file extension: `.md` (ex., *Post-name.md*).
-
-All blog post files must begin with front matter typically used to set a title or other metadata.
-
-**Note that the `title` and `date` fields can't be left blank.**
-
-For a simple example:
-
-```
----
-title: "Example Post"
-date: "2023-12-01"
----
-
-# Welcome
-
-**Hello world**, this is my first Jekyll blog post.
-
-I hope you like it!
-```
-
-## Setting a Post Thumbnail Image
-
-Add `thumbnail` attribute to the post that you'd like to show a representative image when rendered.
-
-```
----
-title: "Example Post: thumbnail exists"
-date: "2023-12-02"
-thumbnail: "/assets/img/thumbnail/bricks.webp"
----
-```
-
-{:class="img-lg"}
-
-## Category Tag
-
-You can use a grouping of post topics by specifying the `tags` field. It is helpful when you'd like to search related posts or pin them on the bottom of the page.
-
-```
----
-title: "Classic Literature #1: Romeo and Juliet"
-tags:
- - book
- - epic novel
- - romance
-date: "2023-12-04"
-thumbnail: "/assets/img/thumbnail/nightgardenflower.jpg"
----
-```
-
-{:class="img-lg"}
-
-Note that the `tags` attribute won't be reflected to the sidebar navigation.
-
-## Bookmark
-
-Setting `bookmark: true` makes the sidebar nav list display the corresponding post entity.
-
-```
----
-title: "Markdown from A to Z"
-tags:
- - user manual
- - markdown
- - writing format
-date: "2023-09-05"
-thumbnail: "https://i.ibb.co/MRzw6T9/sample.webp"
-bookmark: true
----
-```
-
-{:class="img-sm"}
-
-# Example `_pages` structure
----
-
-Here is the structure introduced in our repo:
-
-```txt
-._pages
-└── index.md
-└── markdown guide.md
-├── Category A
-| └── index.md
-| ├── Subcatecory a
-| └── index.md
-| └── post-01.md
-| └── post-02.md
-├── Category B
-| └── index.md
-| ├── Subcatecory b
-| └── index.md
-| └── post-03.md
-| ├── Subsubcategory 1
-| └── index.md
-| └── post-04.md
-| ├── Subsubcategory 2
-| └── index.md
-| └── post-05.md
-| ├── Subcatecory c
-| └── index.md
-```
\ No newline at end of file
diff --git a/_pages/visitor counter.md b/_pages/visitor counter.md
deleted file mode 100644
index b60bc3c2..00000000
--- a/_pages/visitor counter.md
+++ /dev/null
@@ -1,40 +0,0 @@
----
-title: "Activate Goat Counter to know how many users visit your blog or posts"
-tags:
- - user manual
- - utility
- - goatcounter
-date: "2024-02-02"
-thumbnail: "https://i.ibb.co/xj20N3N/card.webp"
-bookmark: true
----
-
-[{:class="img-md"}](https://www.goatcounter.com/)
-
-GoatCounter is an open source **web analytics platform** available as a free donation-supported hosted service or self-hosted app. It aims to offer easy to use and meaningful privacy-friendly web analytics as an alternative to Google Analytics or Matomo (*in official guide*).
-
-# Getting started
----
-
-## Sign up & Get your access code
-
-Create new account in [here](https://www.goatcounter.com/signup)
-
-You will access your blog statistics at `https://[my-code].goatcounter.com`.
-
-## Add your code to `_config.yml`
-
-```
-goatcounter_code: [my-code]
-```
-
-Check if your adblocker is blocking GoatCounter if you don’t see any pageviews.
-
-## Allow visitor counter
-
-Sign in **Goat counter** from your browser, and enter the [Settings](https://[my-code].goatcounter.com/settings/main) tab.
-
-Make sure `Allow adding visitor counts on your website` is checked:
-
-{:class="img-md"}
-
diff --git a/_plugins/posts-lastmod-hook.rb b/_plugins/posts-lastmod-hook.rb
new file mode 100644
index 00000000..1fd6ecf9
--- /dev/null
+++ b/_plugins/posts-lastmod-hook.rb
@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+#
+# Check for changed posts
+
+Jekyll::Hooks.register :posts, :post_init do |post|
+
+ commit_num = `git rev-list --count HEAD "#{ post.path }"`
+
+ if commit_num.to_i > 1
+ lastmod_date = `git log -1 --pretty="%ad" --date=iso "#{ post.path }"`
+ post.data['last_modified_at'] = lastmod_date
+ end
+
+end
diff --git a/_posts/2019-08-08-text-and-typography.md b/_posts/2019-08-08-text-and-typography.md
new file mode 100644
index 00000000..a8db26a0
--- /dev/null
+++ b/_posts/2019-08-08-text-and-typography.md
@@ -0,0 +1,200 @@
+---
+title: Text and Typography
+description: Examples of text, typography, math equations, diagrams, flowcharts, pictures, videos, and more.
+author: cotes
+date: 2019-08-08 11:33:00 +0800
+categories: [Blogging, Demo]
+tags: [typography]
+pin: true
+math: true
+mermaid: true
+image:
+ path: /commons/devices-mockup.png
+ lqip: data:image/webp;base64,UklGRpoAAABXRUJQVlA4WAoAAAAQAAAADwAABwAAQUxQSDIAAAARL0AmbZurmr57yyIiqE8oiG0bejIYEQTgqiDA9vqnsUSI6H+oAERp2HZ65qP/VIAWAFZQOCBCAAAA8AEAnQEqEAAIAAVAfCWkAALp8sF8rgRgAP7o9FDvMCkMde9PK7euH5M1m6VWoDXf2FkP3BqV0ZYbO6NA/VFIAAAA
+ alt: Responsive rendering of Chirpy theme on multiple devices.
+---
+
+## Headings
+
+
+
+# H1 — heading
+{: .mt-4 .mb-0 }
+
+## H2 — heading
+{: data-toc-skip='' .mt-4 .mb-0 }
+
+### H3 — heading
+{: data-toc-skip='' .mt-4 .mb-0 }
+
+#### H4 — heading
+{: data-toc-skip='' .mt-4 }
+
+
+## Paragraph
+
+Quisque egestas convallis ipsum, ut sollicitudin risus tincidunt a. Maecenas interdum malesuada egestas. Duis consectetur porta risus, sit amet vulputate urna facilisis ac. Phasellus semper dui non purus ultrices sodales. Aliquam ante lorem, ornare a feugiat ac, finibus nec mauris. Vivamus ut tristique nisi. Sed vel leo vulputate, efficitur risus non, posuere mi. Nullam tincidunt bibendum rutrum. Proin commodo ornare sapien. Vivamus interdum diam sed sapien blandit, sit amet aliquam risus mattis. Nullam arcu turpis, mollis quis laoreet at, placerat id nibh. Suspendisse venenatis eros eros.
+
+## Lists
+
+### Ordered list
+
+1. Firstly
+2. Secondly
+3. Thirdly
+
+### Unordered list
+
+- Chapter
+ - Section
+ - Paragraph
+
+### ToDo list
+
+- [ ] Job
+ - [x] Step 1
+ - [x] Step 2
+ - [ ] Step 3
+
+### Description list
+
+Sun
+: the star around which the earth orbits
+
+Moon
+: the natural satellite of the earth, visible by reflected light from the sun
+
+## Block Quote
+
+> This line shows the _block quote_.
+
+## Prompts
+
+
+
+> An example showing the `tip` type prompt.
+{: .prompt-tip }
+
+> An example showing the `info` type prompt.
+{: .prompt-info }
+
+> An example showing the `warning` type prompt.
+{: .prompt-warning }
+
+> An example showing the `danger` type prompt.
+{: .prompt-danger }
+
+
+## Tables
+
+| Company | Contact | Country |
+| :--------------------------- | :--------------- | ------: |
+| Alfreds Futterkiste | Maria Anders | Germany |
+| Island Trading | Helen Bennett | UK |
+| Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy |
+
+## Links
+
+
+
+## Footnote
+
+Click the hook will locate the footnote[^footnote], and here is another footnote[^fn-nth-2].
+
+## Inline code
+
+This is an example of `Inline Code`.
+
+## Filepath
+
+Here is the `/path/to/the/file.extend`{: .filepath}.
+
+## Code blocks
+
+### Common
+
+```text
+This is a common code snippet, without syntax highlight and line number.
+```
+
+### Specific Language
+
+```bash
+if [ $? -ne 0 ]; then
+ echo "The command was not successful.";
+ #do the needful / exit
+fi;
+```
+
+### Specific filename
+
+```sass
+@import
+ "colors/light-typography",
+ "colors/dark-typography";
+```
+{: file='_sass/jekyll-theme-chirpy.scss'}
+
+## Mathematics
+
+The mathematics powered by [**MathJax**](https://www.mathjax.org/):
+
+$$
+\begin{equation}
+ \sum_{n=1}^\infty 1/n^2 = \frac{\pi^2}{6}
+ \label{eq:series}
+\end{equation}
+$$
+
+We can reference the equation as \eqref{eq:series}.
+
+When $a \ne 0$, there are two solutions to $ax^2 + bx + c = 0$ and they are
+
+$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$
+
+## Mermaid SVG
+
+```mermaid
+ gantt
+ title Adding GANTT diagram functionality to mermaid
+ apple :a, 2017-07-20, 1w
+ banana :crit, b, 2017-07-23, 1d
+ cherry :active, c, after b a, 1d
+```
+
+## Images
+
+### Default (with caption)
+
+{: width="972" height="589" }
+_Full screen width and center alignment_
+
+### Left aligned
+
+{: width="972" height="589" .w-75 .normal}
+
+### Float to left
+
+{: width="972" height="589" .w-50 .left}
+Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum.
+
+### Float to right
+
+{: width="972" height="589" .w-50 .right}
+Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum.
+
+### Dark/Light mode & Shadow
+
+The image below will toggle dark/light mode based on theme preference, notice it has shadows.
+
+{: .light .w-75 .shadow .rounded-10 w='1212' h='668' }
+{: .dark .w-75 .shadow .rounded-10 w='1212' h='668' }
+
+## Video
+
+{% include embed/youtube.html id='Balreaj8Yqs' %}
+
+## Reverse Footnote
+
+[^footnote]: The footnote source
+[^fn-nth-2]: The 2nd footnote source
diff --git a/_posts/2019-08-08-write-a-new-post.md b/_posts/2019-08-08-write-a-new-post.md
new file mode 100644
index 00000000..69eaf34a
--- /dev/null
+++ b/_posts/2019-08-08-write-a-new-post.md
@@ -0,0 +1,505 @@
+---
+title: Writing a New Post
+author: cotes
+date: 2019-08-08 14:10:00 +0800
+categories: [Blogging, Tutorial]
+tags: [writing]
+render_with_liquid: false
+---
+
+This tutorial will guide you how to write a post in the _Chirpy_ template, and it's worth reading even if you've used Jekyll before, as many features require specific variables to be set.
+
+## Naming and Path
+
+Create a new file named `YYYY-MM-DD-TITLE.EXTENSION`{: .filepath} and put it in the `_posts`{: .filepath} of the root directory. Please note that the `EXTENSION`{: .filepath} must be one of `md`{: .filepath} and `markdown`{: .filepath}. If you want to save time of creating files, please consider using the plugin [`Jekyll-Compose`](https://github.com/jekyll/jekyll-compose) to accomplish this.
+
+## Front Matter
+
+Basically, you need to fill the [Front Matter](https://jekyllrb.com/docs/front-matter/) as below at the top of the post:
+
+```yaml
+---
+title: TITLE
+date: YYYY-MM-DD HH:MM:SS +/-TTTT
+categories: [TOP_CATEGORIE, SUB_CATEGORIE]
+tags: [TAG] # TAG names should always be lowercase
+---
+```
+
+> The posts' _layout_ has been set to `post` by default, so there is no need to add the variable _layout_ in the Front Matter block.
+{: .prompt-tip }
+
+### Timezone of Date
+
+To accurately record the release date of a post, you should not only set up the `timezone` of `_config.yml`{: .filepath} but also provide the post's timezone in variable `date` of its Front Matter block. Format: `+/-TTTT`, e.g. `+0800`.
+
+### Categories and Tags
+
+The `categories` of each post are designed to contain up to two elements, and the number of elements in `tags` can be zero to infinity. For instance:
+
+```yaml
+---
+categories: [Animal, Insect]
+tags: [bee]
+---
+```
+
+### Author Information
+
+The author information of the post usually does not need to be filled in the _Front Matter_ , they will be obtained from variables `social.name` and the first entry of `social.links` of the configuration file by default. But you can also override it as follows:
+
+Adding author information in `_data/authors.yml` (If your website doesn't have this file, don't hesitate to create one).
+
+```yaml
+:
+ name:
+ twitter:
+ url:
+```
+{: file="_data/authors.yml" }
+
+And then use `author` to specify a single entry or `authors` to specify multiple entries:
+
+```yaml
+---
+author: # for single entry
+# or
+authors: [, ] # for multiple entries
+---
+```
+
+Having said that, the key `author` can also identify multiple entries.
+
+> The benefit of reading the author information from the file `_data/authors.yml`{: .filepath } is that the page will have the meta tag `twitter:creator`, which enriches the [Twitter Cards](https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started#card-and-content-attribution) and is good for SEO.
+{: .prompt-info }
+
+### Post Description
+
+By default, the first words of the post are used to display on the home page for a list of posts, in the _Further Reading_ section, and in the XML of the RSS feed. If you don't want to display the auto-generated description for the post, you can customize it using the `description` field in the _Front Matter_ as follows:
+
+```yaml
+---
+description: Short summary of the post.
+---
+```
+
+Additionally, the `description` text will also be displayed under the post title on the post's page.
+
+## Table of Contents
+
+By default, the **T**able **o**f **C**ontents (TOC) is displayed on the right panel of the post. If you want to turn it off globally, go to `_config.yml`{: .filepath} and set the value of variable `toc` to `false`. If you want to turn off TOC for a specific post, add the following to the post's [Front Matter](https://jekyllrb.com/docs/front-matter/):
+
+```yaml
+---
+toc: false
+---
+```
+
+## Comments
+
+The global switch of comments is defined by variable `comments.active` in the file `_config.yml`{: .filepath}. After selecting a comment system for this variable, comments will be turned on for all posts.
+
+If you want to close the comment for a specific post, add the following to the **Front Matter** of the post:
+
+```yaml
+---
+comments: false
+---
+```
+
+## Media
+
+We refer to images, audio and video as media resources in _Chirpy_.
+
+### URL Prefix
+
+From time to time we have to define duplicate URL prefixes for multiple resources in a post, which is a boring task that you can avoid by setting two parameters.
+
+- If you are using a CDN to host media files, you can specify the `cdn` in `_config.yml`{: .filepath }. The URLs of media resources for site avatar and posts are then prefixed with the CDN domain name.
+
+ ```yaml
+ cdn: https://cdn.com
+ ```
+ {: file='_config.yml' .nolineno }
+
+- To specify the resource path prefix for the current post/page range, set `media_subpath` in the _front matter_ of the post:
+
+ ```yaml
+ ---
+ media_subpath: /path/to/media/
+ ---
+ ```
+ {: .nolineno }
+
+The option `site.cdn` and `page.media_subpath` can be used individually or in combination to flexibly compose the final resource URL: `[site.cdn/][page.media_subpath/]file.ext`
+
+### Images
+
+#### Caption
+
+Add italics to the next line of an image, then it will become the caption and appear at the bottom of the image:
+
+```markdown
+
+_Image Caption_
+```
+{: .nolineno}
+
+#### Size
+
+To prevent the page content layout from shifting when the image is loaded, we should set the width and height for each image.
+
+```markdown
+{: width="700" height="400" }
+```
+{: .nolineno}
+
+> For an SVG, you have to at least specify its _width_, otherwise it won't be rendered.
+{: .prompt-info }
+
+Starting from _Chirpy v5.0.0_, `height` and `width` support abbreviations (`height` → `h`, `width` → `w`). The following example has the same effect as the above:
+
+```markdown
+{: w="700" h="400" }
+```
+{: .nolineno}
+
+#### Position
+
+By default, the image is centered, but you can specify the position by using one of the classes `normal`, `left`, and `right`.
+
+> Once the position is specified, the image caption should not be added.
+{: .prompt-warning }
+
+- **Normal position**
+
+ Image will be left aligned in below sample:
+
+ ```markdown
+ {: .normal }
+ ```
+ {: .nolineno}
+
+- **Float to the left**
+
+ ```markdown
+ {: .left }
+ ```
+ {: .nolineno}
+
+- **Float to the right**
+
+ ```markdown
+ {: .right }
+ ```
+ {: .nolineno}
+
+#### Dark/Light mode
+
+You can make images follow theme preferences in dark/light mode. This requires you to prepare two images, one for dark mode and one for light mode, and then assign them a specific class (`dark` or `light`):
+
+```markdown
+{: .light }
+{: .dark }
+```
+
+#### Shadow
+
+The screenshots of the program window can be considered to show the shadow effect:
+
+```markdown
+{: .shadow }
+```
+{: .nolineno}
+
+#### Preview Image
+
+If you want to add an image at the top of the post, please provide an image with a resolution of `1200 x 630`. Please note that if the image aspect ratio does not meet `1.91 : 1`, the image will be scaled and cropped.
+
+Knowing these prerequisites, you can start setting the image's attribute:
+
+```yaml
+---
+image:
+ path: /path/to/image
+ alt: image alternative text
+---
+```
+
+Note that the [`media_subpath`](#url-prefix) can also be passed to the preview image, that is, when it has been set, the attribute `path` only needs the image file name.
+
+For simple use, you can also just use `image` to define the path.
+
+```yml
+---
+image: /path/to/image
+---
+```
+
+#### LQIP
+
+For preview images:
+
+```yaml
+---
+image:
+ lqip: /path/to/lqip-file # or base64 URI
+---
+```
+
+> You can observe LQIP in the preview image of post \"[Text and Typography](../text-and-typography/)\".
+
+For normal images:
+
+```markdown
+{: lqip="/path/to/lqip-file" }
+```
+{: .nolineno }
+
+### Video
+
+#### Social Media Platform
+
+You can embed videos from social media platforms with the following syntax:
+
+```liquid
+{% include embed/{Platform}.html id='{ID}' %}
+```
+
+Where `Platform` is the lowercase of the platform name, and `ID` is the video ID.
+
+The following table shows how to get the two parameters we need in a given video URL, and you can also know the currently supported video platforms.
+
+| Video URL | Platform | ID |
+| -------------------------------------------------------------------------------------------------- | ---------- | :------------- |
+| [https://www.**youtube**.com/watch?v=**H-B46URT4mg**](https://www.youtube.com/watch?v=H-B46URT4mg) | `youtube` | `H-B46URT4mg` |
+| [https://www.**twitch**.tv/videos/**1634779211**](https://www.twitch.tv/videos/1634779211) | `twitch` | `1634779211` |
+| [https://www.**bilibili**.com/video/**BV1Q44y1B7Wf**](https://www.bilibili.com/video/BV1Q44y1B7Wf) | `bilibili` | `BV1Q44y1B7Wf` |
+
+#### Video Files
+
+If you want to embed a video file directly, use the following syntax:
+
+```liquid
+{% include embed/video.html src='{URL}' %}
+```
+
+Where `URL` is a URL to a video file e.g. `/path/to/sample/video.mp4`.
+
+You can also specify additional attributes for the embedded video file. Here is a full list of attributes allowed.
+
+- `poster='/path/to/poster.png'` — poster image for a video that is shown while video is downloading
+- `title='Text'` — title for a video that appears below the video and looks same as for images
+- `autoplay=true` — video automatically begins to play back as soon as it can
+- `loop=true` — automatically seek back to the start upon reaching the end of the video
+- `muted=true` — audio will be initially silenced
+- `types` — specify the extensions of additional video formats separated by `|`. Ensure these files exist in the same directory as your primary video file.
+
+Consider an example using all of the above:
+
+```liquid
+{%
+ include embed/video.html
+ src='/path/to/video.mp4'
+ types='ogg|mov'
+ poster='poster.png'
+ title='Demo video'
+ autoplay=true
+ loop=true
+ muted=true
+%}
+```
+
+### Audios
+
+If you want to embed an audio file directly, use the following syntax:
+
+```liquid
+{% include embed/audio.html src='{URL}' %}
+```
+
+Where `URL` is a URL to an audio file e.g. `/path/to/audio.mp3`.
+
+You can also specify additional attributes for the embedded audio file. Here is a full list of attributes allowed.
+
+- `title='Text'` — title for an audio that appears below the audio and looks same as for images
+- `types` — specify the extensions of additional audio formats separated by `|`. Ensure these files exist in the same directory as your primary audio file.
+
+Consider an example using all of the above:
+
+```liquid
+{%
+ include embed/audio.html
+ src='/path/to/audio.mp3'
+ types='ogg|wav|aac'
+ title='Demo audio'
+%}
+```
+
+## Pinned Posts
+
+You can pin one or more posts to the top of the home page, and the fixed posts are sorted in reverse order according to their release date. Enable by:
+
+```yaml
+---
+pin: true
+---
+```
+
+## Prompts
+
+There are several types of prompts: `tip`, `info`, `warning`, and `danger`. They can be generated by adding the class `prompt-{type}` to the blockquote. For example, define a prompt of type `info` as follows:
+
+```md
+> Example line for prompt.
+{: .prompt-info }
+```
+{: .nolineno }
+
+## Syntax
+
+### Inline Code
+
+```md
+`inline code part`
+```
+{: .nolineno }
+
+### Filepath Highlight
+
+```md
+`/path/to/a/file.extend`{: .filepath}
+```
+{: .nolineno }
+
+### Code Block
+
+Markdown symbols ```` ``` ```` can easily create a code block as follows:
+
+````md
+```
+This is a plaintext code snippet.
+```
+````
+
+#### Specifying Language
+
+Using ```` ```{language} ```` you will get a code block with syntax highlight:
+
+````markdown
+```yaml
+key: value
+```
+````
+
+> The Jekyll tag `{% highlight %}` is not compatible with this theme.
+{: .prompt-danger }
+
+#### Line Number
+
+By default, all languages except `plaintext`, `console`, and `terminal` will display line numbers. When you want to hide the line number of a code block, add the class `nolineno` to it:
+
+````markdown
+```shell
+echo 'No more line numbers!'
+```
+{: .nolineno }
+````
+
+#### Specifying the Filename
+
+You may have noticed that the code language will be displayed at the top of the code block. If you want to replace it with the file name, you can add the attribute `file` to achieve this:
+
+````markdown
+```shell
+# content
+```
+{: file="path/to/file" }
+````
+
+#### Liquid Codes
+
+If you want to display the **Liquid** snippet, surround the liquid code with `{% raw %}` and `{% endraw %}`:
+
+````markdown
+{% raw %}
+```liquid
+{% if product.title contains 'Pack' %}
+ This product's title contains the word Pack.
+{% endif %}
+```
+{% endraw %}
+````
+
+Or adding `render_with_liquid: false` (Requires Jekyll 4.0 or higher) to the post's YAML block.
+
+## Mathematics
+
+We use [**MathJax**][mathjax] to generate mathematics. For website performance reasons, the mathematical feature won't be loaded by default. But it can be enabled by:
+
+[mathjax]: https://www.mathjax.org/
+
+```yaml
+---
+math: true
+---
+```
+
+After enabling the mathematical feature, you can add math equations with the following syntax:
+
+- **Block math** should be added with `$$ math $$` with **mandatory** blank lines before and after `$$`
+ - **Inserting equation numbering** should be added with `$$\begin{equation} math \end{equation}$$`
+ - **Referencing equation numbering** should be done with `\label{eq:label_name}` in the equation block and `\eqref{eq:label_name}` inline with text (see example below)
+- **Inline math** (in lines) should be added with `$$ math $$` without any blank line before or after `$$`
+- **Inline math** (in lists) should be added with `\$$ math $$`
+
+```markdown
+
+
+$$
+LaTeX_math_expression
+$$
+
+
+
+$$
+\begin{equation}
+ LaTeX_math_expression
+ \label{eq:label_name}
+\end{equation}
+$$
+
+Can be referenced as \eqref{eq:label_name}.
+
+
+
+"Lorem ipsum dolor sit amet, $$ LaTeX_math_expression $$ consectetur adipiscing elit."
+
+
+
+1. \$$ LaTeX_math_expression $$
+2. \$$ LaTeX_math_expression $$
+3. \$$ LaTeX_math_expression $$
+```
+
+> Starting with `v7.0.0`, configuration options for **MathJax** have been moved to file `assets/js/data/mathjax.js`{: .filepath }, and you can change the options as needed, such as adding [extensions][mathjax-exts].
+> If you are building the site via `chirpy-starter`, copy that file from the gem installation directory (check with command `bundle info --path jekyll-theme-chirpy`) to the same directory in your repository.
+{: .prompt-tip }
+
+[mathjax-exts]: https://docs.mathjax.org/en/latest/input/tex/extensions/index.html
+
+## Mermaid
+
+[**Mermaid**](https://github.com/mermaid-js/mermaid) is a great diagram generation tool. To enable it on your post, add the following to the YAML block:
+
+```yaml
+---
+mermaid: true
+---
+```
+
+Then you can use it like other markdown languages: surround the graph code with ```` ```mermaid ```` and ```` ``` ````.
+
+## Learn More
+
+For more knowledge about Jekyll posts, visit the [Jekyll Docs: Posts](https://jekyllrb.com/docs/posts/).
diff --git a/_posts/2019-08-09-getting-started.md b/_posts/2019-08-09-getting-started.md
new file mode 100644
index 00000000..3cad3839
--- /dev/null
+++ b/_posts/2019-08-09-getting-started.md
@@ -0,0 +1,138 @@
+---
+title: Getting Started
+description: >-
+ Get started with Chirpy basics in this comprehensive overview.
+ You will learn how to install, configure, and use your first Chirpy-based website, as well as deploy it to a web server.
+author: cotes
+date: 2019-08-09 20:55:00 +0800
+categories: [Blogging, Tutorial]
+tags: [getting started]
+pin: true
+media_subpath: '/posts/20180809'
+---
+
+## Prerequisites
+
+Follow the instructions in the [Jekyll Docs](https://jekyllrb.com/docs/installation/) to complete the installation of the basic environment. [Git](https://git-scm.com/) also needs to be installed.
+
+## Installation
+
+### Creating a New Site
+
+There are two ways to create a new repository for this theme:
+
+- [**Using the Chirpy Starter**](#option-1-using-the-chirpy-starter) — Easy to upgrade, isolates irrelevant project files so you can focus on writing.
+- [**GitHub Fork**](#option-2-github-fork) — Convenient for custom development, but difficult to upgrade. Unless you are familiar with Jekyll and are determined to tweak or contribute to this project, this approach is not recommended.
+
+#### Option 1. Using the Chirpy Starter
+
+Sign in to GitHub and browse to [**Chirpy Starter**][starter], click the button Use this template > Create a new repository, and name the new repository `USERNAME.github.io`, where `USERNAME` represents your GitHub username.
+
+#### Option 2. GitHub Fork
+
+Sign in to GitHub to [fork **Chirpy**](https://github.com/cotes2020/jekyll-theme-chirpy/fork), and then rename it to `USERNAME.github.io` (`USERNAME` means your username).
+
+Next, clone the repository to your local machine, make sure it has [Node.js][nodejs] installed, then go to the root directory of the repo and run the following command:
+
+```console
+$ bash tools/init.sh
+```
+
+> If you don't want to deploy your site on GitHub Pages, append option `--no-gh` at the end of the above command.
+{: .prompt-info }
+
+The above command will:
+
+1. Check out the code to the [latest tag][latest-tag] (to ensure the stability of your site: as the code for the default branch is under development).
+2. Remove non-essential sample files and take care of GitHub-related files.
+3. Build CSS/JS assets files and then make them tracked by Git.
+4. Automatically create a new commit to save the changes above.
+
+### Installing Dependencies
+
+Before running local server for the first time, go to the root directory of your site and run:
+
+```console
+$ bundle
+```
+
+## Usage
+
+### Configuration
+
+Update the variables in `_config.yml`{: .filepath} as needed. Some typical options include:
+
+- `url`
+- `avatar`
+- `timezone`
+- `lang`
+
+### Social Contact Options
+
+Social contact options are displayed at the bottom of the sidebar. You can enable or disable specific contacts in the `_data/contact.yml`{: .filepath} file.
+
+### Customizing the Stylesheet
+
+To customize the stylesheet, copy the theme's `assets/css/jekyll-theme-chirpy.scss`{: .filepath} file to the same path in your Jekyll site, and add your custom styles at the end of the file.
+
+Starting with version `6.2.0`, if you want to overwrite the SASS variables defined in `_sass/addon/variables.scss`{: .filepath}, copy the main SASS file `_sass/main.scss`{: .filepath} to the `_sass`{: .filepath} directory in your site's source, then create a new file `_sass/variables-hook.scss`{: .filepath} and assign your new values there.
+
+### Customizing Static Assets
+
+Static assets configuration was introduced in version `5.1.0`. The CDN of the static assets is defined in `_data/origin/cors.yml`{: .filepath }. You can replace some of them based on to the network conditions in the region where your website is published.
+
+Also, if you'd like to self-host the static assets, please refer to the [_chirpy-static-assets_](https://github.com/cotes2020/chirpy-static-assets#readme).
+
+### Running Local Server
+
+You may want to preview the site contents before publishing, so just run it by:
+
+```console
+$ bundle exec jekyll s
+```
+
+After a few seconds, the local service will be published at __.
+
+## Deployment
+
+Before deploying, check the `_config.yml`{: .filepath} file and ensure the `url` is configured correctly. If you prefer a [**project site**](https://help.github.com/en/github/working-with-github-pages/about-github-pages#types-of-github-pages-sites) and don't use a custom domain, or if you want to visit your website with a base URL on a web server other than **GitHub Pages**, remember to set the `baseurl` to your project name, starting with a slash, e.g., `/project-name`.
+
+Now you can choose _ONE_ of the following methods to deploy your Jekyll site.
+
+### Deploy Using GitHub Actions
+
+Prepare the following:
+
+- If you're on the GitHub Free plan, keep your site repository public.
+- If you have committed `Gemfile.lock`{: .filepath} to the repository, and your local machine is not running Linux, update the platform list of the lock file:
+
+ ```console
+ $ bundle lock --add-platform x86_64-linux
+ ```
+
+Next, configure the _Pages_ service:
+
+1. Go to your repository on GitHub. Select the _Settings_ tab, then click _Pages_ in the left navigation bar. In the **Source** section (under _Build and deployment_), select [**GitHub Actions**][pages-workflow-src] from the dropdown menu.
+ {: .light .border .normal w='375' h='140' }
+ {: .dark .normal w='375' h='140' }
+
+2. Push any commits to GitHub to trigger the _Actions_ workflow. In the _Actions_ tab of your repository, you should see the workflow _Build and Deploy_ running. Once the build is complete and successful, the site will be deployed automatically.
+
+You can now visit the URL provided by GitHub to access your site.
+
+### Manual Build and Deployment
+
+For self-hosted servers, you will need to build the site on your local machine and then upload the site files to the server.
+
+Navigate to the root of the source project, and build your site with the following command:
+
+```console
+$ JEKYLL_ENV=production bundle exec jekyll b
+```
+
+Unless you specified the output path, the generated site files will be placed in the `_site`{: .filepath} folder of the project's root directory. Upload these files to your target server.
+
+[nodejs]: https://nodejs.org/
+[starter]: https://github.com/cotes2020/chirpy-starter
+[pages-workflow-src]: https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site#publishing-with-a-custom-github-actions-workflow
+[latest-tag]: https://github.com/cotes2020/jekyll-theme-chirpy/tags
diff --git a/_posts/2019-08-11-customize-the-favicon.md b/_posts/2019-08-11-customize-the-favicon.md
new file mode 100644
index 00000000..a3278fa9
--- /dev/null
+++ b/_posts/2019-08-11-customize-the-favicon.md
@@ -0,0 +1,37 @@
+---
+title: Customize the Favicon
+author: cotes
+date: 2019-08-11 00:34:00 +0800
+categories: [Blogging, Tutorial]
+tags: [favicon]
+---
+
+The [favicons](https://www.favicon-generator.org/about/) of [**Chirpy**](https://github.com/cotes2020/jekyll-theme-chirpy/) are placed in the directory `assets/img/favicons/`{: .filepath}. You may want to replace them with your own. The following sections will guide you to create and replace the default favicons.
+
+## Generate the favicon
+
+Prepare a square image (PNG, JPG, or SVG) with a size of 512x512 or more, and then go to the online tool [**Real Favicon Generator**](https://realfavicongenerator.net/) and click the button Select your Favicon image to upload your image file.
+
+In the next step, the webpage will show all usage scenarios. You can keep the default options, scroll to the bottom of the page, and click the button Generate your Favicons and HTML code to generate the favicon.
+
+## Download & Replace
+
+Download the generated package, unzip and delete the following two from the extracted files:
+
+- `browserconfig.xml`{: .filepath}
+- `site.webmanifest`{: .filepath}
+
+And then copy the remaining image files (`.PNG`{: .filepath} and `.ICO`{: .filepath}) to cover the original files in the directory `assets/img/favicons/`{: .filepath} of your Jekyll site. If your Jekyll site doesn't have this directory yet, just create one.
+
+The following table will help you understand the changes to the favicon files:
+
+| File(s) | From Online Tool | From Chirpy |
+|---------------------|:---------------------------------:|:-----------:|
+| `*.PNG` | ✓ | ✗ |
+| `*.ICO` | ✓ | ✗ |
+
+
+> ✓ means keep, ✗ means delete.
+{: .prompt-info }
+
+The next time you build the site, the favicon will be replaced with a customized edition.
diff --git a/_posts/2024-07-12-welcome-to-jekyll.markdown b/_posts/2024-07-12-welcome-to-jekyll.markdown
deleted file mode 100644
index 9b08b2cb..00000000
--- a/_posts/2024-07-12-welcome-to-jekyll.markdown
+++ /dev/null
@@ -1,29 +0,0 @@
----
-layout: post
-title: "Welcome to Jekyll!"
-date: 2024-07-12 22:55:50 +0900
-categories: jekyll update
----
-You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
-
-Jekyll requires blog post files to be named according to the following format:
-
-`YEAR-MONTH-DAY-title.MARKUP`
-
-Where `YEAR` is a four-digit number, `MONTH` and `DAY` are both two-digit numbers, and `MARKUP` is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.
-
-Jekyll also offers powerful support for code snippets:
-
-{% highlight ruby %}
-def print_hi(name)
- puts "Hi, #{name}"
-end
-print_hi('Tom')
-#=> prints 'Hi, Tom' to STDOUT.
-{% endhighlight %}
-
-Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
-
-[jekyll-docs]: https://jekyllrb.com/docs/home
-[jekyll-gh]: https://github.com/jekyll/jekyll
-[jekyll-talk]: https://talk.jekyllrb.com/
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
new file mode 100644
index 00000000..4087d241
--- /dev/null
+++ b/_sass/addon/commons.scss
@@ -0,0 +1,1532 @@
+/* The common styles */
+
+html {
+ @media (prefers-color-scheme: light) {
+ &:not([data-mode]),
+ &[data-mode='light'] {
+ @include light-scheme;
+ }
+
+ &[data-mode='dark'] {
+ @include dark-scheme;
+ }
+ }
+
+ @media (prefers-color-scheme: dark) {
+ &:not([data-mode]),
+ &[data-mode='dark'] {
+ @include dark-scheme;
+ }
+
+ &[data-mode='light'] {
+ @include light-scheme;
+ }
+ }
+
+ font-size: 16px;
+}
+
+body {
+ background: var(--main-bg);
+ padding: env(safe-area-inset-top) env(safe-area-inset-right)
+ env(safe-area-inset-bottom) env(safe-area-inset-left);
+ color: var(--text-color);
+ -webkit-font-smoothing: antialiased;
+ font-family: $font-family-base;
+}
+
+/* --- Typography --- */
+
+@for $i from 1 through 5 {
+ h#{$i} {
+ @extend %heading;
+
+ @if $i > 1 {
+ @extend %section;
+ @extend %anchor;
+ }
+
+ @if $i < 5 {
+ $factor: 0.18rem;
+
+ @if $i == 1 {
+ $factor: 0.23rem;
+ }
+
+ font-size: 1rem + (5 - $i) * $factor;
+ } @else {
+ font-size: 1rem;
+ }
+ }
+}
+
+a {
+ @extend %link-color;
+
+ text-decoration: none;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+ transition: all 0.35s ease-in-out;
+
+ .blur & {
+ $blur: 20px;
+
+ -webkit-filter: blur($blur);
+ filter: blur($blur);
+ }
+}
+
+blockquote {
+ border-left: 5px solid var(--blockquote-border-color);
+ padding-left: 1rem;
+ color: var(--blockquote-text-color);
+
+ > p:last-child {
+ margin-bottom: 0;
+ }
+
+ &[class^='prompt-'] {
+ border-left: 0;
+ position: relative;
+ padding: 1rem 1rem 1rem 3rem;
+ color: var(--prompt-text-color);
+
+ @extend %rounded;
+
+ &::before {
+ text-align: center;
+ width: 3rem;
+ position: absolute;
+ left: 0.25rem;
+ margin-top: 0.4rem;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ }
+ }
+
+ @include prompt('tip', '\f0eb', $fa-style: 'regular');
+ @include prompt('info', '\f06a', $rotate: 180);
+ @include prompt('warning', '\f06a');
+ @include prompt('danger', '\f071');
+}
+
+kbd {
+ font-family: inherit;
+ display: inline-block;
+ vertical-align: middle;
+ line-height: 1.3rem;
+ min-width: 1.75rem;
+ text-align: center;
+ margin: 0 0.3rem;
+ padding-top: 0.1rem;
+ color: var(--kbd-text-color);
+ background-color: var(--kbd-bg-color);
+ border-radius: 0.25rem;
+ border: solid 1px var(--kbd-wrap-color);
+ box-shadow: inset 0 -2px 0 var(--kbd-wrap-color);
+}
+
+hr {
+ border-color: var(--main-border-color);
+ opacity: 1;
+}
+
+footer {
+ background-color: var(--main-bg);
+ height: $footer-height;
+ border-top: 1px solid var(--main-border-color);
+
+ @extend %text-xs;
+
+ a {
+ @extend %text-highlight;
+
+ &:hover {
+ @extend %link-hover;
+ }
+ }
+
+ em {
+ @extend %text-highlight;
+ }
+
+ p {
+ text-align: center;
+ margin-bottom: 0;
+ }
+}
+
+/* fontawesome icons */
+i {
+ &.far,
+ &.fas {
+ @extend %no-cursor;
+ }
+}
+
+/* --- Panels --- */
+
+.access {
+ top: 2rem;
+ transition: top 0.2s ease-in-out;
+ margin-top: 3rem;
+ margin-bottom: 4rem;
+
+ &:only-child {
+ position: -webkit-sticky;
+ position: sticky;
+ }
+
+ > section {
+ padding-left: 1rem;
+ border-left: 1px solid var(--main-border-color);
+
+ &:not(:last-child) {
+ margin-bottom: 4rem;
+ }
+ }
+
+ .content {
+ font-size: 0.9rem;
+ }
+}
+
+#panel-wrapper {
+ /* the headings */
+ .panel-heading {
+ font-family: inherit;
+ line-height: inherit;
+
+ @include label(inherit);
+ }
+
+ .post-tag {
+ line-height: 1.05rem;
+ font-size: 0.85rem;
+ border-radius: 0.8rem;
+ padding: 0.3rem 0.5rem;
+ margin: 0 0.35rem 0.5rem 0;
+
+ &:hover {
+ transition: all 0.3s ease-in;
+ }
+ }
+}
+
+#access-lastmod {
+ a {
+ &:hover {
+ @extend %link-hover;
+ }
+
+ @extend %no-bottom-border;
+
+ color: inherit;
+ }
+}
+
+.footnotes > ol {
+ padding-left: 2rem;
+ margin-top: 0.5rem;
+
+ > li {
+ &:not(:last-child) {
+ margin-bottom: 0.3rem;
+ }
+
+ @extend %sup-fn-target;
+
+ > p {
+ margin-left: 0.25em;
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ }
+}
+
+.footnote {
+ @at-root a#{&} {
+ @include ml-mr(1px);
+ @include pl-pr(2px);
+
+ border-bottom-style: none !important;
+ }
+}
+
+sup {
+ @extend %sup-fn-target;
+}
+
+.reversefootnote {
+ @at-root a#{&} {
+ font-size: 0.6rem;
+ line-height: 1;
+ position: relative;
+ bottom: 0.25em;
+ margin-left: 0.25em;
+ border-bottom-style: none !important;
+ }
+}
+
+/* --- Begin of Markdown table style --- */
+
+/* it will be created by Liquid */
+.table-wrapper {
+ overflow-x: auto;
+ margin-bottom: 1.5rem;
+
+ > table {
+ min-width: 100%;
+ overflow-x: auto;
+ border-spacing: 0;
+
+ thead {
+ border-bottom: solid 2px rgba(210, 215, 217, 0.75);
+
+ th {
+ @extend %table-cell;
+ }
+ }
+
+ tbody {
+ tr {
+ border-bottom: 1px solid var(--tb-border-color);
+
+ &:nth-child(2n) {
+ background-color: var(--tb-even-bg);
+ }
+
+ &:nth-child(2n + 1) {
+ background-color: var(--tb-odd-bg);
+ }
+
+ td {
+ @extend %table-cell;
+ }
+ }
+ } /* tbody */
+ } /* table */
+}
+
+/* --- post --- */
+
+.preview-img {
+ aspect-ratio: 40 / 21;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+
+ @extend %rounded;
+
+ &:not(.no-bg) {
+ background: var(--img-bg);
+ }
+
+ img {
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
+
+ @extend %rounded;
+
+ @at-root #post-list & {
+ width: 100%;
+ }
+ }
+}
+
+.post-preview {
+ @extend %rounded;
+
+ border: 0;
+ background: var(--card-bg);
+ box-shadow: var(--card-shadow);
+
+ &::before {
+ @extend %rounded;
+
+ content: '';
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ background-color: var(--card-hovor-bg);
+ opacity: 0;
+ transition: opacity 0.35s ease-in-out;
+ }
+
+ &:hover {
+ &::before {
+ opacity: 0.3;
+ }
+ }
+}
+
+main {
+ line-height: 1.75;
+
+ h1 {
+ margin-top: 2rem;
+ }
+
+ p {
+ > a.popup {
+ &:not(.normal):not(.left):not(.right) {
+ @include align-center;
+ }
+ }
+ }
+
+ .categories,
+ #tags,
+ #archives {
+ a:not(:hover) {
+ @extend %no-bottom-border;
+ }
+ }
+}
+
+.post-meta {
+ @extend %text-sm;
+
+ a {
+ &:not([class]):hover {
+ @extend %link-hover;
+ }
+ }
+
+ em {
+ @extend %normal-font-style;
+ }
+}
+
+.content {
+ font-size: 1.08rem;
+ margin-top: 2rem;
+ overflow-wrap: break-word;
+
+ a {
+ &.popup {
+ @extend %no-cursor;
+ @extend %img-caption;
+ @include mt-mb(0.5rem);
+
+ cursor: zoom-in;
+ }
+
+ &:not(.img-link) {
+ @extend %link-underline;
+
+ &:hover {
+ @extend %link-hover;
+ }
+ }
+ }
+
+ ol,
+ ul {
+ &:not([class]),
+ &.task-list {
+ -webkit-padding-start: 1.75rem;
+ padding-inline-start: 1.75rem;
+
+ li {
+ margin: 0.25rem 0;
+ padding-left: 0.25rem;
+ }
+
+ ol,
+ ul {
+ -webkit-padding-start: 1.25rem;
+ padding-inline-start: 1.25rem;
+ margin: 0.5rem 0;
+ }
+ }
+ }
+
+ ul.task-list {
+ -webkit-padding-start: 1.25rem;
+ padding-inline-start: 1.25rem;
+
+ li {
+ list-style-type: none;
+ padding-left: 0;
+
+ /* checkbox icon */
+ > i {
+ width: 2rem;
+ margin-left: -1.25rem;
+ color: var(--checkbox-color);
+
+ &.checked {
+ color: var(--checkbox-checked-color);
+ }
+ }
+
+ ul {
+ -webkit-padding-start: 1.75rem;
+ padding-inline-start: 1.75rem;
+ }
+ }
+
+ input[type='checkbox'] {
+ margin: 0 0.5rem 0.2rem -1.3rem;
+ vertical-align: middle;
+ }
+ } /* ul */
+
+ dl > dd {
+ margin-left: 1rem;
+ }
+
+ ::marker {
+ color: var(--text-muted-color);
+ }
+} /* .content */
+
+.tag:hover {
+ @extend %tag-hover;
+}
+
+.post-tag {
+ display: inline-block;
+ min-width: 2rem;
+ text-align: center;
+ border-radius: 0.5rem;
+ border: 1px solid var(--btn-border-color);
+ padding: 0 0.4rem;
+ color: var(--text-muted-color);
+ line-height: 1.3rem;
+
+ &:not(:last-child) {
+ margin-right: 0.2rem;
+ }
+}
+
+.rounded-10 {
+ border-radius: 10px !important;
+}
+
+.img-link {
+ color: transparent;
+ display: inline-flex;
+}
+
+.shimmer {
+ overflow: hidden;
+ position: relative;
+ background: var(--img-bg);
+
+ &::before {
+ content: '';
+ position: absolute;
+ background: var(--shimmer-bg);
+ height: 100%;
+ width: 100%;
+ -webkit-animation: shimmer 1.3s infinite;
+ animation: shimmer 1.3s infinite;
+ }
+
+ @-webkit-keyframes shimmer {
+ 0% {
+ transform: translateX(-100%);
+ }
+
+ 100% {
+ transform: translateX(100%);
+ }
+ }
+
+ @keyframes shimmer {
+ 0% {
+ transform: translateX(-100%);
+ }
+
+ 100% {
+ transform: translateX(100%);
+ }
+ }
+}
+
+.embed-video {
+ width: 100%;
+ height: 100%;
+ margin-bottom: 1rem;
+ aspect-ratio: 16 / 9;
+
+ @extend %rounded;
+
+ &.twitch {
+ aspect-ratio: 310 / 189;
+ }
+
+ &.file {
+ display: block;
+ width: auto;
+ height: auto;
+ max-width: 100%;
+ max-height: 100%;
+ margin: auto;
+ margin-bottom: 0;
+ }
+
+ @extend %img-caption;
+}
+
+.embed-audio {
+ width: 100%;
+ display: block;
+
+ @extend %img-caption;
+}
+
+/* --- buttons --- */
+.btn-lang {
+ border: 1px solid !important;
+ padding: 1px 3px;
+ border-radius: 3px;
+ color: var(--link-color);
+
+ &:focus {
+ box-shadow: none;
+ }
+}
+
+/* --- Effects classes --- */
+
+.flex-grow-1 {
+ flex-grow: 1 !important;
+}
+
+.btn-box-shadow {
+ box-shadow: var(--card-shadow);
+}
+
+/* overwrite bootstrap muted */
+.text-muted {
+ color: var(--text-muted-color) !important;
+}
+
+/* Overwrite bootstrap tooltip */
+.tooltip-inner {
+ font-size: 0.7rem;
+ max-width: 220px;
+ text-align: left;
+}
+
+/* Overwrite bootstrap outline button */
+.btn.btn-outline-primary {
+ &:not(.disabled):hover {
+ border-color: #007bff !important;
+ }
+}
+
+.disabled {
+ color: rgb(206, 196, 196);
+ pointer-events: auto;
+ cursor: not-allowed;
+}
+
+.hide-border-bottom {
+ border-bottom: none !important;
+}
+
+.input-focus {
+ box-shadow: none;
+ border-color: var(--input-focus-border-color) !important;
+ background: center !important;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+
+.left {
+ float: left;
+ margin: 0.75rem 1rem 1rem 0;
+}
+
+.right {
+ float: right;
+ margin: 0.75rem 0 1rem 1rem;
+}
+
+/* --- Overriding --- */
+
+/* mermaid */
+.mermaid {
+ text-align: center;
+}
+
+/* MathJax */
+mjx-container {
+ overflow-y: hidden;
+ min-width: auto !important;
+}
+
+/* --- sidebar layout --- */
+
+$sidebar-display: 'sidebar-display';
+$btn-border-width: 3px;
+$btn-mb: 0.5rem;
+
+#sidebar {
+ @include pl-pr(0);
+
+ position: fixed;
+ top: 0;
+ left: 0;
+ height: 100%;
+ overflow-y: auto;
+ width: $sidebar-width;
+ z-index: 99;
+ background: var(--sidebar-bg);
+ border-right: 1px solid var(--sidebar-border-color);
+
+ /* Hide scrollbar for Chrome, Safari and Opera */
+ &::-webkit-scrollbar {
+ display: none;
+ }
+
+ /* Hide scrollbar for IE, Edge and Firefox */
+ -ms-overflow-style: none; /* IE and Edge */
+ scrollbar-width: none; /* Firefox */
+
+ %sidebar-link-hover {
+ &:hover {
+ color: var(--sidebar-active-color);
+ }
+ }
+
+ a {
+ @extend %sidebar-links;
+ }
+
+ #avatar {
+ display: block;
+ width: 7rem;
+ height: 7rem;
+ overflow: hidden;
+ box-shadow: var(--avatar-border-color) 0 0 0 2px;
+ transform: translateZ(0); /* fixed the zoom in Safari */
+
+ img {
+ transition: transform 0.5s;
+
+ &:hover {
+ transform: scale(1.2);
+ }
+ }
+ }
+
+ .profile-wrapper {
+ @include mt-mb(2.5rem);
+ @extend %clickable-transition;
+
+ padding-left: 2.5rem;
+ padding-right: 1.25rem;
+ width: 100%;
+ }
+
+ .site-title {
+ font-family: inherit;
+ font-weight: 900;
+ font-size: 1.75rem;
+ line-height: 1.2;
+ letter-spacing: 0.25px;
+ margin-top: 1.25rem;
+ margin-bottom: 0.5rem;
+
+ a {
+ @extend %clickable-transition;
+ @extend %sidebar-link-hover;
+
+ color: var(--site-title-color);
+ }
+ }
+
+ .site-subtitle {
+ font-size: 95%;
+ color: var(--site-subtitle-color);
+ margin-top: 0.25rem;
+ word-spacing: 1px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ }
+
+ ul {
+ margin-bottom: 2rem;
+
+ li.nav-item {
+ opacity: 0.9;
+ width: 100%;
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+
+ a.nav-link {
+ @include pt-pb(0.6rem);
+
+ display: flex;
+ align-items: center;
+ border-radius: 0.75rem;
+ font-weight: 600;
+
+ &:hover {
+ background-color: var(--sidebar-hover-bg);
+ }
+
+ i {
+ font-size: 95%;
+ opacity: 0.8;
+ margin-right: 1.5rem;
+ }
+
+ span {
+ font-size: 90%;
+ letter-spacing: 0.2px;
+ }
+ }
+
+ &.active {
+ .nav-link {
+ color: var(--sidebar-active-color);
+ background-color: var(--sidebar-hover-bg);
+
+ span {
+ opacity: 1;
+ }
+ }
+ }
+
+ &:not(:first-child) {
+ margin-top: 0.25rem;
+ }
+ }
+ }
+
+ .sidebar-bottom {
+ padding-left: 2rem;
+ padding-right: 1rem;
+ margin-bottom: 1.5rem;
+
+ $btn-size: 1.75rem;
+
+ %button {
+ width: $btn-size;
+ height: $btn-size;
+ margin-bottom: $btn-mb; // multi line gap
+ border-radius: 50%;
+ color: var(--sidebar-btn-color);
+ background-color: var(--sidebar-btn-bg);
+ text-align: center;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ &:not(:focus-visible) {
+ box-shadow: var(--sidebar-border-color) 0 0 0 1px;
+ }
+
+ &:hover {
+ background-color: var(--sidebar-hover-bg);
+ }
+ }
+
+ a {
+ @extend %button;
+ @extend %sidebar-link-hover;
+ @extend %clickable-transition;
+
+ &:not(:last-child) {
+ margin-right: $sb-btn-gap;
+ }
+ }
+
+ i {
+ line-height: $btn-size;
+ }
+
+ #mode-toggle {
+ @extend %button;
+ @extend %sidebar-links;
+ @extend %sidebar-link-hover;
+ }
+
+ .icon-border {
+ @extend %no-cursor;
+ @include ml-mr(calc(($sb-btn-gap - $btn-border-width) / 2));
+
+ background-color: var(--sidebar-btn-color);
+ content: '';
+ width: $btn-border-width;
+ height: $btn-border-width;
+ border-radius: 50%;
+ margin-bottom: $btn-mb;
+ }
+ } /* .sidebar-bottom */
+} /* #sidebar */
+
+@media (hover: hover) {
+ #sidebar ul > li:last-child::after {
+ transition: top 0.5s ease;
+ }
+
+ .nav-link {
+ transition: background-color 0.3s ease-in-out;
+ }
+
+ .post-preview {
+ transition: background-color 0.35s ease-in-out;
+ }
+}
+
+#search-result-wrapper {
+ display: none;
+ height: 100%;
+ width: 100%;
+ overflow: auto;
+
+ .content {
+ margin-top: 2rem;
+ }
+}
+
+/* --- top-bar --- */
+
+#topbar-wrapper {
+ height: $topbar-height;
+ background-color: var(--topbar-bg);
+}
+
+#topbar {
+ button i {
+ color: #999999;
+ }
+
+ #breadcrumb {
+ font-size: 1rem;
+ color: var(--text-muted-color);
+ padding-left: 0.5rem;
+
+ a:hover {
+ @extend %link-hover;
+ }
+
+ span {
+ &:not(:last-child) {
+ &::after {
+ content: '›';
+ padding: 0 0.3rem;
+ }
+ }
+ }
+ }
+} /* #topbar */
+
+::-webkit-input-placeholder {
+ @include placeholder;
+}
+
+::-moz-placeholder {
+ @include placeholder;
+}
+
+:-ms-input-placeholder {
+ @include placeholder;
+}
+
+::-ms-input-placeholder {
+ @include placeholder;
+}
+
+::placeholder {
+ @include placeholder;
+}
+
+:focus::-webkit-input-placeholder {
+ @include placeholder-focus;
+}
+
+:focus::-moz-placeholder {
+ @include placeholder-focus;
+}
+
+:focus:-ms-input-placeholder {
+ @include placeholder-focus;
+}
+
+:focus::-ms-input-placeholder {
+ @include placeholder-focus;
+}
+
+:focus::placeholder {
+ @include placeholder-focus;
+}
+
+search {
+ display: flex;
+ width: 100%;
+ border-radius: 1rem;
+ border: 1px solid var(--search-border-color);
+ background: var(--main-bg);
+ padding: 0 0.5rem;
+
+ i {
+ z-index: 2;
+ font-size: 0.9rem;
+ color: var(--search-icon-color);
+ }
+}
+
+#sidebar-trigger,
+#search-trigger {
+ display: none;
+}
+
+/* 'Cancel' link */
+#search-cancel {
+ color: var(--link-color);
+ display: none;
+ white-space: nowrap;
+
+ @extend %cursor-pointer;
+}
+
+#search-input {
+ background: center;
+ border: 0;
+ border-radius: 0;
+ padding: 0.18rem 0.3rem;
+ color: var(--text-color);
+ height: auto;
+
+ &:focus {
+ box-shadow: none;
+ }
+}
+
+#search-hints {
+ padding: 0 1rem;
+
+ h4 {
+ margin-bottom: 1.5rem;
+ }
+
+ .post-tag {
+ display: inline-block;
+ line-height: 1rem;
+ font-size: 1rem;
+ background: var(--search-tag-bg);
+ border: none;
+ padding: 0.5rem;
+ margin: 0 1.25rem 1rem 0;
+
+ &::before {
+ content: '#';
+ color: var(--text-muted-color);
+ padding-right: 0.2rem;
+ }
+
+ @extend %link-color;
+ }
+}
+
+#search-results {
+ padding-bottom: 3rem;
+
+ a {
+ &:hover {
+ @extend %link-hover;
+ }
+
+ @extend %link-color;
+ @extend %no-bottom-border;
+ @extend %heading;
+
+ font-size: 1.4rem;
+ line-height: 2.5rem;
+ }
+
+ > article {
+ width: 100%;
+
+ &:not(:last-child) {
+ margin-bottom: 1rem;
+ }
+
+ /* icons */
+ i {
+ color: #818182;
+ margin-right: 0.15rem;
+ font-size: 80%;
+ }
+
+ > p {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ }
+ }
+} /* #search-results */
+
+#topbar-title {
+ display: none;
+ font-size: 1.1rem;
+ font-weight: 600;
+ font-family: sans-serif;
+ color: var(--topbar-text-color);
+ text-align: center;
+ width: 70%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ word-break: keep-all;
+ white-space: nowrap;
+}
+
+#mask {
+ display: none;
+ position: fixed;
+ inset: 0 0 0 0;
+ height: 100%;
+ width: 100%;
+ z-index: 1;
+
+ @at-root [#{$sidebar-display}] & {
+ display: block !important;
+ }
+}
+
+/* --- basic wrappers --- */
+
+#main-wrapper {
+ position: relative;
+
+ @include pl-pr(0);
+
+ > .container {
+ min-height: 100vh;
+ }
+}
+
+#topbar-wrapper.row,
+#main-wrapper > .container > .row,
+#search-result-wrapper > .row {
+ @include ml-mr(0);
+}
+
+#tail-wrapper {
+ > :not(script) {
+ margin-top: 3rem;
+ }
+}
+
+/* --- button back-to-top --- */
+
+#back-to-top {
+ visibility: hidden;
+ opacity: 0;
+ z-index: 1;
+ cursor: pointer;
+ position: fixed;
+ right: 1rem;
+ bottom: calc($footer-height-large - $back2top-size / 2);
+ background: var(--button-bg);
+ color: var(--btn-backtotop-color);
+ padding: 0;
+ width: $back2top-size;
+ height: $back2top-size;
+ border-radius: 50%;
+ border: 1px solid var(--btn-backtotop-border-color);
+ transition: opacity 0.5s ease-in-out, transform 0.2s ease-out;
+
+ &:hover {
+ transform: translate3d(0, -5px, 0);
+ -webkit-transform: translate3d(0, -5px, 0);
+ }
+
+ i {
+ line-height: $back2top-size;
+ position: relative;
+ bottom: 2px;
+ }
+
+ &.show {
+ opacity: 1;
+ visibility: visible;
+ }
+}
+
+#notification {
+ @-webkit-keyframes popup {
+ from {
+ opacity: 0;
+ bottom: 0;
+ }
+ }
+
+ @keyframes popup {
+ from {
+ opacity: 0;
+ bottom: 0;
+ }
+ }
+
+ .toast-header {
+ background: none;
+ border-bottom: none;
+ color: inherit;
+ }
+
+ .toast-body {
+ font-family: Lato, sans-serif;
+ line-height: 1.25rem;
+
+ button {
+ font-size: 90%;
+ min-width: 4rem;
+ }
+ }
+
+ &.toast {
+ &.show {
+ display: block;
+ min-width: 20rem;
+ border-radius: 0.5rem;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ background-color: rgba(255, 255, 255, 0.5);
+ color: #1b1b1eba;
+ position: fixed;
+ left: 50%;
+ bottom: 20%;
+ transform: translateX(-50%);
+ -webkit-animation: popup 0.8s;
+ animation: popup 0.8s;
+ }
+ }
+}
+
+/*
+ Responsive Design:
+
+ {sidebar, content, panel} >= 1200px screen width
+ {sidebar, content} >= 850px screen width
+ {content} <= 849px screen width
+
+*/
+
+@media all and (max-width: 576px) {
+ main {
+ .content {
+ > blockquote[class^='prompt-'] {
+ @include ml-mr(-1rem);
+
+ border-radius: 0;
+ max-width: none;
+ }
+ }
+ }
+
+ #avatar {
+ width: 5rem;
+ height: 5rem;
+ }
+}
+
+@media all and (max-width: 768px) {
+ %full-width {
+ max-width: 100%;
+ }
+
+ #topbar {
+ @extend %full-width;
+ }
+
+ #main-wrapper > .container {
+ @extend %full-width;
+ @include pl-pr(0);
+ }
+}
+
+/* hide sidebar and panel */
+@media all and (max-width: 849px) {
+ @mixin slide($append: null) {
+ $basic: transform 0.4s ease;
+
+ @if $append {
+ transition: $basic, $append;
+ } @else {
+ transition: $basic;
+ }
+ }
+
+ footer {
+ @include slide;
+
+ height: $footer-height-large;
+ padding: 1.5rem 0;
+ }
+
+ [#{$sidebar-display}] {
+ #sidebar {
+ transform: translateX(0);
+ }
+
+ #main-wrapper {
+ transform: translateX($sidebar-width);
+ }
+
+ #back-to-top {
+ visibility: hidden;
+ }
+ }
+
+ #sidebar {
+ @include slide;
+
+ transform: translateX(-$sidebar-width); /* hide */
+ -webkit-transform: translateX(-$sidebar-width);
+ }
+
+ #main-wrapper {
+ @include slide;
+ }
+
+ #topbar,
+ #main-wrapper > .container {
+ max-width: 100%;
+ }
+
+ #search-result-wrapper {
+ width: 100%;
+ }
+
+ #breadcrumb,
+ search {
+ display: none;
+ }
+
+ #topbar-wrapper {
+ @include slide(top 0.2s ease);
+
+ left: 0;
+ }
+
+ main,
+ #panel-wrapper {
+ margin-top: 0;
+ }
+
+ #topbar-title,
+ #sidebar-trigger,
+ #search-trigger {
+ display: block;
+ }
+
+ #search-result-wrapper .content {
+ letter-spacing: 0;
+ }
+
+ #tags {
+ justify-content: center !important;
+ }
+
+ h1.dynamic-title {
+ display: none;
+
+ ~ .content {
+ margin-top: 2.5rem;
+ }
+ }
+} /* max-width: 849px */
+
+/* Sidebar is visible */
+@media all and (min-width: 850px) {
+ /* Solved jumping scrollbar */
+ html {
+ overflow-y: scroll;
+ }
+
+ #main-wrapper {
+ margin-left: $sidebar-width;
+ }
+
+ #sidebar {
+ .profile-wrapper {
+ margin-top: 3rem;
+ }
+ }
+
+ #search-hints {
+ display: none;
+ }
+
+ search {
+ max-width: $search-max-width;
+ }
+
+ #search-result-wrapper {
+ max-width: $main-content-max-width;
+ justify-content: start !important;
+ }
+
+ main {
+ h1 {
+ margin-top: 3rem;
+ }
+ }
+
+ div.content .table-wrapper > table {
+ min-width: 70%;
+ }
+
+ /* button 'back-to-Top' position */
+ #back-to-top {
+ right: 5%;
+ bottom: calc($footer-height - $back2top-size / 2);
+ }
+
+ #topbar-title {
+ text-align: left;
+ }
+}
+
+/* Pad horizontal */
+@media all and (min-width: 992px) and (max-width: 1199px) {
+ #main-wrapper > .container .col-lg-11 {
+ flex: 0 0 96%;
+ max-width: 96%;
+ }
+}
+
+/* Compact icons in sidebar & panel hidden */
+@media all and (min-width: 850px) and (max-width: 1199px) {
+ #search-results > div {
+ max-width: 700px;
+ }
+
+ #breadcrumb {
+ width: 65%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ word-break: keep-all;
+ white-space: nowrap;
+ }
+}
+
+/* panel hidden */
+@media all and (max-width: 1199px) {
+ #panel-wrapper {
+ display: none;
+ }
+
+ #main-wrapper > .container > div.row {
+ justify-content: center !important;
+ }
+}
+
+/* --- desktop mode, both sidebar and panel are visible --- */
+
+@media all and (min-width: 1200px) {
+ search {
+ margin-right: 4rem;
+ }
+
+ #search-input {
+ transition: all 0.3s ease-in-out;
+ }
+
+ #search-results > article {
+ width: 45%;
+
+ &:nth-child(odd) {
+ margin-right: 1.5rem;
+ }
+
+ &:nth-child(even) {
+ margin-left: 1.5rem;
+ }
+
+ &:last-child:nth-child(odd) {
+ position: relative;
+ right: 24.3%;
+ }
+ }
+
+ .content {
+ font-size: 1.03rem;
+ }
+}
+
+@media all and (min-width: 1400px) {
+ #back-to-top {
+ right: calc((100vw - $sidebar-width - 1140px) / 2 + 3rem);
+ }
+}
+
+@media all and (min-width: 1650px) {
+ $icon-gap: 1rem;
+
+ #main-wrapper {
+ margin-left: $sidebar-width-large;
+ }
+
+ #topbar-wrapper {
+ left: $sidebar-width-large;
+ }
+
+ search {
+ margin-right: calc(
+ $main-content-max-width / 4 - $search-max-width - 0.75rem
+ );
+ }
+
+ #main-wrapper > .container {
+ max-width: $main-content-max-width;
+ padding-left: 1.75rem !important;
+ padding-right: 1.75rem !important;
+ }
+
+ main.col-12,
+ #tail-wrapper {
+ padding-right: 4.5rem !important;
+ }
+
+ #back-to-top {
+ right: calc(
+ (100vw - $sidebar-width-large - $main-content-max-width) / 2 + 2rem
+ );
+ }
+
+ #sidebar {
+ width: $sidebar-width-large;
+
+ .profile-wrapper {
+ margin-top: 3.5rem;
+ margin-bottom: 2.5rem;
+ padding-left: 3.5rem;
+ }
+
+ ul {
+ li.nav-item {
+ @include pl-pr(2.75rem);
+ }
+ }
+
+ .sidebar-bottom {
+ padding-left: 2.75rem;
+ margin-bottom: 1.75rem;
+
+ a:not(:last-child) {
+ margin-right: $sb-btn-gap-lg;
+ }
+
+ .icon-border {
+ @include ml-mr(calc(($sb-btn-gap-lg - $btn-border-width) / 2));
+ }
+ }
+ }
+} /* min-width: 1650px */
diff --git a/_sass/addon/module.scss b/_sass/addon/module.scss
new file mode 100644
index 00000000..9e85adc0
--- /dev/null
+++ b/_sass/addon/module.scss
@@ -0,0 +1,204 @@
+/*
+* Mainly scss modules, only imported to `assets/css/main.scss`
+*/
+
+/* ---------- scss placeholder --------- */
+
+%heading {
+ color: var(--heading-color);
+ font-weight: 400;
+ font-family: $font-family-heading;
+}
+
+%section {
+ main & {
+ margin-top: 2.5rem;
+ margin-bottom: 1.25rem;
+
+ &:focus {
+ outline: none; /* avoid outline in Safari */
+ }
+ }
+}
+
+%anchor {
+ .anchor {
+ font-size: 80%;
+ }
+
+ @media (hover: hover) {
+ .anchor {
+ visibility: hidden;
+ opacity: 0;
+ transition: opacity 0.25s ease-in, visibility 0s ease-in 0.25s;
+ }
+
+ &:hover {
+ .anchor {
+ visibility: visible;
+ opacity: 1;
+ transition: opacity 0.25s ease-in, visibility 0s ease-in 0s;
+ }
+ }
+ }
+}
+
+%tag-hover {
+ background: var(--tag-hover);
+ transition: background 0.35s ease-in-out;
+}
+
+%table-cell {
+ padding: 0.4rem 1rem;
+ font-size: 95%;
+ white-space: nowrap;
+}
+
+%link-hover {
+ color: #d2603a !important;
+ border-bottom: 1px solid #d2603a;
+ text-decoration: none;
+}
+
+%link-color {
+ color: var(--link-color);
+}
+
+%link-underline {
+ border-bottom: 1px solid var(--link-underline-color);
+}
+
+%clickable-transition {
+ transition: all 0.3s ease-in-out;
+}
+
+%no-cursor {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+%no-bottom-border {
+ border-bottom: none;
+}
+
+%cursor-pointer {
+ cursor: pointer;
+}
+
+%normal-font-style {
+ font-style: normal;
+}
+
+%rounded {
+ border-radius: $base-radius;
+}
+
+%img-caption {
+ + em {
+ display: block;
+ text-align: center;
+ font-style: normal;
+ font-size: 80%;
+ padding: 0;
+ color: #6d6c6c;
+ }
+}
+
+%sidebar-links {
+ color: var(--sidebar-muted-color);
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+%text-clip {
+ display: -webkit-box;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+}
+
+%text-highlight {
+ color: var(--text-muted-highlight-color);
+ font-weight: 600;
+}
+
+%text-sm {
+ font-size: 0.85rem;
+}
+
+%text-xs {
+ font-size: 0.8rem;
+}
+
+%sup-fn-target {
+ &:target {
+ background-color: var(--footnote-target-bg);
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+ transition: background-color 1.75s ease-in-out;
+ }
+}
+
+/* ---------- scss mixin --------- */
+
+@mixin mt-mb($value) {
+ margin-top: $value;
+ margin-bottom: $value;
+}
+
+@mixin ml-mr($value) {
+ margin-left: $value;
+ margin-right: $value;
+}
+
+@mixin pt-pb($val) {
+ padding-top: $val;
+ padding-bottom: $val;
+}
+
+@mixin pl-pr($val) {
+ padding-left: $val;
+ padding-right: $val;
+}
+
+@mixin placeholder {
+ color: var(--text-muted-color) !important;
+}
+
+@mixin placeholder-focus {
+ opacity: 0.6;
+}
+
+@mixin label($font-size: 1rem, $font-weight: 600, $color: var(--label-color)) {
+ color: $color;
+ font-size: $font-size;
+ font-weight: $font-weight;
+}
+
+@mixin align-center {
+ position: relative;
+ left: 50%;
+ transform: translateX(-50%);
+}
+
+@mixin prompt($type, $fa-content, $fa-style: 'solid', $rotate: 0) {
+ &.prompt-#{$type} {
+ background-color: var(--prompt-#{$type}-bg);
+
+ &::before {
+ content: $fa-content;
+ color: var(--prompt-#{$type}-icon-color);
+ font: var(--fa-font-#{$fa-style});
+
+ @if $rotate != 0 {
+ transform: rotate(#{$rotate}deg);
+ }
+ }
+ }
+}
diff --git a/_sass/addon/syntax.scss b/_sass/addon/syntax.scss
new file mode 100644
index 00000000..73c66aae
--- /dev/null
+++ b/_sass/addon/syntax.scss
@@ -0,0 +1,292 @@
+/*
+* The syntax highlight.
+*/
+
+@import 'colors/syntax-light';
+@import 'colors/syntax-dark';
+
+html {
+ @media (prefers-color-scheme: light) {
+ &:not([data-mode]),
+ &[data-mode='light'] {
+ @include light-syntax;
+ }
+
+ &[data-mode='dark'] {
+ @include dark-syntax;
+ }
+ }
+
+ @media (prefers-color-scheme: dark) {
+ &:not([data-mode]),
+ &[data-mode='dark'] {
+ @include dark-syntax;
+ }
+
+ &[data-mode='light'] {
+ @include light-syntax;
+ }
+ }
+}
+
+/* -- code snippets -- */
+
+%code-snippet-bg {
+ background-color: var(--highlight-bg-color);
+}
+
+%code-snippet-padding {
+ padding-left: 1rem;
+ padding-right: 1.5rem;
+}
+
+.highlighter-rouge {
+ color: var(--highlighter-rouge-color);
+ margin-top: 0.5rem;
+ margin-bottom: 1.2em; /* Override BS Inline-code style */
+}
+
+.highlight {
+ @extend %rounded;
+ @extend %code-snippet-bg;
+
+ @at-root figure#{&} {
+ @extend %code-snippet-bg;
+ }
+
+ overflow: auto;
+ padding-bottom: 0.75rem;
+
+ pre {
+ margin-bottom: 0;
+ font-size: $code-font-size;
+ line-height: 1.4rem;
+ word-wrap: normal; /* Fixed Safari overflow-x */
+ }
+
+ table {
+ td {
+ &:first-child {
+ display: inline-block;
+ margin-left: 1rem;
+ margin-right: 0.75rem;
+ }
+
+ &:last-child {
+ padding-right: 2rem !important;
+ }
+
+ pre {
+ overflow: visible; /* Fixed iOS safari overflow-x */
+ word-break: normal; /* Fixed iOS safari linenos code break */
+ }
+ }
+ }
+
+ .lineno {
+ text-align: right;
+ color: var(--highlight-lineno-color);
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -o-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ }
+} /* .highlight */
+
+code {
+ -webkit-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ color: var(--code-color);
+
+ &.highlighter-rouge {
+ font-size: $code-font-size;
+ padding: 3px 6px;
+ word-break: break-word;
+ border-radius: 4px;
+ background-color: var(--inline-code-bg);
+ }
+
+ &.filepath {
+ background-color: inherit;
+ color: var(--filepath-text-color);
+ font-weight: 600;
+ padding: 0;
+ }
+
+ a > &.highlighter-rouge {
+ padding-bottom: 0; /* show link's underlinke */
+ color: inherit;
+ }
+
+ a:hover > &.highlighter-rouge {
+ border-bottom: none;
+ }
+
+ blockquote & {
+ color: inherit;
+ }
+}
+
+td.rouge-code {
+ @extend %code-snippet-padding;
+
+ /*
+ Prevent some browser extends from
+ changing the URL string of code block.
+ */
+ a {
+ color: inherit !important;
+ border-bottom: none !important;
+ pointer-events: none;
+ }
+}
+
+div[class^='language-'] {
+ @extend %rounded;
+ @extend %code-snippet-bg;
+
+ box-shadow: var(--language-border-color) 0 0 0 1px;
+
+ .content > & {
+ @include ml-mr(-1rem);
+
+ border-radius: 0;
+ }
+
+ .highlight {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+}
+
+/* Hide line numbers for default, console, and terminal code snippets */
+div {
+ &.nolineno,
+ &.language-plaintext,
+ &.language-console,
+ &.language-terminal {
+ td:first-child {
+ padding: 0 !important;
+ margin-right: 0;
+
+ .lineno {
+ display: none;
+ }
+ }
+ }
+}
+
+.code-header {
+ @extend %no-cursor;
+
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: $code-header-height;
+ margin-left: 0.75rem;
+ margin-right: 0.25rem;
+
+ /* the label block */
+ span {
+ line-height: $code-header-height;
+
+ /* label icon */
+ i {
+ font-size: 1rem;
+ width: $code-icon-width;
+ color: var(--code-header-icon-color);
+
+ &.small {
+ font-size: 70%;
+ }
+ }
+
+ @at-root [file] #{&} > i {
+ position: relative;
+ top: 1px; /* center the file icon */
+ }
+
+ /* label text */
+ &::after {
+ content: attr(data-label-text);
+ font-size: 0.85rem;
+ font-weight: 600;
+ color: var(--code-header-text-color);
+ }
+ }
+
+ /* clipboard */
+ button {
+ @extend %cursor-pointer;
+ @extend %rounded;
+
+ border: 1px solid transparent;
+ height: $code-header-height;
+ width: $code-header-height;
+ padding: 0;
+ background-color: inherit;
+
+ i {
+ color: var(--code-header-icon-color);
+ }
+
+ &[timeout] {
+ &:hover {
+ border-color: var(--clipboard-checked-color);
+ }
+
+ i {
+ color: var(--clipboard-checked-color);
+ }
+ }
+
+ &:focus {
+ outline: none;
+ }
+
+ &:not([timeout]):hover {
+ background-color: rgba(128, 128, 128, 0.37);
+
+ i {
+ color: white;
+ }
+ }
+ }
+}
+
+@media all and (min-width: 576px) {
+ div[class^='language-'] {
+ .content > & {
+ @include ml-mr(0);
+
+ border-radius: $base-radius;
+ }
+
+ .code-header {
+ @include ml-mr(0);
+
+ $dot-margin: 1rem;
+
+ &::before {
+ content: '';
+ display: inline-block;
+ margin-left: $dot-margin;
+ width: $code-dot-size;
+ height: $code-dot-size;
+ border-radius: 50%;
+ background-color: var(--code-header-muted-color);
+ box-shadow: ($code-dot-size + $code-dot-gap) 0 0
+ var(--code-header-muted-color),
+ ($code-dot-size + $code-dot-gap) * 2 0 0
+ var(--code-header-muted-color);
+ }
+
+ span {
+ // center the text of label
+ margin-left: calc(($dot-margin + $code-dot-size) / 2 * -1);
+ }
+ }
+ }
+}
diff --git a/_sass/addon/variables.scss b/_sass/addon/variables.scss
new file mode 100644
index 00000000..8924a00b
--- /dev/null
+++ b/_sass/addon/variables.scss
@@ -0,0 +1,33 @@
+/*
+ * The SCSS variables
+ */
+
+/* sidebar */
+
+$sidebar-width: 260px !default; /* the basic width */
+$sidebar-width-large: 300px !default; /* screen width: >= 1650px */
+$sb-btn-gap: 0.8rem !default;
+$sb-btn-gap-lg: 1rem !default;
+
+/* other framework sizes */
+
+$topbar-height: 3rem !default;
+$search-max-width: 200px !default;
+$footer-height: 5rem !default;
+$footer-height-large: 6rem !default; /* screen width: < 850px */
+$main-content-max-width: 1250px !default;
+$base-radius: 0.625rem !default;
+$back2top-size: 2.75rem !default;
+
+/* syntax highlight */
+
+$code-font-size: 0.85rem !default;
+$code-header-height: 2.25rem !default;
+$code-dot-size: 0.75rem !default;
+$code-dot-gap: 0.5rem !default;
+$code-icon-width: 1.75rem !default;
+
+/* fonts */
+
+$font-family-base: 'Source Sans Pro', 'Microsoft Yahei', sans-serif !default;
+$font-family-heading: Lato, 'Microsoft Yahei', sans-serif !default;
diff --git a/_sass/colors/syntax-dark.scss b/_sass/colors/syntax-dark.scss
new file mode 100644
index 00000000..eb92204d
--- /dev/null
+++ b/_sass/colors/syntax-dark.scss
@@ -0,0 +1,164 @@
+/*
+ * The syntax dark mode styles.
+ */
+
+@mixin dark-syntax {
+ --language-border-color: #2d2d2d;
+ --highlight-bg-color: #151515;
+ --highlighter-rouge-color: #c9def1;
+ --highlight-lineno-color: #808080;
+ --inline-code-bg: rgba(255, 255, 255, 0.05);
+ --code-color: #b0b0b0;
+ --code-header-text-color: #6a6a6a;
+ --code-header-muted-color: #353535;
+ --code-header-icon-color: #565656;
+ --clipboard-checked-color: #2bcc2b;
+ --filepath-text-color: #cacaca;
+
+ .highlight .gp {
+ color: #87939d;
+ }
+
+ /* --- Syntax highlight theme from `rougify style base16.dark` --- */
+
+ .highlight table td {
+ padding: 5px;
+ }
+
+ .highlight table pre {
+ margin: 0;
+ }
+
+ .highlight,
+ .highlight .w {
+ color: #d0d0d0;
+ background-color: #151515;
+ }
+
+ .highlight .err {
+ color: #151515;
+ background-color: #ac4142;
+ }
+
+ .highlight .c,
+ .highlight .ch,
+ .highlight .cd,
+ .highlight .cm,
+ .highlight .cpf,
+ .highlight .c1,
+ .highlight .cs {
+ color: #848484;
+ }
+
+ .highlight .cp {
+ color: #f4bf75;
+ }
+
+ .highlight .nt {
+ color: #f4bf75;
+ }
+
+ .highlight .o,
+ .highlight .ow {
+ color: #d0d0d0;
+ }
+
+ .highlight .p,
+ .highlight .pi {
+ color: #d0d0d0;
+ }
+
+ .highlight .gi {
+ color: #90a959;
+ }
+
+ .highlight .gd {
+ color: #f08a8b;
+ background-color: #320000;
+ }
+
+ .highlight .gh {
+ color: #6a9fb5;
+ background-color: #151515;
+ font-weight: bold;
+ }
+
+ .highlight .k,
+ .highlight .kn,
+ .highlight .kp,
+ .highlight .kr,
+ .highlight .kv {
+ color: #aa759f;
+ }
+
+ .highlight .kc {
+ color: #d28445;
+ }
+
+ .highlight .kt {
+ color: #d28445;
+ }
+
+ .highlight .kd {
+ color: #d28445;
+ }
+
+ .highlight .s,
+ .highlight .sb,
+ .highlight .sc,
+ .highlight .dl,
+ .highlight .sd,
+ .highlight .s2,
+ .highlight .sh,
+ .highlight .sx,
+ .highlight .s1 {
+ color: #90a959;
+ }
+
+ .highlight .sa {
+ color: #aa759f;
+ }
+
+ .highlight .sr {
+ color: #75b5aa;
+ }
+
+ .highlight .si {
+ color: #b76d45;
+ }
+
+ .highlight .se {
+ color: #b76d45;
+ }
+
+ .highlight .nn {
+ color: #f4bf75;
+ }
+
+ .highlight .nc {
+ color: #f4bf75;
+ }
+
+ .highlight .no {
+ color: #f4bf75;
+ }
+
+ .highlight .na {
+ color: #6a9fb5;
+ }
+
+ .highlight .m,
+ .highlight .mb,
+ .highlight .mf,
+ .highlight .mh,
+ .highlight .mi,
+ .highlight .il,
+ .highlight .mo,
+ .highlight .mx {
+ color: #90a959;
+ }
+
+ .highlight .ss {
+ color: #90a959;
+ }
+}
diff --git a/_sass/colors/syntax-light.scss b/_sass/colors/syntax-light.scss
new file mode 100644
index 00000000..76aa6691
--- /dev/null
+++ b/_sass/colors/syntax-light.scss
@@ -0,0 +1,210 @@
+/*
+ * The syntax light mode code snippet colors.
+ */
+
+@mixin light-syntax {
+ /* --- custom light colors --- */
+ --language-border-color: #ececec;
+ --highlight-bg-color: #f6f8fa;
+ --highlighter-rouge-color: #3f596f;
+ --highlight-lineno-color: #9e9e9e;
+ --inline-code-bg: rgba(25, 25, 28, 0.05);
+ --code-color: #3a3a3a;
+ --code-header-text-color: #a3a3a3;
+ --code-header-muted-color: #e5e5e5;
+ --code-header-icon-color: #c9c8c8;
+ --clipboard-checked-color: #43c743;
+
+ /* --- Syntax highlight theme from `rougify style github` --- */
+
+ .highlight table td {
+ padding: 5px;
+ }
+
+ .highlight table pre {
+ margin: 0;
+ }
+
+ .highlight,
+ .highlight .w {
+ color: #24292f;
+ background-color: #f6f8fa;
+ }
+
+ .highlight .k,
+ .highlight .kd,
+ .highlight .kn,
+ .highlight .kp,
+ .highlight .kr,
+ .highlight .kt,
+ .highlight .kv {
+ color: #cf222e;
+ }
+
+ .highlight .gr {
+ color: #f6f8fa;
+ }
+
+ .highlight .gd {
+ color: #82071e;
+ background-color: #ffebe9;
+ }
+
+ .highlight .nb {
+ color: #953800;
+ }
+
+ .highlight .nc {
+ color: #953800;
+ }
+
+ .highlight .no {
+ color: #953800;
+ }
+
+ .highlight .nn {
+ color: #953800;
+ }
+
+ .highlight .sr {
+ color: #116329;
+ }
+
+ .highlight .na {
+ color: #116329;
+ }
+
+ .highlight .nt {
+ color: #116329;
+ }
+
+ .highlight .gi {
+ color: #116329;
+ background-color: #dafbe1;
+ }
+
+ .highlight .kc {
+ color: #0550ae;
+ }
+
+ .highlight .l,
+ .highlight .ld,
+ .highlight .m,
+ .highlight .mb,
+ .highlight .mf,
+ .highlight .mh,
+ .highlight .mi,
+ .highlight .il,
+ .highlight .mo,
+ .highlight .mx {
+ color: #0550ae;
+ }
+
+ .highlight .sb {
+ color: #0550ae;
+ }
+
+ .highlight .bp {
+ color: #0550ae;
+ }
+
+ .highlight .ne {
+ color: #0550ae;
+ }
+
+ .highlight .nl {
+ color: #0550ae;
+ }
+
+ .highlight .py {
+ color: #0550ae;
+ }
+
+ .highlight .nv,
+ .highlight .vc,
+ .highlight .vg,
+ .highlight .vi,
+ .highlight .vm {
+ color: #0550ae;
+ }
+
+ .highlight .o,
+ .highlight .ow {
+ color: #0550ae;
+ }
+
+ .highlight .gh {
+ color: #0550ae;
+ font-weight: bold;
+ }
+
+ .highlight .gu {
+ color: #0550ae;
+ font-weight: bold;
+ }
+
+ .highlight .s,
+ .highlight .sa,
+ .highlight .sc,
+ .highlight .dl,
+ .highlight .sd,
+ .highlight .s2,
+ .highlight .se,
+ .highlight .sh,
+ .highlight .sx,
+ .highlight .s1,
+ .highlight .ss {
+ color: #0a3069;
+ }
+
+ .highlight .nd {
+ color: #8250df;
+ }
+
+ .highlight .nf,
+ .highlight .fm {
+ color: #8250df;
+ }
+
+ .highlight .err {
+ color: #f6f8fa;
+ background-color: #82071e;
+ }
+
+ .highlight .c,
+ .highlight .ch,
+ .highlight .cd,
+ .highlight .cm,
+ .highlight .cp,
+ .highlight .cpf,
+ .highlight .c1,
+ .highlight .cs {
+ color: #68717a;
+ }
+
+ .highlight .gl {
+ color: #68717a;
+ }
+
+ .highlight .gt {
+ color: #68717a;
+ }
+
+ .highlight .ni {
+ color: #24292f;
+ }
+
+ .highlight .si {
+ color: #24292f;
+ }
+
+ .highlight .ge {
+ color: #24292f;
+ font-style: italic;
+ }
+
+ .highlight .gs {
+ color: #24292f;
+ font-weight: bold;
+ }
+} /* light-syntax */
diff --git a/_sass/colors/typography-dark.scss b/_sass/colors/typography-dark.scss
new file mode 100644
index 00000000..7d0fd302
--- /dev/null
+++ b/_sass/colors/typography-dark.scss
@@ -0,0 +1,147 @@
+/*
+ * The main dark mode styles
+ */
+
+@mixin dark-scheme {
+ /* Framework color */
+ --main-bg: rgb(27, 27, 30);
+ --mask-bg: rgb(68, 69, 70);
+ --main-border-color: rgb(44, 45, 45);
+
+ /* Common color */
+ --text-color: rgb(175, 176, 177);
+ --text-muted-color: #868686;
+ --text-muted-highlight-color: #aeaeae;
+ --heading-color: #cccccc;
+ --label-color: #a7a7a7;
+ --blockquote-border-color: rgb(66, 66, 66);
+ --blockquote-text-color: #868686;
+ --link-color: rgb(138, 180, 248);
+ --link-underline-color: rgb(82, 108, 150);
+ --button-bg: #1e1e1e;
+ --btn-border-color: #2e2f31;
+ --btn-backtotop-color: var(--text-color);
+ --btn-backtotop-border-color: #212122;
+ --btn-box-shadow: var(--main-bg);
+ --card-header-bg: #292929;
+ --checkbox-color: rgb(118, 120, 121);
+ --checkbox-checked-color: var(--link-color);
+ --img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%);
+ --shimmer-bg: linear-gradient(
+ 90deg,
+ rgba(255, 255, 255, 0) 0%,
+ rgba(58, 55, 55, 0.4) 50%,
+ rgba(255, 255, 255, 0) 100%
+ );
+
+ /* Sidebar */
+ --site-title-color: #717070;
+ --site-subtitle-color: #868686;
+ --sidebar-bg: #1e1e1e;
+ --sidebar-border-color: #292929;
+ --sidebar-muted-color: #868686;
+ --sidebar-active-color: rgb(255, 255, 255, 0.95);
+ --sidebar-hover-bg: #262626;
+ --sidebar-btn-bg: #232328;
+ --sidebar-btn-color: #787878;
+ --avatar-border-color: rgb(206, 206, 206, 0.9);
+
+ /* Topbar */
+ --topbar-bg: rgb(27, 27, 30, 0.64);
+ --topbar-text-color: var(--text-color);
+ --search-border-color: rgb(55, 55, 55);
+ --search-icon-color: rgb(100, 102, 105);
+ --input-focus-border-color: rgb(112, 114, 115);
+
+ /* Home page */
+ --post-list-text-color: rgb(175, 176, 177);
+ --btn-patinator-text-color: var(--text-color);
+ --btn-paginator-hover-color: #2e2e2e;
+
+ /* Posts */
+ --toc-highlight: rgb(116, 178, 243);
+ --tag-hover: rgb(43, 56, 62);
+ --tb-odd-bg: #252526; /* odd rows of the posts' table */
+ --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */
+ --tb-border-color: var(--tb-odd-bg);
+ --footnote-target-bg: rgb(63, 81, 181);
+ --btn-share-color: #6c757d;
+ --btn-share-hover-color: #bfc1ca;
+ --card-bg: #1e1e1e;
+ --card-hovor-bg: #464d51;
+ --card-shadow: rgb(21, 21, 21, 0.72) 0 6px 18px 0,
+ rgb(137, 135, 135, 0.24) 0 0 0 1px;
+ --kbd-wrap-color: #6a6a6a;
+ --kbd-text-color: #d3d3d3;
+ --kbd-bg-color: #242424;
+ --prompt-text-color: rgb(216, 212, 212, 0.75);
+ --prompt-tip-bg: rgb(22, 60, 36, 0.64);
+ --prompt-tip-icon-color: rgb(15, 164, 15, 0.81);
+ --prompt-info-bg: rgb(7, 59, 104, 0.8);
+ --prompt-info-icon-color: #0075d1;
+ --prompt-warning-bg: rgb(90, 69, 3, 0.88);
+ --prompt-warning-icon-color: rgb(255, 165, 0, 0.8);
+ --prompt-danger-bg: rgb(86, 28, 8, 0.8);
+ --prompt-danger-icon-color: #cd0202;
+
+ /* tags */
+ --tag-border: rgb(59, 79, 88);
+ --tag-shadow: rgb(32, 33, 33);
+ --dash-color: rgb(63, 65, 68);
+ --search-tag-bg: #292828;
+
+ /* categories */
+ --categories-border: rgb(64, 66, 69, 0.5);
+ --categories-hover-bg: rgb(73, 75, 76);
+ --categories-icon-hover-color: white;
+
+ /* archives */
+ --timeline-node-bg: rgb(150, 152, 156);
+ --timeline-color: rgb(63, 65, 68);
+ --timeline-year-dot-color: var(--timeline-color);
+
+ .light {
+ display: none;
+ }
+
+ /* categories */
+ .categories.card,
+ .list-group-item {
+ background-color: var(--card-bg);
+ }
+
+ .categories {
+ .card-header {
+ background-color: var(--card-header-bg);
+ }
+
+ .list-group-item {
+ border-left: none;
+ border-right: none;
+ padding-left: 2rem;
+ border-color: var(--categories-border);
+
+ &:last-child {
+ border-bottom-color: var(--card-bg);
+ }
+ }
+ }
+
+ #archives li:nth-child(odd) {
+ background-image: linear-gradient(
+ to left,
+ rgb(26, 26, 30),
+ rgb(39, 39, 45),
+ rgb(39, 39, 45),
+ rgb(39, 39, 45),
+ rgb(26, 26, 30)
+ );
+ }
+
+ color-scheme: dark;
+
+ /* stylelint-disable-next-line selector-id-pattern */
+ #disqus_thread {
+ color-scheme: none;
+ }
+} /* dark-scheme */
diff --git a/_sass/colors/typography-light.scss b/_sass/colors/typography-light.scss
new file mode 100644
index 00000000..557f937d
--- /dev/null
+++ b/_sass/colors/typography-light.scss
@@ -0,0 +1,112 @@
+/*
+ * The syntax light mode typography colors
+ */
+
+@mixin light-scheme {
+ /* Framework color */
+ --main-bg: white;
+ --mask-bg: #c1c3c5;
+ --main-border-color: #f3f3f3;
+
+ /* Common color */
+ --text-color: #34343c;
+ --text-muted-color: #757575;
+ --text-muted-highlight-color: inherit;
+ --heading-color: #2a2a2a;
+ --label-color: #585858;
+ --blockquote-border-color: #eeeeee;
+ --blockquote-text-color: #757575;
+ --link-color: #0056b2;
+ --link-underline-color: #dee2e6;
+ --button-bg: #ffffff;
+ --btn-border-color: #e9ecef;
+ --btn-backtotop-color: #686868;
+ --btn-backtotop-border-color: #f1f1f1;
+ --btn-box-shadow: #eaeaea;
+ --checkbox-color: #c5c5c5;
+ --checkbox-checked-color: #07a8f7;
+ --img-bg: radial-gradient(
+ circle,
+ rgb(255, 255, 255) 0%,
+ rgb(239, 239, 239) 100%
+ );
+ --shimmer-bg: linear-gradient(
+ 90deg,
+ rgba(250, 250, 250, 0) 0%,
+ rgba(232, 230, 230, 1) 50%,
+ rgba(250, 250, 250, 0) 100%
+ );
+
+ /* Sidebar */
+ --site-title-color: rgb(113, 113, 113);
+ --site-subtitle-color: #717171;
+ --sidebar-bg: #f6f8fa;
+ --sidebar-border-color: #efefef;
+ --sidebar-muted-color: #545454;
+ --sidebar-active-color: #1d1d1d;
+ --sidebar-hover-bg: rgb(223, 233, 241, 0.64);
+ --sidebar-btn-bg: white;
+ --sidebar-btn-color: #8e8e8e;
+ --avatar-border-color: white;
+
+ /* Topbar */
+ --topbar-bg: rgb(255, 255, 255, 0.7);
+ --topbar-text-color: rgb(78, 78, 78);
+ --search-border-color: rgb(240, 240, 240);
+ --search-icon-color: #c2c6cc;
+ --input-focus-border-color: #b8b8b8;
+
+ /* Home page */
+ --post-list-text-color: dimgray;
+ --btn-patinator-text-color: #555555;
+ --btn-paginator-hover-color: var(--sidebar-bg);
+
+ /* Posts */
+ --toc-highlight: #0550ae;
+ --btn-share-color: gray;
+ --btn-share-hover-color: #0d6efd;
+ --card-bg: white;
+ --card-hovor-bg: #e2e2e2;
+ --card-shadow: rgb(104, 104, 104, 0.05) 0 2px 6px 0,
+ rgba(211, 209, 209, 0.15) 0 0 0 1px;
+ --footnote-target-bg: lightcyan;
+ --tb-odd-bg: #fbfcfd;
+ --tb-border-color: #eaeaea;
+ --dash-color: silver;
+ --kbd-wrap-color: #bdbdbd;
+ --kbd-text-color: var(--text-color);
+ --kbd-bg-color: white;
+ --prompt-text-color: rgb(46, 46, 46, 0.77);
+ --prompt-tip-bg: rgb(123, 247, 144, 0.2);
+ --prompt-tip-icon-color: #03b303;
+ --prompt-info-bg: #e1f5fe;
+ --prompt-info-icon-color: #0070cb;
+ --prompt-warning-bg: rgb(255, 243, 205);
+ --prompt-warning-icon-color: #ef9c03;
+ --prompt-danger-bg: rgb(248, 215, 218, 0.56);
+ --prompt-danger-icon-color: #df3c30;
+
+ /* Tags */
+ --tag-border: #dee2e6;
+ --tag-shadow: var(--btn-border-color);
+ --tag-hover: rgb(222, 226, 230);
+ --search-tag-bg: #f8f9fa;
+
+ [class^='prompt-'] {
+ --link-underline-color: rgb(219, 216, 216);
+ }
+
+ .dark {
+ display: none;
+ }
+
+ /* Categories */
+ --categories-border: rgba(0, 0, 0, 0.125);
+ --categories-hover-bg: var(--btn-border-color);
+ --categories-icon-hover-color: darkslategray;
+
+ /* Archive */
+ --timeline-color: rgba(0, 0, 0, 0.075);
+ --timeline-node-bg: #c2c6cc;
+ --timeline-year-dot-color: #ffffff;
+} /* light-scheme */
diff --git a/_sass/darkmode.scss b/_sass/darkmode.scss
deleted file mode 100644
index d8ab5620..00000000
--- a/_sass/darkmode.scss
+++ /dev/null
@@ -1,204 +0,0 @@
-body.dark-theme {
-
-background:#1E1E1F;
-
-a, span, p, h1, h2, h3, i, mark { color:#aaa; }
-
-svg { fill:#aaa; }
-
-#stars, #loading { background:#1E1E1F; }
-
-#loading p { color:cadetblue; }
-
-.sidebar-left { background-color:#313132; }
-
-.nav-item span { color:#ccc; }
-
-.nav-lh svg { fill:goldenrod; }
-
-.nav-list-expander {
- &:hover {
- svg { fill:goldenrod; }
- }
-}
-
-.nav-list li > .nav-list { background:#464647; }
-
-.side-banner {
- box-shadow:0px 4px 8px 0 black;
-
- button {
- background-color:#313132;
-
- &:hover { background-color:#1E1E1F; }
- }
-
- svg { fill:$color-aqua; }
-}
-
-#contact{
- ul>li>a {
- &:hover{
- svg { fill:indianred; }
- }
- }
-
- a { color:mediumseagreen; }
-}
-
-#post {
- .inner-header { background:#464647; }
- .inner-content { background:#313132; }
-}
-
-.transbox { background-color:rgba(64, 64, 64, 0.6); }
-
-.post-title,
-.info-box * {
- color:#eee;
- fill :#eee;
- filter:drop-shadow(0 1px 2px rgba(0,0,0,0.6));
-}
-
-main {
- h1, h2, h3, p { color:#aaa; }
-
- strong { color:lightgrey; }
-
- a {
- color:dodgerblue;
-
- &::before {
- color:mediumseagreen;
- text-decoration-color:mediumseagreen;
- }
- }
-
- code,
- .highlighter-rouge .highlight {
- border:1px solid dimgrey;
- background-color:#363a41;
- color:goldenrod;
- }
-
- blockquote {
- background:#1E1E1F;
- border-left:4px solid #464647;
- }
-
- table { background-color:#464647; }
- table, head { box-shadow:0 0 32px 0 rgba(128,128,128,.15); }
-
- th, td { border:2px solid #3c3c3d; }
- thead th,
- tbody td {
- color:#aaa;
- }
-
- hr { background:cadetblue; }
-
- img + em,
- li {
- color:#aaa;
- }
-}
-
-#related-box span { color:darkgoldenrod; }
-#related-posts .title { color:#ccc; }
-#related-posts li:hover { box-shadow:8px 8px 16px -4px rgba(255, 255, 255, .2); }
-
-.category-tree a { color:goldenrod; }
-
-.category-header {
- color:cadetblue;
- text-decoration:underline slategrey;
-}
-
-#article_content {
- border-bottom:2px solid #464647;
-
- .box_contents { background-image:none; }
-
- .txt_post { color:#aaa; }
- .title_post { color:darkgoldenrod; }
- .date { color:#ccc; }
- .category { color:mediumseagreen; }
-}
-
-.pagination-number,
-.pagination-button {
- color:#ccc;
-}
-.pagination-number:hover,
-.pagination-button:not(.disabled):hover {
- background:grey;
-}
-
-#search {
- background:rgba(64, 64, 64, 0.875);
-
- ul {
- border-bottom:2px solid #464647;
- box-shadow:0px 4px 8px 0 #1E1E1F;
-
- svg { background-color:#ccc; }
-
- th { color:#ccc; }
-
- &::-webkit-scrollbar {
- width:8px;
- background-color:grey;
- }
- }
-
- input, input::placeholder { color:#ccc; }
-}
-
-.search-box h1 { color:#fff; }
-
-.input-box {
- &:before { background:#5a5a5b; }
- &:after { opacity:0.5; }
-}
-
-.result-item{
- border:1px solid #464647;
- background:#313132;
-
- &:hover { background:$color-wenge; }
-}
-
-.toc-header { color:darkgoldenrod; }
-
-@include mq(tablet){
-
-#article_content .box_contents { background-color:rgba(70, 70, 70, 0.95); }
-
-.post-title { text-shadow:0 1px 2px rgba(0,0,0,0.6); }
-
-}
-
-@include mq(desktop) {
-
-.sidebar-left { background:none; }
-
-.site-tab { box-shadow:none; }
-
-.nav-lh {
- &:before { background:rgba(#464647, 1); }
- &:hover:before { background:rgba(#464647, .75); }
-}
-
-.nav-list li > .nav-list { background:none; }
-
-#contact{
- hr { border-top:1px solid dimgrey; }
-
- h3 { background-color:#1E1E1F; }
-}
-
-#post .inner-content { box-shadow:none; }
-
-}
-
-}
\ No newline at end of file
diff --git a/_sass/layout.scss b/_sass/layout.scss
deleted file mode 100644
index e5bd70e8..00000000
--- a/_sass/layout.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-@mixin mq($name) {
- // Retrieves the value from the key
- $value:map-get($mediawd, $name);
-
- // If the key exists in the map
- @if $value {
- // Prints a media query based on the value
- @media (min-width:$value) {
- @content;
- }
- } @else {
- @warn "No value could be retrieved from `#{$mediawd}`. Please make sure it is defined in `$mediawd` map.";
- }
-}
-
-#loading
-{
- width:100%;
- height:100%;
- top:0;
- left:0;
- position:fixed;
- display:flex;
- background:white;
- z-index:999;
- text-align:center;
-
- .loading_box {
- margin:auto;
-
- img {
- width:128px;
- height:128px;
- }
-
- p {
- margin:2rem;
- font-size:2.5rem;
- color:$color-wenge;
- font-weight:600;
- font-family:Cambria, sans-serif;
- }
- }
-}
-
-#stars {
- display:none;
- position:fixed;
- width:100%;
- height:100vh;
- z-index:-1;
- background:none;
-}
-
-@include mq(desktop){
- #stars { display:block; }
-}
\ No newline at end of file
diff --git a/_sass/layout/archives.scss b/_sass/layout/archives.scss
new file mode 100644
index 00000000..3a2e86b1
--- /dev/null
+++ b/_sass/layout/archives.scss
@@ -0,0 +1,144 @@
+/*
+ Style for Archives
+*/
+
+#archives {
+ letter-spacing: 0.03rem;
+
+ $timeline-width: 4px;
+
+ %timeline {
+ content: '';
+ width: $timeline-width;
+ position: relative;
+ float: left;
+ background-color: var(--timeline-color);
+ }
+
+ .year {
+ height: 3.5rem;
+ font-size: 1.5rem;
+ position: relative;
+ left: 2px;
+ margin-left: -$timeline-width;
+
+ &::before {
+ @extend %timeline;
+
+ height: 72px;
+ left: 79px;
+ bottom: 16px;
+ }
+
+ &:first-child::before {
+ @extend %timeline;
+
+ height: 32px;
+ top: 24px;
+ }
+
+ /* Year dot */
+ &::after {
+ content: '';
+ display: inline-block;
+ position: relative;
+ border-radius: 50%;
+ width: 12px;
+ height: 12px;
+ left: 21.5px;
+ border: 3px solid;
+ background-color: var(--timeline-year-dot-color);
+ border-color: var(--timeline-node-bg);
+ box-shadow: 0 0 2px 0 #c2c6cc;
+ z-index: 1;
+ }
+ }
+
+ ul {
+ li {
+ font-size: 1.1rem;
+ line-height: 3rem;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+
+ &:nth-child(odd) {
+ background-color: var(--main-bg, #ffffff);
+ background-image: linear-gradient(
+ to left,
+ #ffffff,
+ #fbfbfb,
+ #fbfbfb,
+ #fbfbfb,
+ #ffffff
+ );
+ }
+
+ &::before {
+ @extend %timeline;
+
+ top: 0;
+ left: 77px;
+ height: 3.1rem;
+ }
+ }
+
+ &:last-child li:last-child::before {
+ height: 1.5rem;
+ }
+ } /* #archives ul */
+
+ .date {
+ white-space: nowrap;
+ display: inline-block;
+ position: relative;
+ right: 0.5rem;
+
+ &.month {
+ width: 1.4rem;
+ text-align: center;
+ }
+
+ &.day {
+ font-size: 85%;
+ font-family: Lato, sans-serif;
+ }
+ }
+
+ a {
+ /* post title in Archvies */
+ margin-left: 2.5rem;
+ position: relative;
+ top: 0.1rem;
+
+ &:hover {
+ border-bottom: none;
+ }
+
+ &::before {
+ /* the dot before post title */
+ content: '';
+ display: inline-block;
+ position: relative;
+ border-radius: 50%;
+ width: 8px;
+ height: 8px;
+ float: left;
+ top: 1.35rem;
+ left: 71px;
+ background-color: var(--timeline-node-bg);
+ box-shadow: 0 0 3px 0 #c2c6cc;
+ z-index: 1;
+ }
+ }
+} /* #archives */
+
+@media all and (max-width: 576px) {
+ #archives {
+ margin-top: -1rem;
+
+ ul {
+ letter-spacing: 0;
+ }
+ }
+}
diff --git a/_sass/layout/categories.scss b/_sass/layout/categories.scss
new file mode 100644
index 00000000..330d3d35
--- /dev/null
+++ b/_sass/layout/categories.scss
@@ -0,0 +1,83 @@
+/*
+ Style for Tab Categories
+*/
+
+%category-icon-color {
+ color: gray;
+}
+
+.categories {
+ margin-bottom: 2rem;
+ border-color: var(--categories-border);
+
+ &.card,
+ .list-group {
+ @extend %rounded;
+ }
+
+ .card-header {
+ $radius: calc($base-radius - 1px);
+
+ padding: 0.75rem;
+ border-radius: $radius;
+ border-bottom: 0;
+
+ &.hide-border-bottom {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ }
+
+ i {
+ @extend %category-icon-color;
+
+ font-size: 86%; /* fontawesome icons */
+ }
+
+ .list-group-item {
+ border-left: none;
+ border-right: none;
+ padding-left: 2rem;
+
+ &:first-child {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ &:last-child {
+ border-bottom: 0;
+ }
+ }
+} /* .categories */
+
+.category-trigger {
+ width: 1.7rem;
+ height: 1.7rem;
+ border-radius: 50%;
+ text-align: center;
+ color: #6c757d !important;
+
+ i {
+ position: relative;
+ height: 0.7rem;
+ width: 1rem;
+ transition: transform 300ms ease;
+ }
+
+ &:hover {
+ i {
+ color: var(--categories-icon-hover-color);
+ }
+ }
+}
+
+/* only works on desktop */
+@media (hover: hover) {
+ .category-trigger:hover {
+ background-color: var(--categories-hover-bg);
+ }
+}
+
+.rotate {
+ transform: rotate(-90deg);
+}
diff --git a/_sass/layout/category-tag.scss b/_sass/layout/category-tag.scss
new file mode 100644
index 00000000..9e43a911
--- /dev/null
+++ b/_sass/layout/category-tag.scss
@@ -0,0 +1,72 @@
+/*
+ Style for page Category and Tag
+*/
+
+.dash {
+ margin: 0 0.5rem 0.6rem 0.5rem;
+ border-bottom: 2px dotted var(--dash-color);
+}
+
+#page-category,
+#page-tag {
+ ul > li {
+ line-height: 1.5rem;
+ padding: 0.6rem 0;
+
+ /* dot */
+ &::before {
+ background: #999999;
+ width: 5px;
+ height: 5px;
+ border-radius: 50%;
+ display: block;
+ content: '';
+ position: relative;
+ top: 0.6rem;
+ margin-right: 0.5rem;
+ }
+
+ /* post's title */
+ > a {
+ @extend %no-bottom-border;
+
+ font-size: 1.1rem;
+ }
+ }
+}
+
+/* tag icon */
+#page-tag h1 > i {
+ font-size: 1.2rem;
+}
+
+#page-category h1 > i {
+ font-size: 1.25rem;
+}
+
+#page-category,
+#page-tag,
+#access-lastmod {
+ a:hover {
+ @extend %link-hover;
+
+ margin-bottom: -1px; /* Avoid jumping */
+ }
+}
+
+@media all and (max-width: 576px) {
+ #page-category,
+ #page-tag {
+ ul > li {
+ &::before {
+ margin: 0 0.5rem;
+ }
+
+ > a {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+ }
+}
diff --git a/_sass/layout/home.scss b/_sass/layout/home.scss
new file mode 100644
index 00000000..7f9fd2e8
--- /dev/null
+++ b/_sass/layout/home.scss
@@ -0,0 +1,189 @@
+/*
+ Style for Homepage
+*/
+
+#post-list {
+ margin-top: 2rem;
+
+ .card-wrapper {
+ &:hover {
+ text-decoration: none;
+ }
+
+ &:not(:last-child) {
+ margin-bottom: 1.25rem;
+ }
+ }
+
+ .card {
+ border: 0;
+ background: none;
+
+ %img-radius {
+ border-radius: $base-radius $base-radius 0 0;
+ }
+
+ .preview-img {
+ @extend %img-radius;
+
+ img {
+ @extend %img-radius;
+ }
+ }
+
+ .card-body {
+ height: 100%;
+ padding: 1rem;
+
+ .card-title {
+ @extend %text-clip;
+
+ color: var(--heading-color) !important;
+ font-size: 1.25rem;
+ }
+
+ %muted {
+ color: var(--text-muted-color) !important;
+ }
+
+ .card-text.content {
+ @extend %muted;
+
+ p {
+ @extend %text-clip;
+
+ line-height: 1.5;
+ margin: 0;
+ }
+ }
+
+ .post-meta {
+ @extend %muted;
+
+ i {
+ &:not(:first-child) {
+ margin-left: 1.5rem;
+ }
+ }
+
+ em {
+ @extend %normal-font-style;
+
+ color: inherit;
+ }
+
+ > div:first-child {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+ }
+ }
+} /* #post-list */
+
+.pagination {
+ color: var(--text-color);
+ font-family: Lato, sans-serif;
+ justify-content: space-evenly;
+
+ a:hover {
+ text-decoration: none;
+ }
+
+ .page-item {
+ .page-link {
+ color: var(--btn-patinator-text-color);
+ padding: 0 0.6rem;
+ display: -webkit-box;
+ -webkit-box-pack: center;
+ -webkit-box-align: center;
+ border-radius: 0.5rem;
+ border: 0;
+ background-color: inherit;
+ }
+
+ &.active {
+ .page-link {
+ background-color: var(--btn-paginator-hover-color);
+ }
+ }
+
+ &:not(.active) {
+ .page-link {
+ &:hover {
+ box-shadow: inset var(--btn-border-color) 0 0 0 1px;
+ }
+ }
+ }
+
+ &.disabled {
+ cursor: not-allowed;
+
+ .page-link {
+ color: rgba(108, 117, 125, 0.57);
+ }
+ }
+ } /* .page-item */
+} /* .pagination */
+
+/* Tablet */
+@media all and (min-width: 768px) {
+ %img-radius {
+ border-radius: 0 $base-radius $base-radius 0;
+ }
+
+ #post-list {
+ .card {
+ .card-body {
+ padding: 1.75rem 1.75rem 1.25rem 1.75rem;
+
+ .card-text {
+ display: inherit !important;
+ }
+
+ .post-meta {
+ i {
+ &:not(:first-child) {
+ margin-left: 1.75rem;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+/* Hide SideBar and TOC */
+@media all and (max-width: 830px) {
+ .pagination {
+ .page-item {
+ &:not(:first-child):not(:last-child) {
+ display: none;
+ }
+ }
+ }
+}
+
+/* Sidebar is visible */
+@media all and (min-width: 831px) {
+ #post-list {
+ margin-top: 2.5rem;
+ }
+
+ .pagination {
+ font-size: 0.85rem;
+ justify-content: center;
+
+ .page-item {
+ &:not(:last-child) {
+ margin-right: 0.7rem;
+ }
+ }
+
+ .page-index {
+ display: none;
+ }
+ } /* .pagination */
+}
diff --git a/_sass/layout/post.scss b/_sass/layout/post.scss
new file mode 100644
index 00000000..112541db
--- /dev/null
+++ b/_sass/layout/post.scss
@@ -0,0 +1,370 @@
+/*
+ Post-specific style
+*/
+
+%btn-post-nav {
+ width: 50%;
+ position: relative;
+ border-color: var(--btn-border-color);
+}
+
+@mixin dot($pl: 0.25rem, $pr: 0.25rem) {
+ content: '\2022';
+ padding-left: $pl;
+ padding-right: $pr;
+}
+
+header {
+ .post-desc {
+ @extend %heading;
+
+ font-size: 1.125rem;
+ line-height: 1.6;
+ }
+
+ .post-meta {
+ span + span::before {
+ @include dot;
+ }
+
+ em,
+ time {
+ @extend %text-highlight;
+ }
+
+ em {
+ a {
+ color: inherit;
+ }
+ }
+ }
+
+ h1 + .post-meta {
+ margin-top: 1.5rem;
+ }
+}
+
+.post-tail-wrapper {
+ @extend %text-sm;
+
+ margin-top: 6rem;
+ border-bottom: 1px double var(--main-border-color);
+
+ .license-wrapper {
+ line-height: 1.2rem;
+
+ > a {
+ @extend %text-highlight;
+
+ &:hover {
+ @extend %link-hover;
+ }
+ }
+
+ span:last-child {
+ @extend %text-sm;
+ }
+ } /* .license-wrapper */
+
+ .post-meta a:not(:hover) {
+ @extend %link-underline;
+ }
+
+ .share-wrapper {
+ vertical-align: middle;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+
+ %icon-size {
+ font-size: 1.125rem;
+ }
+
+ .share-icons {
+ display: flex;
+
+ i {
+ color: var(--btn-share-color);
+
+ @extend %icon-size;
+ }
+
+ > * {
+ @extend %icon-size;
+
+ margin-left: 0.5rem;
+
+ &:hover {
+ i {
+ @extend %btn-share-hovor;
+ }
+ }
+ }
+
+ button {
+ padding: 0;
+ border: none;
+ line-height: inherit;
+
+ @extend %cursor-pointer;
+ }
+ } /* .share-icons */
+ } /* .share-wrapper */
+}
+
+.share-mastodon {
+ /* See: https://github.com/justinribeiro/share-to-mastodon#properties */
+ --wc-stm-font-family: $font-family-base;
+ --wc-stm-dialog-background-color: var(--card-bg);
+ --wc-stm-form-button-border: 1px solid var(--btn-border-color);
+ --wc-stm-form-submit-background-color: var(--sidebar-btn-bg);
+ --wc-stm-form-cancel-background-color: var(--sidebar-btn-bg);
+ --wc-stm-form-button-background-color-hover: #007bff;
+ --wc-stm-form-button-color-hover: white;
+
+ font-size: 1rem;
+}
+
+.post-tags {
+ line-height: 2rem;
+
+ .post-tag {
+ &:hover {
+ @extend %link-hover;
+ @extend %tag-hover;
+ @extend %no-bottom-border;
+ }
+ }
+}
+
+.post-navigation {
+ .btn {
+ @extend %btn-post-nav;
+
+ &:not(:hover) {
+ color: var(--link-color);
+ }
+
+ &:hover {
+ &:not(.disabled)::before {
+ color: whitesmoke;
+ }
+ }
+
+ &.disabled {
+ @extend %btn-post-nav;
+
+ pointer-events: auto;
+ cursor: not-allowed;
+ background: none;
+ color: gray;
+ }
+
+ &.btn-outline-primary.disabled:focus {
+ box-shadow: none;
+ }
+
+ &::before {
+ color: var(--text-muted-color);
+ font-size: 0.65rem;
+ text-transform: uppercase;
+ content: attr(aria-label);
+ }
+
+ &:first-child {
+ border-radius: $base-radius 0 0 $base-radius;
+ left: 0.5px;
+ }
+
+ &:last-child {
+ border-radius: 0 $base-radius $base-radius 0;
+ right: 0.5px;
+ }
+ }
+
+ p {
+ font-size: 1.1rem;
+ line-height: 1.5rem;
+ margin-top: 0.3rem;
+ white-space: normal;
+ }
+} /* .post-navigation */
+
+@media (hover: hover) {
+ .post-navigation {
+ .btn,
+ .btn::before {
+ transition: all 0.35s ease-in-out;
+ }
+ }
+}
+
+@-webkit-keyframes fade-up {
+ from {
+ opacity: 0;
+ position: relative;
+ top: 2rem;
+ }
+
+ to {
+ opacity: 1;
+ position: relative;
+ top: 0;
+ }
+}
+
+@keyframes fade-up {
+ from {
+ opacity: 0;
+ position: relative;
+ top: 2rem;
+ }
+
+ to {
+ opacity: 1;
+ position: relative;
+ top: 0;
+ }
+}
+
+#toc-wrapper {
+ border-left: 1px solid rgba(158, 158, 158, 0.17);
+ position: -webkit-sticky;
+ position: sticky;
+ top: 4rem;
+ transition: top 0.2s ease-in-out;
+ -webkit-animation: fade-up 0.8s;
+ animation: fade-up 0.8s;
+
+ ul {
+ list-style: none;
+ font-size: 0.85rem;
+ line-height: 1.25;
+ padding-left: 0;
+
+ li {
+ &:not(:last-child) {
+ margin: 0.4rem 0;
+ }
+
+ a {
+ padding: 0.2rem 0 0.2rem 1.25rem;
+ }
+ }
+
+ /* Overwrite TOC plugin style */
+
+ .toc-link {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+
+ &:hover {
+ color: var(--toc-highlight);
+ text-decoration: none;
+ }
+
+ &::before {
+ display: none;
+ }
+ }
+
+ .is-active-link {
+ color: var(--toc-highlight) !important;
+ font-weight: 600;
+
+ &::before {
+ display: inline-block;
+ width: 1px;
+ left: -1px;
+ height: 1.25rem;
+ background-color: var(--toc-highlight) !important;
+ }
+ }
+
+ ul {
+ padding-left: 0.75rem;
+ }
+ }
+}
+
+/* --- Related Posts --- */
+
+#related-posts {
+ > h3 {
+ @include label(1.1rem, 600);
+ }
+
+ time {
+ @extend %normal-font-style;
+ @extend %text-xs;
+
+ color: var(--text-muted-color);
+ }
+
+ p {
+ font-size: 0.9rem;
+ margin-bottom: 0.5rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ }
+
+ .card {
+ h4 {
+ @extend %text-clip;
+ }
+ }
+}
+
+/* stylelint-disable-next-line selector-id-pattern */
+#disqus_thread {
+ min-height: 8.5rem;
+}
+
+.utterances {
+ max-width: 100%;
+}
+
+%btn-share-hovor {
+ color: var(--btn-share-hover-color) !important;
+}
+
+.share-label {
+ @include label(inherit, 400, inherit);
+
+ &::after {
+ content: ':';
+ }
+}
+
+@media all and (max-width: 576px) {
+ .post-tail-bottom {
+ flex-wrap: wrap-reverse !important;
+
+ > div:first-child {
+ width: 100%;
+ margin-top: 1rem;
+ }
+ }
+}
+
+@media all and (max-width: 768px) {
+ .content > p > img {
+ max-width: calc(100% + 1rem);
+ }
+}
+
+/* Hide SideBar and TOC */
+@media all and (max-width: 849px) {
+ .post-navigation {
+ padding-left: 0;
+ padding-right: 0;
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+}
diff --git a/_sass/layout/tags.scss b/_sass/layout/tags.scss
new file mode 100644
index 00000000..4cf5d3b7
--- /dev/null
+++ b/_sass/layout/tags.scss
@@ -0,0 +1,19 @@
+/*
+ Styles for Tab Tags
+*/
+
+.tag {
+ border-radius: 0.7em;
+ padding: 6px 8px 7px;
+ margin-right: 0.8rem;
+ line-height: 3rem;
+ letter-spacing: 0;
+ border: 1px solid var(--tag-border) !important;
+ box-shadow: 0 0 3px 0 var(--tag-shadow);
+
+ span {
+ margin-left: 0.6em;
+ font-size: 0.7em;
+ font-family: Oswald, sans-serif;
+ }
+}
diff --git a/_sass/main.bundle.scss b/_sass/main.bundle.scss
new file mode 100644
index 00000000..52e893fe
--- /dev/null
+++ b/_sass/main.bundle.scss
@@ -0,0 +1,2 @@
+@import 'dist/bootstrap';
+@import 'main';
diff --git a/_sass/main.scss b/_sass/main.scss
new file mode 100644
index 00000000..1c2311d5
--- /dev/null
+++ b/_sass/main.scss
@@ -0,0 +1,13 @@
+@import 'colors/typography-light';
+@import 'colors/typography-dark';
+@import 'addon/variables';
+@import 'variables-hook';
+@import 'addon/module';
+@import 'addon/syntax';
+@import 'addon/commons';
+@import 'layout/home';
+@import 'layout/post';
+@import 'layout/tags';
+@import 'layout/archives';
+@import 'layout/categories';
+@import 'layout/category-tag';
diff --git a/_sass/navigation.scss b/_sass/navigation.scss
deleted file mode 100644
index 22a5dd1e..00000000
--- a/_sass/navigation.scss
+++ /dev/null
@@ -1,172 +0,0 @@
-#navigation {
- display:none;
- flex:1 1 auto;
- width:100%;
-
- &.nav-open {
- display:block;
- border-top:1px solid dimgrey;
- }
-}
-
-.nav-list {
- padding:0;
- margin:0 auto;
-
- li {
- font-size:1rem;
-
- > .nav-list {
- padding-left:18px;
- background:#eee;
-
- transition:max-height .5s ease-in-out, opacity .3s;
- opacity:0;
- max-height:0;
-
- li { position:relative; }
- }
-
- &.active {
- > .nav-item .nav-list-expander svg { transform:rotate(180deg); }
-
- > .nav-list {
- opacity:1;
- max-height:768px;
- }
- }
- }
-
- svg {
- margin-right:8px;
- display:inline-block;
- vertical-align:middle;
- }
-}
-
-.nav-item {
- position:relative;
- padding:12px;
- border-bottom:1px solid #aaa;
-
- &.selected {
- span {
- font-weight:600;
- text-decoration:underline;
- }
- }
-
- a { font-weight:400; }
-}
-
-.nav-list-link {
- position:relative;
- transition:.2s ease;
-
- span { position:relative; }
-}
-
-.nav-list-expander {
- position:absolute;
- height:100%;
- aspect-ratio:1;
- top:0;
- right:8px;
- cursor:pointer;
-
- &, svg { transition:.3s; }
- svg { width:18px; }
-
- &:hover {
- transform:scale(1.25);
- svg { fill:$color-darkorange; }
- }
-}
-
-.nav-lh svg {
- margin-left:-0.25rem;
- position:relative;
- fill:$color-darkorange;
- transform:translateY(-2px);
-}
-.nav-sh svg {
- width:14px;
- margin-left:0;
-}
-
-@include mq(tablet) {
-
-.nav-list-link { min-height:2rem; }
-.nav-list li { font-size:1.125rem; }
-.nav-list-expander svg { width:20px; }
-
-.nav-sh svg { width:16px; }
-.nav-lh svg { width:18px; }
-
-}
-
-@include mq(desktop){
-
-#navigation {
- width:calc(#{$sidebarwd} - 2.5rem);
- display:block;
- max-height:calc(100vh - 26rem);
- padding:0 20px;
- overflow-y:auto;
- overflow-x:hidden;
- margin-top:2rem;
-
- &.nav-open { border:none; }
-
- &::-webkit-scrollbar {
- width:4px;
- background-color:#aaa;
- }
- &::-webkit-scrollbar-thumb { background-color:rosybrown; }
-}
-
-.nav-item { border:none; }
-
-.nav-list { position:relative; }
-.nav-list li > .nav-list { background:none; }
-.nav-list-link {
- display:flex;
- width:95%;
- align-items:center;
-
- &:hover {
- span {
- font-weight:600;
- text-decoration:underline;
- }
-
- transform:scale(.9);
- }
-}
-
-.nav-lh {
- &:before {
- content:"";
- position:absolute;
- display:block;
- left:0;
- border-radius:1.5rem;
- background:rgba(gold, .375);
- width:3rem;
- height:3rem;
- transition:.3s;
- }
- &:hover:before {
- width:105%;
- background:gold;
- }
-
- svg { transform:none; }
-}
-
-.nav-list-expander {
- background-color:transparent;
- right:-16px;
-}
-
-}
\ No newline at end of file
diff --git a/_sass/pagination.scss b/_sass/pagination.scss
deleted file mode 100644
index f750ed21..00000000
--- a/_sass/pagination.scss
+++ /dev/null
@@ -1,238 +0,0 @@
-#category-list { width:100%; }
-
-.category-tree {
- margin:0 8px;
- position:relative;
- font-size:0.875rem;
-
- p {
- margin:0;
- padding:1rem 0 1rem 1.5rem;
- line-height:150%;
- font-weight:bold;
- color:slategrey;
- }
-
- a {
- color:dodgerblue;
- text-decoration:none;
- }
-
- svg {
- position:absolute;
- display:inline-flex;
- top:18px;
- width:14px;
- }
-}
-
-.category-header {
- margin:0 8px 24px 8px;
- font-weight:600;
- border-bottom:1px solid lightgrey;
- text-decoration:underline dimgrey;
- text-underline-offset:12px;
- padding-bottom:8px;
-}
-
-.paginated-list {
- margin:0;
- padding:0;
-}
-.paginated-item {
- list-style-type:none;
- height:fit-content;
-}
-
-#article_content {
- border-bottom:2px solid lightgrey;
-
- .thumbnail_post {
- display:block;
- background-size:cover;
- background-position:50% 50%;
- width:100%;
- aspect-ratio:5/3;
- border-radius:0;
-
- &:hover { opacity:0.8; }
- }
-
- .empty { opacity:0.5; }
-
- .box_contents {
- margin:12px;
- position:relative;
- overflow:hidden;
- }
-
- a { text-decoration:none; }
-
- .info-post { font-size:0.875rem; }
-
- .title_post {
- font-weight:600;
- font-size:1rem;
- line-height:2rem;
- word-break:normal;
- white-space:nowrap;
- overflow:hidden;
- text-overflow:ellipsis;
- text-align:left;
- }
- .title_post:hover,
- .category:hover {
- color:$color-rose;
- }
- .category{ color:mediumseagreen !important; }
-
- .txt_post {
- display:-webkit-box;
- margin-bottom:12px;
- font-size:0.875rem;
- color:grey;
- overflow:hidden;
- text-overflow:ellipsis;
- -webkit-line-clamp:2;
- -webkit-box-orient:vertical;
- word-wrap:break-word;
- }
-}
-
-.no-posts {
- position:relative;
- margin:6rem 0;
- text-align:center;
-
- img {
- width:50% !important;
- aspect-ratio:2/1;
- }
-
- h1 {margin-top:3rem;}
-}
-
-.hidden { display:none; }
-
-.pagination-container {
- width:90%;
- display:flex;
- align-items:center;
- padding:4rem 0;
- margin:auto;
- justify-content:center;
-}
-.pagination-number,
-.pagination-button{
- font-size:1rem;
- margin:4px;
- cursor:pointer;
- width:2.5rem;
- aspect-ratio:1.0;
- border-radius:.2rem;
-}
-.pagination-number:hover,
-.pagination-button:not(.disabled):hover {
- background:#fff;
-}
-.pagination-number.active {
- color:#fff;
- background:#0085b6;
-}
-
-@include mq(tablet){
-
-.category-tree {
- margin:0 2rem;
- font-size:1.125rem;
-
- p { padding:1.5rem 0 1.5rem 2rem; }
-
- svg {
- top:28px;
- width:18px;
- }
-}
-
-.category-header {
- font-size:2.25rem;
- padding-bottom:8px;
- text-underline-offset:16px;
- margin:0 2rem 3rem 2rem;
-}
-
-.paginated-list { margin:auto 2rem; }
-.paginated-item {
- margin:3rem 0;
- height:12.5rem;
-}
-
-#article_content {
- display:flex;
- transition:.3s;
- box-shadow:0 1px 1px 0 rgba(31, 35, 46, .15);
-
- &:hover {
- transform:translate(0px, -4px);
- box-shadow:0 15px 45px -10px rgba(10, 16, 34, .2);
- }
-
- .thumbnail_post {
- display:block;
- height:12.5rem;
- aspect-ratio:4/3;
- margin:auto;
- }
-
- .box_contents {
- width:100%;
- margin:auto 0 auto -5rem;
- padding:8px 24px;
- background-color:rgba(255,255,255,0.95);
- background-image:url($baseurl + "/assets/img/tile.png");
- border-radius:6px;
- }
-
- .category{ font-weight:bold; }
-
- .title_post{
- font-size:1.5rem;
- padding-top:12px;
- }
- .info-post,
- .txt_post {
- font-size:1.125rem;
- }
- .txt_post {
- margin-top:1rem;
- margin-bottom:1.5rem;
- }
-}
-
-.pagination-number,
-.pagination-button{
- font-size:1.125rem;
-}
-
-}
-
-@include mq(desktop){
-
-.category-header { font-size:3rem; }
-
-.paginated-item { height:15rem; }
-
-#article_content {
- .thumbnail_post { height:15rem; }
-
- .box_contents {
- margin-left:-6rem;
- border-radius:8px;
- }
-
- .date { font-size:1.125rem; }
- .category { font-size:1.25rem; }
- .txt_post { margin-top:1.25rem; }
-}
-
-}
\ No newline at end of file
diff --git a/_sass/post.scss b/_sass/post.scss
deleted file mode 100644
index 3ee8539e..00000000
--- a/_sass/post.scss
+++ /dev/null
@@ -1,639 +0,0 @@
-#post {
- max-width:#{$contentwd};
- margin:auto;
-}
-
-.inner-header {
- display:none;
- background:linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(224,224,224,1) 100%);
- border-radius:1rem 1rem 0 0;
- padding:8px 16px;
-
- .dot {
- height:1rem;
- width:1rem;
- margin:0 4px;
- border-radius:50%;
- display:inline-block;
- }
-}
-
-.inner-content {
- background:#fff;
-
- img {
- display:block;
- text-align:center;
- width:100%;
- margin:auto;
- }
- .img-xs { width:12.5% !important; }
- .img-sm { width:25% !important; }
- .img-md { width:50% !important; }
- .img-lg { width:75% !important; }
-}
-
-.thumbnail {
- display:block;
- position:relative;
- width:100%;
- aspect-ratio:2;
- margin:auto;
- background-size:cover;
- background-position:center center;
- box-shadow:0 16px 16px 8px rgba(31, 35, 46, .15);
-}
-
-.transbox {
- position:absolute;
- top:50%;
- left:50%;
- -webkit-transform:translate(-50%, -50%);
- -moz-transform:translate(-50%, -50%);
- transform:translate(-50%, -50%);
- width:100%;
- margin:auto;
- padding:1rem 0;
- text-align:center;
- backdrop-filter:blur(4px);
- background-color:rgba(255, 255, 255, 0.5);
-}
-
-.post-title {
- font-size:1.25rem;
- word-spacing:4px;
- font-weight:600;
- word-wrap:break-word;
- font-family:Cambria, sans-serif;
-}
-
-.post-info {
- margin-top:1.25rem;
- font-size:0.875rem;
-
- svg { width:14px; }
-}
-
-.info-box {
- display:inline-flex;
- border-radius:8px;
- margin:0;
- padding:6px;
- position:relative;
- transition:all .5s;
-
- background:
- linear-gradient(
- to right,
- rgba(100, 200, 200, 1),
- rgba(100, 200, 200, 1)
- ),
- linear-gradient(
- to right,
- rgba(255, 0, 0, 1),
- rgba(255, 0, 180, 1),
- rgba(0, 100, 200, 1)
- );
- background-size:100% 3px, 0 3px;
- background-position:100% 100%, 0 100%;
- background-repeat:no-repeat;
-
- &:hover {
- background-size:0 3px, 100% 3px;
- box-shadow:0 3px 48px 12px rgba(100, 200, 200, 1);
- }
-
- svg { margin-right:4px; }
-}
-
-.tag-box {
- margin:1rem;
- display:inline-block;
-}
-
-.tag {
- float:left;
- position:relative;
- margin:8px 12px;
- padding:0 10px 0 12px;
- line-height:1.5rem;
- color:#fff !important;
- font-size:1rem;
- text-shadow:0 1px 2px rgba(0,0,0,0.6);
- cursor:pointer;
-
- &:before {
- content:"";
- position:absolute;
- left:-12px;
- border-style:solid;
- border-width:12px 12px 12px 0;
- }
- &:after {
- content:"";
- position:absolute;
- top:10px;
- left:1px;
- width:5px;
- height:5px;
- -webkit-border-radius:50%;
- border-radius:50%;
- background:#fff;
- -webkit-box-shadow:-1px -1px 2px rgba(0,0,0,0.4);
- box-shadow:-1px -1px 2px rgba(0,0,0,0.4);
- }
- &:hover {
- animation:pulse 1s infinite;
- transition:0.3s;
- }
-
- @keyframes pulse {
- 0% { transform:scale(1); }
- 70% { transform:scale(0.9); }
- 100% { transform:scale(1); }
- }
-}
-
-.theme-0 {
- background:hsl(50, 65%, 50%);
- &::before { border-color:transparent hsl(50, 65%, 50%) transparent transparent; }
-}
-.theme-1 {
- background:hsl(360, 65%, 50%);
- &::before { border-color:transparent hsl(360, 65%, 50%) transparent transparent; }
-}
-.theme-2 {
- background:hsl(200, 65%, 50%);
- &::before { border-color:transparent hsl(200, 65%, 50%) transparent transparent; }
-}
-
-main {
- padding:1rem;
- margin:auto;
- font-size:1rem;
- line-height:200%;
- position:relative;
- overflow-wrap:break-word;
- word-wrap:break-word;
-
- * { margin:auto; }
-
- h1, h2, h3 {
- margin-top:3rem;
- margin-bottom:1rem;
- }
- h1, .sh1 { font-size:1.75rem; }
- h2, .sh2 { font-size:1.375rem; }
- h3, .sh3 { font-size:1.125rem; }
-
- p { text-align:justify; }
-
- u {
- color:$color-rose;
- text-underline-offset:2px;
- }
-
- em { padding-right:2px; }
-
- a {
- color:dodgerblue;
- text-decoration:none;
-
- &::before {
- position:absolute;
- content:attr(data-content);
- color:midnightblue;
- text-decoration:underline;
- text-decoration-style:wavy;
- text-underline-offset:4px;
- text-decoration-color:midnightblue;
- clip-path:polygon(0 0, 0 0, 0% 100%, 0 100%);
- transition:clip-path .25s;
- }
- &:hover::before {
- clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
- }
- }
-
- p, ul, table, div { margin-bottom:3rem; }
-
- p + div,
- p + pre,
- p + blockquote,
- div + div,
- div + blockquote {
- margin-top:-2rem;
- }
-
- ul { padding-left:2rem; }
-
- li > ul { margin:0; }
-
- code {
- margin:0 2px;
- padding:1px 5px;
- border:1px solid #eaeaea;
- background-color:#f4f4f4;
- border-radius:3px;
- font-family:'Courier New', Courier, monospace;
- color:$color-darkorange;
- position:relative;
- top:-1px;
- vertical-align:middle;
- }
-
- .highlighter-rouge .highlight {
- background:#f4f4f4;
- border:1px solid #eaeaea;
- border-radius:3px;
- margin:8px auto;
-
- pre {
- margin:0;
- border:none;
- overflow-x:auto;
- position:relative;
-
- button {
- display:none;
- position:absolute;
- top:20px;
- right:20px;
- width:2rem;
- height:2rem;
- font-size:1.125rem;
- color:#777;
- padding:4px;
- background-color:#ddd;
- border-radius:4px;
-
- svg {
- -webkit-mask-image:url($baseurl + '/assets/img/icon/clipboard-regular.svg');
- mask-image:url($baseurl + '/assets/img/icon/clipboard-regular.svg');
- background-color:#555 !important;
- mask-repeat:no-repeat;
- mask-position:center;
- mask-size:80%;
- }
-
- &:after {
- content:"";
- display:block;
- position:absolute;
- border-radius:4rem;
- left:0;
- top:0;
- width:100%;
- height:100%;
- opacity:0;
- transition:.5s;
- box-shadow:0 0 6px 24px #888;
- }
- &:active:after {
- box-shadow:0 0 0 0 #888;
- position:absolute;
- border-radius:4rem;
- left:0;
- top:0;
- opacity:1;
- transition:0s;
- }
- }
-
- &:hover {
- button { display:block; }
- }
- }
-
- code {
- margin:0;
- padding:1.5rem 1rem;
- border:none;
- }
- }
-
- blockquote {
- background:$color-beige;
- border-left:4px solid burlywood;
- border-radius:4px;
- box-shadow:0 1px 2px rgba(0,0,0,.15), 0 3px 10px rgba(0,0,0,.1);
- padding-left:1rem;
- padding-right:1rem;
- margin:8px auto;
- word-break:break-all;
-
- p {
- margin:0;
- padding:1rem 0;
- }
- }
-
- .table-wrapper { overflow-x:auto; }
-
- table {
- display:block;
- max-width:-moz-fit-content;
- max-width:fit-content;
- overflow-x:auto;
- white-space:nowrap;
- position:relative;
- background-color:#fff;
- border-radius:10px;
- border-collapse:collapse;
- line-height:1.5;
- box-shadow:0 0 40px 0 rgba(0,0,0,.15);
-
- thead { box-shadow:0 0 40px 0 rgba(0,0,0,.15); }
- th, td {
- border:1px solid lightgrey;
- word-wrap:break-word;
- white-space:initial;
- max-width:16rem;
- }
- thead tr { height:3.5rem; }
- tbody tr { height:3rem; }
- tbody td, thead th { padding:8px; }
-
- tr:first-child th { border-top:0; }
- td:first-child, th:first-child { border-left:0; }
- td:last-child, th:last-child { border-right:0; }
- }
-
- li { padding:4px 0; }
-
- hr {
- border:0;
- height:2px;
- margin:1rem 0;
- background:burlywood;
- }
-
- img + em {
- display:block;
- text-align:center;
- color:dimgrey;
- font-size:0.875rem;
- font-style:normal;
- }
-}
-
-#related-box {
- margin-top:2rem;
-
- span { font-size:1.25rem; }
-
- svg {
- width:20px;
- display:inline-flex;
- transform:translateY(3px);
- }
-}
-
-#related-posts {
- display:inline-table;
- position:relative;
- width:100%;
- margin:1rem 0;
- padding:0;
-
- li {
- float:left;
- position:relative;
- width:45%;
- margin-left:5%;
- margin-bottom:2rem;
- padding:0;
- list-style:none;
- transition:.3s;
- overflow: hidden;
-
- &:hover {
- box-shadow:8px 8px 16px -4px rgba(0, 0, 255, .2);
-
- -webkit-transform:scale(1.05);
- -moz-transform:scale(1.05);
- transform:scale(1.05);
-
- img {
- opacity:.7;
- }
- }
- }
-
- @media (max-width:768px){
- li:nth-child(2n+1) { margin-left:0; }
- }
-
- a {
- width:100%;
- display:inline-block;
- text-decoration:none;
-
- p {
- width:100%;
- margin:8px 0;
- line-height:1.25;
- font-family:Verdana, Tahoma, sans-serif;
- }
- }
-
- img {
- display:block;
- width:100%;
- aspect-ratio:1.5/1;
- transition:.3s;
- }
-
- .category {
- color:$color-aqua;
- font-size:1rem;
- }
-
- .title {
- display:-webkit-box;
- color:$color-darkbrown;
- font-size:1.125rem;
- font-weight:600;
- height:2.5em;
- text-align:left;
- overflow:hidden;
- text-overflow:ellipsis;
- -webkit-line-clamp:2;
- -webkit-box-orient:vertical;
- word-wrap:break-word;
- }
-
- .date {
- color:goldenrod;
- font-size:0.875rem;
- text-transform:uppercase;
- }
-}
-
-.top-arrow {
- position:fixed;
- display:none;
- bottom:2rem;
- right:2rem;
- width:48px;
- background:rgba(100, 200, 200, 0.75);
- cursor:pointer;
-
- &, &:before{
- aspect-ratio:1.0;
- border-radius:50%;
- }
- &:before{
- content:"";
- width:40px;
- border:2px solid #fff;
- position:absolute;
- top:2px;
- left:2px;
- }
-
- svg {
- width:28px;
- top:11px;
- left:10px;
- fill:#fff !important;
- filter:drop-shadow(0 1px 2px rgba(0,0,0,0.6));
- position:absolute;
- animation:ascend 2s infinite;
- }
-
- @keyframes ascend {
- 0% {
- opacity:0;
- transform:translateY(8px);
- }
- 50% {
- opacity:1;
- }
- 100% {
- opacity:0;
- transform:translateY(-8px);
- }
- }
-}
-
-.arrow-open { display:block; }
-
-@include mq(tablet){
-
-.transbox {
- width:87.5%;
- padding:2rem;
-}
-
-.post-title { font-size:2.25rem; }
-
-.post-info {
- margin-top:4rem;
- font-size:1.25rem;
-
- svg { width:20px; }
-}
-
-.info-box {
- margin:0 8px;
- padding:8px;
- background-size:100% 4px, 0 4px;
-
- &:hover {
- background-size:0 4px, 100% 4px;
- box-shadow:0 4px 64px 16px rgba(100, 200, 200, 1);
- }
-
- svg { margin-right:8px; }
-}
-
-.tag-box {
- margin:3rem;
- margin-top:1rem;
-}
-
-.tag {
- margin:12px 16px;
- padding:0 14px 0 16px;
- line-height:2rem;
- font-size:1.125rem;
-
- &:before {
- left:-16px;
- border-width:16px 16px 16px 0;
- }
- &:after {
- top:14px;
- left:2px;
- }
-}
-
-main {
- padding:2.5rem;
- padding-top:0;
- font-size:1.125rem;
-
- h1, .sh1 {
- font-size:2.25rem;
- margin-top:5rem;
- }
- h2, .sh2 {
- font-size:1.75rem;
- margin-top:4rem;
- }
- h3, .sh3 {
- font-size:1.375rem;
- }
-
- table {
- tbody td, thead th { padding:1rem; }
- }
-
- code { font-size:1rem; }
-
- blockquote p { font-size:1rem; }
-}
-
-#related-box {
- margin-top:4rem;
-
- span { font-size:1.5rem; }
-
- svg { width:24px; }
-}
-
-#related-posts {
- li { width:30%; }
- li:nth-child(3n+1) { margin-left:0; }
-}
-
-}
-
-@include mq(desktop){
-
-#post {
- margin:4rem 0;
- margin-left:#{$sidebarwd};
- width:var(--pagewidth-desktop);
- display:inline-block;
-}
-
-.inner-header { display:block; }
-
-.inner-content {
- border-radius:0 0 1rem 1rem;
- box-shadow:0 16px 16px 8px rgba(31, 35, 46, 0.15);
-}
-
-.top-arrow { left:calc(#{$sidebarwd} + var(--pagewidth-desktop) - 4rem); }
-
-}
-
-@include mq(wide){
-
-#post { margin-left:calc((100vw - #{$contentwd})/2); }
-
-.top-arrow { left:calc(50vw + #{$contentwd}/2 - 4rem); }
-
-}
\ No newline at end of file
diff --git a/_sass/search.scss b/_sass/search.scss
deleted file mode 100644
index 1df4b2f8..00000000
--- a/_sass/search.scss
+++ /dev/null
@@ -1,229 +0,0 @@
-#search
-{
- width:100%;
- height:100%;
- top:0;
- left:0;
- position:fixed;
- display:none;
- background:rgba(255,255,255,0.875);
- z-index:999;
- text-align:center;
-
- ul, input {
- min-width:20rem;
- width:50vw;
- }
- ul {
- margin:auto;
- margin-top:-1px;
- padding:0;
- overflow-y:auto;
- max-height:60vh;
- border-bottom:2px solid #aaa;
- box-shadow:0px 4px 8px 0 #ccc;
-
- i {
- margin-right:0.5rem;
- color:#666;
- }
-
- &::-webkit-scrollbar {
- width:8px;
- background-color:#ddd;
- }
- &::-webkit-scrollbar-thumb { background-color:rosybrown; }
- }
-
- &.active{ display:flex; }
-}
-
-.wave {
- background:rgba(253, 177, 55, 0.5);
- border-radius:0 0 250% 250%;
- position:fixed;
- width:200%;
- height:12rem;
- animation:wave 10s -3s linear infinite;
- transform:translate3d(0, 0, 0);
- opacity:0.75;
- top:0;
- left:0;
- z-index:-1;
-}
-.wave:nth-of-type(2) {
- top:-1.5em;
- animation:wave 18s linear reverse infinite;
- opacity:0.75;
-}
-.wave:nth-of-type(3) {
- top:-3em;
- animation:wave 20s -1s reverse infinite;
- opacity:0.875;
-}
-
-@keyframes wave {
- 2% { transform:translateX(1); }
- 25% { transform:translateX(-25%); }
- 50% { transform:translateX(-50%); }
- 75% { transform:translateX(-25%); }
- 100% { transform:translateX(1); }
-}
-
-.search-box {
- margin:auto;
- margin-top:2rem;
-
- mark {
- margin-bottom:1rem;
- color:#fff !important;
- opacity:0.8;
- font-size:1.5rem;
- font-weight:200;
- display:block;
- }
-
- input {
- font-size:1.25rem;
- padding:8px;
- border:2px solid #aaa;
- background:none;
- }
-}
-
-.input-box {
- position:relative;
-
- &:before,
- &:after {
- content:"";
- position:absolute;
- width:100%;
- height:100%;
- top:0;
- left:0;
- z-index:-1;
- }
- &:before { background:#fff; }
- &:after { background-image:url($baseurl + '/assets/img/tile.png'); }
-
- button {
- position:absolute;
- display:none;
- cursor:pointer;
- top:0;
- right:8px;
- width:22px;
- aspect-ratio:1.0;
- border-radius:50%;
- transform:translateY(50%);
- font-size:14px;
- background:slategrey !important;
-
- svg {
- fill:#fff !important;
- width:14px;
- }
- }
-}
-
-.result-item {
- list-style:none;
- text-align:justify;
- padding:8px;
- border:1px solid #aaa;
- background:#fff;
-
- &:hover { background:#ffe7a0; }
-
- table {
- th, td {
- text-align:left;
- vertical-align:top;
- }
- th { font-size:1rem; }
- td { font-size:0.875rem; }
-
- svg {
- background-color:darkslategrey;
- mask-repeat:no-repeat;
- display:inline-flex;
- width:14px;
- margin-right:8px;
- transform:translateY(2px);
- }
- .ico-book {
- background-color:dodgerblue !important;
- -webkit-mask-image:url($baseurl + '/assets/img/icon/book-solid.svg');
- mask-image:url($baseurl + '/assets/img/icon/book-solid.svg');
- }
- .ico-folder {
- -webkit-mask-image:url($baseurl + '/assets/img/icon/folder-open-regular.svg');
- mask-image:url($baseurl + '/assets/img/icon/folder-open-regular.svg');
- }
- .ico-tags {
- -webkit-mask-image:url($baseurl + '/assets/img/icon/tags-solid.svg');
- mask-image:url($baseurl + '/assets/img/icon/tags-solid.svg');
- }
- .ico-calendar {
- -webkit-mask-image:url($baseurl + '/assets/img/icon/calendar-days-regular.svg');
- mask-image:url($baseurl + '/assets/img/icon/calendar-days-regular.svg');
- }
- .ico-book, th .ico-folder { width:18px; }
- th .ico-folder { background-color:mediumseagreen !important; }
- }
-
- .highlight {
- font-weight:900;
- color:yellowgreen !important;
- }
-}
-
-@include mq(tablet) {
-
-#search {
- ul, input { width:40rem; }
- ul {
- div { font-size:1.125rem; }
- i { margin-right:1rem; }
- }
-}
-
-.search-box {
- margin-top:4rem;
-
- mark {
- font-size:2.5rem;
- margin-bottom:2rem;
- }
-}
-
-.search-box input {
- font-size:2rem;
- padding:1rem;
- width:40rem;
-}
-
-.input-box button {
- width:36px;
- right:16px;
-
- svg { width:20px; }
-}
-
-.result-item {
- padding:1rem;
-
- table {
- th { font-size:1.25rem; }
- td { font-size:1rem; }
-
- svg { width:16px; }
-
- .ico-book, th .ico-folder { width:20px; }
- }
-
- .title { font-size:1.25rem; }
-}
-
-}
\ No newline at end of file
diff --git a/_sass/sidebar.scss b/_sass/sidebar.scss
deleted file mode 100644
index fab0a81d..00000000
--- a/_sass/sidebar.scss
+++ /dev/null
@@ -1,321 +0,0 @@
-.sidebar {
- z-index:1;
- flex-wrap:wrap;
-
- ul, li {
- list-style:none;
- }
-}
-
-.sidebar-left {
- display:flex;
- background-color:$color-beige;
-}
-
-.side-banner {
- width:100%;
- text-align:center;
- box-shadow:0px 4px 8px 0 #aaa;
-
- button {
- position:absolute;
- background-color:$color-beige;
- height:100%;
- aspect-ratio:1;
- top:0;
-
- svg { width:20px; }
-
- &:hover { background-color:rgba(212, 201, 191, 0.7); }
- }
- #btn-nav { right:0; }
- #btn-search { right:38px; }
- #btn-brightness { right:76px; }
-
- .ico-dark {
- display:block;
- &.active{ display:none; }
- }
- .ico-light {
- display:none;
- &.active{ display:block; }
- }
-}
-
-.site-tab img { display: none; }
-
-.site-avatar {
- img {
- display:none;
- width:9rem;
- aspect-ratio:1;
- border-radius:50%;
- outline:4.5rem solid rgba(64,64,64,0.5);
- outline-offset:-4.5rem;
- transition:.3s;
-
- &:hover {
- outline:4px solid orange;
- outline-offset:8px;
- }
- }
-
- img + img { border-radius:50%; }
-}
-
-.site-tab {
- padding:8px;
- font-size:1rem;
- text-align:left;
- position:relative;
-
- a, span { letter-spacing:2px; }
-}
-
-.side-info {
- position:relative;
- width:100%;
-}
-
-#contact{
- display:none;
- position:relative;
- width:75%;
- transform:translateX(12.5%);
- text-align:center;
- padding:1rem 0;
-
- &.contact-open { display:block; }
-
- hr {
- border:0;
- margin:0;
- }
-
- h3 { display:none; }
-
- ul{
- text-align:center;
- padding:0;
- margin:0;
- overflow:hidden;
- white-space:nowrap;
- text-overflow:ellipsis;
-
- li{
- display:inline-block;
- margin-top:8px;
-
- a {
- display:block;
- padding:6px;
- transition:.3s;
-
- svg {
- width:16px;
- fill:dimgrey;
- }
-
- &:hover{
- svg { fill:orange; }
-
- transform:scale(1.5) translateY(-12.5%);
- }
- }
- }
- }
-
- span { font-size:0.875rem; }
- a { color:$color-darkorange; }
-}
-
-.sidebar-right{ display:none; }
-
-.tools {
- position:fixed;
- top:1rem;
-
- button {
- width:2.75rem;
- aspect-ratio:1;
- text-align:center;
- background:#ffe390;
- border:none;
- border-radius:50%;
- margin-left:1rem;
- position:relative;
- vertical-align:top;
- cursor:pointer;
-
- &:hover {
- border:2px solid midnightblue;
- animation:leaves .75s ease-in-out infinite alternate;
- }
- }
-
- @keyframes leaves {
- 0% {
- transform:scale(1.0);
- background:#ffe390;
- }
- 100% {
- transform:scale(1.25);
- background:#ffd044;
- }
- }
-
- svg {
- fill:#3A241A !important;
- width:24px;
- position:relative;
- transition:all .3s;
- }
- .ico-dark, .ico-light {
- position:absolute;
- top:50%;
- left:50%;
- transform:translate(-50%, -50%);
- }
- .ico-dark {
- transform:translate(-50%, -50%) scale(1);
- &.active{ transform:translate(-50%, -50%) scale(0); }
- }
- .ico-light {
- transform:translate(-50%, -50%) scale(0);
- &.active{ transform:translate(-50%, -50%) scale(1); }
- }
-}
-
-@include mq(tablet){
-
-.side-banner {
- button { font-size:1.75rem; }
- #btn-search { right:60px; }
- #btn-brightness { right:120px; }
-}
-
-.site-tab {
- padding:1rem;
- font-size:1.375rem;
-}
-
-#contact {
- ul li a svg { width:18px; }
-
- span { font-size:1rem; }
-}
-
-}
-
-@include mq(desktop){
-
-.sidebar { position:fixed; }
-
-.sidebar-left{
- flex-flow:column nowrap;
- width:#{$sidebarwd};
- min-height:100%;
- background:none;
- align-items:flex-end;
-}
-
-.side-banner{
- width:#{$sidebarwd};
- box-shadow:none !important;
-
- button {
- display:none;
- font-size:1.5rem;
- }
- #btn-search { right:69px; }
- #btn-brightness { right:138px; }
-}
-
-.site-avatar img { display:inline-block; }
-
-.site-tab {
- font-size:1.375rem;
- padding:1rem;
- text-align:center;
- position:relative;
-}
-
-.site-name {
- position:relative;
-
- img, mark { transition:.5s ease; }
- mark {
- color:$color-wenge;
- word-break:break-word;
- }
-
- img {
- display:inline-block;
- width:32px;
- height:32px;
- top:-4px;
- left:0;
- left:-40px;
- position:absolute;
- transform:rotateY(90deg);
- }
-
- &:hover {
- mark {
- color:$color-rose;
- margin-left:40px;
- }
- img {
- left:0;
- transform:rotateY(360deg);
- }
- }
-}
-
-.side-info {
- width:#{$sidebarwd};
- height:calc(100% - 14rem);
- display:contents;
-}
-
-#contact{
- display:block;
- width:calc(#{$sidebarwd} - 4rem);
- margin-top:2rem;
- padding:1rem 2rem;
- transform:none;
-
- hr {
- border-top:1px solid lightgrey;
- margin:8px;
- }
-
- h3{
- display:block;
- position:absolute;
- margin:0;
- top:14px;
- font-size:1rem;
- transform:translateX(-50%);
- left:50%;
- background-color:#fff;
- }
-}
-
-.sidebar-right{
- display:flex;
- height:100%;
- margin-left:calc(var(--pagewidth-desktop) + #{$sidebarwd}/2);
-}
-
-}
-
-@include mq(wide){
-
-.sidebar-left{ width:calc((100vw - #{$contentwd})/2); }
-.sidebar-right{
- width:calc((100vw - #{$contentwd})/2);
- margin-left:calc(#{$contentwd} + (100vw - #{$contentwd})/2);
-}
-
-}
\ No newline at end of file
diff --git a/_sass/toc.scss b/_sass/toc.scss
deleted file mode 100644
index d8a4f8b7..00000000
--- a/_sass/toc.scss
+++ /dev/null
@@ -1,63 +0,0 @@
-.toc {
- position:fixed;
- top:6rem;
- display: none;
-}
-
-.toc-header {
- font-size:1.25rem;
- font-weight:600;
- padding:0 0 4px 12px;
- border-bottom:burlywood 2px solid;
-
- svg {
- width:16px;
- display:inline-flex;
- transform:translateY(2px);
- }
-}
-
-.toc-board {
- max-width:#{$sidebarwd};
- margin: 1rem 0 1rem 2rem !important;
-}
-
-.toc-board, .toc-list {
- font-size:1.125rem;
- padding:0;
- margin: 0 auto;
-
- li a { display:inline-block; }
- li:last-child { margin-bottom:0; }
-
- .node-name--H1 { margin-top:8px; }
- .node-name--H2 {
- font-size:1rem;
- margin-top:6px;
- padding-left:16px;
- }
-
- .toc-list-item {
- word-break:normal;
- line-height:150%;
-
- a {
- animation:.5s ease-out 0s 1 slide;
- cursor: pointer;
- }
-
- @keyframes slide {
- 0% { transform:scaleY(0); }
- 100% { transform:scaleY(1); }
- }
- }
-
- .is-active-link{
- color:indianred !important;
- font-weight:950;
- }
-}
-
-@include mq(wide){
- .toc{ display: block; }
-}
\ No newline at end of file
diff --git a/_sass/variables-hook.scss b/_sass/variables-hook.scss
new file mode 100644
index 00000000..f27e0eb8
--- /dev/null
+++ b/_sass/variables-hook.scss
@@ -0,0 +1,3 @@
+/*
+ Appending custom SCSS variables will override the default ones in `_sass/addon/variables.scsss`
+*/
diff --git a/_sass/vars.scss b/_sass/vars.scss
deleted file mode 100644
index ef81e07d..00000000
--- a/_sass/vars.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-$color-wenge: #66545E;
-$color-beige: #F1EBE5;
-$color-darkbrown: #3A241A;
-$color-darkorange: #B04008;
-$color-rose: #fa4251;
-$color-aqua: #64c8c8;
-$sidebarwd: 18rem;
-$contentwd: 54rem;
-
-$mediawd: (
- mobile: 320px,
- tablet: 769px,
- desktop: 1025px,
- wide: 1441px,
-) !default;
\ No newline at end of file
diff --git a/_tabs/about.md b/_tabs/about.md
new file mode 100644
index 00000000..ddb2bc4c
--- /dev/null
+++ b/_tabs/about.md
@@ -0,0 +1,8 @@
+---
+# the default layout is 'page'
+icon: fas fa-info-circle
+order: 4
+---
+
+> Add Markdown syntax content to file `_tabs/about.md`{: .filepath } and it will show up on this page.
+{: .prompt-tip }
diff --git a/_tabs/archives.md b/_tabs/archives.md
new file mode 100644
index 00000000..c3abc594
--- /dev/null
+++ b/_tabs/archives.md
@@ -0,0 +1,5 @@
+---
+layout: archives
+icon: fas fa-archive
+order: 3
+---
diff --git a/_tabs/categories.md b/_tabs/categories.md
new file mode 100644
index 00000000..2d241be9
--- /dev/null
+++ b/_tabs/categories.md
@@ -0,0 +1,5 @@
+---
+layout: categories
+icon: fas fa-stream
+order: 1
+---
diff --git a/_tabs/tags.md b/_tabs/tags.md
new file mode 100644
index 00000000..ded3adc1
--- /dev/null
+++ b/_tabs/tags.md
@@ -0,0 +1,5 @@
+---
+layout: tags
+icon: fas fa-tags
+order: 2
+---
diff --git a/assets/404.html b/assets/404.html
new file mode 100644
index 00000000..af89d6d1
--- /dev/null
+++ b/assets/404.html
@@ -0,0 +1,14 @@
+---
+layout: page
+title: "404: Page not found"
+permalink: /404.html
+
+redirect_from:
+ - /norobots/
+ - /assets/
+ - /posts/
+---
+
+{% include lang.html %}
+
+{{ site.data.locales[lang].not_found.statement }}
diff --git a/assets/css/404.scss b/assets/css/404.scss
deleted file mode 100644
index d64def5c..00000000
--- a/assets/css/404.scss
+++ /dev/null
@@ -1,47 +0,0 @@
----
----
-
-body {
- margin:0;
- background:
- repeating-linear-gradient(
- to right, transparent,
- transparent 100px,
- white 100px,
- white 112px
- ),
- repeating-linear-gradient(
- to bottom, transparent,
- transparent 100px,
- white 100px,
- white 112px
- ),
- linear-gradient(45deg, pink, skyblue);
-}
-
-.blank-page {
- display:table-cell;
- z-index:0;
- background:#fff;
- margin:1rem auto;
- width:100vw;
- height:45vh;
- vertical-align:middle;
-
- .go-home {
- text-decoration:none;
- margin-left:5vw;
- font-size:1.25rem;
- }
-
- .not-found-msg { text-align:center; }
-
- .sour-face {
- margin:3rem auto;
- font-size:5rem;
- line-height:1;
- letter-spacing:-1px;
- }
-}
-
-.container { display:none; }
\ No newline at end of file
diff --git a/assets/css/highlight.min.css b/assets/css/highlight.min.css
deleted file mode 100644
index 7fcf1a7e..00000000
--- a/assets/css/highlight.min.css
+++ /dev/null
@@ -1,2 +0,0 @@
-pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:#fafafa}.hljs-comment,.hljs-attribute{color:#0184bb}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
-.pre-dark {code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf !important;background:#282c34 !important}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd !important}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75 !important}.hljs-literal{color:#56b6c2 !important}.hljs-addition,.hljs-attribute,.hljs-comment,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379 !important}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66 !important}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee !important}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b !important}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}}
\ No newline at end of file
diff --git a/assets/css/jekyll-theme-chirpy.scss b/assets/css/jekyll-theme-chirpy.scss
new file mode 100644
index 00000000..d20545ba
--- /dev/null
+++ b/assets/css/jekyll-theme-chirpy.scss
@@ -0,0 +1,10 @@
+---
+---
+
+@import 'main
+{%- if jekyll.environment == 'production' -%}
+ .bundle
+{%- endif -%}
+';
+
+/* append your custom style below */
diff --git a/assets/css/style.scss b/assets/css/style.scss
deleted file mode 100644
index d249bd4c..00000000
--- a/assets/css/style.scss
+++ /dev/null
@@ -1,66 +0,0 @@
----
----
-$baseurl: "{{ site.baseurl }}";
-
-html, body {
- margin:0;
- padding:0;
-}
-
-.fonts-loaded {
- a, span, p { font-family:"Nunito Sans", 'Lucida Sans', sans-serif; }
- h1, h2, h3 { font-family:"Lato", Helvetica, sans-serif; }
- mark { font-family:'Righteous', sans-serif; }
-}
-
-a { text-decoration:none; }
-a, span, p, h1, h2, h3, i { color:#3A241A; }
-a, span, p { font-family:'Lucida Sans', sans-serif; }
-h1, h2, h3, mark {
- margin:0;
- font-family:Helvetica, sans-serif;
-}
-mark { background-color:transparent; }
-
-svg {
- width:16px;
- aspect-ratio:1.0;
- fill:#3A241A;
- display:block;
- margin:auto;
-}
-
-button {
- border:none;
- background:none;
- padding:0;
-}
-
-/* Disable default input cancel button */
-input::-ms-clear,
-input::-ms-reveal{
- display:none;
- width:0;
- height:0;
-}
-input::-webkit-search-decoration,
-input::-webkit-search-cancel-button,
-input::-webkit-search-results-button,
-input::-webkit-search-results-decoration{
- display:none;
-}
-
-@import 'vars';
-@import 'layout';
-
-:root{
- --pagewidth-desktop:calc(max(min(100vw - #{$sidebarwd} - 2rem, #{$contentwd}), 44rem));
-}
-
-@import "sidebar";
-@import "navigation";
-@import "pagination";
-@import "toc";
-@import "post";
-@import "search";
-@import "darkmode";
\ No newline at end of file
diff --git a/assets/feed.xml b/assets/feed.xml
new file mode 100644
index 00000000..0ab20e3b
--- /dev/null
+++ b/assets/feed.xml
@@ -0,0 +1,54 @@
+---
+layout: compress
+permalink: /feed.xml
+# Atom Feed, reference: https://validator.w3.org/feed/docs/atom.html
+---
+
+{% capture source %}
+
+ {{ "/" | absolute_url }}
+ {{ site.title }}
+ {{ site.description }}
+ {{ site.time | date_to_xmlschema }}
+
+ {{ site.social.name }}
+ {{ "/" | absolute_url }}
+
+
+
+ Jekyll
+ © {{ 'now' | date: '%Y' }} {{ site.social.name }}
+ {{ site.baseurl }}/assets/img/favicons/favicon.ico
+ {{ site.baseurl }}/assets/img/favicons/favicon-96x96.png
+
+{% for post in site.posts limit: 5 %}
+ {% assign post_absolute_url = post.url | absolute_url %}
+
+ {{ post.title }}
+
+ {{ post.date | date_to_xmlschema }}
+ {% if post.last_modified_at %}
+ {{ post.last_modified_at | date_to_xmlschema }}
+ {% else %}
+ {{ post.date | date_to_xmlschema }}
+ {% endif %}
+ {{ post_absolute_url }}
+
+ {{ post.author | default: site.social.name }}
+
+
+ {% if post.categories %}
+ {% for category in post.categories %}
+ {% include post-description.html max_length=400 %}
+
+
+{% endfor %}
+
+{% endcapture %}
+{{ source | replace: '&', '&' }}
diff --git a/assets/fonts/Lato-Regular.woff2 b/assets/fonts/Lato-Regular.woff2
deleted file mode 100644
index 80581a61..00000000
Binary files a/assets/fonts/Lato-Regular.woff2 and /dev/null differ
diff --git a/assets/fonts/NunitoSans-Regular.woff2 b/assets/fonts/NunitoSans-Regular.woff2
deleted file mode 100644
index 316c8e3d..00000000
Binary files a/assets/fonts/NunitoSans-Regular.woff2 and /dev/null differ
diff --git a/assets/fonts/Righteous-Regular.woff2 b/assets/fonts/Righteous-Regular.woff2
deleted file mode 100644
index 33f4aafe..00000000
Binary files a/assets/fonts/Righteous-Regular.woff2 and /dev/null differ
diff --git a/assets/img/La-Mancha.jpg b/assets/img/La-Mancha.jpg
deleted file mode 100644
index 5c12fe65..00000000
Binary files a/assets/img/La-Mancha.jpg and /dev/null differ
diff --git a/assets/img/example.jpg b/assets/img/example.jpg
deleted file mode 100644
index 359021a7..00000000
Binary files a/assets/img/example.jpg and /dev/null differ
diff --git a/assets/img/favicon.webp b/assets/img/favicon.webp
deleted file mode 100644
index a5ef23ee..00000000
Binary files a/assets/img/favicon.webp and /dev/null differ
diff --git a/assets/img/favicons/android-chrome-192x192.png b/assets/img/favicons/android-chrome-192x192.png
new file mode 100644
index 00000000..a949d2fe
Binary files /dev/null and b/assets/img/favicons/android-chrome-192x192.png differ
diff --git a/assets/img/favicons/android-chrome-512x512.png b/assets/img/favicons/android-chrome-512x512.png
new file mode 100644
index 00000000..a0cdd950
Binary files /dev/null and b/assets/img/favicons/android-chrome-512x512.png differ
diff --git a/assets/img/favicons/apple-touch-icon.png b/assets/img/favicons/apple-touch-icon.png
new file mode 100644
index 00000000..648097f4
Binary files /dev/null and b/assets/img/favicons/apple-touch-icon.png differ
diff --git a/assets/img/favicons/browserconfig.xml b/assets/img/favicons/browserconfig.xml
new file mode 100644
index 00000000..a02a5c74
--- /dev/null
+++ b/assets/img/favicons/browserconfig.xml
@@ -0,0 +1,13 @@
+---
+layout: compress
+---
+
+
+
+
+
+ #da532c
+
+
+
diff --git a/assets/img/favicons/favicon-16x16.png b/assets/img/favicons/favicon-16x16.png
new file mode 100644
index 00000000..f44237a9
Binary files /dev/null and b/assets/img/favicons/favicon-16x16.png differ
diff --git a/assets/img/favicons/favicon-32x32.png b/assets/img/favicons/favicon-32x32.png
new file mode 100644
index 00000000..d5d021d8
Binary files /dev/null and b/assets/img/favicons/favicon-32x32.png differ
diff --git a/assets/img/favicons/favicon.ico b/assets/img/favicons/favicon.ico
new file mode 100644
index 00000000..56115680
Binary files /dev/null and b/assets/img/favicons/favicon.ico differ
diff --git a/assets/img/favicons/mstile-150x150.png b/assets/img/favicons/mstile-150x150.png
new file mode 100644
index 00000000..c0d045e2
Binary files /dev/null and b/assets/img/favicons/mstile-150x150.png differ
diff --git a/assets/img/favicons/site.webmanifest b/assets/img/favicons/site.webmanifest
new file mode 100644
index 00000000..03c6113b
--- /dev/null
+++ b/assets/img/favicons/site.webmanifest
@@ -0,0 +1,26 @@
+---
+layout: compress
+---
+
+{% assign favicon_path = "/assets/img/favicons" | relative_url %}
+
+{
+ "name": "{{ site.title }}",
+ "short_name": "{{ site.title }}",
+ "description": "{{ site.description }}",
+ "icons": [
+ {
+ "src": "{{ favicon_path }}/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "{{ favicon_path }}/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }],
+ "start_url": "{{ '/index.html' | relative_url }}",
+ "theme_color": "#2a1e6b",
+ "background_color": "#ffffff",
+ "display": "fullscreen"
+}
diff --git a/assets/img/icon/book-solid.svg b/assets/img/icon/book-solid.svg
deleted file mode 100644
index 7d98d8d0..00000000
--- a/assets/img/icon/book-solid.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/img/icon/calendar-days-regular.svg b/assets/img/icon/calendar-days-regular.svg
deleted file mode 100644
index 92953727..00000000
--- a/assets/img/icon/calendar-days-regular.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/img/icon/clipboard-regular.svg b/assets/img/icon/clipboard-regular.svg
deleted file mode 100644
index 9b733267..00000000
--- a/assets/img/icon/clipboard-regular.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/img/icon/folder-open-regular.svg b/assets/img/icon/folder-open-regular.svg
deleted file mode 100644
index 08089cca..00000000
--- a/assets/img/icon/folder-open-regular.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/img/icon/house.webp b/assets/img/icon/house.webp
deleted file mode 100644
index a020713c..00000000
Binary files a/assets/img/icon/house.webp and /dev/null differ
diff --git a/assets/img/icon/tags-solid.svg b/assets/img/icon/tags-solid.svg
deleted file mode 100644
index 23e6977c..00000000
--- a/assets/img/icon/tags-solid.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/assets/img/loading.webp b/assets/img/loading.webp
deleted file mode 100644
index 04ebd22b..00000000
Binary files a/assets/img/loading.webp and /dev/null differ
diff --git a/assets/img/profile.webp b/assets/img/profile.webp
deleted file mode 100644
index ad97e33e..00000000
Binary files a/assets/img/profile.webp and /dev/null differ
diff --git a/assets/img/sorry.png b/assets/img/sorry.png
deleted file mode 100644
index ef99b631..00000000
Binary files a/assets/img/sorry.png and /dev/null differ
diff --git a/assets/img/thumbnail/book.jpg b/assets/img/thumbnail/book.jpg
deleted file mode 100644
index 981a68c2..00000000
Binary files a/assets/img/thumbnail/book.jpg and /dev/null differ
diff --git a/assets/img/thumbnail/bricks.webp b/assets/img/thumbnail/bricks.webp
deleted file mode 100644
index bb82218c..00000000
Binary files a/assets/img/thumbnail/bricks.webp and /dev/null differ
diff --git a/assets/img/thumbnail/empty.jpg b/assets/img/thumbnail/empty.jpg
deleted file mode 100644
index 2bf65798..00000000
Binary files a/assets/img/thumbnail/empty.jpg and /dev/null differ
diff --git a/assets/img/thumbnail/nightgardenflower.jpg b/assets/img/thumbnail/nightgardenflower.jpg
deleted file mode 100644
index 398e0cbc..00000000
Binary files a/assets/img/thumbnail/nightgardenflower.jpg and /dev/null differ
diff --git a/assets/img/thumbnail/sample.png b/assets/img/thumbnail/sample.png
deleted file mode 100644
index 76f1ffe3..00000000
Binary files a/assets/img/thumbnail/sample.png and /dev/null differ
diff --git a/assets/img/tile.png b/assets/img/tile.png
deleted file mode 100644
index f9851507..00000000
Binary files a/assets/img/tile.png and /dev/null differ
diff --git a/assets/js/404.js b/assets/js/404.js
deleted file mode 100644
index 75196237..00000000
--- a/assets/js/404.js
+++ /dev/null
@@ -1,22 +0,0 @@
-document.addEventListener('DOMContentLoaded', function(){
- // typing effect
- var blank_msgs = document.querySelectorAll('p');
- var typing_speed = 50;
-
- blank_msgs.forEach((item, index) => {
- var raw_text = item.innerText;
- var i = 0;
-
- item.innerHTML = "";
-
- function typeWriter() {
- if (i < raw_text.length) {
- item.innerHTML += raw_text.charAt(i);
- i++;
- setTimeout(typeWriter, typing_speed);
- }
- }
-
- typeWriter();
- });
-});
\ No newline at end of file
diff --git a/assets/js/background.js b/assets/js/background.js
deleted file mode 100644
index 1cf9523b..00000000
--- a/assets/js/background.js
+++ /dev/null
@@ -1 +0,0 @@
-var particleCount=40,flareCount=16,motion=.05,tilt=.05,color="#44b5fd",colorPalette=["#c13c3c","#c13cc1","#3c3cc1","#3cc1c1","#3cc13c","#c1c13c"],particleSizeBase=2,particleSizeMultiplier=.5,flareSizeBase=100,flareSizeMultiplier=100,lineWidth=1,linkChance=75,linkLengthMin=5,linkLengthMax=7,linkOpacity=.375;linkFade=90,linkSpeed=1,glareAngle=-60,glareOpacityMultiplier=.05,renderParticles=!0,renderParticleGlare=!0,renderFlares=!0,renderLinks=!0,renderMesh=!1,flicker=!0,flickerSmoothing=15,blurSize=0,orbitTilt=!0,randomMotion=!0,noiseLength=1e3,noiseStrength=1;var canvas=document.getElementById("stars"),context=canvas.getContext("2d"),mouse={x:0,y:0},m={},r=0,c=1e3,n=0,nAngle=2*Math.PI/noiseLength,nRad=100,nScale=.5,nPos={x:0,y:0},points=[],vertices=[],triangles=[],links=[],particles=[],flares=[],EPSILON=1/1048576;function randomColor(t){return t[Math.floor(Math.random()*t.length)]}function supertriangle(t){var e,i,s,o,a,l,h=Number.POSITIVE_INFINITY,$=Number.POSITIVE_INFINITY,f=Number.NEGATIVE_INFINITY,d=Number.NEGATIVE_INFINITY;for(e=t.length;e--;)t[e][0]f&&(f=t[e][0]),t[e][1]<$&&($=t[e][1]),t[e][1]>d&&(d=t[e][1]);return o=Math.max(i=f-h,s=d-$),[[(a=h+.5*i)-20*o,(l=$+.5*s)-o],[a,l+20*o],[a+20*o,l-o]]}function circumcircle(t,e,i,s){var o,a,l,h,$,f,d,u,v,p,g=t[e][0],_=t[e][1],x=t[i][0],k=t[i][1],y=t[s][0],P=t[s][1],I=Math.abs(_-k),b=Math.abs(k-P);if(Ib?l*(o-$)+d:h*(o-f)+u),v=x-o,p=k-a,{i:e,j:i,k:s,x:o,y:a,r:v*v+p*p}}function dedup(t){var e,i,s,o,a,l;for(i=t.length;i;)for(o=t[--i],s=t[--i],e=i;e;)if(l=t[--e],s===(a=t[--e])&&o===l||s===l&&o===a){t.splice(i,2),t.splice(e,2);break}}function Delaunay(t,e){var i,s,o,a,l,h,$,f,d,u,v,p,g=t.length;if(g<3)return[];if(t=t.slice(0),e)for(i=g;i--;)t[i]=t[i][e];for(o=Array(g),i=g;i--;)o[i]=i;for(o.sort(function(e,i){return t[i][0]-t[e][0]}),a=supertriangle(t),t.push(a[0],a[1],a[2]),l=[circumcircle(t,g+0,g+1,g+2)],h=[],$=[],i=o.length;i--;$.length=0){for(p=o[i],s=l.length;s--;){if((f=t[p][0]-l[s].x)>0&&f*f>l[s].r){h.push(l[s]),l.splice(s,1);continue}f*f+(d=t[p][1]-l[s].y)*d-l[s].r>EPSILON||($.push(l[s].i,l[s].j,l[s].j,l[s].k,l[s].k,l[s].i),l.splice(s,1))}for(dedup($),s=$.length;s;)v=$[--s],u=$[--s],l.push(circumcircle(t,u,v,p))}for(i=l.length;i--;)h.push(l[i]);for(l.length=0,i=h.length;i--;)h[i].i=noiseLength&&(n=0),nPos=noisePoint(n)),context.clearRect(0,0,canvas.width,canvas.height),blurSize>0&&(context.shadowBlur=blurSize,context.shadowColor=randomColor(colorPalette)),renderParticles)for(var t=0;t=0;h--)links[h]&&!links[h].finished?links[h].render():delete links[h]}if(renderFlares)for(var $=0;$.5&&(this.flicker=.5),this.flicker<-.5&&(this.flicker=-.5),(i+=this.flicker)>1&&(i=1),i<0&&(i=0)}context.fillStyle=this.color,context.globalAlpha=i,context.beginPath(),context.arc(t.x,t.y,e,0,2*Math.PI,!1),context.fill(),context.closePath(),renderParticleGlare&&(context.globalAlpha=i*glareOpacityMultiplier,context.ellipse(t.x,t.y,100*e,e,(glareAngle-(nPos.x-.5)*noiseStrength*motion)*(Math.PI/180),0,2*Math.PI,!1),context.fill(),context.closePath()),context.globalAlpha=1};var Flare=function(){this.x=random(-.25,1.25,!0),this.y=random(-.25,1.25,!0),this.z=random(0,2),this.color=randomColor(colorPalette),this.opacity=random(.001,.01,!0)};Flare.prototype.render=function(){var t=position(this.x,this.y,this.z),e=(this.z*flareSizeMultiplier+flareSizeBase)*(sizeRatio()/1e3);context.beginPath(),context.globalAlpha=this.opacity,context.arc(t.x,t.y,e,0,2*Math.PI,!1),context.fillStyle=this.color,context.fill(),context.closePath(),context.globalAlpha=1};var Link=function(t,e){this.length=e,this.verts=[t],this.stage=0,this.linked=[t],this.distances=[],this.traveled=0,this.fade=0,this.finished=!1};function noisePoint(t){var e=nAngle*t,i=nRad;return{x:i*Math.cos(e),y:i*Math.sin(e)}}function position(t,e,i){return{x:t*canvas.width+(canvas.width/2-mouse.x+(nPos.x-.5)*noiseStrength)*i*motion,y:e*canvas.height+(canvas.height/2-mouse.y+(nPos.y-.5)*noiseStrength)*i*motion}}function sizeRatio(){return canvas.width>=canvas.height?canvas.width:canvas.height}function random(t,e,i){return i?Math.random()*(e-t)+t:Math.floor(Math.random()*(e-t+1))+t}Link.prototype.render=function(){var t,e,i,s;switch(this.stage){case 0:var o=particles[this.verts[this.verts.length-1]];if(o&&o.neighbors&&o.neighbors.length>0){var a=o.neighbors[random(0,o.neighbors.length-1)];-1==this.verts.indexOf(a)&&this.verts.push(a)}else this.stage=3,this.finished=!0;if(this.verts.length>=this.length){for(t=0;t0){for(t=0,s=[];t=v)this.traveled=0,this.linked.push(this.verts[this.linked.length]),i=position((e=particles[this.linked[this.linked.length-1]]).x,e.y,e.z),s.push([i.x,i.y]),this.linked.length>=this.verts.length&&(this.stage=2);else{var p,g=particles[this.linked[this.linked.length-1]],_=particles[this.verts[this.linked.length]],x=v-this.traveled,k=(this.traveled*_.x+x*g.x)/v;i=position(k,(this.traveled*_.y+x*g.y)/v,(this.traveled*_.z+x*g.z)/v),s.push([i.x,i.y])}this.drawLine(s)}else this.stage=3,this.finished=!0;break;case 2:if(this.verts.length>1){if(this.fade1&&e>0){context.globalAlpha=e,context.beginPath();for(var i=0;i {
- ico.classList.add('active');
- });
- }
- else {
- isDarkMode = false;
- }
-
- // navigation (mobile)
- var siteNav = document.querySelector('#navigation');
- var siteContact = document.querySelector('#contact');
- var menuButton = document.querySelector("#btn-nav");
-
- menuButton.addEventListener('click', function() {
- if (menuButton.classList.toggle('nav-open')) {
- siteNav.classList.add('nav-open');
- siteContact.classList.add('contact-open');
- } else {
- siteNav.classList.remove('nav-open');
- siteContact.classList.remove('contact-open');
- }
- });
-
- // kept nav opened
- var firstNavs = document.querySelectorAll('#nav-first');
- var page_path = window.location.pathname.replace(/%20/g, " ");
- page_path = page_path.replace(baseurl, "");
- var page_tree = page_path.split('/');
-
- Array.prototype.forEach.call(firstNavs, function (nav_first) {
- if (page_tree[1] === nav_first.ariaLabel){
- nav_first.classList.add('active');
-
- var secondNavs = nav_first.querySelectorAll('#nav-second');
-
- Array.prototype.forEach.call(secondNavs, function (nav_second) {
- if (page_tree[2] === nav_second.ariaLabel){
- nav_second.classList.toggle('active');
-
- var thirdNavs = nav_second.querySelectorAll('#nav-third');
-
- Array.prototype.forEach.call(thirdNavs, function (nav_third) {
- if (page_tree[3] === nav_third.ariaLabel){
- nav_third.classList.toggle('active');
- }
- });
- }
- });
- }
- });
-
- // navigation (toogle sub-category)
- document.addEventListener('click', function(e){
- var target = e.target;
-
- while (target && !(target.classList && target.classList.contains('nav-list-expander'))) {
- target = target.parentNode;
- }
-
- if (target) {
- e.preventDefault();
- var nav_item = target.parentNode;
- target.ariaPressed = nav_item.parentNode.classList.toggle('active');
- }
- });
-
- document.querySelectorAll('.nav-item').forEach((nav_item) => {
- if (nav_item.parentNode.classList.contains('active')){
- nav_item.classList.add('selected');
- }
- else {
- nav_item.classList.remove('selected');
- }
- });
-
- // Change Datk/Light Theme
- const themeButton = document.querySelectorAll("#btn-brightness");
- const innerContent = document.querySelector('main');
-
- themeButton.forEach((btn) => {
- btn.addEventListener('click', function() {
- const moonIcons = document.querySelectorAll(".ico-dark");
- const sunIcons = document.querySelectorAll(".ico-light");
- const codeblocks = innerContent != null ? innerContent.querySelectorAll('pre') : null;
-
- moonIcons.forEach((ico) => {
- ico.classList.toggle('active');
- });
-
- sunIcons.forEach((ico) => {
- ico.classList.toggle('active');
- });
-
- document.body.classList.toggle('dark-theme');
-
- if (isDarkMode){
- localStorage.setItem('theme', 'default');
- // Disable highlighter dark color theme
- if (codeblocks) {
- Array.from(codeblocks).forEach(function (codeblock){
- codeblock.classList.remove('pre-dark');
- });
- }
-
- changeGiscusTheme('light');
- isDarkMode = false;
- }
- else {
- localStorage.setItem('theme', 'dark');
- // Disable highlighter default color theme
- if (codeblocks) {
- Array.from(codeblocks).forEach(function (codeblock){
- codeblock.classList.add('pre-dark');
- });
- }
-
- changeGiscusTheme('noborder_gray');
- isDarkMode = true;
- }
- });
- });
-
- function changeGiscusTheme(theme) {
- const iframe = document.querySelector('iframe.giscus-frame');
- if (!iframe) return;
-
- const message = {
- setConfig: {
- theme: theme
- }
- };
-
- iframe.contentWindow.postMessage({ giscus: message }, 'https://giscus.app');
- }
-
- // search box
- const searchButton = document.querySelectorAll("#btn-search");
- const cancelButton = document.querySelector('#btn-clear');
- const searchPage = document.querySelector("#search");
-
- if (searchButton) {
- searchButton.forEach((btn) => {
- btn.addEventListener('click', function() {
- searchPage.classList.add('active');
- document.getElementById("search-input").focus();
- });
- });
- }
-
- if (searchPage) {
- searchPage.addEventListener('click', function(event) {
- const searchBar = document.querySelector(".search-box");
- var target = event.target;
-
- if (searchBar.contains(target))
- return;
-
- searchPage.classList.remove('active');
- });
- }
-
- if (cancelButton) {
- cancelButton.addEventListener('click', function() {
- document.getElementById('btn-clear').style.display = 'none';
- document.getElementById('search-input').value = "";
-
- Array.from(document.querySelectorAll('.result-item')).forEach(function (item) {
- item.remove();
- });
- });
- }
-});
-
-function searchPost(pages){
- document.getElementById('search-input').addEventListener('keyup', function() {
- var keyword = this.value.toLowerCase();
- var matchedPosts = [];
- const searchResults = document.getElementById('search-result');
- const prevResults = document.querySelector(".result-item");
-
- if (keyword.length > 0) {
- searchResults.style.display = 'block';
- document.getElementById('btn-clear').style.display = 'block';
- } else {
- searchResults.style.display = 'none';
- document.getElementById('btn-clear').style.display = 'none';
- }
-
- Array.from(document.querySelectorAll('.result-item')).forEach(function (item) {
- item.remove();
- });
-
- for (var i = 0; i < pages.length; i++) {
- var post = pages[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){
- matchedPosts.push(post);
- }
- }
-
- if (matchedPosts.length === 0) {
- insertItem('There is no search result.');
-
- return;
- }
-
- matchedPosts.sort(function (a, b) {
- if (a.type == 'category') return 1;
-
- return -1;
- });
-
- for (var i = 0; i < matchedPosts.length; i++) {
- var highlighted_path = highlightKeyword(matchedPosts[i].path, keyword);
-
- if (highlighted_path === '')
- highlighted_path = "Home";
-
- if (matchedPosts[i].type === 'post'){
- var highlighted_title = highlightKeyword(matchedPosts[i].title, keyword);
- var highlighted_tags = highlightKeyword(matchedPosts[i].tags, keyword);
-
- if (highlighted_tags === '')
- highlighted_tags = "none";
-
- insertItem('' + highlighted_title +
- ' ' + highlighted_path +
- ' ' + highlighted_tags +
- ' ' + matchedPosts[i].date +
- '
'
- );
- }
- else {
- insertItem('' + highlighted_path +
- '
'
- );
- }
- }
-
- function insertItem(inner_html){
- let contents = document.createElement("li");
- contents.classList.add("result-item");
- contents.innerHTML = inner_html;
- searchResults.append(contents);
- }
- });
-
- function highlightKeyword(txt, keyword) {
- var index = txt.toLowerCase().lastIndexOf(keyword);
-
- if (index >= 0) {
- out = txt.substring(0, index) +
- "" +
- txt.substring(index, index+keyword.length) +
- "" +
- txt.substring(index + keyword.length);
- return out;
- }
-
- return txt;
- }
-}
-
-function searchRelated(pages){
- const refBox = document.getElementById('related-box');
- const refResults = document.getElementById('related-posts');
-
- 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){
- refBox.style.display = 'none';
- 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;
-
- let contents = document.createElement("li");
- contents.classList.add("related-item");
- contents.innerHTML = '
' + category +
- '
' + post.title +
- '
' + date +
- '
';
-
- refResults.append(contents);
- }
-}
\ No newline at end of file
diff --git a/assets/js/data/mathjax.js b/assets/js/data/mathjax.js
new file mode 100644
index 00000000..ca3d0de5
--- /dev/null
+++ b/assets/js/data/mathjax.js
@@ -0,0 +1,25 @@
+---
+layout: compress
+# WARNING: Don't use '//' to comment out code, use '{% comment %}' and '{% endcomment %}' instead.
+---
+
+{%- comment -%}
+ See:
+{%- endcomment -%}
+
+MathJax = {
+ tex: {
+ {%- comment -%} start/end delimiter pairs for in-line math {%- endcomment -%}
+ inlineMath: [
+ ['$', '$'],
+ ['\\(', '\\)']
+ ],
+ {%- comment -%} start/end delimiter pairs for display math {%- endcomment -%}
+ displayMath: [
+ ['$$', '$$'],
+ ['\\[', '\\]']
+ ],
+ {%- comment -%} equation numbering {%- endcomment -%}
+ tags: 'ams'
+ }
+};
diff --git a/assets/js/data/search.json b/assets/js/data/search.json
new file mode 100644
index 00000000..2601ed07
--- /dev/null
+++ b/assets/js/data/search.json
@@ -0,0 +1,20 @@
+---
+layout: compress
+swcache: true
+---
+
+[
+ {% for post in site.posts %}
+ {
+ "title": {{ post.title | jsonify }},
+ "url": {{ post.url | relative_url | jsonify }},
+ "categories": {{ post.categories | join: ', ' | jsonify }},
+ "tags": {{ post.tags | join: ', ' | jsonify }},
+ "date": "{{ post.date }}",
+ {% include no-linenos.html content=post.content %}
+ {% assign _content = content | strip_html | strip_newlines %}
+ "snippet": {{ _content | truncate: 200 | jsonify }},
+ "content": {{ _content | jsonify }}
+ }{% unless forloop.last %},{% endunless %}
+ {% endfor %}
+]
diff --git a/assets/js/data/swconf.js b/assets/js/data/swconf.js
new file mode 100644
index 00000000..5c1ed292
--- /dev/null
+++ b/assets/js/data/swconf.js
@@ -0,0 +1,37 @@
+---
+layout: compress
+permalink: '/:path/swconf.js'
+# Note that this file will be fetched by the ServiceWorker, so it will not be cached.
+---
+
+const swconf = {
+ {% if site.pwa.cache.enabled %}
+ cacheName: 'chirpy-{{ "now" | date: "%s" }}',
+
+ {%- comment -%} Resources added to the cache during PWA installation. {%- endcomment -%}
+ resources: [
+ '{{ "/assets/css/:THEME.css" | replace: ':THEME', site.theme | relative_url }}',
+ '{{ "/" | relative_url }}',
+ {% for tab in site.tabs %}
+ '{{- tab.url | relative_url -}}',
+ {% endfor %}
+
+ {% assign cache_list = site.static_files | where: 'swcache', true %}
+ {% for file in cache_list %}
+ '{{ file.path | relative_url }}'{%- unless forloop.last -%},{%- endunless -%}
+ {% endfor %}
+ ],
+
+ {%- comment -%} The request url with below path will not be cached. {%- endcomment -%}
+ denyPaths: [
+ {% for path in site.pwa.cache.deny_paths %}
+ {% unless path == empty %}
+ '{{ path | relative_url }}'{%- unless forloop.last -%},{%- endunless -%}
+ {% endunless %}
+ {% endfor %}
+ ],
+ purge: false
+ {% else %}
+ purge: true
+ {% endif %}
+};
diff --git a/assets/js/fontfaceobserver.js b/assets/js/fontfaceobserver.js
deleted file mode 100644
index b6ac5367..00000000
--- a/assets/js/fontfaceobserver.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* Font Face Observer v2.3.0 - © Bram Stein. License: BSD-3-Clause */(function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}}
-function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})};
-function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;kparseInt(a[1],10)):F=!1);return F}function M(a){null===H&&(H=!!a.document.fonts);return H}
-function N(a,c){var b=a.style,g=a.weight;if(null===G){var e=document.createElement("div");try{e.style.font="condensed 100px sans-serif"}catch(q){}G=""!==e.style.font}return[b,g,G?a.stretch:"","100px",c].join(" ")}
-D.prototype.load=function(a,c){var b=this,g=a||"BESbswy",e=0,q=c||3E3,J=(new Date).getTime();return new Promise(function(K,L){if(M(b.context)&&!I(b.context)){var O=new Promise(function(r,t){function h(){(new Date).getTime()-J>=q?t(Error(""+q+"ms timeout exceeded")):b.context.document.fonts.load(N(b,'"'+b.family+'"'),g).then(function(n){1<=n.length?r():setTimeout(h,25)},t)}h()}),P=new Promise(function(r,t){e=setTimeout(function(){t(Error(""+q+"ms timeout exceeded"))},q)});Promise.race([P,O]).then(function(){clearTimeout(e);
-K(b)},L)}else u(function(){function r(){var d;if(d=-1!=k&&-1!=l||-1!=k&&-1!=m||-1!=l&&-1!=m)(d=k!=l&&k!=m&&l!=m)||(null===E&&(d=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),E=!!d&&(536>parseInt(d[1],10)||536===parseInt(d[1],10)&&11>=parseInt(d[2],10))),d=E&&(k==y&&l==y&&m==y||k==z&&l==z&&m==z||k==A&&l==A&&m==A)),d=!d;d&&(null!==f.parentNode&&f.parentNode.removeChild(f),clearTimeout(e),K(b))}function t(){if((new Date).getTime()-J>=q)null!==f.parentNode&&f.parentNode.removeChild(f),
-L(Error(""+q+"ms timeout exceeded"));else{var d=b.context.document.hidden;if(!0===d||void 0===d)k=h.g.offsetWidth,l=n.g.offsetWidth,m=v.g.offsetWidth,r();e=setTimeout(t,50)}}var h=new w(g),n=new w(g),v=new w(g),k=-1,l=-1,m=-1,y=-1,z=-1,A=-1,f=document.createElement("div");f.dir="ltr";x(h,N(b,"sans-serif"));x(n,N(b,"serif"));x(v,N(b,"monospace"));f.appendChild(h.g);f.appendChild(n.g);f.appendChild(v.g);b.context.document.body.appendChild(f);y=h.g.offsetWidth;z=n.g.offsetWidth;A=v.g.offsetWidth;t();
-C(h,function(d){k=d;r()});x(h,N(b,'"'+b.family+'",sans-serif'));C(n,function(d){l=d;r()});x(n,N(b,'"'+b.family+'",serif'));C(v,function(d){m=d;r()});x(v,N(b,'"'+b.family+'",monospace'))})})};"object"===typeof module?module.exports=D:(window.FontFaceObserver=D,window.FontFaceObserver.prototype.load=D.prototype.load);}());
diff --git a/assets/js/highlight.min.js b/assets/js/highlight.min.js
deleted file mode 100644
index 483a6597..00000000
--- a/assets/js/highlight.min.js
+++ /dev/null
@@ -1,1213 +0,0 @@
-/*!
- Highlight.js v11.9.0 (git: f47103d4f1)
- (c) 2006-2023 undefined and other contributors
- License: BSD-3-Clause
- */
-var hljs=function(){"use strict";function e(n){
-return n instanceof Map?n.clear=n.delete=n.set=()=>{
-throw Error("map is read-only")}:n instanceof Set&&(n.add=n.clear=n.delete=()=>{
-throw Error("set is read-only")
-}),Object.freeze(n),Object.getOwnPropertyNames(n).forEach((t=>{
-const a=n[t],i=typeof a;"object"!==i&&"function"!==i||Object.isFrozen(a)||e(a)
-})),n}class n{constructor(e){
-void 0===e.data&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}
-ignoreMatch(){this.isMatchIgnored=!0}}function t(e){
-return e.replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")
-}function a(e,...n){const t=Object.create(null);for(const n in e)t[n]=e[n]
-;return n.forEach((e=>{for(const n in e)t[n]=e[n]})),t}const i=e=>!!e.scope
-;class r{constructor(e,n){
-this.buffer="",this.classPrefix=n.classPrefix,e.walk(this)}addText(e){
-this.buffer+=t(e)}openNode(e){if(!i(e))return;const n=((e,{prefix:n})=>{
-if(e.startsWith("language:"))return e.replace("language:","language-")
-;if(e.includes(".")){const t=e.split(".")
-;return[`${n}${t.shift()}`,...t.map(((e,n)=>`${e}${"_".repeat(n+1)}`))].join(" ")
-}return`${n}${e}`})(e.scope,{prefix:this.classPrefix});this.span(n)}
-closeNode(e){i(e)&&(this.buffer+="")}value(){return this.buffer}span(e){
-this.buffer+=``}}const s=(e={})=>{const n={children:[]}
-;return Object.assign(n,e),n};class o{constructor(){
-this.rootNode=s(),this.stack=[this.rootNode]}get top(){
-return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){
-this.top.children.push(e)}openNode(e){const n=s({scope:e})
-;this.add(n),this.stack.push(n)}closeNode(){
-if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){
-for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}
-walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,n){
-return"string"==typeof n?e.addText(n):n.children&&(e.openNode(n),
-n.children.forEach((n=>this._walk(e,n))),e.closeNode(n)),e}static _collapse(e){
-"string"!=typeof e&&e.children&&(e.children.every((e=>"string"==typeof e))?e.children=[e.children.join("")]:e.children.forEach((e=>{
-o._collapse(e)})))}}class l extends o{constructor(e){super(),this.options=e}
-addText(e){""!==e&&this.add(e)}startScope(e){this.openNode(e)}endScope(){
-this.closeNode()}__addSublanguage(e,n){const t=e.root
-;n&&(t.scope="language:"+n),this.add(t)}toHTML(){
-return new r(this,this.options).value()}finalize(){
-return this.closeAllNodes(),!0}}function c(e){
-return e?"string"==typeof e?e:e.source:null}function d(e){return b("(?=",e,")")}
-function g(e){return b("(?:",e,")*")}function u(e){return b("(?:",e,")?")}
-function b(...e){return e.map((e=>c(e))).join("")}function m(...e){const n=(e=>{
-const n=e[e.length-1]
-;return"object"==typeof n&&n.constructor===Object?(e.splice(e.length-1,1),n):{}
-})(e);return"("+(n.capture?"":"?:")+e.map((e=>c(e))).join("|")+")"}
-function p(e){return RegExp(e.toString()+"|").exec("").length-1}
-const _=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./
-;function h(e,{joinWith:n}){let t=0;return e.map((e=>{t+=1;const n=t
-;let a=c(e),i="";for(;a.length>0;){const e=_.exec(a);if(!e){i+=a;break}
-i+=a.substring(0,e.index),
-a=a.substring(e.index+e[0].length),"\\"===e[0][0]&&e[1]?i+="\\"+(Number(e[1])+n):(i+=e[0],
-"("===e[0]&&t++)}return i})).map((e=>`(${e})`)).join(n)}
-const f="[a-zA-Z]\\w*",E="[a-zA-Z_]\\w*",y="\\b\\d+(\\.\\d+)?",N="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",w="\\b(0b[01]+)",v={
-begin:"\\\\[\\s\\S]",relevance:0},O={scope:"string",begin:"'",end:"'",
-illegal:"\\n",contains:[v]},k={scope:"string",begin:'"',end:'"',illegal:"\\n",
-contains:[v]},x=(e,n,t={})=>{const i=a({scope:"comment",begin:e,end:n,
-contains:[]},t);i.contains.push({scope:"doctag",
-begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",
-end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0})
-;const r=m("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/)
-;return i.contains.push({begin:b(/[ ]+/,"(",r,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),i
-},M=x("//","$"),S=x("/\\*","\\*/"),A=x("#","$");var C=Object.freeze({
-__proto__:null,APOS_STRING_MODE:O,BACKSLASH_ESCAPE:v,BINARY_NUMBER_MODE:{
-scope:"number",begin:w,relevance:0},BINARY_NUMBER_RE:w,COMMENT:x,
-C_BLOCK_COMMENT_MODE:S,C_LINE_COMMENT_MODE:M,C_NUMBER_MODE:{scope:"number",
-begin:N,relevance:0},C_NUMBER_RE:N,END_SAME_AS_BEGIN:e=>Object.assign(e,{
-"on:begin":(e,n)=>{n.data._beginMatch=e[1]},"on:end":(e,n)=>{
-n.data._beginMatch!==e[1]&&n.ignoreMatch()}}),HASH_COMMENT_MODE:A,IDENT_RE:f,
-MATCH_NOTHING_RE:/\b\B/,METHOD_GUARD:{begin:"\\.\\s*"+E,relevance:0},
-NUMBER_MODE:{scope:"number",begin:y,relevance:0},NUMBER_RE:y,
-PHRASAL_WORDS_MODE:{
-begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/
-},QUOTE_STRING_MODE:k,REGEXP_MODE:{scope:"regexp",begin:/\/(?=[^/\n]*\/)/,
-end:/\/[gimuy]*/,contains:[v,{begin:/\[/,end:/\]/,relevance:0,contains:[v]}]},
-RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",
-SHEBANG:(e={})=>{const n=/^#![ ]*\//
-;return e.binary&&(e.begin=b(n,/.*\b/,e.binary,/\b.*/)),a({scope:"meta",begin:n,
-end:/$/,relevance:0,"on:begin":(e,n)=>{0!==e.index&&n.ignoreMatch()}},e)},
-TITLE_MODE:{scope:"title",begin:f,relevance:0},UNDERSCORE_IDENT_RE:E,
-UNDERSCORE_TITLE_MODE:{scope:"title",begin:E,relevance:0}});function T(e,n){
-"."===e.input[e.index-1]&&n.ignoreMatch()}function R(e,n){
-void 0!==e.className&&(e.scope=e.className,delete e.className)}function D(e,n){
-n&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",
-e.__beforeBegin=T,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,
-void 0===e.relevance&&(e.relevance=0))}function I(e,n){
-Array.isArray(e.illegal)&&(e.illegal=m(...e.illegal))}function L(e,n){
-if(e.match){
-if(e.begin||e.end)throw Error("begin & end are not supported with match")
-;e.begin=e.match,delete e.match}}function B(e,n){
-void 0===e.relevance&&(e.relevance=1)}const $=(e,n)=>{if(!e.beforeMatch)return
-;if(e.starts)throw Error("beforeMatch cannot be used with starts")
-;const t=Object.assign({},e);Object.keys(e).forEach((n=>{delete e[n]
-})),e.keywords=t.keywords,e.begin=b(t.beforeMatch,d(t.begin)),e.starts={
-relevance:0,contains:[Object.assign(t,{endsParent:!0})]
-},e.relevance=0,delete t.beforeMatch
-},z=["of","and","for","in","not","or","if","then","parent","list","value"],F="keyword"
-;function U(e,n,t=F){const a=Object.create(null)
-;return"string"==typeof e?i(t,e.split(" ")):Array.isArray(e)?i(t,e):Object.keys(e).forEach((t=>{
-Object.assign(a,U(e[t],n,t))})),a;function i(e,t){
-n&&(t=t.map((e=>e.toLowerCase()))),t.forEach((n=>{const t=n.split("|")
-;a[t[0]]=[e,j(t[0],t[1])]}))}}function j(e,n){
-return n?Number(n):(e=>z.includes(e.toLowerCase()))(e)?0:1}const P={},K=e=>{
-console.error(e)},H=(e,...n)=>{console.log("WARN: "+e,...n)},q=(e,n)=>{
-P[`${e}/${n}`]||(console.log(`Deprecated as of ${e}. ${n}`),P[`${e}/${n}`]=!0)
-},G=Error();function Z(e,n,{key:t}){let a=0;const i=e[t],r={},s={}
-;for(let e=1;e<=n.length;e++)s[e+a]=i[e],r[e+a]=!0,a+=p(n[e-1])
-;e[t]=s,e[t]._emit=r,e[t]._multi=!0}function W(e){(e=>{
-e.scope&&"object"==typeof e.scope&&null!==e.scope&&(e.beginScope=e.scope,
-delete e.scope)})(e),"string"==typeof e.beginScope&&(e.beginScope={
-_wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope
-}),(e=>{if(Array.isArray(e.begin)){
-if(e.skip||e.excludeBegin||e.returnBegin)throw K("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),
-G
-;if("object"!=typeof e.beginScope||null===e.beginScope)throw K("beginScope must be object"),
-G;Z(e,e.begin,{key:"beginScope"}),e.begin=h(e.begin,{joinWith:""})}})(e),(e=>{
-if(Array.isArray(e.end)){
-if(e.skip||e.excludeEnd||e.returnEnd)throw K("skip, excludeEnd, returnEnd not compatible with endScope: {}"),
-G
-;if("object"!=typeof e.endScope||null===e.endScope)throw K("endScope must be object"),
-G;Z(e,e.end,{key:"endScope"}),e.end=h(e.end,{joinWith:""})}})(e)}function Q(e){
-function n(n,t){
-return RegExp(c(n),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(t?"g":""))
-}class t{constructor(){
-this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}
-addRule(e,n){
-n.position=this.position++,this.matchIndexes[this.matchAt]=n,this.regexes.push([n,e]),
-this.matchAt+=p(e)+1}compile(){0===this.regexes.length&&(this.exec=()=>null)
-;const e=this.regexes.map((e=>e[1]));this.matcherRe=n(h(e,{joinWith:"|"
-}),!0),this.lastIndex=0}exec(e){this.matcherRe.lastIndex=this.lastIndex
-;const n=this.matcherRe.exec(e);if(!n)return null
-;const t=n.findIndex(((e,n)=>n>0&&void 0!==e)),a=this.matchIndexes[t]
-;return n.splice(0,t),Object.assign(n,a)}}class i{constructor(){
-this.rules=[],this.multiRegexes=[],
-this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(e){
-if(this.multiRegexes[e])return this.multiRegexes[e];const n=new t
-;return this.rules.slice(e).forEach((([e,t])=>n.addRule(e,t))),
-n.compile(),this.multiRegexes[e]=n,n}resumingScanAtSamePosition(){
-return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(e,n){
-this.rules.push([e,n]),"begin"===n.type&&this.count++}exec(e){
-const n=this.getMatcher(this.regexIndex);n.lastIndex=this.lastIndex
-;let t=n.exec(e)
-;if(this.resumingScanAtSamePosition())if(t&&t.index===this.lastIndex);else{
-const n=this.getMatcher(0);n.lastIndex=this.lastIndex+1,t=n.exec(e)}
-return t&&(this.regexIndex+=t.position+1,
-this.regexIndex===this.count&&this.considerAll()),t}}
-if(e.compilerExtensions||(e.compilerExtensions=[]),
-e.contains&&e.contains.includes("self"))throw Error("ERR: contains `self` is not supported at the top-level of a language. See documentation.")
-;return e.classNameAliases=a(e.classNameAliases||{}),function t(r,s){const o=r
-;if(r.isCompiled)return o
-;[R,L,W,$].forEach((e=>e(r,s))),e.compilerExtensions.forEach((e=>e(r,s))),
-r.__beforeBegin=null,[D,I,B].forEach((e=>e(r,s))),r.isCompiled=!0;let l=null
-;return"object"==typeof r.keywords&&r.keywords.$pattern&&(r.keywords=Object.assign({},r.keywords),
-l=r.keywords.$pattern,
-delete r.keywords.$pattern),l=l||/\w+/,r.keywords&&(r.keywords=U(r.keywords,e.case_insensitive)),
-o.keywordPatternRe=n(l,!0),
-s&&(r.begin||(r.begin=/\B|\b/),o.beginRe=n(o.begin),r.end||r.endsWithParent||(r.end=/\B|\b/),
-r.end&&(o.endRe=n(o.end)),
-o.terminatorEnd=c(o.end)||"",r.endsWithParent&&s.terminatorEnd&&(o.terminatorEnd+=(r.end?"|":"")+s.terminatorEnd)),
-r.illegal&&(o.illegalRe=n(r.illegal)),
-r.contains||(r.contains=[]),r.contains=[].concat(...r.contains.map((e=>(e=>(e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map((n=>a(e,{
-variants:null},n)))),e.cachedVariants?e.cachedVariants:X(e)?a(e,{
-starts:e.starts?a(e.starts):null
-}):Object.isFrozen(e)?a(e):e))("self"===e?r:e)))),r.contains.forEach((e=>{t(e,o)
-})),r.starts&&t(r.starts,s),o.matcher=(e=>{const n=new i
-;return e.contains.forEach((e=>n.addRule(e.begin,{rule:e,type:"begin"
-}))),e.terminatorEnd&&n.addRule(e.terminatorEnd,{type:"end"
-}),e.illegal&&n.addRule(e.illegal,{type:"illegal"}),n})(o),o}(e)}function X(e){
-return!!e&&(e.endsWithParent||X(e.starts))}class V extends Error{
-constructor(e,n){super(e),this.name="HTMLInjectionError",this.html=n}}
-const J=t,Y=a,ee=Symbol("nomatch"),ne=t=>{
-const a=Object.create(null),i=Object.create(null),r=[];let s=!0
-;const o="Could not find the language '{}', did you forget to load/include a language module?",c={
-disableAutodetect:!0,name:"Plain text",contains:[]};let p={
-ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,
-languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",
-cssSelector:"pre code",languages:null,__emitter:l};function _(e){
-return p.noHighlightRe.test(e)}function h(e,n,t){let a="",i=""
-;"object"==typeof n?(a=e,
-t=n.ignoreIllegals,i=n.language):(q("10.7.0","highlight(lang, code, ...args) has been deprecated."),
-q("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),
-i=e,a=n),void 0===t&&(t=!0);const r={code:a,language:i};x("before:highlight",r)
-;const s=r.result?r.result:f(r.language,r.code,t)
-;return s.code=r.code,x("after:highlight",s),s}function f(e,t,i,r){
-const l=Object.create(null);function c(){if(!x.keywords)return void S.addText(A)
-;let e=0;x.keywordPatternRe.lastIndex=0;let n=x.keywordPatternRe.exec(A),t=""
-;for(;n;){t+=A.substring(e,n.index)
-;const i=w.case_insensitive?n[0].toLowerCase():n[0],r=(a=i,x.keywords[a]);if(r){
-const[e,a]=r
-;if(S.addText(t),t="",l[i]=(l[i]||0)+1,l[i]<=7&&(C+=a),e.startsWith("_"))t+=n[0];else{
-const t=w.classNameAliases[e]||e;g(n[0],t)}}else t+=n[0]
-;e=x.keywordPatternRe.lastIndex,n=x.keywordPatternRe.exec(A)}var a
-;t+=A.substring(e),S.addText(t)}function d(){null!=x.subLanguage?(()=>{
-if(""===A)return;let e=null;if("string"==typeof x.subLanguage){
-if(!a[x.subLanguage])return void S.addText(A)
-;e=f(x.subLanguage,A,!0,M[x.subLanguage]),M[x.subLanguage]=e._top
-}else e=E(A,x.subLanguage.length?x.subLanguage:null)
-;x.relevance>0&&(C+=e.relevance),S.__addSublanguage(e._emitter,e.language)
-})():c(),A=""}function g(e,n){
-""!==e&&(S.startScope(n),S.addText(e),S.endScope())}function u(e,n){let t=1
-;const a=n.length-1;for(;t<=a;){if(!e._emit[t]){t++;continue}
-const a=w.classNameAliases[e[t]]||e[t],i=n[t];a?g(i,a):(A=i,c(),A=""),t++}}
-function b(e,n){
-return e.scope&&"string"==typeof e.scope&&S.openNode(w.classNameAliases[e.scope]||e.scope),
-e.beginScope&&(e.beginScope._wrap?(g(A,w.classNameAliases[e.beginScope._wrap]||e.beginScope._wrap),
-A=""):e.beginScope._multi&&(u(e.beginScope,n),A="")),x=Object.create(e,{parent:{
-value:x}}),x}function m(e,t,a){let i=((e,n)=>{const t=e&&e.exec(n)
-;return t&&0===t.index})(e.endRe,a);if(i){if(e["on:end"]){const a=new n(e)
-;e["on:end"](t,a),a.isMatchIgnored&&(i=!1)}if(i){
-for(;e.endsParent&&e.parent;)e=e.parent;return e}}
-if(e.endsWithParent)return m(e.parent,t,a)}function _(e){
-return 0===x.matcher.regexIndex?(A+=e[0],1):(D=!0,0)}function h(e){
-const n=e[0],a=t.substring(e.index),i=m(x,e,a);if(!i)return ee;const r=x
-;x.endScope&&x.endScope._wrap?(d(),
-g(n,x.endScope._wrap)):x.endScope&&x.endScope._multi?(d(),
-u(x.endScope,e)):r.skip?A+=n:(r.returnEnd||r.excludeEnd||(A+=n),
-d(),r.excludeEnd&&(A=n));do{
-x.scope&&S.closeNode(),x.skip||x.subLanguage||(C+=x.relevance),x=x.parent
-}while(x!==i.parent);return i.starts&&b(i.starts,e),r.returnEnd?0:n.length}
-let y={};function N(a,r){const o=r&&r[0];if(A+=a,null==o)return d(),0
-;if("begin"===y.type&&"end"===r.type&&y.index===r.index&&""===o){
-if(A+=t.slice(r.index,r.index+1),!s){const n=Error(`0 width match regex (${e})`)
-;throw n.languageName=e,n.badRule=y.rule,n}return 1}
-if(y=r,"begin"===r.type)return(e=>{
-const t=e[0],a=e.rule,i=new n(a),r=[a.__beforeBegin,a["on:begin"]]
-;for(const n of r)if(n&&(n(e,i),i.isMatchIgnored))return _(t)
-;return a.skip?A+=t:(a.excludeBegin&&(A+=t),
-d(),a.returnBegin||a.excludeBegin||(A=t)),b(a,e),a.returnBegin?0:t.length})(r)
-;if("illegal"===r.type&&!i){
-const e=Error('Illegal lexeme "'+o+'" for mode "'+(x.scope||"")+'"')
-;throw e.mode=x,e}if("end"===r.type){const e=h(r);if(e!==ee)return e}
-if("illegal"===r.type&&""===o)return 1
-;if(R>1e5&&R>3*r.index)throw Error("potential infinite loop, way more iterations than matches")
-;return A+=o,o.length}const w=v(e)
-;if(!w)throw K(o.replace("{}",e)),Error('Unknown language: "'+e+'"')
-;const O=Q(w);let k="",x=r||O;const M={},S=new p.__emitter(p);(()=>{const e=[]
-;for(let n=x;n!==w;n=n.parent)n.scope&&e.unshift(n.scope)
-;e.forEach((e=>S.openNode(e)))})();let A="",C=0,T=0,R=0,D=!1;try{
-if(w.__emitTokens)w.__emitTokens(t,S);else{for(x.matcher.considerAll();;){
-R++,D?D=!1:x.matcher.considerAll(),x.matcher.lastIndex=T
-;const e=x.matcher.exec(t);if(!e)break;const n=N(t.substring(T,e.index),e)
-;T=e.index+n}N(t.substring(T))}return S.finalize(),k=S.toHTML(),{language:e,
-value:k,relevance:C,illegal:!1,_emitter:S,_top:x}}catch(n){
-if(n.message&&n.message.includes("Illegal"))return{language:e,value:J(t),
-illegal:!0,relevance:0,_illegalBy:{message:n.message,index:T,
-context:t.slice(T-100,T+100),mode:n.mode,resultSoFar:k},_emitter:S};if(s)return{
-language:e,value:J(t),illegal:!1,relevance:0,errorRaised:n,_emitter:S,_top:x}
-;throw n}}function E(e,n){n=n||p.languages||Object.keys(a);const t=(e=>{
-const n={value:J(e),illegal:!1,relevance:0,_top:c,_emitter:new p.__emitter(p)}
-;return n._emitter.addText(e),n})(e),i=n.filter(v).filter(k).map((n=>f(n,e,!1)))
-;i.unshift(t);const r=i.sort(((e,n)=>{
-if(e.relevance!==n.relevance)return n.relevance-e.relevance
-;if(e.language&&n.language){if(v(e.language).supersetOf===n.language)return 1
-;if(v(n.language).supersetOf===e.language)return-1}return 0})),[s,o]=r,l=s
-;return l.secondBest=o,l}function y(e){let n=null;const t=(e=>{
-let n=e.className+" ";n+=e.parentNode?e.parentNode.className:""
-;const t=p.languageDetectRe.exec(n);if(t){const n=v(t[1])
-;return n||(H(o.replace("{}",t[1])),
-H("Falling back to no-highlight mode for this block.",e)),n?t[1]:"no-highlight"}
-return n.split(/\s+/).find((e=>_(e)||v(e)))})(e);if(_(t))return
-;if(x("before:highlightElement",{el:e,language:t
-}),e.dataset.highlighted)return void console.log("Element previously highlighted. To highlight again, first unset `dataset.highlighted`.",e)
-;if(e.children.length>0&&(p.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),
-console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),
-console.warn("The element with unescaped HTML:"),
-console.warn(e)),p.throwUnescapedHTML))throw new V("One of your code blocks includes unescaped HTML.",e.innerHTML)
-;n=e;const a=n.textContent,r=t?h(a,{language:t,ignoreIllegals:!0}):E(a)
-;e.innerHTML=r.value,e.dataset.highlighted="yes",((e,n,t)=>{const a=n&&i[n]||t
-;e.classList.add("hljs"),e.classList.add("language-"+a)
-})(e,t,r.language),e.result={language:r.language,re:r.relevance,
-relevance:r.relevance},r.secondBest&&(e.secondBest={
-language:r.secondBest.language,relevance:r.secondBest.relevance
-}),x("after:highlightElement",{el:e,result:r,text:a})}let N=!1;function w(){
-"loading"!==document.readyState?document.querySelectorAll(p.cssSelector).forEach(y):N=!0
-}function v(e){return e=(e||"").toLowerCase(),a[e]||a[i[e]]}
-function O(e,{languageName:n}){"string"==typeof e&&(e=[e]),e.forEach((e=>{
-i[e.toLowerCase()]=n}))}function k(e){const n=v(e)
-;return n&&!n.disableAutodetect}function x(e,n){const t=e;r.forEach((e=>{
-e[t]&&e[t](n)}))}
-"undefined"!=typeof window&&window.addEventListener&&window.addEventListener("DOMContentLoaded",(()=>{
-N&&w()}),!1),Object.assign(t,{highlight:h,highlightAuto:E,highlightAll:w,
-highlightElement:y,
-highlightBlock:e=>(q("10.7.0","highlightBlock will be removed entirely in v12.0"),
-q("10.7.0","Please use highlightElement now."),y(e)),configure:e=>{p=Y(p,e)},
-initHighlighting:()=>{
-w(),q("10.6.0","initHighlighting() deprecated. Use highlightAll() now.")},
-initHighlightingOnLoad:()=>{
-w(),q("10.6.0","initHighlightingOnLoad() deprecated. Use highlightAll() now.")
-},registerLanguage:(e,n)=>{let i=null;try{i=n(t)}catch(n){
-if(K("Language definition for '{}' could not be registered.".replace("{}",e)),
-!s)throw n;K(n),i=c}
-i.name||(i.name=e),a[e]=i,i.rawDefinition=n.bind(null,t),i.aliases&&O(i.aliases,{
-languageName:e})},unregisterLanguage:e=>{delete a[e]
-;for(const n of Object.keys(i))i[n]===e&&delete i[n]},
-listLanguages:()=>Object.keys(a),getLanguage:v,registerAliases:O,
-autoDetection:k,inherit:Y,addPlugin:e=>{(e=>{
-e["before:highlightBlock"]&&!e["before:highlightElement"]&&(e["before:highlightElement"]=n=>{
-e["before:highlightBlock"](Object.assign({block:n.el},n))
-}),e["after:highlightBlock"]&&!e["after:highlightElement"]&&(e["after:highlightElement"]=n=>{
-e["after:highlightBlock"](Object.assign({block:n.el},n))})})(e),r.push(e)},
-removePlugin:e=>{const n=r.indexOf(e);-1!==n&&r.splice(n,1)}}),t.debugMode=()=>{
-s=!1},t.safeMode=()=>{s=!0},t.versionString="11.9.0",t.regex={concat:b,
-lookahead:d,either:m,optional:u,anyNumberOfTimes:g}
-;for(const n in C)"object"==typeof C[n]&&e(C[n]);return Object.assign(t,C),t
-},te=ne({});te.newInstance=()=>ne({});var ae=te;const ie=e=>({IMPORTANT:{
-scope:"meta",begin:"!important"},BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{
-scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},
-FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},
-ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",
-contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{
-scope:"number",
-begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",
-relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z_][A-Za-z0-9_-]*/}
-}),re=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],se=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],oe=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],le=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],ce=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse(),de=oe.concat(le)
-;var ge="[0-9](_*[0-9])*",ue=`\\.(${ge})`,be="[0-9a-fA-F](_*[0-9a-fA-F])*",me={
-className:"number",variants:[{
-begin:`(\\b(${ge})((${ue})|\\.)?|(${ue}))[eE][+-]?(${ge})[fFdD]?\\b`},{
-begin:`\\b(${ge})((${ue})[fFdD]?\\b|\\.([fFdD]\\b)?)`},{
-begin:`(${ue})[fFdD]?\\b`},{begin:`\\b(${ge})[fFdD]\\b`},{
-begin:`\\b0[xX]((${be})\\.?|(${be})?\\.(${be}))[pP][+-]?(${ge})[fFdD]?\\b`},{
-begin:"\\b(0|[1-9](_*[0-9])*)[lL]?\\b"},{begin:`\\b0[xX](${be})[lL]?\\b`},{
-begin:"\\b0(_*[0-7])*[lL]?\\b"},{begin:"\\b0[bB][01](_*[01])*[lL]?\\b"}],
-relevance:0};function pe(e,n,t){return-1===t?"":e.replace(n,(a=>pe(e,n,t-1)))}
-const _e="[A-Za-z$_][0-9A-Za-z$_]*",he=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],fe=["true","false","null","undefined","NaN","Infinity"],Ee=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],ye=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],Ne=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],we=["arguments","this","super","console","window","document","localStorage","sessionStorage","module","global"],ve=[].concat(Ne,Ee,ye)
-;function Oe(e){const n=e.regex,t=_e,a={begin:/<[A-Za-z0-9\\._:-]+/,
-end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(e,n)=>{
-const t=e[0].length+e.index,a=e.input[t]
-;if("<"===a||","===a)return void n.ignoreMatch();let i
-;">"===a&&(((e,{after:n})=>{const t="",M={
-match:[/const|var|let/,/\s+/,t,/\s*/,/=\s*/,/(async\s*)?/,n.lookahead(x)],
-keywords:"async",className:{1:"keyword",3:"title.function"},contains:[f]}
-;return{name:"JavaScript",aliases:["js","jsx","mjs","cjs"],keywords:i,exports:{
-PARAMS_CONTAINS:h,CLASS_REFERENCE:y},illegal:/#(?![$_A-z])/,
-contains:[e.SHEBANG({label:"shebang",binary:"node",relevance:5}),{
-label:"use_strict",className:"meta",relevance:10,
-begin:/^\s*['"]use (strict|asm)['"]/
-},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,d,g,u,b,m,{match:/\$\d+/},l,y,{
-className:"attr",begin:t+n.lookahead(":"),relevance:0},M,{
-begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",
-keywords:"return throw case",relevance:0,contains:[m,e.REGEXP_MODE,{
-className:"function",begin:x,returnBegin:!0,end:"\\s*=>",contains:[{
-className:"params",variants:[{begin:e.UNDERSCORE_IDENT_RE,relevance:0},{
-className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,
-excludeEnd:!0,keywords:i,contains:h}]}]},{begin:/,/,relevance:0},{match:/\s+/,
-relevance:0},{variants:[{begin:"<>",end:""},{
-match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:a.begin,
-"on:begin":a.isTrulyOpeningTag,end:a.end}],subLanguage:"xml",contains:[{
-begin:a.begin,end:a.end,skip:!0,contains:["self"]}]}]},N,{
-beginKeywords:"while if switch catch for"},{
-begin:"\\b(?!function)"+e.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",
-returnBegin:!0,label:"func.def",contains:[f,e.inherit(e.TITLE_MODE,{begin:t,
-className:"title.function"})]},{match:/\.\.\./,relevance:0},O,{match:"\\$"+t,
-relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},
-contains:[f]},w,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,
-className:"variable.constant"},E,k,{match:/\$[(.]/}]}}
-const ke=e=>b(/\b/,e,/\w$/.test(e)?/\b/:/\B/),xe=["Protocol","Type"].map(ke),Me=["init","self"].map(ke),Se=["Any","Self"],Ae=["actor","any","associatedtype","async","await",/as\?/,/as!/,"as","borrowing","break","case","catch","class","consume","consuming","continue","convenience","copy","default","defer","deinit","didSet","distributed","do","dynamic","each","else","enum","extension","fallthrough",/fileprivate\(set\)/,"fileprivate","final","for","func","get","guard","if","import","indirect","infix",/init\?/,/init!/,"inout",/internal\(set\)/,"internal","in","is","isolated","nonisolated","lazy","let","macro","mutating","nonmutating",/open\(set\)/,"open","operator","optional","override","postfix","precedencegroup","prefix",/private\(set\)/,"private","protocol",/public\(set\)/,"public","repeat","required","rethrows","return","set","some","static","struct","subscript","super","switch","throws","throw",/try\?/,/try!/,"try","typealias",/unowned\(safe\)/,/unowned\(unsafe\)/,"unowned","var","weak","where","while","willSet"],Ce=["false","nil","true"],Te=["assignment","associativity","higherThan","left","lowerThan","none","right"],Re=["#colorLiteral","#column","#dsohandle","#else","#elseif","#endif","#error","#file","#fileID","#fileLiteral","#filePath","#function","#if","#imageLiteral","#keyPath","#line","#selector","#sourceLocation","#warning"],De=["abs","all","any","assert","assertionFailure","debugPrint","dump","fatalError","getVaList","isKnownUniquelyReferenced","max","min","numericCast","pointwiseMax","pointwiseMin","precondition","preconditionFailure","print","readLine","repeatElement","sequence","stride","swap","swift_unboxFromSwiftValueWithType","transcode","type","unsafeBitCast","unsafeDowncast","withExtendedLifetime","withUnsafeMutablePointer","withUnsafePointer","withVaList","withoutActuallyEscaping","zip"],Ie=m(/[/=\-+!*%<>&|^~?]/,/[\u00A1-\u00A7]/,/[\u00A9\u00AB]/,/[\u00AC\u00AE]/,/[\u00B0\u00B1]/,/[\u00B6\u00BB\u00BF\u00D7\u00F7]/,/[\u2016-\u2017]/,/[\u2020-\u2027]/,/[\u2030-\u203E]/,/[\u2041-\u2053]/,/[\u2055-\u205E]/,/[\u2190-\u23FF]/,/[\u2500-\u2775]/,/[\u2794-\u2BFF]/,/[\u2E00-\u2E7F]/,/[\u3001-\u3003]/,/[\u3008-\u3020]/,/[\u3030]/),Le=m(Ie,/[\u0300-\u036F]/,/[\u1DC0-\u1DFF]/,/[\u20D0-\u20FF]/,/[\uFE00-\uFE0F]/,/[\uFE20-\uFE2F]/),Be=b(Ie,Le,"*"),$e=m(/[a-zA-Z_]/,/[\u00A8\u00AA\u00AD\u00AF\u00B2-\u00B5\u00B7-\u00BA]/,/[\u00BC-\u00BE\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u00FF]/,/[\u0100-\u02FF\u0370-\u167F\u1681-\u180D\u180F-\u1DBF]/,/[\u1E00-\u1FFF]/,/[\u200B-\u200D\u202A-\u202E\u203F-\u2040\u2054\u2060-\u206F]/,/[\u2070-\u20CF\u2100-\u218F\u2460-\u24FF\u2776-\u2793]/,/[\u2C00-\u2DFF\u2E80-\u2FFF]/,/[\u3004-\u3007\u3021-\u302F\u3031-\u303F\u3040-\uD7FF]/,/[\uF900-\uFD3D\uFD40-\uFDCF\uFDF0-\uFE1F\uFE30-\uFE44]/,/[\uFE47-\uFEFE\uFF00-\uFFFD]/),ze=m($e,/\d/,/[\u0300-\u036F\u1DC0-\u1DFF\u20D0-\u20FF\uFE20-\uFE2F]/),Fe=b($e,ze,"*"),Ue=b(/[A-Z]/,ze,"*"),je=["attached","autoclosure",b(/convention\(/,m("swift","block","c"),/\)/),"discardableResult","dynamicCallable","dynamicMemberLookup","escaping","freestanding","frozen","GKInspectable","IBAction","IBDesignable","IBInspectable","IBOutlet","IBSegueAction","inlinable","main","nonobjc","NSApplicationMain","NSCopying","NSManaged",b(/objc\(/,Fe,/\)/),"objc","objcMembers","propertyWrapper","requires_stored_property_inits","resultBuilder","Sendable","testable","UIApplicationMain","unchecked","unknown","usableFromInline","warn_unqualified_access"],Pe=["iOS","iOSApplicationExtension","macOS","macOSApplicationExtension","macCatalyst","macCatalystApplicationExtension","watchOS","watchOSApplicationExtension","tvOS","tvOSApplicationExtension","swift"]
-;var Ke=Object.freeze({__proto__:null,grmr_bash:e=>{const n=e.regex,t={},a={
-begin:/\$\{/,end:/\}/,contains:["self",{begin:/:-/,contains:[t]}]}
-;Object.assign(t,{className:"variable",variants:[{
-begin:n.concat(/\$[\w\d#@][\w\d_]*/,"(?![\\w\\d])(?![$])")},a]});const i={
-className:"subst",begin:/\$\(/,end:/\)/,contains:[e.BACKSLASH_ESCAPE]},r={
-begin:/<<-?\s*(?=\w+)/,starts:{contains:[e.END_SAME_AS_BEGIN({begin:/(\w+)/,
-end:/(\w+)/,className:"string"})]}},s={className:"string",begin:/"/,end:/"/,
-contains:[e.BACKSLASH_ESCAPE,t,i]};i.contains.push(s);const o={begin:/\$?\(\(/,
-end:/\)\)/,contains:[{begin:/\d+#[0-9a-f]+/,className:"number"},e.NUMBER_MODE,t]
-},l=e.SHEBANG({binary:"(fish|bash|zsh|sh|csh|ksh|tcsh|dash|scsh)",relevance:10
-}),c={className:"function",begin:/\w[\w\d_]*\s*\(\s*\)\s*\{/,returnBegin:!0,
-contains:[e.inherit(e.TITLE_MODE,{begin:/\w[\w\d_]*/})],relevance:0};return{
-name:"Bash",aliases:["sh"],keywords:{$pattern:/\b[a-z][a-z0-9._-]+\b/,
-keyword:["if","then","else","elif","fi","for","while","until","in","do","done","case","esac","function","select"],
-literal:["true","false"],
-built_in:["break","cd","continue","eval","exec","exit","export","getopts","hash","pwd","readonly","return","shift","test","times","trap","umask","unset","alias","bind","builtin","caller","command","declare","echo","enable","help","let","local","logout","mapfile","printf","read","readarray","source","type","typeset","ulimit","unalias","set","shopt","autoload","bg","bindkey","bye","cap","chdir","clone","comparguments","compcall","compctl","compdescribe","compfiles","compgroups","compquote","comptags","comptry","compvalues","dirs","disable","disown","echotc","echoti","emulate","fc","fg","float","functions","getcap","getln","history","integer","jobs","kill","limit","log","noglob","popd","print","pushd","pushln","rehash","sched","setcap","setopt","stat","suspend","ttyctl","unfunction","unhash","unlimit","unsetopt","vared","wait","whence","where","which","zcompile","zformat","zftp","zle","zmodload","zparseopts","zprof","zpty","zregexparse","zsocket","zstyle","ztcp","chcon","chgrp","chown","chmod","cp","dd","df","dir","dircolors","ln","ls","mkdir","mkfifo","mknod","mktemp","mv","realpath","rm","rmdir","shred","sync","touch","truncate","vdir","b2sum","base32","base64","cat","cksum","comm","csplit","cut","expand","fmt","fold","head","join","md5sum","nl","numfmt","od","paste","ptx","pr","sha1sum","sha224sum","sha256sum","sha384sum","sha512sum","shuf","sort","split","sum","tac","tail","tr","tsort","unexpand","uniq","wc","arch","basename","chroot","date","dirname","du","echo","env","expr","factor","groups","hostid","id","link","logname","nice","nohup","nproc","pathchk","pinky","printenv","printf","pwd","readlink","runcon","seq","sleep","stat","stdbuf","stty","tee","test","timeout","tty","uname","unlink","uptime","users","who","whoami","yes"]
-},contains:[l,e.SHEBANG(),c,o,e.HASH_COMMENT_MODE,r,{match:/(\/[a-z._-]+)+/},s,{
-match:/\\"/},{className:"string",begin:/'/,end:/'/},{match:/\\'/},t]}},
-grmr_c:e=>{const n=e.regex,t=e.COMMENT("//","$",{contains:[{begin:/\\\n/}]
-}),a="decltype\\(auto\\)",i="[a-zA-Z_]\\w*::",r="("+a+"|"+n.optional(i)+"[a-zA-Z_]\\w*"+n.optional("<[^<>]+>")+")",s={
-className:"type",variants:[{begin:"\\b[a-z\\d_]*_t\\b"},{
-match:/\batomic_[a-z]{3,6}\b/}]},o={className:"string",variants:[{
-begin:'(u8?|U|L)?"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{
-begin:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",
-end:"'",illegal:"."},e.END_SAME_AS_BEGIN({
-begin:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\(/,end:/\)([^()\\ ]{0,16})"/})]},l={
-className:"number",variants:[{begin:"\\b(0b[01']+)"},{
-begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)((ll|LL|l|L)(u|U)?|(u|U)(ll|LL|l|L)?|f|F|b|B)"
-},{
-begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"
-}],relevance:0},c={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{
-keyword:"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef include"
-},contains:[{begin:/\\\n/,relevance:0},e.inherit(o,{className:"string"}),{
-className:"string",begin:/<.*?>/},t,e.C_BLOCK_COMMENT_MODE]},d={
-className:"title",begin:n.optional(i)+e.IDENT_RE,relevance:0
-},g=n.optional(i)+e.IDENT_RE+"\\s*\\(",u={
-keyword:["asm","auto","break","case","continue","default","do","else","enum","extern","for","fortran","goto","if","inline","register","restrict","return","sizeof","struct","switch","typedef","union","volatile","while","_Alignas","_Alignof","_Atomic","_Generic","_Noreturn","_Static_assert","_Thread_local","alignas","alignof","noreturn","static_assert","thread_local","_Pragma"],
-type:["float","double","signed","unsigned","int","short","long","char","void","_Bool","_Complex","_Imaginary","_Decimal32","_Decimal64","_Decimal128","const","static","complex","bool","imaginary"],
-literal:"true false NULL",
-built_in:"std string wstring cin cout cerr clog stdin stdout stderr stringstream istringstream ostringstream auto_ptr deque list queue stack vector map set pair bitset multiset multimap unordered_set unordered_map unordered_multiset unordered_multimap priority_queue make_pair array shared_ptr abort terminate abs acos asin atan2 atan calloc ceil cosh cos exit exp fabs floor fmod fprintf fputs free frexp fscanf future isalnum isalpha iscntrl isdigit isgraph islower isprint ispunct isspace isupper isxdigit tolower toupper labs ldexp log10 log malloc realloc memchr memcmp memcpy memset modf pow printf putchar puts scanf sinh sin snprintf sprintf sqrt sscanf strcat strchr strcmp strcpy strcspn strlen strncat strncmp strncpy strpbrk strrchr strspn strstr tanh tan vfprintf vprintf vsprintf endl initializer_list unique_ptr"
-},b=[c,s,t,e.C_BLOCK_COMMENT_MODE,l,o],m={variants:[{begin:/=/,end:/;/},{
-begin:/\(/,end:/\)/},{beginKeywords:"new throw return else",end:/;/}],
-keywords:u,contains:b.concat([{begin:/\(/,end:/\)/,keywords:u,
-contains:b.concat(["self"]),relevance:0}]),relevance:0},p={
-begin:"("+r+"[\\*&\\s]+)+"+g,returnBegin:!0,end:/[{;=]/,excludeEnd:!0,
-keywords:u,illegal:/[^\w\s\*&:<>.]/,contains:[{begin:a,keywords:u,relevance:0},{
-begin:g,returnBegin:!0,contains:[e.inherit(d,{className:"title.function"})],
-relevance:0},{relevance:0,match:/,/},{className:"params",begin:/\(/,end:/\)/,
-keywords:u,relevance:0,contains:[t,e.C_BLOCK_COMMENT_MODE,o,l,s,{begin:/\(/,
-end:/\)/,keywords:u,relevance:0,contains:["self",t,e.C_BLOCK_COMMENT_MODE,o,l,s]
-}]},s,t,e.C_BLOCK_COMMENT_MODE,c]};return{name:"C",aliases:["h"],keywords:u,
-disableAutodetect:!0,illegal:"=]/,contains:[{
-beginKeywords:"final class struct"},e.TITLE_MODE]}]),exports:{preprocessor:c,
-strings:o,keywords:u}}},grmr_cpp:e=>{const n=e.regex,t=e.COMMENT("//","$",{
-contains:[{begin:/\\\n/}]
-}),a="decltype\\(auto\\)",i="[a-zA-Z_]\\w*::",r="(?!struct)("+a+"|"+n.optional(i)+"[a-zA-Z_]\\w*"+n.optional("<[^<>]+>")+")",s={
-className:"type",begin:"\\b[a-z\\d_]*_t\\b"},o={className:"string",variants:[{
-begin:'(u8?|U|L)?"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{
-begin:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",
-end:"'",illegal:"."},e.END_SAME_AS_BEGIN({
-begin:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\(/,end:/\)([^()\\ ]{0,16})"/})]},l={
-className:"number",variants:[{begin:"\\b(0b[01']+)"},{
-begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)((ll|LL|l|L)(u|U)?|(u|U)(ll|LL|l|L)?|f|F|b|B)"
-},{
-begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"
-}],relevance:0},c={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{
-keyword:"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef include"
-},contains:[{begin:/\\\n/,relevance:0},e.inherit(o,{className:"string"}),{
-className:"string",begin:/<.*?>/},t,e.C_BLOCK_COMMENT_MODE]},d={
-className:"title",begin:n.optional(i)+e.IDENT_RE,relevance:0
-},g=n.optional(i)+e.IDENT_RE+"\\s*\\(",u={
-type:["bool","char","char16_t","char32_t","char8_t","double","float","int","long","short","void","wchar_t","unsigned","signed","const","static"],
-keyword:["alignas","alignof","and","and_eq","asm","atomic_cancel","atomic_commit","atomic_noexcept","auto","bitand","bitor","break","case","catch","class","co_await","co_return","co_yield","compl","concept","const_cast|10","consteval","constexpr","constinit","continue","decltype","default","delete","do","dynamic_cast|10","else","enum","explicit","export","extern","false","final","for","friend","goto","if","import","inline","module","mutable","namespace","new","noexcept","not","not_eq","nullptr","operator","or","or_eq","override","private","protected","public","reflexpr","register","reinterpret_cast|10","requires","return","sizeof","static_assert","static_cast|10","struct","switch","synchronized","template","this","thread_local","throw","transaction_safe","transaction_safe_dynamic","true","try","typedef","typeid","typename","union","using","virtual","volatile","while","xor","xor_eq"],
-literal:["NULL","false","nullopt","nullptr","true"],built_in:["_Pragma"],
-_type_hints:["any","auto_ptr","barrier","binary_semaphore","bitset","complex","condition_variable","condition_variable_any","counting_semaphore","deque","false_type","future","imaginary","initializer_list","istringstream","jthread","latch","lock_guard","multimap","multiset","mutex","optional","ostringstream","packaged_task","pair","promise","priority_queue","queue","recursive_mutex","recursive_timed_mutex","scoped_lock","set","shared_future","shared_lock","shared_mutex","shared_timed_mutex","shared_ptr","stack","string_view","stringstream","timed_mutex","thread","true_type","tuple","unique_lock","unique_ptr","unordered_map","unordered_multimap","unordered_multiset","unordered_set","variant","vector","weak_ptr","wstring","wstring_view"]
-},b={className:"function.dispatch",relevance:0,keywords:{
-_hint:["abort","abs","acos","apply","as_const","asin","atan","atan2","calloc","ceil","cerr","cin","clog","cos","cosh","cout","declval","endl","exchange","exit","exp","fabs","floor","fmod","forward","fprintf","fputs","free","frexp","fscanf","future","invoke","isalnum","isalpha","iscntrl","isdigit","isgraph","islower","isprint","ispunct","isspace","isupper","isxdigit","labs","launder","ldexp","log","log10","make_pair","make_shared","make_shared_for_overwrite","make_tuple","make_unique","malloc","memchr","memcmp","memcpy","memset","modf","move","pow","printf","putchar","puts","realloc","scanf","sin","sinh","snprintf","sprintf","sqrt","sscanf","std","stderr","stdin","stdout","strcat","strchr","strcmp","strcpy","strcspn","strlen","strncat","strncmp","strncpy","strpbrk","strrchr","strspn","strstr","swap","tan","tanh","terminate","to_underlying","tolower","toupper","vfprintf","visit","vprintf","vsprintf"]
-},
-begin:n.concat(/\b/,/(?!decltype)/,/(?!if)/,/(?!for)/,/(?!switch)/,/(?!while)/,e.IDENT_RE,n.lookahead(/(<[^<>]+>|)\s*\(/))
-},m=[b,c,s,t,e.C_BLOCK_COMMENT_MODE,l,o],p={variants:[{begin:/=/,end:/;/},{
-begin:/\(/,end:/\)/},{beginKeywords:"new throw return else",end:/;/}],
-keywords:u,contains:m.concat([{begin:/\(/,end:/\)/,keywords:u,
-contains:m.concat(["self"]),relevance:0}]),relevance:0},_={className:"function",
-begin:"("+r+"[\\*&\\s]+)+"+g,returnBegin:!0,end:/[{;=]/,excludeEnd:!0,
-keywords:u,illegal:/[^\w\s\*&:<>.]/,contains:[{begin:a,keywords:u,relevance:0},{
-begin:g,returnBegin:!0,contains:[d],relevance:0},{begin:/::/,relevance:0},{
-begin:/:/,endsWithParent:!0,contains:[o,l]},{relevance:0,match:/,/},{
-className:"params",begin:/\(/,end:/\)/,keywords:u,relevance:0,
-contains:[t,e.C_BLOCK_COMMENT_MODE,o,l,s,{begin:/\(/,end:/\)/,keywords:u,
-relevance:0,contains:["self",t,e.C_BLOCK_COMMENT_MODE,o,l,s]}]
-},s,t,e.C_BLOCK_COMMENT_MODE,c]};return{name:"C++",
-aliases:["cc","c++","h++","hpp","hh","hxx","cxx"],keywords:u,illegal:"",keywords:u,contains:["self",s]},{begin:e.IDENT_RE+"::",keywords:u},{
-match:[/\b(?:enum(?:\s+(?:class|struct))?|class|struct|union)/,/\s+/,/\w+/],
-className:{1:"keyword",3:"title.class"}}])}},grmr_csharp:e=>{const n={
-keyword:["abstract","as","base","break","case","catch","class","const","continue","do","else","event","explicit","extern","finally","fixed","for","foreach","goto","if","implicit","in","interface","internal","is","lock","namespace","new","operator","out","override","params","private","protected","public","readonly","record","ref","return","scoped","sealed","sizeof","stackalloc","static","struct","switch","this","throw","try","typeof","unchecked","unsafe","using","virtual","void","volatile","while"].concat(["add","alias","and","ascending","async","await","by","descending","equals","from","get","global","group","init","into","join","let","nameof","not","notnull","on","or","orderby","partial","remove","select","set","unmanaged","value|0","var","when","where","with","yield"]),
-built_in:["bool","byte","char","decimal","delegate","double","dynamic","enum","float","int","long","nint","nuint","object","sbyte","short","string","ulong","uint","ushort"],
-literal:["default","false","null","true"]},t=e.inherit(e.TITLE_MODE,{
-begin:"[a-zA-Z](\\.?\\w)*"}),a={className:"number",variants:[{
-begin:"\\b(0b[01']+)"},{
-begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)(u|U|l|L|ul|UL|f|F|b|B)"},{
-begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"
-}],relevance:0},i={className:"string",begin:'@"',end:'"',contains:[{begin:'""'}]
-},r=e.inherit(i,{illegal:/\n/}),s={className:"subst",begin:/\{/,end:/\}/,
-keywords:n},o=e.inherit(s,{illegal:/\n/}),l={className:"string",begin:/\$"/,
-end:'"',illegal:/\n/,contains:[{begin:/\{\{/},{begin:/\}\}/
-},e.BACKSLASH_ESCAPE,o]},c={className:"string",begin:/\$@"/,end:'"',contains:[{
-begin:/\{\{/},{begin:/\}\}/},{begin:'""'},s]},d=e.inherit(c,{illegal:/\n/,
-contains:[{begin:/\{\{/},{begin:/\}\}/},{begin:'""'},o]})
-;s.contains=[c,l,i,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,a,e.C_BLOCK_COMMENT_MODE],
-o.contains=[d,l,r,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,a,e.inherit(e.C_BLOCK_COMMENT_MODE,{
-illegal:/\n/})];const g={variants:[c,l,i,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]
-},u={begin:"<",end:">",contains:[{beginKeywords:"in out"},t]
-},b=e.IDENT_RE+"(<"+e.IDENT_RE+"(\\s*,\\s*"+e.IDENT_RE+")*>)?(\\[\\])?",m={
-begin:"@"+e.IDENT_RE,relevance:0};return{name:"C#",aliases:["cs","c#"],
-keywords:n,illegal:/::/,contains:[e.COMMENT("///","$",{returnBegin:!0,
-contains:[{className:"doctag",variants:[{begin:"///",relevance:0},{
-begin:"\x3c!--|--\x3e"},{begin:""}]}]
-}),e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"meta",begin:"#",
-end:"$",keywords:{
-keyword:"if else elif endif define undef warning error line region endregion pragma checksum"
-}},g,a,{beginKeywords:"class interface",relevance:0,end:/[{;=]/,
-illegal:/[^\s:,]/,contains:[{beginKeywords:"where class"
-},t,u,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{beginKeywords:"namespace",
-relevance:0,end:/[{;=]/,illegal:/[^\s:]/,
-contains:[t,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{
-beginKeywords:"record",relevance:0,end:/[{;=]/,illegal:/[^\s:]/,
-contains:[t,u,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{className:"meta",
-begin:"^\\s*\\[(?=[\\w])",excludeBegin:!0,end:"\\]",excludeEnd:!0,contains:[{
-className:"string",begin:/"/,end:/"/}]},{
-beginKeywords:"new return throw await else",relevance:0},{className:"function",
-begin:"("+b+"\\s+)+"+e.IDENT_RE+"\\s*(<[^=]+>\\s*)?\\(",returnBegin:!0,
-end:/\s*[{;=]/,excludeEnd:!0,keywords:n,contains:[{
-beginKeywords:"public private protected static internal protected abstract async extern override unsafe virtual new sealed partial",
-relevance:0},{begin:e.IDENT_RE+"\\s*(<[^=]+>\\s*)?\\(",returnBegin:!0,
-contains:[e.TITLE_MODE,u],relevance:0},{match:/\(\)/},{className:"params",
-begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:n,relevance:0,
-contains:[g,a,e.C_BLOCK_COMMENT_MODE]
-},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},m]}},grmr_css:e=>{
-const n=e.regex,t=ie(e),a=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE];return{
-name:"CSS",case_insensitive:!0,illegal:/[=|'\$]/,keywords:{
-keyframePosition:"from to"},classNameAliases:{keyframePosition:"selector-tag"},
-contains:[t.BLOCK_COMMENT,{begin:/-(webkit|moz|ms|o)-(?=[a-z])/
-},t.CSS_NUMBER_MODE,{className:"selector-id",begin:/#[A-Za-z0-9_-]+/,relevance:0
-},{className:"selector-class",begin:"\\.[a-zA-Z-][a-zA-Z0-9_-]*",relevance:0
-},t.ATTRIBUTE_SELECTOR_MODE,{className:"selector-pseudo",variants:[{
-begin:":("+oe.join("|")+")"},{begin:":(:)?("+le.join("|")+")"}]
-},t.CSS_VARIABLE,{className:"attribute",begin:"\\b("+ce.join("|")+")\\b"},{
-begin:/:/,end:/[;}{]/,
-contains:[t.BLOCK_COMMENT,t.HEXCOLOR,t.IMPORTANT,t.CSS_NUMBER_MODE,...a,{
-begin:/(url|data-uri)\(/,end:/\)/,relevance:0,keywords:{built_in:"url data-uri"
-},contains:[...a,{className:"string",begin:/[^)]/,endsWithParent:!0,
-excludeEnd:!0}]},t.FUNCTION_DISPATCH]},{begin:n.lookahead(/@/),end:"[{;]",
-relevance:0,illegal:/:/,contains:[{className:"keyword",begin:/@-?\w[\w]*(-\w+)*/
-},{begin:/\s/,endsWithParent:!0,excludeEnd:!0,relevance:0,keywords:{
-$pattern:/[a-z-]+/,keyword:"and or not only",attribute:se.join(" ")},contains:[{
-begin:/[a-z-]+(?=:)/,className:"attribute"},...a,t.CSS_NUMBER_MODE]}]},{
-className:"selector-tag",begin:"\\b("+re.join("|")+")\\b"}]}},grmr_diff:e=>{
-const n=e.regex;return{name:"Diff",aliases:["patch"],contains:[{
-className:"meta",relevance:10,
-match:n.either(/^@@ +-\d+,\d+ +\+\d+,\d+ +@@/,/^\*\*\* +\d+,\d+ +\*\*\*\*$/,/^--- +\d+,\d+ +----$/)
-},{className:"comment",variants:[{
-begin:n.either(/Index: /,/^index/,/={3,}/,/^-{3}/,/^\*{3} /,/^\+{3}/,/^diff --git/),
-end:/$/},{match:/^\*{15}$/}]},{className:"addition",begin:/^\+/,end:/$/},{
-className:"deletion",begin:/^-/,end:/$/},{className:"addition",begin:/^!/,
-end:/$/}]}},grmr_go:e=>{const n={
-keyword:["break","case","chan","const","continue","default","defer","else","fallthrough","for","func","go","goto","if","import","interface","map","package","range","return","select","struct","switch","type","var"],
-type:["bool","byte","complex64","complex128","error","float32","float64","int8","int16","int32","int64","string","uint8","uint16","uint32","uint64","int","uint","uintptr","rune"],
-literal:["true","false","iota","nil"],
-built_in:["append","cap","close","complex","copy","imag","len","make","new","panic","print","println","real","recover","delete"]
-};return{name:"Go",aliases:["golang"],keywords:n,illegal:"{const n=e.regex;return{name:"GraphQL",aliases:["gql"],
-case_insensitive:!0,disableAutodetect:!1,keywords:{
-keyword:["query","mutation","subscription","type","input","schema","directive","interface","union","scalar","fragment","enum","on"],
-literal:["true","false","null"]},
-contains:[e.HASH_COMMENT_MODE,e.QUOTE_STRING_MODE,e.NUMBER_MODE,{
-scope:"punctuation",match:/[.]{3}/,relevance:0},{scope:"punctuation",
-begin:/[\!\(\)\:\=\[\]\{\|\}]{1}/,relevance:0},{scope:"variable",begin:/\$/,
-end:/\W/,excludeEnd:!0,relevance:0},{scope:"meta",match:/@\w+/,excludeEnd:!0},{
-scope:"symbol",begin:n.concat(/[_A-Za-z][_0-9A-Za-z]*/,n.lookahead(/\s*:/)),
-relevance:0}],illegal:[/[;<']/,/BEGIN/]}},grmr_ini:e=>{const n=e.regex,t={
-className:"number",relevance:0,variants:[{begin:/([+-]+)?[\d]+_[\d_]+/},{
-begin:e.NUMBER_RE}]},a=e.COMMENT();a.variants=[{begin:/;/,end:/$/},{begin:/#/,
-end:/$/}];const i={className:"variable",variants:[{begin:/\$[\w\d"][\w\d_]*/},{
-begin:/\$\{(.*?)\}/}]},r={className:"literal",
-begin:/\bon|off|true|false|yes|no\b/},s={className:"string",
-contains:[e.BACKSLASH_ESCAPE],variants:[{begin:"'''",end:"'''",relevance:10},{
-begin:'"""',end:'"""',relevance:10},{begin:'"',end:'"'},{begin:"'",end:"'"}]
-},o={begin:/\[/,end:/\]/,contains:[a,r,i,s,t,"self"],relevance:0
-},l=n.either(/[A-Za-z0-9_-]+/,/"(\\"|[^"])*"/,/'[^']*'/);return{
-name:"TOML, also INI",aliases:["toml"],case_insensitive:!0,illegal:/\S/,
-contains:[a,{className:"section",begin:/\[+/,end:/\]+/},{
-begin:n.concat(l,"(\\s*\\.\\s*",l,")*",n.lookahead(/\s*=\s*[^#\s]/)),
-className:"attr",starts:{end:/$/,contains:[a,o,r,i,s,t]}}]}},grmr_java:e=>{
-const n=e.regex,t="[\xc0-\u02b8a-zA-Z_$][\xc0-\u02b8a-zA-Z_$0-9]*",a=t+pe("(?:<"+t+"~~~(?:\\s*,\\s*"+t+"~~~)*>)?",/~~~/g,2),i={
-keyword:["synchronized","abstract","private","var","static","if","const ","for","while","strictfp","finally","protected","import","native","final","void","enum","else","break","transient","catch","instanceof","volatile","case","assert","package","default","public","try","switch","continue","throws","protected","public","private","module","requires","exports","do","sealed","yield","permits"],
-literal:["false","true","null"],
-type:["char","boolean","long","float","int","byte","short","double"],
-built_in:["super","this"]},r={className:"meta",begin:"@"+t,contains:[{
-begin:/\(/,end:/\)/,contains:["self"]}]},s={className:"params",begin:/\(/,
-end:/\)/,keywords:i,relevance:0,contains:[e.C_BLOCK_COMMENT_MODE],endsParent:!0}
-;return{name:"Java",aliases:["jsp"],keywords:i,illegal:/<\/|#/,
-contains:[e.COMMENT("/\\*\\*","\\*/",{relevance:0,contains:[{begin:/\w+@/,
-relevance:0},{className:"doctag",begin:"@[A-Za-z]+"}]}),{
-begin:/import java\.[a-z]+\./,keywords:"import",relevance:2
-},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{begin:/"""/,end:/"""/,
-className:"string",contains:[e.BACKSLASH_ESCAPE]
-},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{
-match:[/\b(?:class|interface|enum|extends|implements|new)/,/\s+/,t],className:{
-1:"keyword",3:"title.class"}},{match:/non-sealed/,scope:"keyword"},{
-begin:[n.concat(/(?!else)/,t),/\s+/,t,/\s+/,/=(?!=)/],className:{1:"type",
-3:"variable",5:"operator"}},{begin:[/record/,/\s+/,t],className:{1:"keyword",
-3:"title.class"},contains:[s,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{
-beginKeywords:"new throw return else",relevance:0},{
-begin:["(?:"+a+"\\s+)",e.UNDERSCORE_IDENT_RE,/\s*(?=\()/],className:{
-2:"title.function"},keywords:i,contains:[{className:"params",begin:/\(/,
-end:/\)/,keywords:i,relevance:0,
-contains:[r,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,me,e.C_BLOCK_COMMENT_MODE]
-},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},me,r]}},grmr_javascript:Oe,
-grmr_json:e=>{const n=["true","false","null"],t={scope:"literal",
-beginKeywords:n.join(" ")};return{name:"JSON",keywords:{literal:n},contains:[{
-className:"attr",begin:/"(\\.|[^\\"\r\n])*"(?=\s*:)/,relevance:1.01},{
-match:/[{}[\],:]/,className:"punctuation",relevance:0
-},e.QUOTE_STRING_MODE,t,e.C_NUMBER_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE],
-illegal:"\\S"}},grmr_kotlin:e=>{const n={
-keyword:"abstract as val var vararg get set class object open private protected public noinline crossinline dynamic final enum if else do while for when throw try catch finally import package is in fun override companion reified inline lateinit init interface annotation data sealed internal infix operator out by constructor super tailrec where const inner suspend typealias external expect actual",
-built_in:"Byte Short Char Int Long Boolean Float Double Void Unit Nothing",
-literal:"true false null"},t={className:"symbol",begin:e.UNDERSCORE_IDENT_RE+"@"
-},a={className:"subst",begin:/\$\{/,end:/\}/,contains:[e.C_NUMBER_MODE]},i={
-className:"variable",begin:"\\$"+e.UNDERSCORE_IDENT_RE},r={className:"string",
-variants:[{begin:'"""',end:'"""(?=[^"])',contains:[i,a]},{begin:"'",end:"'",
-illegal:/\n/,contains:[e.BACKSLASH_ESCAPE]},{begin:'"',end:'"',illegal:/\n/,
-contains:[e.BACKSLASH_ESCAPE,i,a]}]};a.contains.push(r);const s={
-className:"meta",
-begin:"@(?:file|property|field|get|set|receiver|param|setparam|delegate)\\s*:(?:\\s*"+e.UNDERSCORE_IDENT_RE+")?"
-},o={className:"meta",begin:"@"+e.UNDERSCORE_IDENT_RE,contains:[{begin:/\(/,
-end:/\)/,contains:[e.inherit(r,{className:"string"}),"self"]}]
-},l=me,c=e.COMMENT("/\\*","\\*/",{contains:[e.C_BLOCK_COMMENT_MODE]}),d={
-variants:[{className:"type",begin:e.UNDERSCORE_IDENT_RE},{begin:/\(/,end:/\)/,
-contains:[]}]},g=d;return g.variants[1].contains=[d],d.variants[1].contains=[g],
-{name:"Kotlin",aliases:["kt","kts"],keywords:n,
-contains:[e.COMMENT("/\\*\\*","\\*/",{relevance:0,contains:[{className:"doctag",
-begin:"@[A-Za-z]+"}]}),e.C_LINE_COMMENT_MODE,c,{className:"keyword",
-begin:/\b(break|continue|return|this)\b/,starts:{contains:[{className:"symbol",
-begin:/@\w+/}]}},t,s,o,{className:"function",beginKeywords:"fun",end:"[(]|$",
-returnBegin:!0,excludeEnd:!0,keywords:n,relevance:5,contains:[{
-begin:e.UNDERSCORE_IDENT_RE+"\\s*\\(",returnBegin:!0,relevance:0,
-contains:[e.UNDERSCORE_TITLE_MODE]},{className:"type",begin://,
-keywords:"reified",relevance:0},{className:"params",begin:/\(/,end:/\)/,
-endsParent:!0,keywords:n,relevance:0,contains:[{begin:/:/,end:/[=,\/]/,
-endsWithParent:!0,contains:[d,e.C_LINE_COMMENT_MODE,c],relevance:0
-},e.C_LINE_COMMENT_MODE,c,s,o,r,e.C_NUMBER_MODE]},c]},{
-begin:[/class|interface|trait/,/\s+/,e.UNDERSCORE_IDENT_RE],beginScope:{
-3:"title.class"},keywords:"class interface trait",end:/[:\{(]|$/,excludeEnd:!0,
-illegal:"extends implements",contains:[{
-beginKeywords:"public protected internal private constructor"
-},e.UNDERSCORE_TITLE_MODE,{className:"type",begin://,excludeBegin:!0,
-excludeEnd:!0,relevance:0},{className:"type",begin:/[,:]\s*/,end:/[<\(,){\s]|$/,
-excludeBegin:!0,returnEnd:!0},s,o]},r,{className:"meta",begin:"^#!/usr/bin/env",
-end:"$",illegal:"\n"},l]}},grmr_less:e=>{
-const n=ie(e),t=de,a="[\\w-]+",i="("+a+"|@\\{"+a+"\\})",r=[],s=[],o=e=>({
-className:"string",begin:"~?"+e+".*?"+e}),l=(e,n,t)=>({className:e,begin:n,
-relevance:t}),c={$pattern:/[a-z-]+/,keyword:"and or not only",
-attribute:se.join(" ")},d={begin:"\\(",end:"\\)",contains:s,keywords:c,
-relevance:0}
-;s.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,o("'"),o('"'),n.CSS_NUMBER_MODE,{
-begin:"(url|data-uri)\\(",starts:{className:"string",end:"[\\)\\n]",
-excludeEnd:!0}
-},n.HEXCOLOR,d,l("variable","@@?"+a,10),l("variable","@\\{"+a+"\\}"),l("built_in","~?`[^`]*?`"),{
-className:"attribute",begin:a+"\\s*:",end:":",returnBegin:!0,excludeEnd:!0
-},n.IMPORTANT,{beginKeywords:"and not"},n.FUNCTION_DISPATCH);const g=s.concat({
-begin:/\{/,end:/\}/,contains:r}),u={beginKeywords:"when",endsWithParent:!0,
-contains:[{beginKeywords:"and not"}].concat(s)},b={begin:i+"\\s*:",
-returnBegin:!0,end:/[;}]/,relevance:0,contains:[{begin:/-(webkit|moz|ms|o)-/
-},n.CSS_VARIABLE,{className:"attribute",begin:"\\b("+ce.join("|")+")\\b",
-end:/(?=:)/,starts:{endsWithParent:!0,illegal:"[<=$]",relevance:0,contains:s}}]
-},m={className:"keyword",
-begin:"@(import|media|charset|font-face|(-[a-z]+-)?keyframes|supports|document|namespace|page|viewport|host)\\b",
-starts:{end:"[;{}]",keywords:c,returnEnd:!0,contains:s,relevance:0}},p={
-className:"variable",variants:[{begin:"@"+a+"\\s*:",relevance:15},{begin:"@"+a
-}],starts:{end:"[;}]",returnEnd:!0,contains:g}},_={variants:[{
-begin:"[\\.#:&\\[>]",end:"[;{}]"},{begin:i,end:/\{/}],returnBegin:!0,
-returnEnd:!0,illegal:"[<='$\"]",relevance:0,
-contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,u,l("keyword","all\\b"),l("variable","@\\{"+a+"\\}"),{
-begin:"\\b("+re.join("|")+")\\b",className:"selector-tag"
-},n.CSS_NUMBER_MODE,l("selector-tag",i,0),l("selector-id","#"+i),l("selector-class","\\."+i,0),l("selector-tag","&",0),n.ATTRIBUTE_SELECTOR_MODE,{
-className:"selector-pseudo",begin:":("+oe.join("|")+")"},{
-className:"selector-pseudo",begin:":(:)?("+le.join("|")+")"},{begin:/\(/,
-end:/\)/,relevance:0,contains:g},{begin:"!important"},n.FUNCTION_DISPATCH]},h={
-begin:a+":(:)?"+`(${t.join("|")})`,returnBegin:!0,contains:[_]}
-;return r.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,m,p,h,b,_,u,n.FUNCTION_DISPATCH),
-{name:"Less",case_insensitive:!0,illegal:"[=>'/<($\"]",contains:r}},
-grmr_lua:e=>{const n="\\[=*\\[",t="\\]=*\\]",a={begin:n,end:t,contains:["self"]
-},i=[e.COMMENT("--(?!"+n+")","$"),e.COMMENT("--"+n,t,{contains:[a],relevance:10
-})];return{name:"Lua",keywords:{$pattern:e.UNDERSCORE_IDENT_RE,
-literal:"true false nil",
-keyword:"and break do else elseif end for goto if in local not or repeat return then until while",
-built_in:"_G _ENV _VERSION __index __newindex __mode __call __metatable __tostring __len __gc __add __sub __mul __div __mod __pow __concat __unm __eq __lt __le assert collectgarbage dofile error getfenv getmetatable ipairs load loadfile loadstring module next pairs pcall print rawequal rawget rawset require select setfenv setmetatable tonumber tostring type unpack xpcall arg self coroutine resume yield status wrap create running debug getupvalue debug sethook getmetatable gethook setmetatable setlocal traceback setfenv getinfo setupvalue getlocal getregistry getfenv io lines write close flush open output type read stderr stdin input stdout popen tmpfile math log max acos huge ldexp pi cos tanh pow deg tan cosh sinh random randomseed frexp ceil floor rad abs sqrt modf asin min mod fmod log10 atan2 exp sin atan os exit setlocale date getenv difftime remove time clock tmpname rename execute package preload loadlib loaded loaders cpath config path seeall string sub upper len gfind rep find match char dump gmatch reverse byte format gsub lower table setn insert getn foreachi maxn foreach concat sort remove"
-},contains:i.concat([{className:"function",beginKeywords:"function",end:"\\)",
-contains:[e.inherit(e.TITLE_MODE,{
-begin:"([_a-zA-Z]\\w*\\.)*([_a-zA-Z]\\w*:)?[_a-zA-Z]\\w*"}),{className:"params",
-begin:"\\(",endsWithParent:!0,contains:i}].concat(i)
-},e.C_NUMBER_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{className:"string",
-begin:n,end:t,contains:[a],relevance:5}])}},grmr_makefile:e=>{const n={
-className:"variable",variants:[{begin:"\\$\\("+e.UNDERSCORE_IDENT_RE+"\\)",
-contains:[e.BACKSLASH_ESCAPE]},{begin:/\$[@%{
-const n={begin:/<\/?[A-Za-z_]/,end:">",subLanguage:"xml",relevance:0},t={
-variants:[{begin:/\[.+?\]\[.*?\]/,relevance:0},{
-begin:/\[.+?\]\(((data|javascript|mailto):|(?:http|ftp)s?:\/\/).*?\)/,
-relevance:2},{
-begin:e.regex.concat(/\[.+?\]\(/,/[A-Za-z][A-Za-z0-9+.-]*/,/:\/\/.*?\)/),
-relevance:2},{begin:/\[.+?\]\([./?&#].*?\)/,relevance:1},{
-begin:/\[.*?\]\(.*?\)/,relevance:0}],returnBegin:!0,contains:[{match:/\[(?=\])/
-},{className:"string",relevance:0,begin:"\\[",end:"\\]",excludeBegin:!0,
-returnEnd:!0},{className:"link",relevance:0,begin:"\\]\\(",end:"\\)",
-excludeBegin:!0,excludeEnd:!0},{className:"symbol",relevance:0,begin:"\\]\\[",
-end:"\\]",excludeBegin:!0,excludeEnd:!0}]},a={className:"strong",contains:[],
-variants:[{begin:/_{2}(?!\s)/,end:/_{2}/},{begin:/\*{2}(?!\s)/,end:/\*{2}/}]
-},i={className:"emphasis",contains:[],variants:[{begin:/\*(?![*\s])/,end:/\*/},{
-begin:/_(?![_\s])/,end:/_/,relevance:0}]},r=e.inherit(a,{contains:[]
-}),s=e.inherit(i,{contains:[]});a.contains.push(s),i.contains.push(r)
-;let o=[n,t];return[a,i,r,s].forEach((e=>{e.contains=e.contains.concat(o)
-})),o=o.concat(a,i),{name:"Markdown",aliases:["md","mkdown","mkd"],contains:[{
-className:"section",variants:[{begin:"^#{1,6}",end:"$",contains:o},{
-begin:"(?=^.+?\\n[=-]{2,}$)",contains:[{begin:"^[=-]*$"},{begin:"^",end:"\\n",
-contains:o}]}]},n,{className:"bullet",begin:"^[ \t]*([*+-]|(\\d+\\.))(?=\\s+)",
-end:"\\s+",excludeEnd:!0},a,i,{className:"quote",begin:"^>\\s+",contains:o,
-end:"$"},{className:"code",variants:[{begin:"(`{3,})[^`](.|\\n)*?\\1`*[ ]*"},{
-begin:"(~{3,})[^~](.|\\n)*?\\1~*[ ]*"},{begin:"```",end:"```+[ ]*$"},{
-begin:"~~~",end:"~~~+[ ]*$"},{begin:"`.+?`"},{begin:"(?=^( {4}|\\t))",
-contains:[{begin:"^( {4}|\\t)",end:"(\\n)$"}],relevance:0}]},{
-begin:"^[-\\*]{3,}",end:"$"},t,{begin:/^\[[^\n]+\]:/,returnBegin:!0,contains:[{
-className:"symbol",begin:/\[/,end:/\]/,excludeBegin:!0,excludeEnd:!0},{
-className:"link",begin:/:\s*/,end:/$/,excludeBegin:!0}]}]}},grmr_objectivec:e=>{
-const n=/[a-zA-Z@][a-zA-Z0-9_]*/,t={$pattern:n,
-keyword:["@interface","@class","@protocol","@implementation"]};return{
-name:"Objective-C",aliases:["mm","objc","obj-c","obj-c++","objective-c++"],
-keywords:{"variable.language":["this","super"],$pattern:n,
-keyword:["while","export","sizeof","typedef","const","struct","for","union","volatile","static","mutable","if","do","return","goto","enum","else","break","extern","asm","case","default","register","explicit","typename","switch","continue","inline","readonly","assign","readwrite","self","@synchronized","id","typeof","nonatomic","IBOutlet","IBAction","strong","weak","copy","in","out","inout","bycopy","byref","oneway","__strong","__weak","__block","__autoreleasing","@private","@protected","@public","@try","@property","@end","@throw","@catch","@finally","@autoreleasepool","@synthesize","@dynamic","@selector","@optional","@required","@encode","@package","@import","@defs","@compatibility_alias","__bridge","__bridge_transfer","__bridge_retained","__bridge_retain","__covariant","__contravariant","__kindof","_Nonnull","_Nullable","_Null_unspecified","__FUNCTION__","__PRETTY_FUNCTION__","__attribute__","getter","setter","retain","unsafe_unretained","nonnull","nullable","null_unspecified","null_resettable","class","instancetype","NS_DESIGNATED_INITIALIZER","NS_UNAVAILABLE","NS_REQUIRES_SUPER","NS_RETURNS_INNER_POINTER","NS_INLINE","NS_AVAILABLE","NS_DEPRECATED","NS_ENUM","NS_OPTIONS","NS_SWIFT_UNAVAILABLE","NS_ASSUME_NONNULL_BEGIN","NS_ASSUME_NONNULL_END","NS_REFINED_FOR_SWIFT","NS_SWIFT_NAME","NS_SWIFT_NOTHROW","NS_DURING","NS_HANDLER","NS_ENDHANDLER","NS_VALUERETURN","NS_VOIDRETURN"],
-literal:["false","true","FALSE","TRUE","nil","YES","NO","NULL"],
-built_in:["dispatch_once_t","dispatch_queue_t","dispatch_sync","dispatch_async","dispatch_once"],
-type:["int","float","char","unsigned","signed","short","long","double","wchar_t","unichar","void","bool","BOOL","id|0","_Bool"]
-},illegal:"/,end:/$/,illegal:"\\n"
-},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{className:"class",
-begin:"("+t.keyword.join("|")+")\\b",end:/(\{|$)/,excludeEnd:!0,keywords:t,
-contains:[e.UNDERSCORE_TITLE_MODE]},{begin:"\\."+e.UNDERSCORE_IDENT_RE,
-relevance:0}]}},grmr_perl:e=>{const n=e.regex,t=/[dualxmsipngr]{0,12}/,a={
-$pattern:/[\w.]+/,
-keyword:"abs accept alarm and atan2 bind binmode bless break caller chdir chmod chomp chop chown chr chroot close closedir connect continue cos crypt dbmclose dbmopen defined delete die do dump each else elsif endgrent endhostent endnetent endprotoent endpwent endservent eof eval exec exists exit exp fcntl fileno flock for foreach fork format formline getc getgrent getgrgid getgrnam gethostbyaddr gethostbyname gethostent getlogin getnetbyaddr getnetbyname getnetent getpeername getpgrp getpriority getprotobyname getprotobynumber getprotoent getpwent getpwnam getpwuid getservbyname getservbyport getservent getsockname getsockopt given glob gmtime goto grep gt hex if index int ioctl join keys kill last lc lcfirst length link listen local localtime log lstat lt ma map mkdir msgctl msgget msgrcv msgsnd my ne next no not oct open opendir or ord our pack package pipe pop pos print printf prototype push q|0 qq quotemeta qw qx rand read readdir readline readlink readpipe recv redo ref rename require reset return reverse rewinddir rindex rmdir say scalar seek seekdir select semctl semget semop send setgrent sethostent setnetent setpgrp setpriority setprotoent setpwent setservent setsockopt shift shmctl shmget shmread shmwrite shutdown sin sleep socket socketpair sort splice split sprintf sqrt srand stat state study sub substr symlink syscall sysopen sysread sysseek system syswrite tell telldir tie tied time times tr truncate uc ucfirst umask undef unless unlink unpack unshift untie until use utime values vec wait waitpid wantarray warn when while write x|0 xor y|0"
-},i={className:"subst",begin:"[$@]\\{",end:"\\}",keywords:a},r={begin:/->\{/,
-end:/\}/},s={variants:[{begin:/\$\d/},{
-begin:n.concat(/[$%@](\^\w\b|#\w+(::\w+)*|\{\w+\}|\w+(::\w*)*)/,"(?![A-Za-z])(?![@$%])")
-},{begin:/[$%@][^\s\w{]/,relevance:0}]
-},o=[e.BACKSLASH_ESCAPE,i,s],l=[/!/,/\//,/\|/,/\?/,/'/,/"/,/#/],c=(e,a,i="\\1")=>{
-const r="\\1"===i?i:n.concat(i,a)
-;return n.concat(n.concat("(?:",e,")"),a,/(?:\\.|[^\\\/])*?/,r,/(?:\\.|[^\\\/])*?/,i,t)
-},d=(e,a,i)=>n.concat(n.concat("(?:",e,")"),a,/(?:\\.|[^\\\/])*?/,i,t),g=[s,e.HASH_COMMENT_MODE,e.COMMENT(/^=\w/,/=cut/,{
-endsWithParent:!0}),r,{className:"string",contains:o,variants:[{
-begin:"q[qwxr]?\\s*\\(",end:"\\)",relevance:5},{begin:"q[qwxr]?\\s*\\[",
-end:"\\]",relevance:5},{begin:"q[qwxr]?\\s*\\{",end:"\\}",relevance:5},{
-begin:"q[qwxr]?\\s*\\|",end:"\\|",relevance:5},{begin:"q[qwxr]?\\s*<",end:">",
-relevance:5},{begin:"qw\\s+q",end:"q",relevance:5},{begin:"'",end:"'",
-contains:[e.BACKSLASH_ESCAPE]},{begin:'"',end:'"'},{begin:"`",end:"`",
-contains:[e.BACKSLASH_ESCAPE]},{begin:/\{\w+\}/,relevance:0},{
-begin:"-?\\w+\\s*=>",relevance:0}]},{className:"number",
-begin:"(\\b0[0-7_]+)|(\\b0x[0-9a-fA-F_]+)|(\\b[1-9][0-9_]*(\\.[0-9_]+)?)|[0_]\\b",
-relevance:0},{
-begin:"(\\/\\/|"+e.RE_STARTERS_RE+"|\\b(split|return|print|reverse|grep)\\b)\\s*",
-keywords:"split return print reverse grep",relevance:0,
-contains:[e.HASH_COMMENT_MODE,{className:"regexp",variants:[{
-begin:c("s|tr|y",n.either(...l,{capture:!0}))},{begin:c("s|tr|y","\\(","\\)")},{
-begin:c("s|tr|y","\\[","\\]")},{begin:c("s|tr|y","\\{","\\}")}],relevance:2},{
-className:"regexp",variants:[{begin:/(m|qr)\/\//,relevance:0},{
-begin:d("(?:m|qr)?",/\//,/\//)},{begin:d("m|qr",n.either(...l,{capture:!0
-}),/\1/)},{begin:d("m|qr",/\(/,/\)/)},{begin:d("m|qr",/\[/,/\]/)},{
-begin:d("m|qr",/\{/,/\}/)}]}]},{className:"function",beginKeywords:"sub",
-end:"(\\s*\\(.*?\\))?[;{]",excludeEnd:!0,relevance:5,contains:[e.TITLE_MODE]},{
-begin:"-\\w\\b",relevance:0},{begin:"^__DATA__$",end:"^__END__$",
-subLanguage:"mojolicious",contains:[{begin:"^@@.*",end:"$",className:"comment"}]
-}];return i.contains=g,r.contains=g,{name:"Perl",aliases:["pl","pm"],keywords:a,
-contains:g}},grmr_php:e=>{
-const n=e.regex,t=/(?![A-Za-z0-9])(?![$])/,a=n.concat(/[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/,t),i=n.concat(/(\\?[A-Z][a-z0-9_\x7f-\xff]+|\\?[A-Z]+(?=[A-Z][a-z0-9_\x7f-\xff])){1,}/,t),r={
-scope:"variable",match:"\\$+"+a},s={scope:"subst",variants:[{begin:/\$\w+/},{
-begin:/\{\$/,end:/\}/}]},o=e.inherit(e.APOS_STRING_MODE,{illegal:null
-}),l="[ \t\n]",c={scope:"string",variants:[e.inherit(e.QUOTE_STRING_MODE,{
-illegal:null,contains:e.QUOTE_STRING_MODE.contains.concat(s)}),o,{
-begin:/<<<[ \t]*(?:(\w+)|"(\w+)")\n/,end:/[ \t]*(\w+)\b/,
-contains:e.QUOTE_STRING_MODE.contains.concat(s),"on:begin":(e,n)=>{
-n.data._beginMatch=e[1]||e[2]},"on:end":(e,n)=>{
-n.data._beginMatch!==e[1]&&n.ignoreMatch()}},e.END_SAME_AS_BEGIN({
-begin:/<<<[ \t]*'(\w+)'\n/,end:/[ \t]*(\w+)\b/})]},d={scope:"number",variants:[{
-begin:"\\b0[bB][01]+(?:_[01]+)*\\b"},{begin:"\\b0[oO][0-7]+(?:_[0-7]+)*\\b"},{
-begin:"\\b0[xX][\\da-fA-F]+(?:_[\\da-fA-F]+)*\\b"},{
-begin:"(?:\\b\\d+(?:_\\d+)*(\\.(?:\\d+(?:_\\d+)*))?|\\B\\.\\d+)(?:[eE][+-]?\\d+)?"
-}],relevance:0
-},g=["false","null","true"],u=["__CLASS__","__DIR__","__FILE__","__FUNCTION__","__COMPILER_HALT_OFFSET__","__LINE__","__METHOD__","__NAMESPACE__","__TRAIT__","die","echo","exit","include","include_once","print","require","require_once","array","abstract","and","as","binary","bool","boolean","break","callable","case","catch","class","clone","const","continue","declare","default","do","double","else","elseif","empty","enddeclare","endfor","endforeach","endif","endswitch","endwhile","enum","eval","extends","final","finally","float","for","foreach","from","global","goto","if","implements","instanceof","insteadof","int","integer","interface","isset","iterable","list","match|0","mixed","new","never","object","or","private","protected","public","readonly","real","return","string","switch","throw","trait","try","unset","use","var","void","while","xor","yield"],b=["Error|0","AppendIterator","ArgumentCountError","ArithmeticError","ArrayIterator","ArrayObject","AssertionError","BadFunctionCallException","BadMethodCallException","CachingIterator","CallbackFilterIterator","CompileError","Countable","DirectoryIterator","DivisionByZeroError","DomainException","EmptyIterator","ErrorException","Exception","FilesystemIterator","FilterIterator","GlobIterator","InfiniteIterator","InvalidArgumentException","IteratorIterator","LengthException","LimitIterator","LogicException","MultipleIterator","NoRewindIterator","OutOfBoundsException","OutOfRangeException","OuterIterator","OverflowException","ParentIterator","ParseError","RangeException","RecursiveArrayIterator","RecursiveCachingIterator","RecursiveCallbackFilterIterator","RecursiveDirectoryIterator","RecursiveFilterIterator","RecursiveIterator","RecursiveIteratorIterator","RecursiveRegexIterator","RecursiveTreeIterator","RegexIterator","RuntimeException","SeekableIterator","SplDoublyLinkedList","SplFileInfo","SplFileObject","SplFixedArray","SplHeap","SplMaxHeap","SplMinHeap","SplObjectStorage","SplObserver","SplPriorityQueue","SplQueue","SplStack","SplSubject","SplTempFileObject","TypeError","UnderflowException","UnexpectedValueException","UnhandledMatchError","ArrayAccess","BackedEnum","Closure","Fiber","Generator","Iterator","IteratorAggregate","Serializable","Stringable","Throwable","Traversable","UnitEnum","WeakReference","WeakMap","Directory","__PHP_Incomplete_Class","parent","php_user_filter","self","static","stdClass"],m={
-keyword:u,literal:(e=>{const n=[];return e.forEach((e=>{
-n.push(e),e.toLowerCase()===e?n.push(e.toUpperCase()):n.push(e.toLowerCase())
-})),n})(g),built_in:b},p=e=>e.map((e=>e.replace(/\|\d+$/,""))),_={variants:[{
-match:[/new/,n.concat(l,"+"),n.concat("(?!",p(b).join("\\b|"),"\\b)"),i],scope:{
-1:"keyword",4:"title.class"}}]},h=n.concat(a,"\\b(?!\\()"),f={variants:[{
-match:[n.concat(/::/,n.lookahead(/(?!class\b)/)),h],scope:{2:"variable.constant"
-}},{match:[/::/,/class/],scope:{2:"variable.language"}},{
-match:[i,n.concat(/::/,n.lookahead(/(?!class\b)/)),h],scope:{1:"title.class",
-3:"variable.constant"}},{match:[i,n.concat("::",n.lookahead(/(?!class\b)/))],
-scope:{1:"title.class"}},{match:[i,/::/,/class/],scope:{1:"title.class",
-3:"variable.language"}}]},E={scope:"attr",
-match:n.concat(a,n.lookahead(":"),n.lookahead(/(?!::)/))},y={relevance:0,
-begin:/\(/,end:/\)/,keywords:m,contains:[E,r,f,e.C_BLOCK_COMMENT_MODE,c,d,_]
-},N={relevance:0,
-match:[/\b/,n.concat("(?!fn\\b|function\\b|",p(u).join("\\b|"),"|",p(b).join("\\b|"),"\\b)"),a,n.concat(l,"*"),n.lookahead(/(?=\()/)],
-scope:{3:"title.function.invoke"},contains:[y]};y.contains.push(N)
-;const w=[E,f,e.C_BLOCK_COMMENT_MODE,c,d,_];return{case_insensitive:!1,
-keywords:m,contains:[{begin:n.concat(/#\[\s*/,i),beginScope:"meta",end:/]/,
-endScope:"meta",keywords:{literal:g,keyword:["new","array"]},contains:[{
-begin:/\[/,end:/]/,keywords:{literal:g,keyword:["new","array"]},
-contains:["self",...w]},...w,{scope:"meta",match:i}]
-},e.HASH_COMMENT_MODE,e.COMMENT("//","$"),e.COMMENT("/\\*","\\*/",{contains:[{
-scope:"doctag",match:"@[A-Za-z]+"}]}),{match:/__halt_compiler\(\);/,
-keywords:"__halt_compiler",starts:{scope:"comment",end:e.MATCH_NOTHING_RE,
-contains:[{match:/\?>/,scope:"meta",endsParent:!0}]}},{scope:"meta",variants:[{
-begin:/<\?php/,relevance:10},{begin:/<\?=/},{begin:/<\?/,relevance:.1},{
-begin:/\?>/}]},{scope:"variable.language",match:/\$this\b/},r,N,f,{
-match:[/const/,/\s/,a],scope:{1:"keyword",3:"variable.constant"}},_,{
-scope:"function",relevance:0,beginKeywords:"fn function",end:/[;{]/,
-excludeEnd:!0,illegal:"[$%\\[]",contains:[{beginKeywords:"use"
-},e.UNDERSCORE_TITLE_MODE,{begin:"=>",endsParent:!0},{scope:"params",
-begin:"\\(",end:"\\)",excludeBegin:!0,excludeEnd:!0,keywords:m,
-contains:["self",r,f,e.C_BLOCK_COMMENT_MODE,c,d]}]},{scope:"class",variants:[{
-beginKeywords:"enum",illegal:/[($"]/},{beginKeywords:"class interface trait",
-illegal:/[:($"]/}],relevance:0,end:/\{/,excludeEnd:!0,contains:[{
-beginKeywords:"extends implements"},e.UNDERSCORE_TITLE_MODE]},{
-beginKeywords:"namespace",relevance:0,end:";",illegal:/[.']/,
-contains:[e.inherit(e.UNDERSCORE_TITLE_MODE,{scope:"title.class"})]},{
-beginKeywords:"use",relevance:0,end:";",contains:[{
-match:/\b(as|const|function)\b/,scope:"keyword"},e.UNDERSCORE_TITLE_MODE]},c,d]}
-},grmr_php_template:e=>({name:"PHP template",subLanguage:"xml",contains:[{
-begin:/<\?(php|=)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",
-end:"\\*/",skip:!0},{begin:'b"',end:'"',skip:!0},{begin:"b'",end:"'",skip:!0
-},e.inherit(e.APOS_STRING_MODE,{illegal:null,className:null,contains:null,
-skip:!0}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null,className:null,
-contains:null,skip:!0})]}]}),grmr_plaintext:e=>({name:"Plain text",
-aliases:["text","txt"],disableAutodetect:!0}),grmr_python:e=>{
-const n=e.regex,t=/[\p{XID_Start}_]\p{XID_Continue}*/u,a=["and","as","assert","async","await","break","case","class","continue","def","del","elif","else","except","finally","for","from","global","if","import","in","is","lambda","match","nonlocal|10","not","or","pass","raise","return","try","while","with","yield"],i={
-$pattern:/[A-Za-z]\w+|__\w+__/,keyword:a,
-built_in:["__import__","abs","all","any","ascii","bin","bool","breakpoint","bytearray","bytes","callable","chr","classmethod","compile","complex","delattr","dict","dir","divmod","enumerate","eval","exec","filter","float","format","frozenset","getattr","globals","hasattr","hash","help","hex","id","input","int","isinstance","issubclass","iter","len","list","locals","map","max","memoryview","min","next","object","oct","open","ord","pow","print","property","range","repr","reversed","round","set","setattr","slice","sorted","staticmethod","str","sum","super","tuple","type","vars","zip"],
-literal:["__debug__","Ellipsis","False","None","NotImplemented","True"],
-type:["Any","Callable","Coroutine","Dict","List","Literal","Generic","Optional","Sequence","Set","Tuple","Type","Union"]
-},r={className:"meta",begin:/^(>>>|\.\.\.) /},s={className:"subst",begin:/\{/,
-end:/\}/,keywords:i,illegal:/#/},o={begin:/\{\{/,relevance:0},l={
-className:"string",contains:[e.BACKSLASH_ESCAPE],variants:[{
-begin:/([uU]|[bB]|[rR]|[bB][rR]|[rR][bB])?'''/,end:/'''/,
-contains:[e.BACKSLASH_ESCAPE,r],relevance:10},{
-begin:/([uU]|[bB]|[rR]|[bB][rR]|[rR][bB])?"""/,end:/"""/,
-contains:[e.BACKSLASH_ESCAPE,r],relevance:10},{
-begin:/([fF][rR]|[rR][fF]|[fF])'''/,end:/'''/,
-contains:[e.BACKSLASH_ESCAPE,r,o,s]},{begin:/([fF][rR]|[rR][fF]|[fF])"""/,
-end:/"""/,contains:[e.BACKSLASH_ESCAPE,r,o,s]},{begin:/([uU]|[rR])'/,end:/'/,
-relevance:10},{begin:/([uU]|[rR])"/,end:/"/,relevance:10},{
-begin:/([bB]|[bB][rR]|[rR][bB])'/,end:/'/},{begin:/([bB]|[bB][rR]|[rR][bB])"/,
-end:/"/},{begin:/([fF][rR]|[rR][fF]|[fF])'/,end:/'/,
-contains:[e.BACKSLASH_ESCAPE,o,s]},{begin:/([fF][rR]|[rR][fF]|[fF])"/,end:/"/,
-contains:[e.BACKSLASH_ESCAPE,o,s]},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]
-},c="[0-9](_?[0-9])*",d=`(\\b(${c}))?\\.(${c})|\\b(${c})\\.`,g="\\b|"+a.join("|"),u={
-className:"number",relevance:0,variants:[{
-begin:`(\\b(${c})|(${d}))[eE][+-]?(${c})[jJ]?(?=${g})`},{begin:`(${d})[jJ]?`},{
-begin:`\\b([1-9](_?[0-9])*|0+(_?0)*)[lLjJ]?(?=${g})`},{
-begin:`\\b0[bB](_?[01])+[lL]?(?=${g})`},{begin:`\\b0[oO](_?[0-7])+[lL]?(?=${g})`
-},{begin:`\\b0[xX](_?[0-9a-fA-F])+[lL]?(?=${g})`},{begin:`\\b(${c})[jJ](?=${g})`
-}]},b={className:"comment",begin:n.lookahead(/# type:/),end:/$/,keywords:i,
-contains:[{begin:/# type:/},{begin:/#/,end:/\b\B/,endsWithParent:!0}]},m={
-className:"params",variants:[{className:"",begin:/\(\s*\)/,skip:!0},{begin:/\(/,
-end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:i,
-contains:["self",r,u,l,e.HASH_COMMENT_MODE]}]};return s.contains=[l,u,r],{
-name:"Python",aliases:["py","gyp","ipython"],unicodeRegex:!0,keywords:i,
-illegal:/(<\/|\?)|=>/,contains:[r,u,{begin:/\bself\b/},{beginKeywords:"if",
-relevance:0},l,b,e.HASH_COMMENT_MODE,{match:[/\bdef/,/\s+/,t],scope:{
-1:"keyword",3:"title.function"},contains:[m]},{variants:[{
-match:[/\bclass/,/\s+/,t,/\s*/,/\(\s*/,t,/\s*\)/]},{match:[/\bclass/,/\s+/,t]}],
-scope:{1:"keyword",3:"title.class",6:"title.class.inherited"}},{
-className:"meta",begin:/^[\t ]*@/,end:/(?=#)|$/,contains:[u,m,l]}]}},
-grmr_python_repl:e=>({aliases:["pycon"],contains:[{className:"meta.prompt",
-starts:{end:/ |$/,starts:{end:"$",subLanguage:"python"}},variants:[{
-begin:/^>>>(?=[ ]|$)/},{begin:/^\.\.\.(?=[ ]|$)/}]}]}),grmr_r:e=>{
-const n=e.regex,t=/(?:(?:[a-zA-Z]|\.[._a-zA-Z])[._a-zA-Z0-9]*)|\.(?!\d)/,a=n.either(/0[xX][0-9a-fA-F]+\.[0-9a-fA-F]*[pP][+-]?\d+i?/,/0[xX][0-9a-fA-F]+(?:[pP][+-]?\d+)?[Li]?/,/(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][+-]?\d+)?[Li]?/),i=/[=!<>:]=|\|\||&&|:::?|<-|<<-|->>|->|\|>|[-+*\/?!$&|:<=>@^~]|\*\*/,r=n.either(/[()]/,/[{}]/,/\[\[/,/[[\]]/,/\\/,/,/)
-;return{name:"R",keywords:{$pattern:t,
-keyword:"function if in break next repeat else for while",
-literal:"NULL NA TRUE FALSE Inf NaN NA_integer_|10 NA_real_|10 NA_character_|10 NA_complex_|10",
-built_in:"LETTERS letters month.abb month.name pi T F abs acos acosh all any anyNA Arg as.call as.character as.complex as.double as.environment as.integer as.logical as.null.default as.numeric as.raw asin asinh atan atanh attr attributes baseenv browser c call ceiling class Conj cos cosh cospi cummax cummin cumprod cumsum digamma dim dimnames emptyenv exp expression floor forceAndCall gamma gc.time globalenv Im interactive invisible is.array is.atomic is.call is.character is.complex is.double is.environment is.expression is.finite is.function is.infinite is.integer is.language is.list is.logical is.matrix is.na is.name is.nan is.null is.numeric is.object is.pairlist is.raw is.recursive is.single is.symbol lazyLoadDBfetch length lgamma list log max min missing Mod names nargs nzchar oldClass on.exit pos.to.env proc.time prod quote range Re rep retracemem return round seq_along seq_len seq.int sign signif sin sinh sinpi sqrt standardGeneric substitute sum switch tan tanh tanpi tracemem trigamma trunc unclass untracemem UseMethod xtfrm"
-},contains:[e.COMMENT(/#'/,/$/,{contains:[{scope:"doctag",match:/@examples/,
-starts:{end:n.lookahead(n.either(/\n^#'\s*(?=@[a-zA-Z]+)/,/\n^(?!#')/)),
-endsParent:!0}},{scope:"doctag",begin:"@param",end:/$/,contains:[{
-scope:"variable",variants:[{match:t},{match:/`(?:\\.|[^`\\])+`/}],endsParent:!0
-}]},{scope:"doctag",match:/@[a-zA-Z]+/},{scope:"keyword",match:/\\[a-zA-Z]+/}]
-}),e.HASH_COMMENT_MODE,{scope:"string",contains:[e.BACKSLASH_ESCAPE],
-variants:[e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\(/,end:/\)(-*)"/
-}),e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\{/,end:/\}(-*)"/
-}),e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\[/,end:/\](-*)"/
-}),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\(/,end:/\)(-*)'/
-}),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\{/,end:/\}(-*)'/
-}),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\[/,end:/\](-*)'/}),{begin:'"',end:'"',
-relevance:0},{begin:"'",end:"'",relevance:0}]},{relevance:0,variants:[{scope:{
-1:"operator",2:"number"},match:[i,a]},{scope:{1:"operator",2:"number"},
-match:[/%[^%]*%/,a]},{scope:{1:"punctuation",2:"number"},match:[r,a]},{scope:{
-2:"number"},match:[/[^a-zA-Z0-9._]|^/,a]}]},{scope:{3:"operator"},
-match:[t,/\s+/,/<-/,/\s+/]},{scope:"operator",relevance:0,variants:[{match:i},{
-match:/%[^%]*%/}]},{scope:"punctuation",relevance:0,match:r},{begin:"`",end:"`",
-contains:[{begin:/\\./}]}]}},grmr_ruby:e=>{
-const n=e.regex,t="([a-zA-Z_]\\w*[!?=]?|[-+~]@|<<|>>|=~|===?|<=>|[<>]=?|\\*\\*|[-/+%^&*~`|]|\\[\\]=?)",a=n.either(/\b([A-Z]+[a-z0-9]+)+/,/\b([A-Z]+[a-z0-9]+)+[A-Z]+/),i=n.concat(a,/(::\w+)*/),r={
-"variable.constant":["__FILE__","__LINE__","__ENCODING__"],
-"variable.language":["self","super"],
-keyword:["alias","and","begin","BEGIN","break","case","class","defined","do","else","elsif","end","END","ensure","for","if","in","module","next","not","or","redo","require","rescue","retry","return","then","undef","unless","until","when","while","yield","include","extend","prepend","public","private","protected","raise","throw"],
-built_in:["proc","lambda","attr_accessor","attr_reader","attr_writer","define_method","private_constant","module_function"],
-literal:["true","false","nil"]},s={className:"doctag",begin:"@[A-Za-z]+"},o={
-begin:"#<",end:">"},l=[e.COMMENT("#","$",{contains:[s]
-}),e.COMMENT("^=begin","^=end",{contains:[s],relevance:10
-}),e.COMMENT("^__END__",e.MATCH_NOTHING_RE)],c={className:"subst",begin:/#\{/,
-end:/\}/,keywords:r},d={className:"string",contains:[e.BACKSLASH_ESCAPE,c],
-variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/`/,end:/`/},{
-begin:/%[qQwWx]?\(/,end:/\)/},{begin:/%[qQwWx]?\[/,end:/\]/},{
-begin:/%[qQwWx]?\{/,end:/\}/},{begin:/%[qQwWx]?/},{begin:/%[qQwWx]?\//,
-end:/\//},{begin:/%[qQwWx]?%/,end:/%/},{begin:/%[qQwWx]?-/,end:/-/},{
-begin:/%[qQwWx]?\|/,end:/\|/},{begin:/\B\?(\\\d{1,3})/},{
-begin:/\B\?(\\x[A-Fa-f0-9]{1,2})/},{begin:/\B\?(\\u\{?[A-Fa-f0-9]{1,6}\}?)/},{
-begin:/\B\?(\\M-\\C-|\\M-\\c|\\c\\M-|\\M-|\\C-\\M-)[\x20-\x7e]/},{
-begin:/\B\?\\(c|C-)[\x20-\x7e]/},{begin:/\B\?\\?\S/},{
-begin:n.concat(/<<[-~]?'?/,n.lookahead(/(\w+)(?=\W)[^\n]*\n(?:[^\n]*\n)*?\s*\1\b/)),
-contains:[e.END_SAME_AS_BEGIN({begin:/(\w+)/,end:/(\w+)/,
-contains:[e.BACKSLASH_ESCAPE,c]})]}]},g="[0-9](_?[0-9])*",u={className:"number",
-relevance:0,variants:[{
-begin:`\\b([1-9](_?[0-9])*|0)(\\.(${g}))?([eE][+-]?(${g})|r)?i?\\b`},{
-begin:"\\b0[dD][0-9](_?[0-9])*r?i?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*r?i?\\b"
-},{begin:"\\b0[oO][0-7](_?[0-7])*r?i?\\b"},{
-begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*r?i?\\b"},{
-begin:"\\b0(_?[0-7])+r?i?\\b"}]},b={variants:[{match:/\(\)/},{
-className:"params",begin:/\(/,end:/(?=\))/,excludeBegin:!0,endsParent:!0,
-keywords:r}]},m=[d,{variants:[{match:[/class\s+/,i,/\s+<\s+/,i]},{
-match:[/\b(class|module)\s+/,i]}],scope:{2:"title.class",
-4:"title.class.inherited"},keywords:r},{match:[/(include|extend)\s+/,i],scope:{
-2:"title.class"},keywords:r},{relevance:0,match:[i,/\.new[. (]/],scope:{
-1:"title.class"}},{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,
-className:"variable.constant"},{relevance:0,match:a,scope:"title.class"},{
-match:[/def/,/\s+/,t],scope:{1:"keyword",3:"title.function"},contains:[b]},{
-begin:e.IDENT_RE+"::"},{className:"symbol",
-begin:e.UNDERSCORE_IDENT_RE+"(!|\\?)?:",relevance:0},{className:"symbol",
-begin:":(?!\\s)",contains:[d,{begin:t}],relevance:0},u,{className:"variable",
-begin:"(\\$\\W)|((\\$|@@?)(\\w+))(?=[^@$?])(?![A-Za-z])(?![@$?'])"},{
-className:"params",begin:/\|/,end:/\|/,excludeBegin:!0,excludeEnd:!0,
-relevance:0,keywords:r},{begin:"("+e.RE_STARTERS_RE+"|unless)\\s*",
-keywords:"unless",contains:[{className:"regexp",contains:[e.BACKSLASH_ESCAPE,c],
-illegal:/\n/,variants:[{begin:"/",end:"/[a-z]*"},{begin:/%r\{/,end:/\}[a-z]*/},{
-begin:"%r\\(",end:"\\)[a-z]*"},{begin:"%r!",end:"![a-z]*"},{begin:"%r\\[",
-end:"\\][a-z]*"}]}].concat(o,l),relevance:0}].concat(o,l)
-;c.contains=m,b.contains=m;const p=[{begin:/^\s*=>/,starts:{end:"$",contains:m}
-},{className:"meta.prompt",
-begin:"^([>?]>|[\\w#]+\\(\\w+\\):\\d+:\\d+[>*]|(\\w+-)?\\d+\\.\\d+\\.\\d+(p\\d+)?[^\\d][^>]+>)(?=[ ])",
-starts:{end:"$",keywords:r,contains:m}}];return l.unshift(o),{name:"Ruby",
-aliases:["rb","gemspec","podspec","thor","irb"],keywords:r,illegal:/\/\*/,
-contains:[e.SHEBANG({binary:"ruby"})].concat(p).concat(l).concat(m)}},
-grmr_rust:e=>{const n=e.regex,t={className:"title.function.invoke",relevance:0,
-begin:n.concat(/\b/,/(?!let|for|while|if|else|match\b)/,e.IDENT_RE,n.lookahead(/\s*\(/))
-},a="([ui](8|16|32|64|128|size)|f(32|64))?",i=["drop ","Copy","Send","Sized","Sync","Drop","Fn","FnMut","FnOnce","ToOwned","Clone","Debug","PartialEq","PartialOrd","Eq","Ord","AsRef","AsMut","Into","From","Default","Iterator","Extend","IntoIterator","DoubleEndedIterator","ExactSizeIterator","SliceConcatExt","ToString","assert!","assert_eq!","bitflags!","bytes!","cfg!","col!","concat!","concat_idents!","debug_assert!","debug_assert_eq!","env!","eprintln!","panic!","file!","format!","format_args!","include_bytes!","include_str!","line!","local_data_key!","module_path!","option_env!","print!","println!","select!","stringify!","try!","unimplemented!","unreachable!","vec!","write!","writeln!","macro_rules!","assert_ne!","debug_assert_ne!"],r=["i8","i16","i32","i64","i128","isize","u8","u16","u32","u64","u128","usize","f32","f64","str","char","bool","Box","Option","Result","String","Vec"]
-;return{name:"Rust",aliases:["rs"],keywords:{$pattern:e.IDENT_RE+"!?",type:r,
-keyword:["abstract","as","async","await","become","box","break","const","continue","crate","do","dyn","else","enum","extern","false","final","fn","for","if","impl","in","let","loop","macro","match","mod","move","mut","override","priv","pub","ref","return","self","Self","static","struct","super","trait","true","try","type","typeof","unsafe","unsized","use","virtual","where","while","yield"],
-literal:["true","false","Some","None","Ok","Err"],built_in:i},illegal:""},t]}},
-grmr_scss:e=>{const n=ie(e),t=le,a=oe,i="@[a-z-]+",r={className:"variable",
-begin:"(\\$[a-zA-Z-][a-zA-Z0-9_-]*)\\b",relevance:0};return{name:"SCSS",
-case_insensitive:!0,illegal:"[=/|']",
-contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,n.CSS_NUMBER_MODE,{
-className:"selector-id",begin:"#[A-Za-z0-9_-]+",relevance:0},{
-className:"selector-class",begin:"\\.[A-Za-z0-9_-]+",relevance:0
-},n.ATTRIBUTE_SELECTOR_MODE,{className:"selector-tag",
-begin:"\\b("+re.join("|")+")\\b",relevance:0},{className:"selector-pseudo",
-begin:":("+a.join("|")+")"},{className:"selector-pseudo",
-begin:":(:)?("+t.join("|")+")"},r,{begin:/\(/,end:/\)/,
-contains:[n.CSS_NUMBER_MODE]},n.CSS_VARIABLE,{className:"attribute",
-begin:"\\b("+ce.join("|")+")\\b"},{
-begin:"\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middle|medium|ltr|lr-tb|lowercase|lower-roman|lower-alpha|loose|list-item|line|line-through|line-edge|lighter|left|keep-all|justify|italic|inter-word|inter-ideograph|inside|inset|inline|inline-block|inherit|inactive|ideograph-space|ideograph-parenthesis|ideograph-numeric|ideograph-alpha|horizontal|hidden|help|hand|groove|fixed|ellipsis|e-resize|double|dotted|distribute|distribute-space|distribute-letter|distribute-all-lines|disc|disabled|default|decimal|dashed|crosshair|collapse|col-resize|circle|char|center|capitalize|break-word|break-all|bottom|both|bolder|bold|block|bidi-override|below|baseline|auto|always|all-scroll|absolute|table|table-cell)\\b"
-},{begin:/:/,end:/[;}{]/,relevance:0,
-contains:[n.BLOCK_COMMENT,r,n.HEXCOLOR,n.CSS_NUMBER_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,n.IMPORTANT,n.FUNCTION_DISPATCH]
-},{begin:"@(page|font-face)",keywords:{$pattern:i,keyword:"@page @font-face"}},{
-begin:"@",end:"[{;]",returnBegin:!0,keywords:{$pattern:/[a-z-]+/,
-keyword:"and or not only",attribute:se.join(" ")},contains:[{begin:i,
-className:"keyword"},{begin:/[a-z-]+(?=:)/,className:"attribute"
-},r,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,n.HEXCOLOR,n.CSS_NUMBER_MODE]
-},n.FUNCTION_DISPATCH]}},grmr_shell:e=>({name:"Shell Session",
-aliases:["console","shellsession"],contains:[{className:"meta.prompt",
-begin:/^\s{0,3}[/~\w\d[\]()@-]*[>%$#][ ]?/,starts:{end:/[^\\](?=\s*$)/,
-subLanguage:"bash"}}]}),grmr_sql:e=>{
-const n=e.regex,t=e.COMMENT("--","$"),a=["true","false","unknown"],i=["bigint","binary","blob","boolean","char","character","clob","date","dec","decfloat","decimal","float","int","integer","interval","nchar","nclob","national","numeric","real","row","smallint","time","timestamp","varchar","varying","varbinary"],r=["abs","acos","array_agg","asin","atan","avg","cast","ceil","ceiling","coalesce","corr","cos","cosh","count","covar_pop","covar_samp","cume_dist","dense_rank","deref","element","exp","extract","first_value","floor","json_array","json_arrayagg","json_exists","json_object","json_objectagg","json_query","json_table","json_table_primitive","json_value","lag","last_value","lead","listagg","ln","log","log10","lower","max","min","mod","nth_value","ntile","nullif","percent_rank","percentile_cont","percentile_disc","position","position_regex","power","rank","regr_avgx","regr_avgy","regr_count","regr_intercept","regr_r2","regr_slope","regr_sxx","regr_sxy","regr_syy","row_number","sin","sinh","sqrt","stddev_pop","stddev_samp","substring","substring_regex","sum","tan","tanh","translate","translate_regex","treat","trim","trim_array","unnest","upper","value_of","var_pop","var_samp","width_bucket"],s=["create table","insert into","primary key","foreign key","not null","alter table","add constraint","grouping sets","on overflow","character set","respect nulls","ignore nulls","nulls first","nulls last","depth first","breadth first"],o=r,l=["abs","acos","all","allocate","alter","and","any","are","array","array_agg","array_max_cardinality","as","asensitive","asin","asymmetric","at","atan","atomic","authorization","avg","begin","begin_frame","begin_partition","between","bigint","binary","blob","boolean","both","by","call","called","cardinality","cascaded","case","cast","ceil","ceiling","char","char_length","character","character_length","check","classifier","clob","close","coalesce","collate","collect","column","commit","condition","connect","constraint","contains","convert","copy","corr","corresponding","cos","cosh","count","covar_pop","covar_samp","create","cross","cube","cume_dist","current","current_catalog","current_date","current_default_transform_group","current_path","current_role","current_row","current_schema","current_time","current_timestamp","current_path","current_role","current_transform_group_for_type","current_user","cursor","cycle","date","day","deallocate","dec","decimal","decfloat","declare","default","define","delete","dense_rank","deref","describe","deterministic","disconnect","distinct","double","drop","dynamic","each","element","else","empty","end","end_frame","end_partition","end-exec","equals","escape","every","except","exec","execute","exists","exp","external","extract","false","fetch","filter","first_value","float","floor","for","foreign","frame_row","free","from","full","function","fusion","get","global","grant","group","grouping","groups","having","hold","hour","identity","in","indicator","initial","inner","inout","insensitive","insert","int","integer","intersect","intersection","interval","into","is","join","json_array","json_arrayagg","json_exists","json_object","json_objectagg","json_query","json_table","json_table_primitive","json_value","lag","language","large","last_value","lateral","lead","leading","left","like","like_regex","listagg","ln","local","localtime","localtimestamp","log","log10","lower","match","match_number","match_recognize","matches","max","member","merge","method","min","minute","mod","modifies","module","month","multiset","national","natural","nchar","nclob","new","no","none","normalize","not","nth_value","ntile","null","nullif","numeric","octet_length","occurrences_regex","of","offset","old","omit","on","one","only","open","or","order","out","outer","over","overlaps","overlay","parameter","partition","pattern","per","percent","percent_rank","percentile_cont","percentile_disc","period","portion","position","position_regex","power","precedes","precision","prepare","primary","procedure","ptf","range","rank","reads","real","recursive","ref","references","referencing","regr_avgx","regr_avgy","regr_count","regr_intercept","regr_r2","regr_slope","regr_sxx","regr_sxy","regr_syy","release","result","return","returns","revoke","right","rollback","rollup","row","row_number","rows","running","savepoint","scope","scroll","search","second","seek","select","sensitive","session_user","set","show","similar","sin","sinh","skip","smallint","some","specific","specifictype","sql","sqlexception","sqlstate","sqlwarning","sqrt","start","static","stddev_pop","stddev_samp","submultiset","subset","substring","substring_regex","succeeds","sum","symmetric","system","system_time","system_user","table","tablesample","tan","tanh","then","time","timestamp","timezone_hour","timezone_minute","to","trailing","translate","translate_regex","translation","treat","trigger","trim","trim_array","true","truncate","uescape","union","unique","unknown","unnest","update","upper","user","using","value","values","value_of","var_pop","var_samp","varbinary","varchar","varying","versioning","when","whenever","where","width_bucket","window","with","within","without","year","add","asc","collation","desc","final","first","last","view"].filter((e=>!r.includes(e))),c={
-begin:n.concat(/\b/,n.either(...o),/\s*\(/),relevance:0,keywords:{built_in:o}}
-;return{name:"SQL",case_insensitive:!0,illegal:/[{}]|<\//,keywords:{
-$pattern:/\b[\w\.]+/,keyword:((e,{exceptions:n,when:t}={})=>{const a=t
-;return n=n||[],e.map((e=>e.match(/\|\d+$/)||n.includes(e)?e:a(e)?e+"|0":e))
-})(l,{when:e=>e.length<3}),literal:a,type:i,
-built_in:["current_catalog","current_date","current_default_transform_group","current_path","current_role","current_schema","current_transform_group_for_type","current_user","session_user","system_time","system_user","current_time","localtime","current_timestamp","localtimestamp"]
-},contains:[{begin:n.either(...s),relevance:0,keywords:{$pattern:/[\w\.]+/,
-keyword:l.concat(s),literal:a,type:i}},{className:"type",
-begin:n.either("double precision","large object","with timezone","without timezone")
-},c,{className:"variable",begin:/@[a-z0-9][a-z0-9_]*/},{className:"string",
-variants:[{begin:/'/,end:/'/,contains:[{begin:/''/}]}]},{begin:/"/,end:/"/,
-contains:[{begin:/""/}]},e.C_NUMBER_MODE,e.C_BLOCK_COMMENT_MODE,t,{
-className:"operator",begin:/[-+*/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?/,
-relevance:0}]}},grmr_swift:e=>{const n={match:/\s+/,relevance:0
-},t=e.COMMENT("/\\*","\\*/",{contains:["self"]}),a=[e.C_LINE_COMMENT_MODE,t],i={
-match:[/\./,m(...xe,...Me)],className:{2:"keyword"}},r={match:b(/\./,m(...Ae)),
-relevance:0},s=Ae.filter((e=>"string"==typeof e)).concat(["_|0"]),o={variants:[{
-className:"keyword",
-match:m(...Ae.filter((e=>"string"!=typeof e)).concat(Se).map(ke),...Me)}]},l={
-$pattern:m(/\b\w+/,/#\w+/),keyword:s.concat(Re),literal:Ce},c=[i,r,o],g=[{
-match:b(/\./,m(...De)),relevance:0},{className:"built_in",
-match:b(/\b/,m(...De),/(?=\()/)}],u={match:/->/,relevance:0},p=[u,{
-className:"operator",relevance:0,variants:[{match:Be},{match:`\\.(\\.|${Le})+`}]
-}],_="([0-9]_*)+",h="([0-9a-fA-F]_*)+",f={className:"number",relevance:0,
-variants:[{match:`\\b(${_})(\\.(${_}))?([eE][+-]?(${_}))?\\b`},{
-match:`\\b0x(${h})(\\.(${h}))?([pP][+-]?(${_}))?\\b`},{match:/\b0o([0-7]_*)+\b/
-},{match:/\b0b([01]_*)+\b/}]},E=(e="")=>({className:"subst",variants:[{
-match:b(/\\/,e,/[0\\tnr"']/)},{match:b(/\\/,e,/u\{[0-9a-fA-F]{1,8}\}/)}]
-}),y=(e="")=>({className:"subst",match:b(/\\/,e,/[\t ]*(?:[\r\n]|\r\n)/)
-}),N=(e="")=>({className:"subst",label:"interpol",begin:b(/\\/,e,/\(/),end:/\)/
-}),w=(e="")=>({begin:b(e,/"""/),end:b(/"""/,e),contains:[E(e),y(e),N(e)]
-}),v=(e="")=>({begin:b(e,/"/),end:b(/"/,e),contains:[E(e),N(e)]}),O={
-className:"string",
-variants:[w(),w("#"),w("##"),w("###"),v(),v("#"),v("##"),v("###")]
-},k=[e.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,
-contains:[e.BACKSLASH_ESCAPE]}],x={begin:/\/[^\s](?=[^/\n]*\/)/,end:/\//,
-contains:k},M=e=>{const n=b(e,/\//),t=b(/\//,e);return{begin:n,end:t,
-contains:[...k,{scope:"comment",begin:`#(?!.*${t})`,end:/$/}]}},S={
-scope:"regexp",variants:[M("###"),M("##"),M("#"),x]},A={match:b(/`/,Fe,/`/)
-},C=[A,{className:"variable",match:/\$\d+/},{className:"variable",
-match:`\\$${ze}+`}],T=[{match:/(@|#(un)?)available/,scope:"keyword",starts:{
-contains:[{begin:/\(/,end:/\)/,keywords:Pe,contains:[...p,f,O]}]}},{
-scope:"keyword",match:b(/@/,m(...je))},{scope:"meta",match:b(/@/,Fe)}],R={
-match:d(/\b[A-Z]/),relevance:0,contains:[{className:"type",
-match:b(/(AV|CA|CF|CG|CI|CL|CM|CN|CT|MK|MP|MTK|MTL|NS|SCN|SK|UI|WK|XC)/,ze,"+")
-},{className:"type",match:Ue,relevance:0},{match:/[?!]+/,relevance:0},{
-match:/\.\.\./,relevance:0},{match:b(/\s+&\s+/,d(Ue)),relevance:0}]},D={
-begin://,keywords:l,contains:[...a,...c,...T,u,R]};R.contains.push(D)
-;const I={begin:/\(/,end:/\)/,relevance:0,keywords:l,contains:["self",{
-match:b(Fe,/\s*:/),keywords:"_|0",relevance:0
-},...a,S,...c,...g,...p,f,O,...C,...T,R]},L={begin://,
-keywords:"repeat each",contains:[...a,R]},B={begin:/\(/,end:/\)/,keywords:l,
-contains:[{begin:m(d(b(Fe,/\s*:/)),d(b(Fe,/\s+/,Fe,/\s*:/))),end:/:/,
-relevance:0,contains:[{className:"keyword",match:/\b_\b/},{className:"params",
-match:Fe}]},...a,...c,...p,f,O,...T,R,I],endsParent:!0,illegal:/["']/},$={
-match:[/(func|macro)/,/\s+/,m(A.match,Fe,Be)],className:{1:"keyword",
-3:"title.function"},contains:[L,B,n],illegal:[/\[/,/%/]},z={
-match:[/\b(?:subscript|init[?!]?)/,/\s*(?=[<(])/],className:{1:"keyword"},
-contains:[L,B,n],illegal:/\[|%/},F={match:[/operator/,/\s+/,Be],className:{
-1:"keyword",3:"title"}},U={begin:[/precedencegroup/,/\s+/,Ue],className:{
-1:"keyword",3:"title"},contains:[R],keywords:[...Te,...Ce],end:/}/}
-;for(const e of O.variants){const n=e.contains.find((e=>"interpol"===e.label))
-;n.keywords=l;const t=[...c,...g,...p,f,O,...C];n.contains=[...t,{begin:/\(/,
-end:/\)/,contains:["self",...t]}]}return{name:"Swift",keywords:l,
-contains:[...a,$,z,{beginKeywords:"struct protocol class extension enum actor",
-end:"\\{",excludeEnd:!0,keywords:l,contains:[e.inherit(e.TITLE_MODE,{
-className:"title.class",begin:/[A-Za-z$_][\u00C0-\u02B80-9A-Za-z$_]*/}),...c]
-},F,U,{beginKeywords:"import",end:/$/,contains:[...a],relevance:0
-},S,...c,...g,...p,f,O,...C,...T,R,I]}},grmr_typescript:e=>{
-const n=Oe(e),t=_e,a=["any","void","number","boolean","string","object","never","symbol","bigint","unknown"],i={
-beginKeywords:"namespace",end:/\{/,excludeEnd:!0,
-contains:[n.exports.CLASS_REFERENCE]},r={beginKeywords:"interface",end:/\{/,
-excludeEnd:!0,keywords:{keyword:"interface extends",built_in:a},
-contains:[n.exports.CLASS_REFERENCE]},s={$pattern:_e,
-keyword:he.concat(["type","namespace","interface","public","private","protected","implements","declare","abstract","readonly","enum","override"]),
-literal:fe,built_in:ve.concat(a),"variable.language":we},o={className:"meta",
-begin:"@"+t},l=(e,n,t)=>{const a=e.contains.findIndex((e=>e.label===n))
-;if(-1===a)throw Error("can not find mode to replace");e.contains.splice(a,1,t)}
-;return Object.assign(n.keywords,s),
-n.exports.PARAMS_CONTAINS.push(o),n.contains=n.contains.concat([o,i,r]),
-l(n,"shebang",e.SHEBANG()),l(n,"use_strict",{className:"meta",relevance:10,
-begin:/^\s*['"]use strict['"]/
-}),n.contains.find((e=>"func.def"===e.label)).relevance=0,Object.assign(n,{
-name:"TypeScript",aliases:["ts","tsx","mts","cts"]}),n},grmr_vbnet:e=>{
-const n=e.regex,t=/\d{1,2}\/\d{1,2}\/\d{4}/,a=/\d{4}-\d{1,2}-\d{1,2}/,i=/(\d|1[012])(:\d+){0,2} *(AM|PM)/,r=/\d{1,2}(:\d{1,2}){1,2}/,s={
-className:"literal",variants:[{begin:n.concat(/# */,n.either(a,t),/ *#/)},{
-begin:n.concat(/# */,r,/ *#/)},{begin:n.concat(/# */,i,/ *#/)},{
-begin:n.concat(/# */,n.either(a,t),/ +/,n.either(i,r),/ *#/)}]
-},o=e.COMMENT(/'''/,/$/,{contains:[{className:"doctag",begin:/<\/?/,end:/>/}]
-}),l=e.COMMENT(null,/$/,{variants:[{begin:/'/},{begin:/([\t ]|^)REM(?=\s)/}]})
-;return{name:"Visual Basic .NET",aliases:["vb"],case_insensitive:!0,
-classNameAliases:{label:"symbol"},keywords:{
-keyword:"addhandler alias aggregate ansi as async assembly auto binary by byref byval call case catch class compare const continue custom declare default delegate dim distinct do each equals else elseif end enum erase error event exit explicit finally for friend from function get global goto group handles if implements imports in inherits interface into iterator join key let lib loop me mid module mustinherit mustoverride mybase myclass namespace narrowing new next notinheritable notoverridable of off on operator option optional order overloads overridable overrides paramarray partial preserve private property protected public raiseevent readonly redim removehandler resume return select set shadows shared skip static step stop structure strict sub synclock take text then throw to try unicode until using when where while widening with withevents writeonly yield",
-built_in:"addressof and andalso await directcast gettype getxmlnamespace is isfalse isnot istrue like mod nameof new not or orelse trycast typeof xor cbool cbyte cchar cdate cdbl cdec cint clng cobj csbyte cshort csng cstr cuint culng cushort",
-type:"boolean byte char date decimal double integer long object sbyte short single string uinteger ulong ushort",
-literal:"true false nothing"},
-illegal:"//|\\{|\\}|endif|gosub|variant|wend|^\\$ ",contains:[{
-className:"string",begin:/"(""|[^/n])"C\b/},{className:"string",begin:/"/,
-end:/"/,illegal:/\n/,contains:[{begin:/""/}]},s,{className:"number",relevance:0,
-variants:[{begin:/\b\d[\d_]*((\.[\d_]+(E[+-]?[\d_]+)?)|(E[+-]?[\d_]+))[RFD@!#]?/
-},{begin:/\b\d[\d_]*((U?[SIL])|[%&])?/},{begin:/&H[\dA-F_]+((U?[SIL])|[%&])?/},{
-begin:/&O[0-7_]+((U?[SIL])|[%&])?/},{begin:/&B[01_]+((U?[SIL])|[%&])?/}]},{
-className:"label",begin:/^\w+:/},o,l,{className:"meta",
-begin:/[\t ]*#(const|disable|else|elseif|enable|end|externalsource|if|region)\b/,
-end:/$/,keywords:{
-keyword:"const disable else elseif enable end externalsource if region then"},
-contains:[l]}]}},grmr_wasm:e=>{e.regex;const n=e.COMMENT(/\(;/,/;\)/)
-;return n.contains.push("self"),{name:"WebAssembly",keywords:{$pattern:/[\w.]+/,
-keyword:["anyfunc","block","br","br_if","br_table","call","call_indirect","data","drop","elem","else","end","export","func","global.get","global.set","local.get","local.set","local.tee","get_global","get_local","global","if","import","local","loop","memory","memory.grow","memory.size","module","mut","nop","offset","param","result","return","select","set_global","set_local","start","table","tee_local","then","type","unreachable"]
-},contains:[e.COMMENT(/;;/,/$/),n,{match:[/(?:offset|align)/,/\s*/,/=/],
-className:{1:"keyword",3:"operator"}},{className:"variable",begin:/\$[\w_]+/},{
-match:/(\((?!;)|\))+/,className:"punctuation",relevance:0},{
-begin:[/(?:func|call|call_indirect)/,/\s+/,/\$[^\s)]+/],className:{1:"keyword",
-3:"title.function"}},e.QUOTE_STRING_MODE,{match:/(i32|i64|f32|f64)(?!\.)/,
-className:"type"},{className:"keyword",
-match:/\b(f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|nearest|neg?|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|store(?:8|16|32)?|sqrt|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))\b/
-},{className:"number",relevance:0,
-match:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/
-}]}},grmr_xml:e=>{
-const n=e.regex,t=n.concat(/[\p{L}_]/u,n.optional(/[\p{L}0-9_.-]*:/u),/[\p{L}0-9_.-]*/u),a={
-className:"symbol",begin:/&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/},i={begin:/\s/,
-contains:[{className:"keyword",begin:/#?[a-z_][a-z1-9_-]+/,illegal:/\n/}]
-},r=e.inherit(i,{begin:/\(/,end:/\)/}),s=e.inherit(e.APOS_STRING_MODE,{
-className:"string"}),o=e.inherit(e.QUOTE_STRING_MODE,{className:"string"}),l={
-endsWithParent:!0,illegal:/`]+/}]}]}]};return{
-name:"HTML, XML",
-aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],
-case_insensitive:!0,unicodeRegex:!0,contains:[{className:"meta",begin://,relevance:10,contains:[i,o,s,r,{begin:/\[/,end:/\]/,contains:[{
-className:"meta",begin://,contains:[i,r,o,s]}]}]
-},e.COMMENT(//,{relevance:10}),{begin://,
-relevance:10},a,{className:"meta",end:/\?>/,variants:[{begin:/<\?xml/,
-relevance:10,contains:[o]},{begin:/<\?[a-z][a-z0-9]+/}]},{className:"tag",
-begin:/)/,end:/>/,keywords:{name:"style"},contains:[l],starts:{
-end:/<\/style>/,returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",
-begin:/)/,end:/>/,keywords:{name:"script"},contains:[l],starts:{
-end:/<\/script>/,returnEnd:!0,subLanguage:["javascript","handlebars","xml"]}},{
-className:"tag",begin:/<>|<\/>/},{className:"tag",
-begin:n.concat(//,/>/,/\s/)))),
-end:/\/?>/,contains:[{className:"name",begin:t,relevance:0,starts:l}]},{
-className:"tag",begin:n.concat(/<\//,n.lookahead(n.concat(t,/>/))),contains:[{
-className:"name",begin:t,relevance:0},{begin:/>/,relevance:0,endsParent:!0}]}]}
-},grmr_yaml:e=>{
-const n="true false yes no null",t="[\\w#;/?:@&=+$,.~*'()[\\]]+",a={
-className:"string",relevance:0,variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/
-},{begin:/\S+/}],contains:[e.BACKSLASH_ESCAPE,{className:"template-variable",
-variants:[{begin:/\{\{/,end:/\}\}/},{begin:/%\{/,end:/\}/}]}]},i=e.inherit(a,{
-variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/[^\s,{}[\]]+/}]}),r={
-end:",",endsWithParent:!0,excludeEnd:!0,keywords:n,relevance:0},s={begin:/\{/,
-end:/\}/,contains:[r],illegal:"\\n",relevance:0},o={begin:"\\[",end:"\\]",
-contains:[r],illegal:"\\n",relevance:0},l=[{className:"attr",variants:[{
-begin:"\\w[\\w :\\/.-]*:(?=[ \t]|$)"},{begin:'"\\w[\\w :\\/.-]*":(?=[ \t]|$)'},{
-begin:"'\\w[\\w :\\/.-]*':(?=[ \t]|$)"}]},{className:"meta",begin:"^---\\s*$",
-relevance:10},{className:"string",
-begin:"[\\|>]([1-9]?[+-])?[ ]*\\n( +)[^ ][^\\n]*\\n(\\2[^\\n]+\\n?)*"},{
-begin:"<%[%=-]?",end:"[%-]?%>",subLanguage:"ruby",excludeBegin:!0,excludeEnd:!0,
-relevance:0},{className:"type",begin:"!\\w+!"+t},{className:"type",
-begin:"!<"+t+">"},{className:"type",begin:"!"+t},{className:"type",begin:"!!"+t
-},{className:"meta",begin:"&"+e.UNDERSCORE_IDENT_RE+"$"},{className:"meta",
-begin:"\\*"+e.UNDERSCORE_IDENT_RE+"$"},{className:"bullet",begin:"-(?=[ ]|$)",
-relevance:0},e.HASH_COMMENT_MODE,{beginKeywords:n,keywords:{literal:n}},{
-className:"number",
-begin:"\\b[0-9]{4}(-[0-9][0-9]){0,2}([Tt \\t][0-9][0-9]?(:[0-9][0-9]){2})?(\\.[0-9]*)?([ \\t])*(Z|[-+][0-9][0-9]?(:[0-9][0-9])?)?\\b"
-},{className:"number",begin:e.C_NUMBER_RE+"\\b",relevance:0},s,o,a],c=[...l]
-;return c.pop(),c.push(i),r.contains=c,{name:"YAML",case_insensitive:!0,
-aliases:["yml"],contains:l}}});const He=ae;for(const e of Object.keys(Ke)){
-const n=e.replace("grmr_","").replace("_","-");He.registerLanguage(n,Ke[e])}
-return He}()
-;"object"==typeof exports&&"undefined"!=typeof module&&(module.exports=hljs);
diff --git a/assets/js/post.js b/assets/js/post.js
deleted file mode 100644
index 10b80e7d..00000000
--- a/assets/js/post.js
+++ /dev/null
@@ -1,240 +0,0 @@
-document.addEventListener('DOMContentLoaded', function(){
- var innerContent = document.querySelector('main');
- let currentTheme = localStorage.getItem('theme');
-
- // tocbot
- var headings = innerContent.querySelectorAll('h1, h2');
- var prevHead;
-
- const tocBorad = document.querySelector(".toc-board");
-
- Array.from(headings).forEach(function(heading){
- let tocItem = document.createElement("li");
- tocItem.classList.add("toc-list-item");
-
- let itemLink = document.createElement("a");
- itemLink.classList.add("toc-link");
- itemLink.id = "toc-id-" + heading.textContent;
- itemLink.textContent = heading.textContent;
-
- tocItem.append(itemLink);
-
- itemLink.addEventListener('click', function(){
- heading.scrollIntoView({
- behavior: 'smooth'
- });
- });
-
- if (heading.tagName == 'H1'){
- itemLink.classList.add("node-name--H1");
- prevHead = tocItem;
- tocBorad.append(tocItem);
- }
- else {
- itemLink.classList.add("node-name--H2");
-
- if (prevHead == undefined) {
- tocBorad.append(tocItem);
- return;
- }
-
- let subList = prevHead.querySelector('ol');
-
- if (!subList){
- subList = document.createElement("ol");
- subList.classList.add("toc-list");
- prevHead.append(subList);
- }
-
- subList.append(tocItem);
- }
- });
-
- setInterval(function(){
- var scrollPos = document.documentElement.scrollTop;
-
- Array.from(tocBorad.querySelectorAll('.toc-link')).forEach(function(link){
- link.classList.remove('is-active-link');
- });
-
- var currHead;
-
- Array.from(headings).forEach(function(heading){
- let headPos = heading.getBoundingClientRect().top + window.scrollY - 512;
-
- if (scrollPos > headPos) currHead = heading;
- });
-
- if (currHead != undefined){
- let tocLink = document.getElementById("toc-id-" + currHead.textContent);
- tocLink.classList.add('is-active-link');
- }
- }, 200);
-
- // link (for hover effect)
- var links = innerContent.querySelectorAll('a:not(.related-item a)');
-
- links.forEach((link) => {
- link.setAttribute('data-content', link.innerText);
- });
-
- // Tag EventListener
- const searchPage = document.querySelector("#search");
-
- document.querySelectorAll('.tag-box .tag').forEach(function(tagButton){
- tagButton.addEventListener('click', function() {
- const contentID = tagButton.getAttribute('contentID');
- const inpuxBox = document.getElementById('search-input');
- searchPage.classList.add('active');
-
- inpuxBox.value = contentID;
- inpuxBox.dispatchEvent(new KeyboardEvent('keyup'));
- });
- });
-
- // Move to Top
- if (document.querySelector('.thumbnail')){
- const arrowButton = document.querySelector('.top-arrow');
-
- setInterval(function(){
- var scrollPos = document.documentElement.scrollTop;
-
- if (scrollPos < 512){
- arrowButton.classList.remove('arrow-open');
- }
- else {
- arrowButton.classList.add('arrow-open');
- }
- }, 1000);
-
- arrowButton.addEventListener('click', function(){
- window.scroll({top:0, behavior:'smooth'});
- });
- }
-
- // Move to Comment
- document.getElementById('comments-counter').addEventListener('click', function(){
- document.getElementById("giscus").scrollIntoView({
- behavior: 'smooth'
- });
- });
-
- // Code highlighter
- if (currentTheme === 'dark'){
- // Disable highlighter default color theme
- Array.from(innerContent.querySelectorAll('pre')).forEach(function (codeblock){
- codeblock.classList.add('pre-dark');
- });
- }
-});
-
-window.addEventListener('load', function(){
- // Page Hits
- const pageHits = document.getElementById('page-hits');
-
- if (pageHits) {
- const goatcounterCode = pageHits.getAttribute('usercode');
- const requestURL = 'https://'
- + goatcounterCode
- + '.goatcounter.com/counter/'
- + encodeURIComponent(location.pathname)
- + '.json';
-
- var resp = new XMLHttpRequest();
- resp.open('GET', requestURL);
- resp.onerror = function() { pageHits.innerText = "0"; };
- resp.onload = function() { pageHits.innerText = JSON.parse(this.responseText).count; };
- resp.send();
- }
-
- // Highlighter
- hljs.highlightAll();
-
- // Disable code highlights to the plaintext codeblocks
- document.querySelectorAll('.language-text, .language-plaintext').forEach(function(codeblock){
- codeblock.querySelectorAll('.hljs-keyword, .hljs-meta, .hljs-selector-tag').forEach(function($){
- $.outerHTML = $.innerHTML;
- });
- });
-
- // Initialize/Change Giscus theme
- var giscusTheme = "light";
-
- const giscus_repo = document.querySelector('meta[name="giscus_repo"]').content;
- const giscus_repoId = document.querySelector('meta[name="giscus_repoId"]').content;
- const giscus_category = document.querySelector('meta[name="giscus_category"]').content;
- const giscus_categoryId = document.querySelector('meta[name="giscus_categoryId"]').content;
-
- if (giscus_repo !== undefined) {
- let currentTheme = localStorage.getItem('theme');
-
- if (currentTheme === 'dark'){
- giscusTheme = "noborder_gray";
- }
-
- let giscusAttributes = {
- "src": "https://giscus.app/client.js",
- "data-repo": giscus_repo,
- "data-repo-id": giscus_repoId,
- "data-category": giscus_category,
- "data-category-id": giscus_categoryId,
- "data-mapping": "pathname",
- "data-reactions-enabled": "1",
- "data-emit-metadata": "1",
- "data-theme": giscusTheme,
- "data-lang": "en",
- "crossorigin": "anonymous",
- "async": "",
- };
-
- let giscusScript = document.createElement("script");
- Object.entries(giscusAttributes).forEach(([key, value]) => giscusScript.setAttribute(key, value));
- document.body.appendChild(giscusScript);
- }
-
- // code clipboard copy button
- async function copyCode(block) {
- let code = block.querySelector("code");
- let text = code.innerText;
-
- await navigator.clipboard.writeText(text);
- }
-
- let blocks = document.querySelectorAll("pre");
-
- blocks.forEach((block) => {
- // only add button if browser supports Clipboard API
- if (navigator.clipboard) {
- let clip_btn = document.createElement("button");
- let clip_img = document.createElement("svg");
-
- clip_btn.setAttribute('title', "Copy Code");
- clip_img.ariaHidden = true;
-
- block.appendChild(clip_btn);
- clip_btn.appendChild(clip_img);
-
- clip_btn.addEventListener("click", async () => {
- await copyCode(block, clip_btn);
- });
- }
- });
-
- // Giscus IMetadataMessage event handler
- function handleMessage(event) {
- if (event.origin !== 'https://giscus.app') return;
- if (!(typeof event.data === 'object' && event.data.giscus)) return;
-
- const giscusData = event.data.giscus;
- const commentCount = document.getElementById('num-comments');
-
- if (giscusData && giscusData.hasOwnProperty('discussion')) {
- commentCount.innerText = giscusData.discussion.totalCommentCount;
- }
- else {
- commentCount.innerText = '0';
- }
- }
-
- window.addEventListener('message', handleMessage);
-});
\ No newline at end of file
diff --git a/assets/js/subject.js b/assets/js/subject.js
deleted file mode 100644
index b96859d2..00000000
--- a/assets/js/subject.js
+++ /dev/null
@@ -1,132 +0,0 @@
-document.addEventListener('DOMContentLoaded', function(){
- // Loading page
- window.addEventListener("load", () => {
- var load_div = document.querySelector('#loading');
-
- if(load_div != null){
- setTimeout(function(){
- load_div.style.transition = '.75s';
- load_div.style.opacity = '0';
- load_div.style.visibility = 'hidden';
- }, 800);
- }
- });
-
- // pagination
- const paginationNumbers = document.querySelector("#pagination-numbers");
- const paginatedList = document.querySelector(".paginated-list");
-
- if (paginatedList) {
- const listItems = paginatedList.querySelectorAll("li");
- const nextButton = document.querySelector("#next-button");
- const prevButton = document.querySelector("#prev-button");
- const pageKey = "pageKey=" + document.URL;
-
- const paginationLimit = 5;
- const pageCount = Math.ceil(listItems.length / paginationLimit);
- let currentPage = 1;
-
- const disableButton = (button) => {
- button.classList.add("disabled");
- button.setAttribute("disabled", true);
- };
-
- const enableButton = (button) => {
- button.classList.remove("disabled");
- button.removeAttribute("disabled");
- };
-
- const handlePageButtonsStatus = () => {
- if (currentPage === 1) {
- disableButton(prevButton);
- } else {
- enableButton(prevButton);
- }
-
- if (pageCount === currentPage) {
- disableButton(nextButton);
- } else {
- enableButton(nextButton);
- }
- };
-
- const handleActivePageNumber = () => {
- document.querySelectorAll(".pagination-number").forEach((button) => {
- button.classList.remove("active");
-
- const pageIndex = Number(button.getAttribute("page-index"));
-
- if (pageIndex == currentPage) {
- button.classList.add("active");
- }
- });
- };
-
- const appendPageNumber = (index) => {
- const pageNumber = document.createElement("button");
-
- pageNumber.className = "pagination-number";
- pageNumber.innerHTML = index;
- pageNumber.setAttribute("page-index", index);
- pageNumber.setAttribute("aria-label", "Page " + index);
-
- paginationNumbers.appendChild(pageNumber);
- };
-
- const getPaginationNumbers = () => {
- for (let i = 1; i <= pageCount; i++) {
- appendPageNumber(i);
- }
- };
-
- const setCurrentPage = (pageNum) => {
- currentPage = pageNum;
-
- handleActivePageNumber();
- handlePageButtonsStatus();
-
- const prevRange = (pageNum - 1) * paginationLimit;
- const currRange = pageNum * paginationLimit;
-
- listItems.forEach((item, index) => {
- item.classList.add("hidden");
-
- if (index >= prevRange && index < currRange) {
- item.classList.remove("hidden");
- }
- });
-
- window.scrollTo({top:0});
- localStorage.setItem(pageKey, currentPage);
- };
-
- window.addEventListener("load", (event) => {
- // Load last visited page number
- if (event.persisted
- || (window.performance && window.performance.navigation.type == 2)) {
- currentPage = localStorage.getItem(pageKey);
- }
-
- getPaginationNumbers();
- setCurrentPage(currentPage);
-
- prevButton.addEventListener("click", () => {
- setCurrentPage(currentPage - 1);
- });
-
- nextButton.addEventListener("click", () => {
- setCurrentPage(currentPage + 1);
- });
-
- document.querySelectorAll(".pagination-number").forEach((button) => {
- const pageIndex = Number(button.getAttribute("page-index"));
-
- if (pageIndex) {
- button.addEventListener("click", () => {
- setCurrentPage(pageIndex);
- });
- }
- });
- });
- }
-});
\ No newline at end of file
diff --git a/assets/robots.txt b/assets/robots.txt
new file mode 100644
index 00000000..45c34e0e
--- /dev/null
+++ b/assets/robots.txt
@@ -0,0 +1,10 @@
+---
+permalink: /robots.txt
+# The robots rules
+---
+
+User-agent: *
+
+Disallow: /norobots/
+
+Sitemap: {{ '/sitemap.xml' | absolute_url }}
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
new file mode 100644
index 00000000..abe0a178
--- /dev/null
+++ b/docs/CHANGELOG.md
@@ -0,0 +1,437 @@
+# Changelog
+
+## [7.0.1](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v7.0.0...v7.0.1) (2024-05-18)
+
+### Bug Fixes
+
+* **analytics:** goatcounter pv greater than 1K cannot be converted to numbers ([#1762](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1762)) ([33a1fa7](https://github.com/cotes2020/jekyll-theme-chirpy/commit/33a1fa7cae2181625e2f335708d59de4dd20ee7d))
+* audio/video path apply variable `media_subpath` ([#1745](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1745)) ([00a27a1](https://github.com/cotes2020/jekyll-theme-chirpy/commit/00a27a1b85f665d0642b77babd54c6903fbdeb22))
+
+## [7.0.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.5.5...v7.0.0) (2024-05-11)
+
+### ⚠ BREAKING CHANGES
+
+* optimize the resource hints (#1717)
+* rename media-url file and related parameters (#1651)
+* rename comment setting parameter (#1563)
+* **analytics:** add post pageviews for GoatCounter (#1543)
+
+### Features
+
+* add cloudflare web analytics ([#1723](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1723)) ([c17fba4](https://github.com/cotes2020/jekyll-theme-chirpy/commit/c17fba44f53767c9dfaa8d92cfc6e275e5977f8a))
+* add support for embed video files ([#1558](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1558)) ([9592146](https://github.com/cotes2020/jekyll-theme-chirpy/commit/9592146ca392236e69ee358412ecc32ef1662127))
+* add support for giscus strict title matching ([#1614](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1614)) ([700fd5b](https://github.com/cotes2020/jekyll-theme-chirpy/commit/700fd5bad7272dd950f861e8550215cd8fafb413))
+* **analytics:** add post pageviews for GoatCounter ([#1543](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1543)) ([b641b3f](https://github.com/cotes2020/jekyll-theme-chirpy/commit/b641b3f1f2e54bcfe96d8dff46d4f94186492d98))
+* **analytics:** add Umami and Matomo tracking codes ([#1658](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1658)) ([61bdca2](https://github.com/cotes2020/jekyll-theme-chirpy/commit/61bdca2db45179cd0d1b4b885a4c4864e3ffa3c1))
+* change site verification settings ([#1561](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1561)) ([e436387](https://github.com/cotes2020/jekyll-theme-chirpy/commit/e4363871b5be0608d2b92b8aff482825a8044c1b))
+* **deps:** move `MathJax` configuration to a separate file ([#1670](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1670)) ([44f552c](https://github.com/cotes2020/jekyll-theme-chirpy/commit/44f552cbcee83d037de0e59496bf6bb19eea2691))
+* display theme version in footer ([#1611](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1611)) ([8349314](https://github.com/cotes2020/jekyll-theme-chirpy/commit/834931486dc3e5ed544ce4ff47cd1b2bc45f42fd))
+* **i18n:** allow `page.lang` to override `site.lang` ([#1586](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1586)) ([547b95c](https://github.com/cotes2020/jekyll-theme-chirpy/commit/547b95cc7ae35018dadcc01b6eb1dc8c8943e67e))
+* make post description customizable ([#1602](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1602)) ([f865336](https://github.com/cotes2020/jekyll-theme-chirpy/commit/f865336c896e0db34edf8482a53e0e5d8f07ff95))
+* **media:** support audio and video tag with multi sources ([#1618](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1618)) ([23be416](https://github.com/cotes2020/jekyll-theme-chirpy/commit/23be4162b3f8598db14dc5b39726932ccf2cdc23))
+
+### Bug Fixes
+
+* make TOC title and entries visible at the same time ([#1711](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1711)) ([e0950fc](https://github.com/cotes2020/jekyll-theme-chirpy/commit/e0950fc973d029dc65d0bc1bd68f3d11242527c8))
+* mode toggle not outlined when receiving keyboard focus ([#1690](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1690)) ([cd37f63](https://github.com/cotes2020/jekyll-theme-chirpy/commit/cd37f63a0144e0499ea991d3309da064ad5eccea))
+* prevent footnote back arrow from becoming an emoji ([#1716](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1716)) ([8608147](https://github.com/cotes2020/jekyll-theme-chirpy/commit/8608147fb5037804695d93496c62f96b9c41e9cd))
+* **pwa:** skip range requests in service worker ([#1672](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1672)) ([76d58fe](https://github.com/cotes2020/jekyll-theme-chirpy/commit/76d58fe0ffdc4bd1df35b60815e97560c3564700))
+* search result prompt is empty ([#1583](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1583)) ([8a2afae](https://github.com/cotes2020/jekyll-theme-chirpy/commit/8a2afae6cab8fc9639be0a866b71699c8a80084c))
+* use `https` for Weibo sharing URL ([#1612](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1612)) ([8e5fbb7](https://github.com/cotes2020/jekyll-theme-chirpy/commit/8e5fbb7a74d04a4b3cdde69bcc821f8ccd1a3bc0))
+
+### Improvements
+
+* improve \
visibility in dark mode ([#1565](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1565)) ([4ddd5c4](https://github.com/cotes2020/jekyll-theme-chirpy/commit/4ddd5c437046a1e70cf396113e2351c452a25493))
+* lean bootstrap javascript ([#1734](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1734)) ([ddb48ed](https://github.com/cotes2020/jekyll-theme-chirpy/commit/ddb48eda52827aae16aff720212d7b6d2d8647f9))
+* rename comment setting parameter ([#1563](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1563)) ([f8390d4](https://github.com/cotes2020/jekyll-theme-chirpy/commit/f8390d4384600fb015728b1b186570fa58ca216f))
+* replace jQuery with Vanilla JS ([#1681](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1681)) ([fe7afa3](https://github.com/cotes2020/jekyll-theme-chirpy/commit/fe7afa379f0af0ca98a207f85bdc0fa98575b1ad))
+* simplify mode toggle script ([#1692](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1692)) ([d4a6d64](https://github.com/cotes2020/jekyll-theme-chirpy/commit/d4a6d640bd6d4ab185faf96c0255369a9903ee1d))
+* tree shaking Bootstrap CSS ([#1736](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1736)) ([363a3d9](https://github.com/cotes2020/jekyll-theme-chirpy/commit/363a3d936bbd688fa4f28527e85ef7dd3fe3a79b))
+
+### Changes
+
+* optimize the resource hints ([#1717](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1717)) ([dcb0add](https://github.com/cotes2020/jekyll-theme-chirpy/commit/dcb0add47bf1adf92215514f1ccfa4661d5215be))
+* rename media-url file and related parameters ([#1651](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1651)) ([9f8aeaa](https://github.com/cotes2020/jekyll-theme-chirpy/commit/9f8aeaadbfef9967a9b0a9dd323d8bed46e14d9f))
+
+## [6.5.5](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.5.4...v6.5.5) (2024-03-23)
+
+### Bug Fixes
+
+* **post:** correct the image URLs ([#1627](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1627)) ([2d649aa](https://github.com/cotes2020/jekyll-theme-chirpy/commit/2d649aae0e40a24db1ab0d46fa474294e96cb135))
+
+## [6.5.4](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.5.3...v6.5.4) (2024-03-22)
+
+### Bug Fixes
+
+* correct the attribute for the Twitter social image ([#1615](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1615)) ([cfe44f2](https://github.com/cotes2020/jekyll-theme-chirpy/commit/cfe44f204bcec8e05f498512ec50878e626a124f))
+* **seo:** correct social preview image path inside `` tag ([#1623](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1623)) ([74cf57a](https://github.com/cotes2020/jekyll-theme-chirpy/commit/74cf57aaacf6674057e6f33240a22f4888cfe88f))
+
+## [6.5.3](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.5.2...v6.5.3) (2024-03-07)
+
+### Changes
+
+* replace `polyfill.io` with `cdnjs` hosted link ([#1598](https://github.com/cotes2020/jekyll-theme-chirpy/pull/1598)) ([75a3d73](https://github.com/cotes2020/jekyll-theme-chirpy/commit/75a3d7399b257256a09d602cbe01062fe1cdf68d))
+
+## [6.5.2](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.5.1...v6.5.2) (2024-02-29)
+
+### Bug Fixes
+
+* correct the base URL parameter name ([#1576](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1576)) ([19d6baf](https://github.com/cotes2020/jekyll-theme-chirpy/commit/19d6bafbe1a60614e0d63b961bc73c342a9f6f33)), closes [#1553](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1553)
+
+## [6.5.1](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.5.0...v6.5.1) (2024-02-26)
+
+### Bug Fixes
+
+* correct the generation of relative resource paths ([#1553](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1553)) ([89b9625](https://github.com/cotes2020/jekyll-theme-chirpy/commit/89b962557a56ccc13eba3c9c20b4270ee9d30042))
+
+## [6.5.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.4.2...v6.5.0) (2024-02-14)
+
+### Features
+
+* add `pwa.cache.*` option to precisely control caching ([#1501](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1501)) ([1127c43](https://github.com/cotes2020/jekyll-theme-chirpy/commit/1127c43823aac4db7fd80d5bb706ae7b1e129dc6))
+* add analytics support for GoatCounter ([#1526](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1526)) ([90693ff](https://github.com/cotes2020/jekyll-theme-chirpy/commit/90693ff95e72ca4b5135a7b454a6ab521b995b3e))
+
+### Bug Fixes
+
+* correct the Twitter Card in social share preview ([#1498](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1498)) ([74f1662](https://github.com/cotes2020/jekyll-theme-chirpy/commit/74f16623c9c4877ef36ac52e8b69c19d1d9a82ba))
+* missing "/" at the end of URLs for categories and tags in breadcrumb ([#1495](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1495)) ([02e296e](https://github.com/cotes2020/jekyll-theme-chirpy/commit/02e296ed75b7906b2d112c67f9054f5d71919de9))
+
+### Improvements
+
+* allow no social links to be configured ([#1494](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1494)) ([4facf5b](https://github.com/cotes2020/jekyll-theme-chirpy/commit/4facf5b390eeba612ca439f3354c5d2d881aac56))
+* allow TOC to start at heading 3 ([#1512](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1512)) ([bbbb66b](https://github.com/cotes2020/jekyll-theme-chirpy/commit/bbbb66b489a3bf2b878947336fe894e8ea2ae3f5))
+* enable equation numbering in MathJax ([#1520](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1520)) ([c13ec31](https://github.com/cotes2020/jekyll-theme-chirpy/commit/c13ec311636d5e057c6895e353e1c1a4e570f582))
+
+## [6.4.2](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.4.1...v6.4.2) (2024-01-13)
+
+### Bug Fixes
+
+* resume the `blockquote` display type ([#1480](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1480)) ([c7cfde0](https://github.com/cotes2020/jekyll-theme-chirpy/commit/c7cfde093020c73ca9a1b83437eb600379e05918)), closes [#1449](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1449)
+
+## [6.4.1](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.4.0...v6.4.1) (2024-01-10)
+
+### Bug Fixes
+
+* `og:image` URL is incorrect ([#1468](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1468)) ([b2d1cb6](https://github.com/cotes2020/jekyll-theme-chirpy/commit/b2d1cb68db659270aac537d2aa8d4b806fa6991d)), closes [#1463](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1463)
+
+## [6.4.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.3.1...v6.4.0) (2024-01-10)
+
+### Features
+
+* add bilibili embed video support ([#1406](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1406)) ([4a2b89d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/4a2b89d0b698d672486349131a89025fa47afcb6))
+* add site-wide social preview image settings ([#1463](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1463)) ([241bb4d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/241bb4df7878cff7f82014df660874a1dcddba76))
+
+### Bug Fixes
+
+* image float breaks quotes and prompts ([#1449](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1449)) ([ea2d238](https://github.com/cotes2020/jekyll-theme-chirpy/commit/ea2d238bd8adc018256862e05a5092311c87a671)), closes [#1441](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1441)
+* url-less authors should not have empty links ([#1410](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1410)) ([2a4fbf6](https://github.com/cotes2020/jekyll-theme-chirpy/commit/2a4fbf6a7925da610a75c498116da7cf9ba857d7)), closes [#1403](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1403)
+
+### Improvements
+
+* include the latest posts in the "Recently Updated" list ([#1456](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1456)) ([82d8f2d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/82d8f2db984711f334f55b6af5098ec16770e824))
+
+## [6.3.1](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.3.0...v6.3.1) (2023-11-12)
+
+### Bug Fixes
+
+* **home:** responsive gap at the bottom of preview image ([1a977a8](https://github.com/cotes2020/jekyll-theme-chirpy/commit/1a977a87a0da1cff35d0896cf9265c31034841a6))
+
+## [6.3.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.2.3...v6.3.0) (2023-11-10)
+
+### Features
+
+* add Mastodon sharing link ([#1344](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1344)) ([2bf87e0](https://github.com/cotes2020/jekyll-theme-chirpy/commit/2bf87e0de7928f325811e1bb96cfcaefdf6cf66a)), closes [#1324](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1324)
+
+### Bug Fixes
+
+* **home:** crop the preview image that doesn't match 1.91:1 ([#1325](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1325)) ([5810bcd](https://github.com/cotes2020/jekyll-theme-chirpy/commit/5810bcd1d7b83e111017831fa82c368a6b15c7cd))
+* resume lazy loading for Twitch videos ([#1326](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1326)) ([9f174d9](https://github.com/cotes2020/jekyll-theme-chirpy/commit/9f174d9088e5c83a5e0c4630336cea65e199c553)), closes [#1267](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1267)
+
+## [6.2.3](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.2.2...v6.2.3) (2023-10-10)
+
+### Bug Fixes
+
+* avoid `utterances` initialization failure ([#1234](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1234)) ([b34661e](https://github.com/cotes2020/jekyll-theme-chirpy/commit/b34661efd72e8697fd5b30ba7e55c86c7dd10338))
+* **home:** avoid LQIP dirty data passing to the next post ([#1278](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1278)) ([109725d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/109725d2dc56e329c60a876e9ce4094513fd36a5))
+* **posts:** code snippet clipboard tooltip missing title ([#1246](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1246)) ([726085c](https://github.com/cotes2020/jekyll-theme-chirpy/commit/726085c6478e7a9dc2cc57189b2dcbc85d90f048))
+* **posts:** resume target highlighting for superscripts and footnotes ([#1253](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1253)) ([0465a98](https://github.com/cotes2020/jekyll-theme-chirpy/commit/0465a985dc5262fa2043540f4eddafa251f917a3))
+
+### Improvements
+
+* **comments:** lazy load `giscus` ([#1254](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1254)) ([e9c9206](https://github.com/cotes2020/jekyll-theme-chirpy/commit/e9c920641b9c97594fa078ea89747d77eb7e7493))
+* **core:** replace `lazysizes` with browser-level lazy loading ([#1267](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1267)) ([bf3a34d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/bf3a34d0544b49fcf40f57080c4d6b4ff44750c4))
+* **layout:** improve margins for tail block ([#1243](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1243)) ([13a3c3c](https://github.com/cotes2020/jekyll-theme-chirpy/commit/13a3c3c906bb6c5a38314ea27b6cf3767df94b27))
+* **layout:** optimize the main block height calculation ([#1249](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1249)) ([73e171b](https://github.com/cotes2020/jekyll-theme-chirpy/commit/73e171b0fbce4a542e2141d7e2b1144450571ce1))
+* **pwa:** enhance cache privacy protection ([#1275](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1275)) ([2d56597](https://github.com/cotes2020/jekyll-theme-chirpy/commit/2d56597571aaafa92251d192861ea69cce3e83d2))
+* **ui:** standardize metadata text styles ([#1295](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1295)) ([2574118](https://github.com/cotes2020/jekyll-theme-chirpy/commit/2574118f40a956184705f87dea4d88e7c246a055))
+* **ux:** render background color before loading preview image ([#1298](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1298)) ([42bf39e](https://github.com/cotes2020/jekyll-theme-chirpy/commit/42bf39e21c9a497aecc3e9b4549e2fc3ba4a1e4a))
+
+## [6.2.2](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.2.1...v6.2.2) (2023-09-10)
+
+### Bug Fixes
+
+* **sidebar:** contact icons not stacking ([#1224](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1224)) ([273b389](https://github.com/cotes2020/jekyll-theme-chirpy/commit/273b389c512f13693ed6cdf57d256ac21deae97c))
+
+## [6.2.1](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.2.0...v6.2.1) (2023-09-10)
+
+### Bug Fixes
+
+* **pwa:** installation failure caused by outdated cache entries ([4da7406](https://github.com/cotes2020/jekyll-theme-chirpy/commit/4da7406dfea112a4a2b1db5615ecf2672be6694f))
+
+## [6.2.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.1.0...v6.2.0) (2023-09-10)
+
+### Features
+
+* **layout:** center the footer ([41b8f9f](https://github.com/cotes2020/jekyll-theme-chirpy/commit/41b8f9f519e5f5f69e9a123b38b06bade2271a82))
+* **posts:** render heading 4 in TOC ([#1023](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1023)) ([229c2a2](https://github.com/cotes2020/jekyll-theme-chirpy/commit/229c2a2e2b109fc2eca85be548f1dd97234e44c4))
+* **ui:** redesign the pagination button on home page ([62bcd60](https://github.com/cotes2020/jekyll-theme-chirpy/commit/62bcd601fcadc602c81672b1d4b937231396c3c0))
+* **ui:** update the twitter icon ([#1221](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1221)) ([aff7566](https://github.com/cotes2020/jekyll-theme-chirpy/commit/aff75667749769644f990d3dc9b0720c7d96d14d))
+
+### Improvements
+
+* **core:** speed up the Jekyll build times ([#1163](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1163)) ([0d4103d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/0d4103d47bc9cff93918bb09a2957737cc3c9fe0))
+* refactor using semantic HTML ([#1207](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1207)) ([505e314](https://github.com/cotes2020/jekyll-theme-chirpy/commit/505e314a3142c332e39365fbe2dac23df1bf0abe)), closes [#1196](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1196)
+* **ui:** improve code snippet design ([4f86b04](https://github.com/cotes2020/jekyll-theme-chirpy/commit/4f86b04a8487ebbf4a6d0d70b0c3ece79e9269f3))
+* **ui:** improve web accessibility ([#447](https://github.com/cotes2020/jekyll-theme-chirpy/issues/447)) ([37c9764](https://github.com/cotes2020/jekyll-theme-chirpy/commit/37c976499ead51c1d88e8e8213366240a72adebc))
+
+## [6.1.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.0.0...v6.1.0) (2023-07-02)
+
+### Features
+
+* **i18n:** add Thai locale file ([#1087](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1087)) ([a60e907](https://github.com/cotes2020/jekyll-theme-chirpy/commit/a60e90791d24811caff78e21c71dc85d6a729438))
+
+### Bug Fixes
+
+* missing xml escape for `alt` of preview image ([#1113](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1113)) ([8b0fbf5](https://github.com/cotes2020/jekyll-theme-chirpy/commit/8b0fbf5a834276f273274e4d614edd71e339cbb0))
+* the cached image is covered by shimmer ([#1100](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1100)) ([df8ff54](https://github.com/cotes2020/jekyll-theme-chirpy/commit/df8ff546ec1c8d21a3d25e0124665001fcf756f3))
+* **ui:** min-height of `page` layout exceeds the mobile screen ([73af591](https://github.com/cotes2020/jekyll-theme-chirpy/commit/73af59194ab935d38b89d298fea0e96e13be7cb7))
+* **webfont:** resume semi-bold of font family `Source Sans Pro` ([c4da99c](https://github.com/cotes2020/jekyll-theme-chirpy/commit/c4da99c7ea5d6e32b1f1b815d7d8d6ae7b0f55de))
+
+### Improvements
+
+* **build:** use `jekyll-include-cache` plugin to reduce build time ([#1098](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1098)) ([4fe145e](https://github.com/cotes2020/jekyll-theme-chirpy/commit/4fe145e9809ee1b370d9891135939534751462d0)), closes [#1094](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1094)
+* CJK characters of the "Search Cancel" button will wrap ([#1105](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1105)) ([b6d1992](https://github.com/cotes2020/jekyll-theme-chirpy/commit/b6d1992f85ec543220e826087dcc89870e7e2c00))
+* **ui:** avoid blank space at the bottom of the homepage preview image ([ce2f6f5](https://github.com/cotes2020/jekyll-theme-chirpy/commit/ce2f6f5abef7a8b874e08d1f18c1fd002650dbf1))
+* **ui:** improve hover color of sidebar nav items in light mode ([728094d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/728094d1ba67a1e7c0a11e1c6c69bf87af9a767b))
+
+## [6.0.1](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v6.0.0...v6.0.1) (2023-05-19)
+
+### Bug Fixes
+
+* **home:** preview image missing `[alt]` and `img_path` ([#1044](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1044)) ([aba9468](https://github.com/cotes2020/jekyll-theme-chirpy/commit/aba9468b5332802db961166889d4c4a84e404a2c))
+* **layout:** restore the margin bottom of the main area ([#1047](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1047)) ([eb40f51](https://github.com/cotes2020/jekyll-theme-chirpy/commit/eb40f51c84b011a7c301279527f544ad27efd5eb))
+* **post, page:** image link loses shimmer effect ([#1046](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1046)) ([3bd881d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/3bd881da70d685d10659f47bfe0e79cd02e7af92))
+* **typography:** long string for update-list is not truncated ([#1050](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1050)) ([a51d31c](https://github.com/cotes2020/jekyll-theme-chirpy/commit/a51d31c55a37fbe034f0b0f699f4df0b6a14ba8f)), closes [#1049](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1049)
+
+## [6.0.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.6.1...v6.0.0) (2023-05-16)
+
+### ⚠ BREAKING CHANGES
+
+* rename assets origin configuration files
+
+### Features
+
+* add a hook to insert custom metadata in `head` tag ([#1015](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1015)) ([fe20341](https://github.com/cotes2020/jekyll-theme-chirpy/commit/fe203417d993508eedf5b9044fe53c4a566e44f9))
+* **i18n:** add sl-SI.yml with slovenian translations ([#989](https://github.com/cotes2020/jekyll-theme-chirpy/issues/989)) ([42a700a](https://github.com/cotes2020/jekyll-theme-chirpy/commit/42a700aa37889faa32d7ec1f6776ce4b9d845dc4))
+* **i18n:** add Traditional Chinese (Taiwan) localization file ([#961](https://github.com/cotes2020/jekyll-theme-chirpy/issues/961)) ([d97f95f](https://github.com/cotes2020/jekyll-theme-chirpy/commit/d97f95fca0bcd450ea50709ffba0217f7e65d339))
+* **i18n:** added Swedish localization file ([#969](https://github.com/cotes2020/jekyll-theme-chirpy/issues/969)) ([fe70479](https://github.com/cotes2020/jekyll-theme-chirpy/commit/fe7047959e3694c6e603e764ded30dacd49e6aa9))
+* support hiding the modification date of a post ([#1020](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1020)) ([8da583d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/8da583d403456f6460ec1a6ebcbb0c2ca8127ff6))
+* **ui:** improve code snippet design ([6d99f5c](https://github.com/cotes2020/jekyll-theme-chirpy/commit/6d99f5cc36a69e5ccff51f81ba448c798d92e12e))
+* **ui:** improve the design for top bar ([83f1c34](https://github.com/cotes2020/jekyll-theme-chirpy/commit/83f1c34f92d85f3953ca9c9818be5399962bf1c9))
+* **ui:** new design footer content layout ([3210c59](https://github.com/cotes2020/jekyll-theme-chirpy/commit/3210c59466150dc04b4e4bdfc1ffd0e38adcff43))
+* **ui:** redesign the sidebar ([83bbe4a](https://github.com/cotes2020/jekyll-theme-chirpy/commit/83bbe4ac939edfd1706e68c080562e3462f83519))
+* **ui:** show preview image in home page ([97b8dfe](https://github.com/cotes2020/jekyll-theme-chirpy/commit/97b8dfeed6ce7677f6472e28dc3b03f3c2968b12))
+
+### Bug Fixes
+
+* parameter parsing error in image URL ([#1022](https://github.com/cotes2020/jekyll-theme-chirpy/issues/1022)) ([ee88cec](https://github.com/cotes2020/jekyll-theme-chirpy/commit/ee88cec270ea5938f98913a3edf28a684cfbd6c0))
+* **rss:** double quotes in the post title will break the XML structure ([#965](https://github.com/cotes2020/jekyll-theme-chirpy/issues/965)) ([1719d81](https://github.com/cotes2020/jekyll-theme-chirpy/commit/1719d81d00b32b107c35b3903089be84a9b28a6c))
+
+### refactor
+
+* rename assets origin configuration files ([c283e77](https://github.com/cotes2020/jekyll-theme-chirpy/commit/c283e7782fa9562d82d9855fd280a573fd58c75f))
+
+### Improvements
+
+* **assets:** reduce HTTP requests to CDN ([9d97120](https://github.com/cotes2020/jekyll-theme-chirpy/commit/9d971201978e993a9af337d9cd5396a1ea225f00))
+* calculate heading font size dynamically ([#983](https://github.com/cotes2020/jekyll-theme-chirpy/issues/983)) ([52f5ee9](https://github.com/cotes2020/jekyll-theme-chirpy/commit/52f5ee9cd3f92a6e8f25eaa203831546cda85db6))
+* **i18n:** set the global default locales to "en" ([#979](https://github.com/cotes2020/jekyll-theme-chirpy/issues/979)) ([61fdbcb](https://github.com/cotes2020/jekyll-theme-chirpy/commit/61fdbcb83a3601ecae62ec230602b94a5eb832e1))
+* **tools:** avoid initialization interruption in single branch forks ([#992](https://github.com/cotes2020/jekyll-theme-chirpy/issues/992)) ([e90461a](https://github.com/cotes2020/jekyll-theme-chirpy/commit/e90461aa3c81633863db6a12c5924ddba33bd08e))
+* **ui:** improve categories color in dark mode ([414dd13](https://github.com/cotes2020/jekyll-theme-chirpy/commit/414dd132aed70f4bd96cb712d00eacc82d2753e9))
+* **ui:** improve hover effect for post preview cards ([7626e4d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/7626e4d00544346a46b6e5ff2f3a99d234defe09))
+* **ui:** improve hover effect of trending tags ([34499f0](https://github.com/cotes2020/jekyll-theme-chirpy/commit/34499f0c927ce8fea3705dc2f0f0e6805cabda43))
+* **ui:** improve inline code in light mode ([e38309f](https://github.com/cotes2020/jekyll-theme-chirpy/commit/e38309f3bd1302ffe60b682136b6efaf96f4d9ae))
+* **ui:** improve related posts design ([2918da9](https://github.com/cotes2020/jekyll-theme-chirpy/commit/2918da9f29465618d557c082ff3a2f23d7519049))
+* **ui:** improve the color of prompts in dark mode ([8cbbcfa](https://github.com/cotes2020/jekyll-theme-chirpy/commit/8cbbcfa26da0addd88affada23a65770250f2404))
+* **ui:** lighten the link color in light-mode ([7c23a4e](https://github.com/cotes2020/jekyll-theme-chirpy/commit/7c23a4ebc53b9e231c214e04f8ac0803cbcdb720))
+* **ui:** mute the marker in lists ([0c80552](https://github.com/cotes2020/jekyll-theme-chirpy/commit/0c80552d772b874e2a161f1270294faa3af18d4a))
+* **ui:** uniform the muted text color ([aadf939](https://github.com/cotes2020/jekyll-theme-chirpy/commit/aadf9393d5c7f7528d453c4e68eba4f5cbb85bd9))
+* **ux:** improve LQIP fade in effect ([003e7b6](https://github.com/cotes2020/jekyll-theme-chirpy/commit/003e7b60c93988a7bfae4c03a8346d4f8a5f0bb6))
+
+## [5.6.1](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.6.0...v5.6.1) (2023-03-30)
+
+### Bug Fixes
+
+* **deps:** `tocbot` has no initialization detection ([#957](https://github.com/cotes2020/jekyll-theme-chirpy/issues/957)) ([8225174](https://github.com/cotes2020/jekyll-theme-chirpy/commit/8225174cb5e02fda7b3cc548ec821c876b0a5139))
+* mode-toggle leads to Disqus loading failure ([#945](https://github.com/cotes2020/jekyll-theme-chirpy/issues/945)) ([6fec411](https://github.com/cotes2020/jekyll-theme-chirpy/commit/6fec411c18ca5689c467c7b216ddeda02df23623))
+* pageviews not updated immediately ([8b4f99c](https://github.com/cotes2020/jekyll-theme-chirpy/commit/8b4f99c87f9a9227f47e84fb39d7b0f551d6f4dd))
+
+## [5.6.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.5.2...v5.6.0) (2023-03-17)
+
+### Features
+
+* change TOC plugin to `tocbot` ([#774](https://github.com/cotes2020/jekyll-theme-chirpy/issues/774)) ([02b7bd5](https://github.com/cotes2020/jekyll-theme-chirpy/commit/02b7bd5095a2affe5b4c5ed7b5b182baaf642ff3))
+* **i18n:** add Greek Language Support. ([#903](https://github.com/cotes2020/jekyll-theme-chirpy/issues/903)) ([712a9b2](https://github.com/cotes2020/jekyll-theme-chirpy/commit/712a9b22401ce591cf4c0bb03fbdd1693fee30bb))
+* **ux:** turn home page posts into clickable cards ([#895](https://github.com/cotes2020/jekyll-theme-chirpy/issues/895)) ([b85f633](https://github.com/cotes2020/jekyll-theme-chirpy/commit/b85f6330dea666350631c4461b742cdb54c5f052))
+
+### Bug Fixes
+
+* css selector string escaping vulnerability ([#888](https://github.com/cotes2020/jekyll-theme-chirpy/issues/888)) ([5c6ec9d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/5c6ec9d06b6571e2c0efe6652078442dca8af477))
+* mathematics cannot scroll horizontally ([#760](https://github.com/cotes2020/jekyll-theme-chirpy/issues/760)) ([4681df7](https://github.com/cotes2020/jekyll-theme-chirpy/commit/4681df715118a37ae1e91b588de0adb67f4e331a))
+* notch status bar doesn't match theme color ([#918](https://github.com/cotes2020/jekyll-theme-chirpy/issues/918)) ([820ba62](https://github.com/cotes2020/jekyll-theme-chirpy/commit/820ba62e9e939090523a7077d01d01bd78ec84eb))
+* some console snippets will be incompletely copied ([e8e4901](https://github.com/cotes2020/jekyll-theme-chirpy/commit/e8e4901e340dd7e5fc5f656dd3c7bcd6c97b886a))
+
+## [5.5.2](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.5.1...v5.5.2) (2023-01-30)
+
+### Bug Fixes
+
+* position of prompt icon is incorrect in paragraph on mobile ([5df953f](https://github.com/cotes2020/jekyll-theme-chirpy/commit/5df953f6c877e2aa3f1f4981c97a0b8007abe6d4))
+
+## [5.5.1](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.5.0...v5.5.1) (2023-01-29)
+
+### Bug Fixes
+
+* the icon position of the prompts in the list is incorrect ([0c9558d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/0c9558de8a01e9ab795778f351a8bbf4d6b21763))
+
+## [5.5.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.4.0...v5.5.0) (2023-01-29)
+
+### Features
+
+* **i18n:** add Arabic translation ([#857](https://github.com/cotes2020/jekyll-theme-chirpy/issues/857)) ([765af53](https://github.com/cotes2020/jekyll-theme-chirpy/commit/765af53b77e5c63804784d5728f5970ae274c2c7))
+* **i18n:** add Czech language ([#833](https://github.com/cotes2020/jekyll-theme-chirpy/issues/833)) ([98d48f5](https://github.com/cotes2020/jekyll-theme-chirpy/commit/98d48f5da412276d4a0c99cd01a87b19349bc6bc))
+* **i18n:** add Finnish translations ([#843](https://github.com/cotes2020/jekyll-theme-chirpy/issues/843)) ([d6d0318](https://github.com/cotes2020/jekyll-theme-chirpy/commit/d6d03183eaf94b44e037cc48b6e1c47cee183f6e))
+* **i18n:** add Italian translation ([#850](https://github.com/cotes2020/jekyll-theme-chirpy/issues/850)) ([9a011e1](https://github.com/cotes2020/jekyll-theme-chirpy/commit/9a011e14d66195d8b2fb9ec62f3e60a3e56cd032))
+
+### Bug Fixes
+
+* copy command line incomplete(`.gp` part) ([41ed331](https://github.com/cotes2020/jekyll-theme-chirpy/commit/41ed33145639415148aec8e85edc7a6fd0de0ca3))
+* correct encoding of spaces in share URLs ([#835](https://github.com/cotes2020/jekyll-theme-chirpy/issues/835)) ([f2d2858](https://github.com/cotes2020/jekyll-theme-chirpy/commit/f2d285844e6e2979f2b0eec1d20073d3c05b6c0c))
+* post's image would cover the PWA update alert ([bd374dd](https://github.com/cotes2020/jekyll-theme-chirpy/commit/bd374dd383c50f89c8f018ecb4e25772eeb8f6d8))
+* prompt with nested blockquotes renders incorrectly ([#846](https://github.com/cotes2020/jekyll-theme-chirpy/issues/846)) ([babb4a0](https://github.com/cotes2020/jekyll-theme-chirpy/commit/babb4a0c5a58ceb2e4093bc465670accdd526c18))
+
+## [5.4.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.3.2...v5.4.0) (2022-12-27)
+
+### Features
+
+* add `rel="me"` to Mastodon sidebar contact links for verification ([#807](https://github.com/cotes2020/jekyll-theme-chirpy/issues/807)) ([d2190c7](https://github.com/cotes2020/jekyll-theme-chirpy/commit/d2190c726f61c8c9732b88b4aecf699dc8bc7deb))
+* add embed video support ([ed6dc53](https://github.com/cotes2020/jekyll-theme-chirpy/commit/ed6dc539eff7003a3765bcd8c31ae5e91a863d65))
+* add shimmer background when image loads ([ab16fdc](https://github.com/cotes2020/jekyll-theme-chirpy/commit/ab16fdc7fc26811130b98a1773beb62bff6182e8))
+* set preview image ratio to 1.91 : 1 ([4b6ccbc](https://github.com/cotes2020/jekyll-theme-chirpy/commit/4b6ccbcbccce27b9fcb035812efefe4eb69301cf))
+* support dark and light mode images ([#481](https://github.com/cotes2020/jekyll-theme-chirpy/issues/481)) ([9306c7b](https://github.com/cotes2020/jekyll-theme-chirpy/commit/9306c7b39ecf9d9146bc1a25eebedc38eb2c3dd6))
+* support LQIP for images ([bffaf63](https://github.com/cotes2020/jekyll-theme-chirpy/commit/bffaf6374f265cec96ef743d42b46fbec3b59797))
+
+### Bug Fixes
+
+* `hreflang` tag attribute of feed misses `site.alt_lang` ([7651d28](https://github.com/cotes2020/jekyll-theme-chirpy/commit/7651d2851b4bb7d8f0d068b62c036c89a1089bbc))
+* `og:image` will be incorrect if the image uses a cross-domain URL ([8de1abd](https://github.com/cotes2020/jekyll-theme-chirpy/commit/8de1abda6be3633982392178731431b0ddb1b52b))
+* refactoring error when the image URL contains parameters ([ec98f07](https://github.com/cotes2020/jekyll-theme-chirpy/commit/ec98f07aca0b80a9c07fbcdc8e0d7d66dba98ed2))
+* spaces in post title are encoded when sharing ([7efd2f8](https://github.com/cotes2020/jekyll-theme-chirpy/commit/7efd2f8aa2ea1c3aeb7d740bf9a018881c26fe65))
+
+### Improvements
+
+* **cdn:** optimize cache policy for static assets ([7fb0ee0](https://github.com/cotes2020/jekyll-theme-chirpy/commit/7fb0ee0bedb63eee3f90a49c6d7fb8b5d78c9830))
+
+## [5.3.2](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.3.1...v5.3.2) (2022-11-22)
+
+### Bug Fixes
+
+* `mermaid` occasionally fails to initialize ([#536](https://github.com/cotes2020/jekyll-theme-chirpy/issues/536)) ([48f14e3](https://github.com/cotes2020/jekyll-theme-chirpy/commit/48f14e39ac81bbfb3b9913ea3ee789d775b2d1ae))
+* **comment:** disqus doesn't follow theme mode switching ([b0d5956](https://github.com/cotes2020/jekyll-theme-chirpy/commit/b0d5956f5a0ed894984d6b1754efeba04d8bc966))
+* restore full-text search ([#741](https://github.com/cotes2020/jekyll-theme-chirpy/issues/741)) ([6774e0e](https://github.com/cotes2020/jekyll-theme-chirpy/commit/6774e0e1fb37cf467b14be481347412713763f05))
+* the image URL in the SEO-related tags is incomplete ([#754](https://github.com/cotes2020/jekyll-theme-chirpy/issues/754)) ([f6e9a3f](https://github.com/cotes2020/jekyll-theme-chirpy/commit/f6e9a3fccf7ab34db71f8aefaf86fdcc05861076))
+
+## [5.3.1](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.3.0...v5.3.1) (2022-10-25)
+
+### Bug Fixes
+
+* 404 page missing title in tablet/desktop view ([5511b28](https://github.com/cotes2020/jekyll-theme-chirpy/commit/5511b2883fd5a395fddfb642588d00c122f18da7))
+* prompt content overflows horizontally ([#705](https://github.com/cotes2020/jekyll-theme-chirpy/issues/705)) ([fb13e32](https://github.com/cotes2020/jekyll-theme-chirpy/commit/fb13e3219b5eca0d2e4f86a1ecabfab75240369f))
+* **tools:** multiple configuration files will fail the test ([80cb0b3](https://github.com/cotes2020/jekyll-theme-chirpy/commit/80cb0b371754e96772a7907877a8ce196398ba3d))
+
+### Improvements
+
+* **layout:** improve the min-height of main content ([#674](https://github.com/cotes2020/jekyll-theme-chirpy/issues/674)) ([49bb93c](https://github.com/cotes2020/jekyll-theme-chirpy/commit/49bb93cc0c89ad9cfaad5edcf9cb28c3d5134575))
+* modify checkbox icon with `Liquid` ([1fd665b](https://github.com/cotes2020/jekyll-theme-chirpy/commit/1fd665bf4990c26ae23635c511c5abc9640184d1))
+* optimize the extra padding in lists ([#703](https://github.com/cotes2020/jekyll-theme-chirpy/issues/703)) ([39da11e](https://github.com/cotes2020/jekyll-theme-chirpy/commit/39da11e3f3685f49321757576d2b87a48bf25db5)), closes [#702](https://github.com/cotes2020/jekyll-theme-chirpy/issues/702)
+* **posts:** improve core block bottom padding ([d2fb98b](https://github.com/cotes2020/jekyll-theme-chirpy/commit/d2fb98b3e57f2f6c3fc3816551cd0721731adf40))
+* truncate post content for search results ([647eea8](https://github.com/cotes2020/jekyll-theme-chirpy/commit/647eea8dbd716f9d3cb8330c3139fa753903f51d))
+* **typography:** optimize the line height of post content ([eac3f9b](https://github.com/cotes2020/jekyll-theme-chirpy/commit/eac3f9b434ca77e3dc64eea9cedea7b93e7b306b))
+
+### Others
+
+* **giscus:** add `reactions-enabled` option ([#712](https://github.com/cotes2020/jekyll-theme-chirpy/issues/712)) ([70662a0](https://github.com/cotes2020/jekyll-theme-chirpy/commit/70662a0365e6b9378602dc0a57462ddad5aebcf5))
+* **locale:** restore options for changing date format ([#716](https://github.com/cotes2020/jekyll-theme-chirpy/issues/716)) ([f904e8c](https://github.com/cotes2020/jekyll-theme-chirpy/commit/f904e8cd48c343cc31e25859d9d50bfe2c056f41))
+* remove site config option `prefer_datetime_locale` ([6852ceb](https://github.com/cotes2020/jekyll-theme-chirpy/commit/6852ceb280927ff4e753a3e1131f2b396d9807d0))
+
+## [5.3.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.2.1...v5.3.0) (2022-09-23)
+
+### Features
+
+* add multiple authors to a post ([#677](https://github.com/cotes2020/jekyll-theme-chirpy/issues/677)) ([f1d9e99](https://github.com/cotes2020/jekyll-theme-chirpy/commit/f1d9e99bc02d3cd0a6b0cd1beac545f0cc7a24f8)), closes [#675](https://github.com/cotes2020/jekyll-theme-chirpy/issues/675)
+* **i18n:** add Bulgarian support ([#612](https://github.com/cotes2020/jekyll-theme-chirpy/issues/612)) ([2fed338](https://github.com/cotes2020/jekyll-theme-chirpy/commit/2fed338ce6d078bf528c9717201fbc475f88cd22))
+* **i18n:** add German locale file ([#663](https://github.com/cotes2020/jekyll-theme-chirpy/issues/663)) ([940b281](https://github.com/cotes2020/jekyll-theme-chirpy/commit/940b2810e95065e30600ae8d5e4612e7183da60e))
+* **i18n:** add Hungarian locale file ([#597](https://github.com/cotes2020/jekyll-theme-chirpy/issues/597), [#598](https://github.com/cotes2020/jekyll-theme-chirpy/issues/598)) ([b032977](https://github.com/cotes2020/jekyll-theme-chirpy/commit/b0329775fc24d0323e5cc04cda46ece8b4531802))
+* **i18n:** add Turkish language ([#631](https://github.com/cotes2020/jekyll-theme-chirpy/issues/631)) ([ad137fa](https://github.com/cotes2020/jekyll-theme-chirpy/commit/ad137fa2945b1870b9c1dd5e9212a5f4af7c3580))
+
+### Bug Fixes
+
+* add missing color to linkedin icon for share list ([#683](https://github.com/cotes2020/jekyll-theme-chirpy/issues/683)) ([0dcd39d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/0dcd39d491c9c49e4acf7f75f83fe6e1d1839e37))
+* code contains spaces in headings ([#644](https://github.com/cotes2020/jekyll-theme-chirpy/issues/644)) ([3fa1bf3](https://github.com/cotes2020/jekyll-theme-chirpy/commit/3fa1bf305451f645a7f3aa93863b076463c8f165))
+* correct spelling of `panel` ([#686](https://github.com/cotes2020/jekyll-theme-chirpy/issues/686)) ([b288587](https://github.com/cotes2020/jekyll-theme-chirpy/commit/b288587c1c3d113a1c52c2d25fb46cddda348961))
+* correct the i18n for tab titles ([0c5b697](https://github.com/cotes2020/jekyll-theme-chirpy/commit/0c5b697fd3b283b6a5c926742b61ed49d8688c18))
+* the `code` doesn't wrap inside the prompt ([#626](https://github.com/cotes2020/jekyll-theme-chirpy/issues/626)) ([378b65a](https://github.com/cotes2020/jekyll-theme-chirpy/commit/378b65a0617787813519dde74d6f741f255eff3d))
+
+## [5.2.1](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.2.0...v5.2.1) (2022-06-17)
+
+### Bug Fixes
+
+* exclude CHANGELOG from output ([971fe03](https://github.com/cotes2020/jekyll-theme-chirpy/commit/971fe03ec329ae49e7d60fe3af6101cfbd1acd6c))
+* **PWA:** sometimes update notification is not triggered ([96af729](https://github.com/cotes2020/jekyll-theme-chirpy/commit/96af7291ea5b2c5ed6372e7b6f7725e67c69f1ba))
+
+## [5.2.0](https://github.com/cotes2020/jekyll-theme-chirpy/compare/v5.1.0...v5.2.0) (2022-06-09)
+
+### Features
+
+* add es-ES support to locales ([#533](https://github.com/cotes2020/jekyll-theme-chirpy/issues/533)) ([efe75ad](https://github.com/cotes2020/jekyll-theme-chirpy/commit/efe75adf2784956afb7a0b67f6634b146d9cb03b))
+* add fr-FR support to locales ([#582](https://github.com/cotes2020/jekyll-theme-chirpy/issues/582)) ([94e8144](https://github.com/cotes2020/jekyll-theme-chirpy/commit/94e81447afa457b1a6b7e8f487c47502803556d7))
+* add Vietnamese locale ([#517](https://github.com/cotes2020/jekyll-theme-chirpy/issues/517)) ([171463d](https://github.com/cotes2020/jekyll-theme-chirpy/commit/171463d76da9b7bc25dd327b8f0a868ea79e388b))
+* add pt-BR support to locales ([c2c503f](https://github.com/cotes2020/jekyll-theme-chirpy/commit/c2c503f63336884282b6bda4ec0703d6ae76771b))
+* add option to turn off PWA ([#527](https://github.com/cotes2020/jekyll-theme-chirpy/issues/527)) ([106c981](https://github.com/cotes2020/jekyll-theme-chirpy/commit/106c981bac71e7434204a77e1f0c9c61d6eb1509))
+* **PWA:** add Service Worker update notification ([d127183](https://github.com/cotes2020/jekyll-theme-chirpy/commit/d127183b9774f6321e409acdb66bf8a85d8814be))
+* support showing description of preview image ([2bd6efa](https://github.com/cotes2020/jekyll-theme-chirpy/commit/2bd6efa95a174ac44e30a3af1e57e6f40d6e0e3a))
+
+### Bug Fixes
+
+* alt is not a valid attribute for 'a' tag ([58928db](https://github.com/cotes2020/jekyll-theme-chirpy/commit/58928dbc9068db4e4cda4371eeae1865920dce6a))
+* assets URL is missing `baseurl` in self-hosted mode ([#591](https://github.com/cotes2020/jekyll-theme-chirpy/issues/591)) ([54124d5](https://github.com/cotes2020/jekyll-theme-chirpy/commit/54124d5134995fce52e4c2fc0a5d4d1743d6264d))
+* correct the `twitter:creator` of Twitter summary card ([96a16c8](https://github.com/cotes2020/jekyll-theme-chirpy/commit/96a16c868ede51e7dfa412de63ffa1e5a49add7f))
+* correctly URL encode share links ([4c1c8d8](https://github.com/cotes2020/jekyll-theme-chirpy/commit/4c1c8d8b0eacecbbaa2d522bbdd6430f350ff760)), closes [#496](https://github.com/cotes2020/jekyll-theme-chirpy/issues/496)
+* follow paginate_path config for pagination ([6900d9f](https://github.com/cotes2020/jekyll-theme-chirpy/commit/6900d9f2bc9380cbda4babf611c6eeff345291af))
+* force checkout of `gh-pages` branch ([#544](https://github.com/cotes2020/jekyll-theme-chirpy/issues/544)) ([5402523](https://github.com/cotes2020/jekyll-theme-chirpy/commit/5402523ae52a3740bcc15df0b226b2612644945d))
+* horizontal scroll for long equations ([#545](https://github.com/cotes2020/jekyll-theme-chirpy/issues/545)) ([30787fc](https://github.com/cotes2020/jekyll-theme-chirpy/commit/30787fc4cf151e955bb7afc26dfd859f1a06fce6))
+* p is not allowed in span ([4f590e2](https://github.com/cotes2020/jekyll-theme-chirpy/commit/4f590e2bba0639751771211bc0d357828ae70404))
+* remove whitespace from avatar URL ([#537](https://github.com/cotes2020/jekyll-theme-chirpy/issues/537)) ([0542b51](https://github.com/cotes2020/jekyll-theme-chirpy/commit/0542b5149c8287dca60e37f46ee36f31b43455e4))
+* resume the preview image SEO tag ([#529](https://github.com/cotes2020/jekyll-theme-chirpy/issues/529)) ([b8d1bcd](https://github.com/cotes2020/jekyll-theme-chirpy/commit/b8d1bcd3dea0abd1afef7ef154a4501fbb18938d))
+* script code should be in head or body, not in between ([2103191](https://github.com/cotes2020/jekyll-theme-chirpy/commit/2103191b2faf714a8e4418c7c347a1f942b51af8))
+* spurious header closing tags ([59e9557](https://github.com/cotes2020/jekyll-theme-chirpy/commit/59e955745f02f9b57c65af70b0979cd4a98bf53f))
+* table bypass refactoring when it contains IAL ([#519](https://github.com/cotes2020/jekyll-theme-chirpy/issues/519)) ([5d85ccb](https://github.com/cotes2020/jekyll-theme-chirpy/commit/5d85ccb9943aac88dbbefebe1c2234cdcbae5c53))
+* **theme mode:** `SCSS` syntax error ([#588](https://github.com/cotes2020/jekyll-theme-chirpy/issues/588)) ([76a1b6a](https://github.com/cotes2020/jekyll-theme-chirpy/commit/76a1b6a068c369138422dcd18ba08ec8cc3749a6))
+* use `jsonify` to generate valid json ([#521](https://github.com/cotes2020/jekyll-theme-chirpy/issues/521)) ([dd9d5a7](https://github.com/cotes2020/jekyll-theme-chirpy/commit/dd9d5a7207b746342d07176d8969dc4f2c380bf2))
+* when the `site.img_cdn` is set to the local path, the preview-image path loses the `baseurl` ([9cefe58](https://github.com/cotes2020/jekyll-theme-chirpy/commit/9cefe58993d9ea3a3a28424e7ffd8e0911567c5c))
+
+### Improvements
+
+* avoid post pageviews from shifting while loading ([135a16f](https://github.com/cotes2020/jekyll-theme-chirpy/commit/135a16f13ee783d9308669ff9a824847a73c951c))
+* avoid the layout shift for post datetime ([6d35f5f](https://github.com/cotes2020/jekyll-theme-chirpy/commit/6d35f5f8da044cfad071628bb53776de03efaae4))
+* **categories:** support singular and plural forms of locale ([#595](https://github.com/cotes2020/jekyll-theme-chirpy/issues/595)) ([35cadf9](https://github.com/cotes2020/jekyll-theme-chirpy/commit/35cadf969dd0161ee62503e242c545f006f7072b))
+* improve the responsive design for ultrawide screens ([#540](https://github.com/cotes2020/jekyll-theme-chirpy/issues/540)) ([5d6e8c5](https://github.com/cotes2020/jekyll-theme-chirpy/commit/5d6e8c5ef6aa71b4d2600c5305f6e8ba540557f7))
diff --git a/docs/CODE_OF_CONDUCT.md b/docs/CODE_OF_CONDUCT.md
new file mode 100644
index 00000000..0bf4a9eb
--- /dev/null
+++ b/docs/CODE_OF_CONDUCT.md
@@ -0,0 +1,73 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age, body
+size, disability, ethnicity, sex characteristics, gender identity and expression,
+level of experience, education, socio-economic status, nationality, personal
+appearance, race, religion, or sexual identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+ professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an appointed
+representative at an online or offline event. Representation of a project may be
+further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at `cotes.chung@gmail.com`. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an incident.
+Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
+available at
+
+For answers to common questions about this code of conduct, see
+
+
+[homepage]: https://www.contributor-covenant.org
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
new file mode 100644
index 00000000..63024c31
--- /dev/null
+++ b/docs/CONTRIBUTING.md
@@ -0,0 +1,109 @@
+# Contributing Guidelines
+
+_First of all, thank you for considering contributing to this project_ ! :tada:
+
+There are many ways to contribute, from writing tutorials or blog posts, improving the documentation, submitting bug
+reports and feature requests, or writing code that can be incorporated into the project. In order to make a good
+experience for both contributors and maintainers, please start with the "[General Rules](#general-rules)"
+before taking further action.
+
+## Table of Contents
+
+- [General Rules](#general-rules)
+- [Questions and Requests for Help](#questions-and-requests-for-help)
+- [Reporting a Bug](#reporting-a-bug)
+- [Suggesting a New Feature](#suggesting-a-new-feature)
+- [Contributing Code/Documentation](#contributing-codedocumentation)
+- [Helpful Resources](#helpful-resources)
+
+## General Rules
+
+All types of contributions (_pull requests_, _issues_, and _discussions_) should follow these rules:
+
+- You should read through the [Wiki][wiki] to understand the project features and how to use it properly. This is to
+respect the time of the project's developers and
+maintainers and to save their energy for other problems that really need to be resolved.
+
+- Use the [latest release version][latest-ver]. If your contribution involves code/documentation changes, update to the
+latest version of the default (`master`) branch.
+
+- Avoid making duplicate contributions by searching for existing [issues][issues] / [discussions][discus] /
+[pull requests][pr], but don't leave any unhelpful comments such as "I have the same problem". Prefer using
+[reactions][gh-reactions] if you simply want to "+1" an existing issue.
+
+- DO NOT email or tweet the
+project developers and maintainers directly, everything about the project should be left on GitHub.
+
+**Tip**: If you are new to the open-source community, then please read through
+"[How To Ask Questions The Smart Way][ext-reading]" before contributing.
+
+## Questions and Requests for Help
+
+We expect every reasonable question you ask to be answered appropriately. If you want a quick and timely response,
+please ask questions at [Jekyll Talk][jekyll-talk] and [StackOverflow][stack-overflow], where there are tons of
+enthusiastic geeks who will positively answer your challenging questions.
+
+If you can't get an answer in any of the above ways, then create a new [discussion][discus]. As long as it is not a
+duplicate and [RTFM][rtfm] / [STFW][stfw] issue, we will respond as soon as possible.
+
+## Reporting a Bug
+
+A great way to contribute to the project is to send a detailed issue when you encounter a problem. We always appreciate
+a well-written, thorough bug report.
+
+1. Please figure out why the bug occurred, or locate the module in the project that caused this bug. Otherwise, there is
+a high probability that you are using/setting it incorrectly.
+
+2. If the issue is caused by you modifying the project code or some configuration of Jekyll, then please DO NOT
+report such "bugs".
+Chirpy is an open-source project, but that doesn't mean we will maintain other specific forks (such as yours).
+You can learn about Jekyll and modern Web development to solve problems caused by custom modifications.
+
+3. Make good use of your browser's incognito mode to troubleshoot if the problem is caused by caching.
+
+4. As a last option, you can create a new [Bug Report][bug-report] following the template to describe the details.
+If possible, providing a demo that reproduces the error will help us troubleshoot faster.
+
+## Suggesting a New Feature
+
+Feature requests are welcome! While we will consider all requests, we cannot guarantee your request will be accepted.
+We want to avoid chaos in the UI design and therefore do not accept requests for changes like color schemes,
+fontfamilies, typography, and so on. We want to avoid [feature creep][feat-creep] and focus only on the core features.
+If accepted, we cannot make any commitments regarding the timeline for implementation and release. However, you are
+welcome to submit a pull request to help!
+
+## Contributing Code/Documentation
+
+If your request is about an enhancement, it is recommended to first submit a
+[Feature Request][feat-request] to discuss whether your idea fits the project.
+See also: "[Suggesting a New Feature](#suggesting-a-new-feature)". Other than that, you can start the PR process.
+
+1. Fork this project on GitHub and clone your repository locally.
+2. Setting up the [development & test environments][dev-env].
+3. Creating a new branch from the default branch and give it a descriptive name (e.g. `add-a-new-feat` or `fix-a-bug`).
+When development is complete, create a [Conventional Commit][cc] with Git.
+4. Submitting a [Pull Request][gh-pr].
+
+## Helpful Resources
+
+- [Code of conduct](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/CODE_OF_CONDUCT.md)
+- [Security policy](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/docs/SECURITY.md)
+- [How To Ask Questions The Smart Way][ext-reading]
+
+[latest-ver]: https://github.com/cotes2020/jekyll-theme-chirpy/releases/latest
+[wiki]: https://github.com/cotes2020/jekyll-theme-chirpy/wiki
+[issues]: https://github.com/cotes2020/jekyll-theme-chirpy/issues?q=is%3Aissue
+[pr]: https://github.com/cotes2020/jekyll-theme-chirpy/pulls
+[discus]: https://github.com/cotes2020/jekyll-theme-chirpy/discussions
+[ext-reading]: http://www.catb.org/~esr/faqs/smart-questions.html
+[jekyll-talk]: https://talk.jekyllrb.com/
+[stack-overflow]: https://stackoverflow.com/questions/tagged/jekyll
+[rtfm]: https://en.wikipedia.org/wiki/RTFM
+[stfw]: https://www.webster-dictionary.org/definition/STFW
+[gh-reactions]: https://github.blog/2016-03-10-add-reactions-to-pull-requests-issues-and-comments/
+[bug-report]: https://github.com/cotes2020/jekyll-theme-chirpy/issues/new?assignees=&labels=&projects=&template=bug_report.yml
+[feat-request]: https://github.com/cotes2020/jekyll-theme-chirpy/issues/new?assignees=&labels=enhancement&projects=&template=feature_request.yml
+[feat-creep]: https://en.wikipedia.org/wiki/Feature_creep
+[dev-env]: https://github.com/cotes2020/jekyll-theme-chirpy/wiki/Development-&-Test-Environments
+[cc]: https://www.conventionalcommits.org/
+[gh-pr]: https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-pull-requests
diff --git a/docs/Comment System.md b/docs/Comment System.md
deleted file mode 100644
index 7592661b..00000000
--- a/docs/Comment System.md
+++ /dev/null
@@ -1,54 +0,0 @@
-# Manage blog comments with `Giscus`
-
-
-
-
-**Giscus** is a free **comments system** powered without your own database. Giscus uses the Github Discussions to store and load associated comments based on a chosen mapping (URL, pathname, title, etc.).
-
-To comment, visitors must authorize the giscus app to post on their behalf using the GitHub OAuth flow. Alternatively, visitors can comment on the GitHub Discussion directly. You can moderate the comments on GitHub.
-
-
-## Prerequisites
-
-### Create a github repo
-
-You need a GitHub repository first. If you gonna use *GitHub Pages* for hosting your website, you can choose the corresponding repository (i.e., `[userID].github.io`)
-
-The repository should be **public**, otherwise visitors will not be able to view the discussion.
-
-
-### Turn on Discussion feature
-
-In your GitHub repository Settings, make sure that `General` > `Features` > `Discussions` feature is enabled.
-
-
-
-
-## Activate Giscus API
-
-Follow the steps in [Configuration guide](https://giscus.app/). Make sure the verification of your repository is successful.
-
-
-
-
-Then, scroll down from the manual page and choose the `Discussion Category` options. You don't need to touch other configs.
-
-
-
-
-### Copy `_config.yml`
-
-Now, you get the giscus script. Copy the four properties marked with a red box as shown below:
-
-
-
-
-Paste those values to `_config.yml` placed in the root directory.
-
-```yml
-# External API
-giscus_repo: "[ENTER REPO HERE]"
-giscus_repoId: "[ENTER REPO ID HERE]"
-giscus_category: "[ENTER CATEGORY NAME HERE]"
-giscus_categoryId: "[ENTER CATEGORY ID HERE]"
-```
\ No newline at end of file
diff --git a/docs/Posting Guide.md b/docs/Posting Guide.md
deleted file mode 100644
index a64d31d7..00000000
--- a/docs/Posting Guide.md
+++ /dev/null
@@ -1,170 +0,0 @@
-# Publishing your blog post
-
-This section deals with the step-by-step process of how to write and publish posts on your site.
-
-
-## Make `_pages` directory
-Create a directory named `_pages` in root if you do not have it.
-
-```bash
-$ mkdir _pages
-$ cd _pages
-```
-
-
-## Organize your directory structure
-
-Our theme provides a hierarchical directory structure. You may create subdirectories (let's say `Category A`) in `_pages`, and then all post entities placed in the `Category A` directory will be categorized as such.
-
-```
-._pages
-├── Category A
-├── Category B
-| ├── Subcatecory b
-| ├── Subcatecory c
-```
-
-
-### Note: Make sure all directories have an `index.md` inside of them.
-
-The next step is, placing `index.md` files in both `_pages` directory and its subdirectories. The inner content of each `index.md` should be just two dashed lines as shown below:
-
-```
----
----
-```
-
-
-Or you can type the following command from each directory.
-
-```bash
-$ echo -e "---\n---" > index.md
-```
-
-
-Your `_pages` structure now looks like this:
-
-```
-._pages
-└── index.md
-├── Category A
-| └── index.md
-├── Category B
-| └── index.md
-| ├── Subcatecory b
-| └── index.md
-| ├── Subcatecory c
-| └── index.md
-```
-
-
-## Write a blog post
-
-Create a post with file extension: `.md` (ex., *Post-name.md*).
-
-All blog post files must begin with front matter typically used to set a title or other metadata.
-
-**Note that the `title` and `date` fields can't be left blank.**
-
-
-For a simple example:
-
-```yml
----
-title: "Example Post"
-date: "2023-12-01"
----
-
-# Welcome
-
-**Hello world**, this is my first Jekyll blog post.
-
-I hope you like it!
-```
-
-
-### Setting a Post Thumbnail Image
-
-Add `thumbnail` attribute to the post that you'd like to show a representative image when rendered.
-
-```yml
----
-title: "Example Post: thumbnail exists"
-date: "2023-12-02"
-thumbnail: "/assets/img/thumbnail/bricks.webp"
----
-```
-
-
-
-
-### Category Tag
-
-You can use a grouping of post topics by specifying the `tags` field. It is helpful when you'd like to search related posts or pin them on the bottom of the page.
-
-```yml
----
-title: "Classic Literature #1: Romeo and Juliet"
-tags:
- - book
- - epic novel
- - romance
-date: "2023-12-04"
-thumbnail: "/assets/img/thumbnail/nightgardenflower.jpg"
----
-```
-
-
-
-
-Note that the `tags` attribute won't be reflected to the sidebar navigation.
-
-
-### Bookmark
-
-Setting `bookmark: true` makes the sidebar nav list display the corresponding post entity.
-
-```yml
----
-title: "Markdown from A to Z"
-tags:
- - user manual
- - markdown
- - writing format
-date: "2023-09-05"
-thumbnail: "https://i.ibb.co/MRzw6T9/sample.webp"
-bookmark: true
----
-```
-
-
-
-
-## Example `_pages` structure
-
-Here is the structure introduced in our repo:
-
-```
-._pages
-└── index.md
-└── markdown guide.md
-├── Category A
-| └── index.md
-| ├── Subcatecory a
-| └── index.md
-| └── post-01.md
-| └── post-02.md
-├── Category B
-| └── index.md
-| ├── Subcatecory b
-| └── index.md
-| └── post-03.md
-| ├── Subsubcategory 1
-| └── index.md
-| └── post-04.md
-| ├── Subsubcategory 2
-| └── index.md
-| └── post-05.md
-| ├── Subcatecory c
-| └── index.md
-```
\ No newline at end of file
diff --git a/docs/SECURITY.md b/docs/SECURITY.md
new file mode 100644
index 00000000..8d357fe5
--- /dev/null
+++ b/docs/SECURITY.md
@@ -0,0 +1,13 @@
+# Security Policy
+
+## Supported Versions
+
+| Version | Supported |
+| :--------- | :-------: |
+| >= `7.0.0` | ✓ |
+| <= `6.0.0` | ✗ |
+
+## Reporting a Vulnerability
+
+If you find a vulnerability, please report it to `cotes.chung@gmail.com`.
+We will try our best to respond within a week. Thank you for your time!
diff --git a/docs/Visitor Counter.md b/docs/Visitor Counter.md
deleted file mode 100644
index 6b94c926..00000000
--- a/docs/Visitor Counter.md
+++ /dev/null
@@ -1,35 +0,0 @@
-# Activate `Goat Counter` to know how many users visit your blog or posts.
-
-
-
-GoatCounter is an open source **web analytics platform** available as a free donation-supported hosted service or self-hosted app. It aims to offer easy to use and meaningful privacy-friendly web analytics as an alternative to Google Analytics or Matomo (*in official guide*).
-
-
-## Getting started
-
-### Sign up & Get your access code
-
-Create new account in [here](https://www.goatcounter.com/signup)
-
-You will access your blog statistics at `https://[my-code].goatcounter.com`.
-
-
-### Add your code to `_config.yml`
-
-```yml
-goatcounter_code: [my-code]
-```
-
-
-Check if your adblocker is blocking GoatCounter if you don’t see any pageviews.
-
-
-### Allow visitor counter
-
-Sign in **Goat counter** from your browser, and enter the [Settings](https://[my-code].goatcounter.com/settings/main) tab.
-
-
-Make sure `Allow adding visitor counts on your website` is checked:
-
-
-
diff --git a/docs/_config.yml b/docs/_config.yml
deleted file mode 100644
index bef410b3..00000000
--- a/docs/_config.yml
+++ /dev/null
@@ -1,61 +0,0 @@
-title: Example.com
-description: "Introduction for you blog"
-logo_img: "/assets/img/favicon.webp"
-profile_img: "/assets/img/profile.webp"
-
-# Social Links
-email: example@gmail.com
-github_username: github
-twitter_username: twitter
-instagram_username: instagram
-linkedin_username: linkedin
-facebook_username: facebook
-
-# External API
-giscus_repo:
-giscus_repoId:
-giscus_category:
-giscus_categoryId:
-goatcounter_code:
-google_analytics:
-
-# If your repo name follows the format ".github.io", then leave the below blank.
-# Otherwise, set its value as "/". ex) baseurl: /myblog
-baseurl:
-
-# # # # # # # # # # # # # # # # # # # # # # # # # #
-# #
-# Not recommended to touch the materials below #
-# #
-# Any changes may contribute to malfunction #
-# #
-# # # # # # # # # # # # # # # # # # # # # # # # # #
-
-# Build settings
-
-# If you want to deploy Git Page, but choosing the second Installation method (described in README.md)
-# rather than fork, then replace the below line with `remote_theme: byanko55/jekyll-theme-satellite`.
-# Otherwise, DO NOT change it.
-theme: jekyll-theme-satellite
-
-exclude:
- - _posts
-
-collections:
- pages:
- output: true
- permalink: /:path.html
-
-defaults:
- -
- scope:
- path: ""
- type: "pages"
- values:
- layout: "page"
- date: "1900-01-01"
-
-# Markdown newline activator
-kramdown:
- input: GFM
- hard_wrap: true
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..1357b080
--- /dev/null
+++ b/index.html
@@ -0,0 +1,4 @@
+---
+layout: home
+# Index page
+---
diff --git a/jekyll-theme-chirpy.gemspec b/jekyll-theme-chirpy.gemspec
new file mode 100644
index 00000000..2c77572b
--- /dev/null
+++ b/jekyll-theme-chirpy.gemspec
@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+Gem::Specification.new do |spec|
+ spec.name = "jekyll-theme-chirpy"
+ spec.version = "7.0.1"
+ spec.authors = ["Cotes Chung"]
+ spec.email = ["cotes.chung@gmail.com"]
+
+ spec.summary = "A minimal, responsive, and feature-rich Jekyll theme for technical writing."
+ spec.homepage = "https://github.com/cotes2020/jekyll-theme-chirpy"
+ spec.license = "MIT"
+
+ spec.files = `git ls-files -z`.split("\x0").select { |f|
+ f.match(%r!^((_(includes|layouts|sass|app|(data\/(locales|origin)))|assets)\/|README|LICENSE)!i)
+ }
+
+ spec.metadata = {
+ "bug_tracker_uri" => "https://github.com/cotes2020/jekyll-theme-chirpy/issues",
+ "documentation_uri" => "https://github.com/cotes2020/jekyll-theme-chirpy/#readme",
+ "homepage_uri" => "https://cotes2020.github.io/chirpy-demo",
+ "source_code_uri" => "https://github.com/cotes2020/jekyll-theme-chirpy",
+ "wiki_uri" => "https://github.com/cotes2020/jekyll-theme-chirpy/wiki",
+ "plugin_type" => "theme"
+ }
+
+ spec.required_ruby_version = ">= 3.0"
+
+ spec.add_runtime_dependency "jekyll", "~> 4.3"
+ spec.add_runtime_dependency "jekyll-paginate", "~> 1.1"
+ spec.add_runtime_dependency "jekyll-redirect-from", "~> 0.16"
+ spec.add_runtime_dependency "jekyll-seo-tag", "~> 2.8"
+ spec.add_runtime_dependency "jekyll-archives", "~> 2.2"
+ spec.add_runtime_dependency "jekyll-sitemap", "~> 1.4"
+ spec.add_runtime_dependency "jekyll-include-cache", "~> 0.2"
+
+end
diff --git a/jekyll-theme-satellite.gemspec b/jekyll-theme-satellite.gemspec
deleted file mode 100644
index 0d8ceed7..00000000
--- a/jekyll-theme-satellite.gemspec
+++ /dev/null
@@ -1,25 +0,0 @@
-# frozen_string_literal: true
-
-Gem::Specification.new do |spec|
- spec.name = "jekyll-theme-satellite"
- spec.version = "1.4.0"
- spec.authors = ["Yankos"]
- spec.email = ["byanko55@gmail.com"]
-
- spec.summary = "Satellite - Jekyll blog theme"
- spec.homepage = "https://github.com/byanko55/jekyll-theme-satellite"
- spec.license = "MIT"
-
- spec.files = `git ls-files -z`.split("\x0").select {
- |f| f.match(%r!^(assets|_data|_layouts|_includes|_sass|LICENSE|README)!i)
- }
- spec.files += []
-
- spec.add_runtime_dependency "jekyll", ">= 3.9", "< 5.0"
- spec.add_runtime_dependency "kramdown-parser-gfm", "~> 1.1.0"
- spec.add_runtime_dependency "webrick", "~> 1.7.0"
- spec.add_runtime_dependency "jekyll-feed", "~> 0.12"
- spec.add_runtime_dependency "jekyll-sitemap", "~> 1.3"
- spec.add_runtime_dependency "jekyll-seo-tag", "~> 2.6"
- spec.add_runtime_dependency "jekyll-loading-lazy", "~> 0.1.1"
-end
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..7d4835f3
--- /dev/null
+++ b/package.json
@@ -0,0 +1,178 @@
+{
+ "name": "jekyll-theme-chirpy",
+ "version": "7.0.1",
+ "description": "A minimal, responsive, and feature-rich Jekyll theme for technical writing.",
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/cotes2020/jekyll-theme-chirpy.git"
+ },
+ "author": "Cotes Chung",
+ "license": "MIT",
+ "since": 2019,
+ "bugs": {
+ "url": "https://github.com/cotes2020/jekyll-theme-chirpy/issues"
+ },
+ "homepage": "https://github.com/cotes2020/jekyll-theme-chirpy/",
+ "scripts": {
+ "build": "concurrently npm:build:*",
+ "build:css": "purgecss -c purgecss.config.js",
+ "build:js": "rollup -c --bundleConfigAsCjs --environment BUILD:production",
+ "watch:js": "rollup -c --bundleConfigAsCjs -w",
+ "lint:scss": "stylelint _sass/**/*.scss",
+ "lint:fix:scss": "npm run lint:scss -- --fix",
+ "test": "npm run lint:scss",
+ "prepare": "husky"
+ },
+ "dependencies": {
+ "@popperjs/core": "^2.11.8",
+ "bootstrap": "^5.3.3"
+ },
+ "devDependencies": {
+ "@babel/core": "^7.24.7",
+ "@babel/plugin-transform-class-properties": "^7.24.7",
+ "@babel/preset-env": "^7.24.7",
+ "@commitlint/cli": "^19.3.0",
+ "@commitlint/config-conventional": "^19.2.2",
+ "@rollup/plugin-babel": "^6.0.4",
+ "@rollup/plugin-node-resolve": "^15.2.3",
+ "@rollup/plugin-terser": "^0.4.4",
+ "@rollup/plugin-yaml": "^4.1.2",
+ "@semantic-release/changelog": "^6.0.3",
+ "@semantic-release/exec": "^6.0.3",
+ "@semantic-release/git": "^10.0.1",
+ "concurrently": "^8.2.2",
+ "conventional-changelog-conventionalcommits": "^8.0.0",
+ "husky": "^9.0.11",
+ "purgecss": "^6.0.0",
+ "rollup": "^4.18.0",
+ "semantic-release": "^24.0.0",
+ "stylelint": "^16.6.1",
+ "stylelint-config-standard-scss": "^13.1.0"
+ },
+ "prettier": {
+ "trailingComma": "none"
+ },
+ "browserslist": [
+ "last 2 versions",
+ "> 0.2%",
+ "not dead"
+ ],
+ "commitlint": {
+ "extends": [
+ "@commitlint/config-conventional"
+ ],
+ "rules": {
+ "body-max-line-length": [
+ 0,
+ "always"
+ ]
+ }
+ },
+ "stylelint": {
+ "extends": "stylelint-config-standard-scss",
+ "rules": {
+ "no-descending-specificity": null,
+ "shorthand-property-no-redundant-values": null,
+ "at-rule-no-vendor-prefix": null,
+ "property-no-vendor-prefix": null,
+ "selector-no-vendor-prefix": null,
+ "value-no-vendor-prefix": null,
+ "color-function-notation": "legacy",
+ "alpha-value-notation": "number",
+ "selector-not-notation": "simple",
+ "color-hex-length": "long",
+ "declaration-block-single-line-max-declarations": 3,
+ "scss/operator-no-newline-after": null,
+ "rule-empty-line-before": [
+ "always",
+ {
+ "ignore": [
+ "after-comment",
+ "first-nested"
+ ]
+ }
+ ],
+ "value-keyword-case": [
+ "lower",
+ {
+ "ignoreProperties": [
+ "/^\\$/"
+ ]
+ }
+ ],
+ "media-feature-range-notation": "prefix"
+ }
+ },
+ "release": {
+ "branches": [
+ "production"
+ ],
+ "plugins": [
+ [
+ "@semantic-release/commit-analyzer",
+ {
+ "preset": "conventionalcommits"
+ }
+ ],
+ [
+ "@semantic-release/release-notes-generator",
+ {
+ "preset": "conventionalcommits",
+ "presetConfig": {
+ "types": [
+ {
+ "type": "feat",
+ "section": "Features"
+ },
+ {
+ "type": "fix",
+ "section": "Bug Fixes"
+ },
+ {
+ "type": "perf",
+ "section": "Improvements"
+ },
+ {
+ "type": "refactor",
+ "section": "Changes",
+ "hidden": true
+ }
+ ]
+ }
+ }
+ ],
+ [
+ "@semantic-release/changelog",
+ {
+ "changelogFile": "docs/CHANGELOG.md",
+ "changelogTitle": "# Changelog"
+ }
+ ],
+ [
+ "@semantic-release/npm",
+ {
+ "npmPublish": false
+ }
+ ],
+ [
+ "@semantic-release/exec",
+ {
+ "prepareCmd": "bash tools/release.sh --prepare",
+ "publishCmd": "bash tools/release.sh"
+ }
+ ],
+ [
+ "@semantic-release/git",
+ {
+ "assets": [
+ "docs",
+ "package.json",
+ "*.gemspec"
+ ],
+ "message": "chore(release): ${nextRelease.version}\n\n${nextRelease.notes}"
+ }
+ ],
+ "@semantic-release/github"
+ ]
+ }
+}
diff --git a/purgecss.config.js b/purgecss.config.js
new file mode 100644
index 00000000..de370dea
--- /dev/null
+++ b/purgecss.config.js
@@ -0,0 +1,23 @@
+const fs = require('fs');
+const DIST_PATH = '_sass/dist';
+
+fs.rm(DIST_PATH, { recursive: true, force: true }, (err) => {
+ if (err) {
+ throw err;
+ }
+
+ fs.mkdirSync(DIST_PATH);
+});
+
+module.exports = {
+ content: ['_includes/**/*.html', '_layouts/**/*.html', '_javascript/**/*.js'],
+ css: ['node_modules/bootstrap/dist/css/bootstrap.min.css'],
+ keyframes: true,
+ variables: true,
+ output: `${DIST_PATH}/bootstrap.css`,
+ // The `safelist` should be changed appropriately for future development
+ safelist: {
+ standard: [/^collaps/, /^w-/, 'shadow', 'border', 'kbd'],
+ greedy: [/^col-/, /tooltip/]
+ }
+};
diff --git a/rollup.config.js b/rollup.config.js
new file mode 100644
index 00000000..94507b92
--- /dev/null
+++ b/rollup.config.js
@@ -0,0 +1,70 @@
+import babel from '@rollup/plugin-babel';
+import terser from '@rollup/plugin-terser';
+import { nodeResolve } from '@rollup/plugin-node-resolve';
+import yaml from '@rollup/plugin-yaml';
+import fs from 'fs';
+import pkg from './package.json';
+
+const SRC_DEFAULT = '_javascript';
+const DIST_DEFAULT = 'assets/js/dist';
+
+const SRC_PWA = `${SRC_DEFAULT}/pwa`;
+const DIST_PWA = '_app';
+
+const banner = `/*!
+ * ${pkg.name} v${pkg.version} | © ${pkg.since} ${pkg.author} | ${pkg.license} Licensed | ${pkg.homepage}
+ */`;
+
+const isProd = process.env.BUILD === 'production';
+
+function cleanup(...directories) {
+ for (const dir of directories) {
+ fs.rm(dir, { recursive: true, force: true }, (err) => {
+ if (err) {
+ console.error(`Failed to remove directory ${dir}: ${err}`);
+ }
+ });
+ }
+}
+
+function build(filename, opts = {}) {
+ const src = opts.src || SRC_DEFAULT;
+ const dist = opts.dist || DIST_DEFAULT;
+
+ return {
+ input: `${src}/${filename}.js`,
+ output: {
+ file: `${dist}/${filename}.min.js`,
+ format: 'iife',
+ name: 'Chirpy',
+ banner,
+ sourcemap: !isProd
+ },
+ watch: {
+ include: `${src}/**`
+ },
+ plugins: [
+ babel({
+ babelHelpers: 'bundled',
+ presets: ['@babel/env'],
+ plugins: ['@babel/plugin-transform-class-properties']
+ }),
+ nodeResolve(),
+ yaml(),
+ isProd && terser()
+ ]
+ };
+}
+
+cleanup(DIST_DEFAULT, DIST_PWA);
+
+export default [
+ build('commons'),
+ build('home'),
+ build('categories'),
+ build('page'),
+ build('post'),
+ build('misc'),
+ build('app', { src: SRC_PWA, dist: DIST_PWA }),
+ build('sw', { src: SRC_PWA, dist: DIST_PWA })
+];
diff --git a/tools/init.sh b/tools/init.sh
new file mode 100755
index 00000000..c0c4e183
--- /dev/null
+++ b/tools/init.sh
@@ -0,0 +1,130 @@
+#!/usr/bin/env bash
+#
+# Init the environment for new user.
+
+set -eu
+
+# CLI Dependencies
+CLI=("git" "npm")
+
+ACTIONS_WORKFLOW=pages-deploy.yml
+
+RELEASE_HASH=$(git log --grep="chore(release):" -1 --pretty="%H")
+
+# temporary file suffixes that make `sed -i` compatible with BSD and Linux
+TEMP_SUFFIX="to-delete"
+
+_no_gh=false
+
+help() {
+ echo "Usage:"
+ echo
+ echo " bash /path/to/init [options]"
+ echo
+ echo "Options:"
+ echo " --no-gh Do not deploy to Github."
+ echo " -h, --help Print this help information."
+}
+
+# BSD and GNU compatible sed
+_sedi() {
+ regex=$1
+ file=$2
+ sed -i.$TEMP_SUFFIX -E "$regex" "$file"
+ rm -f "$file".$TEMP_SUFFIX
+}
+
+_check_cli() {
+ for i in "${!CLI[@]}"; do
+ cli="${CLI[$i]}"
+ if ! command -v "$cli" &>/dev/null; then
+ echo "Command '$cli' not found! Hint: you should install it."
+ exit 1
+ fi
+ done
+}
+
+_check_status() {
+ if [[ -n $(git status . -s) ]]; then
+ echo "Error: Commit unstaged files first, and then run this tool again."
+ exit 1
+ fi
+}
+
+_check_init() {
+ if [[ $(git rev-parse HEAD^1) == "$RELEASE_HASH" ]]; then
+ echo "Already initialized."
+ exit 0
+ fi
+}
+
+check_env() {
+ _check_cli
+ _check_status
+ _check_init
+}
+
+reset_latest() {
+ git reset --hard "$RELEASE_HASH"
+ git clean -fd
+ git submodule update --init --recursive
+}
+
+init_files() {
+ if $_no_gh; then
+ rm -rf .github
+ else
+ ## Change the files of `.github/`
+ temp="$(mktemp -d)"
+ find .github/workflows -type f -name "*$ACTIONS_WORKFLOW*" -exec mv {} "$temp/$ACTIONS_WORKFLOW" \;
+ rm -rf .github && mkdir -p .github/workflows
+ mv "$temp/$ACTIONS_WORKFLOW" .github/workflows/"$ACTIONS_WORKFLOW"
+ rm -rf "$temp"
+
+ ## Cleanup image settings in site config
+ _sedi "s/(^timezone:).*/\1/;s/(^.*cdn:).*/\1/;s/(^avatar:).*/\1/" _config.yml
+ fi
+
+ # remove the other files
+ rm -rf _posts/*
+
+ # build assets
+ npm i && npm run build
+
+ # track the CSS/JS output
+ _sedi "/.*\/dist$/d;/^_app$/d" .gitignore
+}
+
+commit() {
+ git add -A
+ git commit -m "chore: initialize the environment" -q
+ echo -e "\n> Initialization successful!\n"
+}
+
+main() {
+ check_env
+ reset_latest
+ init_files
+ commit
+}
+
+while (($#)); do
+ opt="$1"
+ case $opt in
+ --no-gh)
+ _no_gh=true
+ shift
+ ;;
+ -h | --help)
+ help
+ exit 0
+ ;;
+ *)
+ # unknown option
+ help
+ exit 1
+ ;;
+ esac
+done
+
+main
diff --git a/tools/release.sh b/tools/release.sh
new file mode 100755
index 00000000..e505f1a2
--- /dev/null
+++ b/tools/release.sh
@@ -0,0 +1,187 @@
+#!/usr/bin/env bash
+#
+# Requires: Git, NPM and RubyGems
+
+set -eu
+
+opt_pre=false # option for bump gem version
+opt_pkg=false # option for building gem package
+
+MAIN_BRANCH="master"
+RELEASE_BRANCH="production"
+
+GEM_SPEC="jekyll-theme-chirpy.gemspec"
+NODE_SPEC="package.json"
+CHANGELOG="docs/CHANGELOG.md"
+CONFIG="_config.yml"
+
+CSS_DIST="_sass/dist"
+JS_DIST="assets/js/dist"
+PWA_DIST="_app"
+
+FILES=(
+ "$GEM_SPEC"
+ "$NODE_SPEC"
+ "$CHANGELOG"
+ "$CONFIG"
+)
+
+TOOLS=(
+ "git"
+ "npm"
+ "gem"
+)
+
+help() {
+ echo -e "A tool to release new version Chirpy gem.\nThis tool will:"
+ echo " 1. Build a new gem and publish it to RubyGems.org"
+ echo " 2. Merge the release branch into the default branch"
+ echo
+ echo "Usage:"
+ echo " bash $0 [options]"
+ echo
+ echo "Options:"
+ echo " --prepare Preparation for release"
+ echo " -p, --package Build a gem package only, for local packaging in case of auto-publishing failure"
+ echo " -h, --help Display this help message"
+}
+
+_check_cli() {
+ for i in "${!TOOLS[@]}"; do
+ cli="${TOOLS[$i]}"
+ if ! command -v "$cli" &>/dev/null; then
+ echo "> Command '$cli' not found!"
+ exit 1
+ fi
+ done
+}
+
+_check_git() {
+ $opt_pre || (
+ # ensure that changes have been committed
+ if [[ -n $(git status . -s) ]]; then
+ echo "> Abort: Commit the staged files first, and then run this tool again."
+ exit 1
+ fi
+ )
+
+ $opt_pkg || (
+ if [[ "$(git branch --show-current)" != "$RELEASE_BRANCH" ]]; then
+ echo "> Abort: Please run the tool in the '$RELEASE_BRANCH' branch."
+ exit 1
+ fi
+ )
+}
+
+_check_src() {
+ for i in "${!FILES[@]}"; do
+ _src="${FILES[$i]}"
+ if [[ ! -f $_src && ! -d $_src ]]; then
+ echo -e "> Error: Missing file \"$_src\"!\n"
+ exit 1
+ fi
+ done
+}
+
+init() {
+ _check_cli
+ _check_git
+ _check_src
+ echo -e "> npm install\n"
+ npm i
+}
+
+## Bump new version to gem-spec file
+_bump_version() {
+ _version="$(grep '"version":' "$NODE_SPEC" | sed 's/.*: "//;s/".*//')"
+ sed -i "s/[[:digit:]]\+\.[[:digit:]]\+\.[[:digit:]]\+/$_version/" "$GEM_SPEC"
+ echo "> Bump gem version to $_version"
+}
+
+_improve_changelog() {
+ # Replace multiple empty lines with a single empty line
+ sed -i '/^$/N;/^\n$/D' "$CHANGELOG"
+ # Escape left angle brackets of HTML tag in the changelog as they break the markdown structure. e.g., '
'
+ sed -i -E 's/\s(<[a-z])/ \\\1/g' "$CHANGELOG"
+}
+
+prepare() {
+ _bump_version
+ _improve_changelog
+}
+
+## Build a Gem package
+build_gem() {
+ # Remove unnecessary theme settings
+ sed -i -E "s/(^timezone:).*/\1/;s/(^cdn:).*/\1/;s/(^avatar:).*/\1/" $CONFIG
+ rm -f ./*.gem
+
+ npm run build
+ # add CSS/JS distribution files to gem package
+ git add "$CSS_DIST" "$JS_DIST" "$PWA_DIST" -f
+
+ echo -e "\n> gem build $GEM_SPEC\n"
+ gem build "$GEM_SPEC"
+
+ echo -e "\n> Resume file changes ...\n"
+ git reset
+ git checkout .
+}
+
+# Push the gem to RubyGems.org (using $GEM_HOST_API_KEY)
+push_gem() {
+ gem push ./*.gem
+}
+
+## Merge the release branch into the default branch
+merge() {
+ git fetch origin "$MAIN_BRANCH"
+ git checkout -b "$MAIN_BRANCH" origin/"$MAIN_BRANCH"
+
+ git merge --no-ff --no-edit "$RELEASE_BRANCH" || (
+ git merge --abort
+ echo -e "\n> Conflict detected. Aborting merge.\n"
+ exit 0
+ )
+
+ git push origin "$MAIN_BRANCH"
+}
+
+main() {
+ init
+
+ if $opt_pre; then
+ prepare
+ exit 0
+ fi
+
+ build_gem
+ $opt_pkg && exit 0
+ push_gem
+ merge
+}
+
+while (($#)); do
+ opt="$1"
+ case $opt in
+ --prepare)
+ opt_pre=true
+ shift
+ ;;
+ -p | --package)
+ opt_pkg=true
+ shift
+ ;;
+ -h | --help)
+ help
+ exit 0
+ ;;
+ *)
+ # unknown option
+ help
+ exit 1
+ ;;
+ esac
+done
+
+main
diff --git a/tools/run.sh b/tools/run.sh
new file mode 100755
index 00000000..0efc452d
--- /dev/null
+++ b/tools/run.sh
@@ -0,0 +1,54 @@
+#!/usr/bin/env bash
+#
+# Run jekyll serve and then launch the site
+
+prod=false
+command="bundle exec jekyll s -l"
+host="127.0.0.1"
+
+help() {
+ echo "Usage:"
+ echo
+ echo " bash /path/to/run [options]"
+ echo
+ echo "Options:"
+ echo " -H, --host [HOST] Host to bind to."
+ echo " -p, --production Run Jekyll in 'production' mode."
+ echo " -h, --help Print this help information."
+}
+
+while (($#)); do
+ opt="$1"
+ case $opt in
+ -H | --host)
+ host="$2"
+ shift 2
+ ;;
+ -p | --production)
+ prod=true
+ shift
+ ;;
+ -h | --help)
+ help
+ exit 0
+ ;;
+ *)
+ echo -e "> Unknown option: '$opt'\n"
+ help
+ exit 1
+ ;;
+ esac
+done
+
+command="$command -H $host"
+
+if $prod; then
+ command="JEKYLL_ENV=production $command"
+fi
+
+if [ -e /proc/1/cgroup ] && grep -q docker /proc/1/cgroup; then
+ command="$command --force_polling"
+fi
+
+echo -e "\n> $command\n"
+eval "$command"
diff --git a/tools/test.sh b/tools/test.sh
new file mode 100755
index 00000000..331de1c3
--- /dev/null
+++ b/tools/test.sh
@@ -0,0 +1,89 @@
+#!/usr/bin/env bash
+#
+# Build and test the site content
+#
+# Requirement: html-proofer, jekyll
+#
+# Usage: See help information
+
+set -eu
+
+SITE_DIR="_site"
+
+_config="_config.yml"
+
+_baseurl=""
+
+help() {
+ echo "Build and test the site content"
+ echo
+ echo "Usage:"
+ echo
+ echo " bash $0 [options]"
+ echo
+ echo "Options:"
+ echo ' -c, --config "" Specify config file(s)'
+ echo " -h, --help Print this information."
+}
+
+read_baseurl() {
+ if [[ $_config == *","* ]]; then
+ # multiple config
+ IFS=","
+ read -ra config_array <<<"$_config"
+
+ # reverse loop the config files
+ for ((i = ${#config_array[@]} - 1; i >= 0; i--)); do
+ _tmp_baseurl="$(grep '^baseurl:' "${config_array[i]}" | sed "s/.*: *//;s/['\"]//g;s/#.*//")"
+
+ if [[ -n $_tmp_baseurl ]]; then
+ _baseurl="$_tmp_baseurl"
+ break
+ fi
+ done
+
+ else
+ # single config
+ _baseurl="$(grep '^baseurl:' "$_config" | sed "s/.*: *//;s/['\"]//g;s/#.*//")"
+ fi
+}
+
+main() {
+ # clean up
+ if [[ -d $SITE_DIR ]]; then
+ rm -rf "$SITE_DIR"
+ fi
+
+ read_baseurl
+
+ # build
+ JEKYLL_ENV=production bundle exec jekyll b \
+ -d "$SITE_DIR$_baseurl" -c "$_config"
+
+ # test
+ bundle exec htmlproofer "$SITE_DIR" \
+ --disable-external \
+ --ignore-urls "/^http:\/\/127.0.0.1/,/^http:\/\/0.0.0.0/,/^http:\/\/localhost/"
+}
+
+while (($#)); do
+ opt="$1"
+ case $opt in
+ -c | --config)
+ _config="$2"
+ shift
+ shift
+ ;;
+ -h | --help)
+ help
+ exit 0
+ ;;
+ *)
+ # unknown option
+ help
+ exit 1
+ ;;
+ esac
+done
+
+main
Comments powered by Disqus.
+