jekyll-theme-chirpy 5.6.1 → 6.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. checksums.yaml +4 -4
  2. data/_data/locales/ar.yml +5 -7
  3. data/_data/locales/bg-BG.yml +1 -3
  4. data/_data/locales/cs-CZ.yml +5 -7
  5. data/_data/locales/de-DE.yml +1 -3
  6. data/_data/locales/el-GR.yml +6 -8
  7. data/_data/locales/en.yml +5 -7
  8. data/_data/locales/es-ES.yml +2 -4
  9. data/_data/locales/fi-FI.yml +5 -7
  10. data/_data/locales/fr-FR.yml +0 -2
  11. data/_data/locales/hu-HU.yml +4 -6
  12. data/_data/locales/id-ID.yml +1 -3
  13. data/_data/locales/it-IT.yml +5 -8
  14. data/_data/locales/ko-KR.yml +3 -5
  15. data/_data/locales/my-MM.yml +1 -3
  16. data/_data/locales/pt-BR.yml +1 -3
  17. data/_data/locales/ru-RU.yml +1 -3
  18. data/_data/locales/sl-SI.yml +91 -0
  19. data/_data/locales/sv-SE.yml +91 -0
  20. data/_data/locales/tr-TR.yml +1 -3
  21. data/_data/locales/uk-UA.yml +1 -3
  22. data/_data/locales/vi-VN.yml +2 -3
  23. data/_data/locales/zh-CN.yml +3 -5
  24. data/_data/locales/zh-TW.yml +83 -0
  25. data/_data/{assets/cross_origin.yml → origin/cors.yml} +12 -12
  26. data/_includes/comments/giscus.html +39 -31
  27. data/_includes/datetime.html +10 -6
  28. data/_includes/footer.html +24 -26
  29. data/_includes/head.html +9 -9
  30. data/_includes/js-selector.html +44 -27
  31. data/_includes/jsdelivr-combine.html +0 -6
  32. data/_includes/lang.html +8 -0
  33. data/_includes/mermaid.html +28 -29
  34. data/_includes/metadata-hook.html +1 -0
  35. data/_includes/mode-toggle.html +44 -21
  36. data/_includes/{assets-origin.html → origin-type.html} +5 -4
  37. data/_includes/post-nav.html +27 -20
  38. data/_includes/post-paginator.html +13 -12
  39. data/_includes/post-sharing.html +21 -13
  40. data/_includes/read-time.html +17 -10
  41. data/_includes/refactor-content.html +31 -27
  42. data/_includes/related-posts.html +35 -34
  43. data/_includes/search-loader.html +23 -24
  44. data/_includes/search-results.html +3 -4
  45. data/_includes/sidebar.html +50 -52
  46. data/_includes/toc.html +2 -5
  47. data/_includes/topbar.html +47 -47
  48. data/_includes/trending-tags.html +13 -17
  49. data/_includes/update-list.html +13 -14
  50. data/_layouts/archives.html +5 -3
  51. data/_layouts/categories.html +97 -77
  52. data/_layouts/category.html +10 -8
  53. data/_layouts/default.html +34 -29
  54. data/_layouts/home.html +35 -18
  55. data/_layouts/page.html +38 -33
  56. data/_layouts/post.html +17 -15
  57. data/_layouts/tag.html +10 -8
  58. data/_layouts/tags.html +4 -5
  59. data/_sass/addon/commons.scss +260 -439
  60. data/_sass/addon/module.scss +18 -8
  61. data/_sass/addon/syntax.scss +42 -41
  62. data/_sass/addon/variables.scss +8 -11
  63. data/_sass/colors/dark-syntax.scss +1 -0
  64. data/_sass/colors/dark-typography.scss +16 -24
  65. data/_sass/colors/light-syntax.scss +3 -3
  66. data/_sass/colors/light-typography.scss +16 -15
  67. data/_sass/jekyll-theme-chirpy.scss +14 -19
  68. data/_sass/layout/categories.scss +20 -4
  69. data/_sass/layout/home.scss +111 -94
  70. data/_sass/layout/post.scss +35 -32
  71. data/assets/404.html +3 -1
  72. data/assets/css/style.scss +1 -7
  73. data/assets/feed.xml +1 -1
  74. data/assets/js/dist/categories.min.js +2 -2
  75. data/assets/js/dist/commons.min.js +2 -2
  76. data/assets/js/dist/home.min.js +6 -0
  77. data/assets/js/dist/misc.min.js +2 -2
  78. data/assets/js/dist/page.min.js +2 -2
  79. data/assets/js/dist/post.min.js +2 -2
  80. metadata +11 -5
  81. /data/_data/{assets/self_host.yml → origin/basic.yml} +0 -0
@@ -3,9 +3,11 @@ layout: compress
3
3
  # Default layout
4
4
  ---
5
5
 
6
- <!DOCTYPE html>
6
+ <!doctype html>
7
7
 
8
- {% include assets-origin.html %}
8
+ {% include origin-type.html %}
9
+
10
+ {% include lang.html %}
9
11
 
10
12
  {% capture prefer_mode %}
11
13
  {% if site.theme_mode %}
@@ -14,30 +16,21 @@ layout: compress
14
16
  {% endcapture %}
15
17
 
16
18
  <!-- `site.alt_lang` can specify a language different from the UI -->
17
- <html lang="{{ site.alt_lang | default: site.lang }}"{{ prefer_mode }}>
18
-
19
+ <html lang="{{ site.alt_lang | default: site.lang }}" {{ prefer_mode }}>
19
20
  {% include head.html %}
20
21
 
21
- <body data-topbar-visible="true">
22
-
23
- {% include sidebar.html %}
24
-
25
- {% include topbar.html %}
22
+ <body>
23
+ {% include sidebar.html lang=lang %}
26
24
 
27
25
  <div id="main-wrapper" class="d-flex justify-content-center">
28
- <div id="main" class="container pl-xl-4 pr-xl-4">
26
+ <div id="main" class="container px-xxl-5">
27
+ {% include topbar.html lang=lang %}
29
28
  {{ content }}
29
+ {% include search-results.html lang=lang %}
30
30
  </div>
31
+ </div>
31
32
 
32
- {% include search-results.html %}
33
-
34
- </div> <!-- #main-wrapper -->
35
-
36
- {% include footer.html %}
37
-
38
- {% if page.mermaid %}
39
- {% include mermaid.html %}
40
- {% endif %}
33
+ {% include footer.html lang=lang %}
41
34
 
42
35
  <div id="mask"></div>
43
36
 
@@ -46,26 +39,38 @@ layout: compress
46
39
  </a>
47
40
 
48
41
  {% if site.pwa.enabled %}
49
- <div id="notification" class="toast" role="alert" aria-live="assertive" aria-atomic="true"
50
- data-animation="true" data-autohide="false">
42
+ <div
43
+ id="notification"
44
+ class="toast"
45
+ role="alert"
46
+ aria-live="assertive"
47
+ aria-atomic="true"
48
+ data-bs-animation="true"
49
+ data-bs-autohide="false"
50
+ >
51
51
  <div class="toast-header">
52
- <button type="button" class="ml-2 ml-auto close" data-dismiss="toast" aria-label="Close">
53
- <span aria-hidden="true">&times;</span>
54
- </button>
52
+ <button
53
+ type="button"
54
+ class="btn-close ms-auto"
55
+ data-bs-dismiss="toast"
56
+ aria-label="Close"
57
+ ></button>
55
58
  </div>
56
59
  <div class="toast-body text-center pt-0">
57
- <p class="pl-2 pr-2 mb-3">{{ site.data.locales[site.lang].notification.update_found }}</p>
60
+ <p class="px-2 mb-3">{{ site.data.locales[lang].notification.update_found }}</p>
58
61
  <button type="button" class="btn btn-primary" aria-label="Update">
59
- {{ site.data.locales[site.lang].notification.update }}
62
+ {{ site.data.locales[lang].notification.update }}
60
63
  </button>
61
64
  </div>
62
65
  </div>
63
66
  {% endif %}
64
67
 
65
- {% include search-loader.html %}
66
-
67
68
  {% include js-selector.html %}
68
69
 
69
- </body>
70
+ {% if page.mermaid %}
71
+ {% include mermaid.html %}
72
+ {% endif %}
70
73
 
74
+ {% include search-loader.html %}
75
+ </body>
71
76
  </html>
data/_layouts/home.html CHANGED
@@ -1,8 +1,10 @@
1
1
  ---
2
2
  layout: page
3
- # The Home page layout
3
+ refactor: true
4
4
  ---
5
5
 
6
+ {% include lang.html %}
7
+
6
8
  {% assign pinned = site.posts | where: 'pin', 'true' %}
7
9
  {% assign default = site.posts | where_exp: 'item', 'item.pin != true and item.hidden != true' %}
8
10
 
@@ -40,30 +42,45 @@ layout: page
40
42
 
41
43
  <div id="post-list">
42
44
  {% for post in posts %}
43
- <div class="card post-preview">
44
- <a href="{{ post.url | relative_url }}">
45
- <div class="card-body">
46
- <h1 class="card-title">
45
+ <a href="{{ post.url | relative_url }}" class="card-wrapper">
46
+ <div class="card post-preview flex-md-row-reverse">
47
+ {% if post.image %}
48
+ {% if post.image.lqip %}
49
+ {% capture lqip %}lqip="{{ post.image.lqip }}"{% endcapture %}
50
+ {% endif %}
51
+
52
+ {% assign src = post.image.path | default: post.image %}
53
+ {% unless src contains '//' %}
54
+ {% assign src = post.img_path | append: '/' | append: src | replace: '//', '/' %}
55
+ {% endunless %}
56
+
57
+ {% assign alt = post.image.alt | default: 'Preview Image' %}
58
+
59
+ <img src="{{ src }}" w="15" h="8" alt="{{ alt }}" {{ lqip }}>
60
+ {% endif %}
61
+
62
+ <div class="card-body d-flex flex-column">
63
+ <h1 class="card-title my-2 mt-md-0">
47
64
  {{ post.title }}
48
65
  </h1>
49
66
 
50
- <div class="card-text post-content">
67
+ <div class="card-text post-content mt-0 mb-2">
51
68
  <p>
52
69
  {% include no-linenos.html content=post.content %}
53
70
  {{ content | markdownify | strip_html | truncate: 200 | escape }}
54
71
  </p>
55
72
  </div>
56
73
 
57
- <div class="post-meta text-muted d-flex">
58
- <div class="mr-auto">
74
+ <div class="post-meta flex-grow-1 d-flex align-items-end">
75
+ <div class="me-auto">
59
76
  <!-- posted date -->
60
- <i class="far fa-calendar fa-fw"></i>
61
- {% include datetime.html date=post.date %}
77
+ <i class="far fa-calendar fa-fw me-1"></i>
78
+ {% include datetime.html date=post.date lang=lang %}
62
79
 
63
80
  <!-- categories -->
64
81
  {% if post.categories.size > 0 %}
65
- <i class="far fa-folder-open fa-fw"></i>
66
- <span>
82
+ <i class="far fa-folder-open fa-fw me-1"></i>
83
+ <span class="categories">
67
84
  {% for category in post.categories %}
68
85
  {{ category }}
69
86
  {%- unless forloop.last -%},{%- endunless -%}
@@ -73,21 +90,21 @@ layout: page
73
90
  </div>
74
91
 
75
92
  {% if post.pin %}
76
- <div class="pin">
93
+ <div class="pin ms-1">
77
94
  <i class="fas fa-thumbtack fa-fw"></i>
78
- <span>{{ site.data.locales[site.lang].post.pin_prompt }}</span>
95
+ <span>{{ site.data.locales[lang].post.pin_prompt }}</span>
79
96
  </div>
80
97
  {% endif %}
81
98
  </div>
82
99
  <!-- .post-meta -->
83
100
  </div>
84
- </a>
85
- </div>
86
- <!-- .post-review -->
101
+ <!-- .card-body -->
102
+ </div>
103
+ </a>
87
104
  {% endfor %}
88
105
  </div>
89
106
  <!-- #post-list -->
90
107
 
91
- {% if paginator.total_pages > 0 %}
108
+ {% if paginator.total_pages > 1 %}
92
109
  {% include post-paginator.html %}
93
110
  {% endif %}
data/_layouts/page.html CHANGED
@@ -2,62 +2,67 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- {% include assets-origin.html %}
5
+ {% include lang.html %}
6
+ {% include origin-type.html %}
6
7
 
7
- <div class="row">
8
+ {% if layout.tail_includes %}
9
+ {% assign has_tail = true %}
10
+ {% endif %}
8
11
 
12
+ <div class="row{% unless has_tail %} mb-5{% endunless %}">
9
13
  <!-- core -->
10
- <div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 pr-xl-4">
11
- <div class="post pl-1 pr-1 pl-md-2 pr-md-2">
14
+ <div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 pe-xl-4">
15
+ {% capture padding %}
16
+ {% unless page.layout == 'home' %}px-1{% endunless %}
17
+ {% endcapture %}
12
18
 
13
- {% capture _content %}
19
+ <div class="post {{ padding | strip }} px-md-2">
20
+ {% capture _content %}
14
21
  {% if layout.refactor or page.layout == 'page' %}
15
- {% include refactor-content.html content=content %}
22
+ {% include refactor-content.html content=content lang=lang %}
16
23
  {% else %}
17
24
  {{ content }}
18
25
  {% endif %}
19
26
  {% endcapture %}
20
27
 
21
- {% if page.layout == 'page' or page.collection == 'tabs' %}
22
- {% assign tab_key = page.title | downcase %}
23
- {% assign title = site.data.locales[site.lang].tabs[tab_key] | default: page.title %}
24
- <h1 class="dynamic-title">
25
- {{ title }}
26
- </h1>
27
- <div class="post-content">
28
+ {% if page.layout == 'page' or page.collection == 'tabs' %}
29
+ {% assign tab_key = page.title | downcase %}
30
+ {% assign title = site.data.locales[lang].tabs[tab_key] | default: page.title %}
31
+ <h1 class="dynamic-title">
32
+ {{ title }}
33
+ </h1>
34
+ <div class="post-content">
35
+ {{ _content }}
36
+ </div>
37
+ {% else %}
28
38
  {{ _content }}
29
- </div>
30
- {% else %}
31
- {{ _content }}
32
- {% endif %}
33
-
39
+ {% endif %}
34
40
  </div>
35
- </div> <!-- #core-wrapper -->
41
+ </div>
42
+ <!-- #core-wrapper -->
36
43
 
37
44
  <!-- panel -->
38
- <div id="panel-wrapper" class="col-xl-3 pl-2 text-muted">
39
-
45
+ <div id="panel-wrapper" class="col-xl-3 ps-2 text-muted">
40
46
  <div class="access">
41
- {% include update-list.html %}
42
- {% include trending-tags.html %}
47
+ {% include update-list.html lang=lang %}
48
+ {% include trending-tags.html lang=lang %}
43
49
  </div>
44
50
 
45
51
  {% for _include in layout.panel_includes %}
46
52
  {% assign _include_path = _include | append: '.html' %}
47
- {% include {{ _include_path }} %}
53
+ {% include {{ _include_path }} lang=lang %}
48
54
  {% endfor %}
49
55
  </div>
50
-
51
56
  </div>
52
57
 
53
58
  <!-- tail -->
54
- {% if layout.tail_includes %}
55
- <div class="row">
56
- <div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 pl-3 pr-3 pr-xl-4 mt-5">
57
- {% for _include in layout.tail_includes %}
58
- {% assign _include_path = _include | append: '.html' %}
59
- {% include {{ _include_path }} %}
60
- {% endfor %}
59
+ {% if has_tail %}
60
+ <div class="row">
61
+ <div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-3 pe-xl-4 mt-5">
62
+ {% for _include in layout.tail_includes %}
63
+ {% assign _include_path = _include | append: '.html' %}
64
+ {% include {{ _include_path }} lang=lang %}
65
+ {% endfor %}
66
+ </div>
61
67
  </div>
62
- </div>
63
68
  {% endif %}
data/_layouts/post.html CHANGED
@@ -9,20 +9,22 @@ tail_includes:
9
9
  - comments
10
10
  ---
11
11
 
12
+ {% include lang.html %}
13
+
12
14
  <h1 data-toc-skip>{{ page.title }}</h1>
13
15
 
14
16
  <div class="post-meta text-muted">
15
17
  <!-- published date -->
16
18
  <span>
17
- {{ site.data.locales[site.lang].post.posted }}
18
- {% include datetime.html date=page.date tooltip=true %}
19
+ {{ site.data.locales[lang].post.posted }}
20
+ {% include datetime.html date=page.date tooltip=true lang=lang %}
19
21
  </span>
20
22
 
21
23
  <!-- lastmod date -->
22
- {% if page.last_modified_at %}
24
+ {% if page.last_modified_at and page.last_modified_at != page.date %}
23
25
  <span>
24
- {{ site.data.locales[site.lang].post.updated }}
25
- {% include datetime.html date=page.last_modified_at tooltip=true %}
26
+ {{ site.data.locales[lang].post.updated }}
27
+ {% include datetime.html date=page.last_modified_at tooltip=true lang=lang %}
26
28
  </span>
27
29
  {% endif %}
28
30
 
@@ -54,7 +56,7 @@ tail_includes:
54
56
  {% assign authors = page.authors %}
55
57
  {% endif %}
56
58
 
57
- {{ site.data.locales[site.lang].post.written_by }}
59
+ {{ site.data.locales[lang].post.written_by }}
58
60
 
59
61
  <em>
60
62
  {% if authors %}
@@ -75,12 +77,12 @@ tail_includes:
75
77
  <em id="pv" class="pageviews">
76
78
  <i class="fas fa-spinner fa-spin fa-fw"></i>
77
79
  </em>
78
- {{ site.data.locales[site.lang].post.pageview_measure }}
80
+ {{ site.data.locales[lang].post.pageview_measure }}
79
81
  </span>
80
82
  {% endif %}
81
83
 
82
84
  <!-- read time -->
83
- {% include read-time.html content=content prompt=true %}
85
+ {% include read-time.html content=content prompt=true lang=lang %}
84
86
  </div>
85
87
 
86
88
  </div> <!-- .d-flex -->
@@ -96,7 +98,7 @@ tail_includes:
96
98
  <!-- categories -->
97
99
  {% if page.categories.size > 0 %}
98
100
  <div class="post-meta mb-3">
99
- <i class="far fa-folder-open fa-fw mr-1"></i>
101
+ <i class="far fa-folder-open fa-fw me-1"></i>
100
102
  {% for category in page.categories %}
101
103
  <a href='{{ site.baseurl }}/categories/{{ category | slugify | url_encode }}/'>{{ category }}</a>
102
104
  {%- unless forloop.last -%}, {%- endunless -%}
@@ -107,7 +109,7 @@ tail_includes:
107
109
  <!-- tags -->
108
110
  {% if page.tags.size > 0 %}
109
111
  <div class="post-tags">
110
- <i class="fa fa-tags fa-fw mr-1"></i>
112
+ <i class="fa fa-tags fa-fw me-1"></i>
111
113
  {% for tag in page.tags %}
112
114
  <a href="{{ site.baseurl }}/tags/{{ tag | slugify | url_encode }}/"
113
115
  class="post-tag no-text-decoration" >
@@ -121,20 +123,20 @@ tail_includes:
121
123
  d-flex justify-content-between align-items-center mt-3 pt-5 pb-2">
122
124
  <div class="license-wrapper">
123
125
 
124
- {% if site.data.locales[site.lang].copyright.license.template %}
126
+ {% if site.data.locales[lang].copyright.license.template %}
125
127
 
126
128
  {% capture _replacement %}
127
- <a href="{{ site.data.locales[site.lang].copyright.license.link }}">
128
- {{ site.data.locales[site.lang].copyright.license.name }}
129
+ <a href="{{ site.data.locales[lang].copyright.license.link }}">
130
+ {{ site.data.locales[lang].copyright.license.name }}
129
131
  </a>
130
132
  {% endcapture %}
131
133
 
132
- {{ site.data.locales[site.lang].copyright.license.template | replace: ':LICENSE_NAME', _replacement }}
134
+ {{ site.data.locales[lang].copyright.license.template | replace: ':LICENSE_NAME', _replacement }}
133
135
 
134
136
  {% endif %}
135
137
  </div>
136
138
 
137
- {% include post-sharing.html %}
139
+ {% include post-sharing.html lang=lang %}
138
140
 
139
141
  </div><!-- .post-tail-bottom -->
140
142
 
data/_layouts/tag.html CHANGED
@@ -3,19 +3,21 @@ layout: page
3
3
  # The layout for Tag page
4
4
  ---
5
5
 
6
+ {% include lang.html %}
7
+
6
8
  <div id="page-tag">
7
- <h1 class="pl-lg-2">
9
+ <h1 class="ps-lg-2">
8
10
  <i class="fa fa-tag fa-fw text-muted"></i>
9
11
  {{ page.title }}
10
- <span class="lead text-muted pl-2">{{ page.posts | size }}</span>
12
+ <span class="lead text-muted ps-2">{{ page.posts | size }}</span>
11
13
  </h1>
12
- <ul class="post-content pl-0">
14
+ <ul class="post-content ps-0">
13
15
  {% for post in page.posts %}
14
- <li class="d-flex justify-content-between pl-md-3 pr-md-3">
15
- <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
16
- <span class="dash flex-grow-1"></span>
17
- {% include datetime.html date=post.date wrap='span' class='text-muted small' %}
18
- </li>
16
+ <li class="d-flex justify-content-between px-md-3">
17
+ <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
18
+ <span class="dash flex-grow-1"></span>
19
+ {% include datetime.html date=post.date wrap='span' class='text-muted small' lang=lang %}
20
+ </li>
19
21
  {% endfor %}
20
22
  </ul>
21
23
  </div>
data/_layouts/tags.html CHANGED
@@ -3,9 +3,8 @@ layout: page
3
3
  # All the Tags of posts.
4
4
  ---
5
5
 
6
- <div id="tags" class="d-flex flex-wrap ml-xl-2 mr-xl-2">
7
-
8
- {% assign tags = "" | split: "" %}
6
+ <div id="tags" class="d-flex flex-wrap mx-xl-2">
7
+ {% assign tags = '' | split: '' %}
9
8
  {% for t in site.tags %}
10
9
  {% assign tags = tags | push: t[0] %}
11
10
  {% endfor %}
@@ -15,9 +14,9 @@ layout: page
15
14
  {% for t in sorted_tags %}
16
15
  <div>
17
16
  <a class="tag" href="{{ t | slugify | url_encode | prepend: '/tags/' | append: '/' | relative_url }}">
18
- {{ t }}<span class="text-muted">{{ site.tags[t].size }}</span>
17
+ {{ t -}}
18
+ <span class="text-muted">{{ site.tags[t].size }}</span>
19
19
  </a>
20
20
  </div>
21
21
  {% endfor %}
22
-
23
22
  </div>