jekyll-theme-chirpy 5.6.1 → 6.0.1

Sign up to get free protection for your applications and to get access to all the features.
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>