benjeto-jekyll-theme 0.2.8 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 633501f8c229d41b554f4f617dc875ed0d242e9b892767acd34862288de7a991
4
- data.tar.gz: b499fc12bf3eb068dbd5490b8319279286a0375364fc00339cfe21009b1a7c17
3
+ metadata.gz: ce56e14561fefa061a2c7d480f4591afedc620b4dea6cdbf3d1ffb1bd72e93c5
4
+ data.tar.gz: 4e6829d98bafb40b0e2684eeee578499002b3ab28f6c784b32b0dca4c200bdba
5
5
  SHA512:
6
- metadata.gz: 510a8e2293eafe577dfbb47d9bf9d7f024ee7449e3d2aa46946d9141d64a926088b7a808750b2e62071fffbf7e185055f770390257f510fbb57bb4894d32a01e
7
- data.tar.gz: b5c92d4f35fe9d15d661db9fbb16a5bf72cb99286089bd10fd139da5f1a9521c2caace0e829f78c8db95ac9c443e4b430336dbf434259ed866cebeab84601053
6
+ metadata.gz: 8dc722fae29f65473592fbcfabc0e60c3a5959a1311478e25bea6bec1e747d15118e87446b4c8cda9a9173fa3c6b59f83a260e68a66883e636134bc97192c648
7
+ data.tar.gz: 2a97bd14ee5757bdc5aa4ac5df3dc39b4f970c6a91079f425f179d64b2630d68bd15520740ba49a6b7ff45a8bf6caefbd568047396f816501ca2ec411cc10c58
@@ -0,0 +1 @@
1
+ <svg class="icon"{% if include.alt %} alt="{{ include.alt }}" {% endif %} width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><line x1="10" y1="10" x2="90" y2="90" stroke="currentColor" stroke-width="15"/><line x1="90" y1="10" x2="10" y2="90" stroke="currentColor" stroke-width="15"/></svg>
@@ -0,0 +1 @@
1
+ <svg class="icon"{% if include.alt %} alt="{{ include.alt }}" {% endif %} width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41 1 4.5 2.5C13.09 4 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
@@ -0,0 +1,2 @@
1
+ <svg class="icon"{% if include.alt %} alt="{{ include.alt }}" {% endif %} width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.984 4.336h16.032c1.102 0 2.004.862 2.004 1.916v11.496c0 1.054-.902 1.916-2.004 1.916H3.984c-1.102 0-2.004-.862-2.004-1.916V6.252c0-1.054.902-1.916 2.004-1.916z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.813 8.34 12 12.753 5.187 8.34" stroke="currentColor" stroke-width="1.748" stroke-linecap="round" stroke-linejoin="round"/></svg>
2
+
@@ -0,0 +1 @@
1
+ <svg class="icon"{% if include.alt %} alt="{{ include.alt }}" {% endif %} width="100" height="100" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.243 12.28c-1.918 0-2.878.862-2.878 2.587v3.09c0 1.725.96 2.587 2.878 2.587h11.514c1.918 0 2.878-.862 2.878-2.588v-3.09c0-1.724-.96-2.587-2.878-2.587" fill="none" stroke="currentColor" stroke-width="4.76" style="stroke-width:2.00679;stroke-dasharray:none"/><path stroke="currentColor" stroke-width="5" stroke-linecap="round" d="M12 2.468v11.467" style="stroke-width:2.00679;stroke-dasharray:none"/><path fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" d="M6.266 8.201 12 2.468 17.734 8.2" style="stroke-width:2.00679"/></svg>
data/_includes/menu.html CHANGED
@@ -10,16 +10,16 @@
10
10
  {%- assign needjs = true %}
11
11
  <noscript class="nosc">
12
12
  <a class="menu-btn menues" href="{{ profile.tip[0].url }}" title="{{ texts.tip_menu }}">
13
- <img class="icon" src="{{ "/assets/icon/love.svg" | relative_url }}" alt="{{ texts.tip }}">
13
+ {% include icon/love.svg alt=texts.tip %}
14
14
  </a>
15
15
  </noscript>
16
16
  <button id="btn" class="menu-btn menues" data-menu="menu-tip" title="{{ texts.tip_menu }}" aria-haspopup="menu" aria-label="{{ texts.tip }}">
17
- <img class="icon" src="{{ "/assets/icon/love.svg" | relative_url }}" alt="{{ texts.tip }}">
17
+ {% include icon/love.svg alt=texts.tip %}
18
18
  </button>
19
19
  <div class="menu" id="menu-tip" role="menu">
20
20
  <div class="menuline">
21
21
  <button class="close-btn" aria-label="{{ texts.close }}">
22
- <img class="icon" src="{{ "/assets/icon/close.svg" | relative_url }}" alt="{{ texts.close }}">
22
+ {% include icon/close.svg alt=texts.close %}
23
23
  </button>
24
24
  <b>{{ texts.tip_menu }}</b>
25
25
  </div>
@@ -31,7 +31,7 @@
31
31
  </div>
32
32
  {%- else %}
33
33
  <a class="menu-btn" href="{{ profile.tip[0].url }}" title="{{ texts.tip_menu }}">
34
- <img class="icon" src="{{ "/assets/icon/love.svg" | relative_url }}" alt="{{ texts.tip }}">
34
+ {% include icon/love.svg alt=texts.tip %}
35
35
  </a>
36
36
  {%- endif -%}
37
37
  {%- endif -%}
@@ -40,16 +40,16 @@
40
40
  {%- assign needjs = true %}
41
41
  <noscript class="nosc">
42
42
  <a class="menu-btn menues" href="{{ profile.message[0].url }}" title="{{ texts.message_menu }}">
43
- <img class="icon" src="{{ "/assets/icon/message.svg" | relative_url }}" alt="{{ texts.message }}">
43
+ {% include icon/message.svg alt=texts.message %}
44
44
  </a>
45
45
  </noscript>
46
46
  <button id="btn" class="menu-btn menues" data-menu="menu-message" title="{{ texts.message_menu }}" aria-haspopup="menu" aria-label="{{ texts.message }}">
47
- <img class="icon" src="{{ "/assets/icon/message.svg" | relative_url }}" alt="{{ texts.message }}">
47
+ {% include icon/message.svg alt=texts.message %}
48
48
  </button>
49
49
  <div class="menu" id="menu-message" role="menu">
50
50
  <div class="menuline">
51
51
  <button class="close-btn" aria-label="{{ texts.close }}">
52
- <img class="icon" src="{{ "/assets/icon/close.svg" | relative_url }}" alt="{{ texts.close }}">
52
+ {% include icon/close.svg alt=texts.close %}
53
53
  </button>
54
54
  <b>{{ texts.message_menu }}</b>
55
55
  </div>
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  {%- else %}
63
63
  <a class="menu-btn" href="{{ profile.message[0].url }}" title="{{ texts.message_menu }}">
64
- <img class="icon" src="{{ "/assets/icon/message.svg" | relative_url }}" alt="{{ texts.message }}">
64
+ {% include icon/message.svg alt=texts.message %}
65
65
  </a>
66
66
  {%- endif -%}
67
67
  {%- endif -%}
@@ -77,7 +77,7 @@
77
77
  <div class="menu" id="menu-subscribe" role="menu">
78
78
  <div class="menuline">
79
79
  <button class="close-btn" aria-label="{{ texts.close }}">
80
- <img class="icon" src="{{ "/assets/icon/close.svg" | relative_url }}" alt="{{ texts.close }}">
80
+ {% include icon/close.svg alt=texts.close %}
81
81
  </button>
82
82
  <b>{{ texts.subscribe_menu }}</b>
83
83
  </div>
@@ -14,7 +14,7 @@
14
14
  {%- if page.layout == "post" and type == "nav" and settings.post.share_button == true %}
15
15
  <button class="shareBtn" id="shareButton" data-title="{{ page.title | default: page.excerpt | strip_html }}" data-url="$here" role="button" title="{{ texts.share }}">
16
16
  <span class="shareMsg"></span>
17
- <img class="icon" src="{{ "/assets/icon/clip.svg" | relative_url }}" alt="{{ texts.copy }}">
17
+ {% include icon/share.svg alt=texts.share %}
18
18
  </button>
19
19
  <script src="{{ "/assets/js/share.js" | relative_url }}"></script>
20
20
  {%- endif %}
@@ -2,7 +2,7 @@
2
2
  {%- assign title = include.title -%}
3
3
  {%- assign aspect = include.aspect | default: "16 / 9" -%}
4
4
  {%- if id -%}
5
- <iframe class="nicovideo" style="aspect-ratio: {{ aspect }}" src="https://embed.nicovideo.jp/watch/{{ id }}" title="{{ texts.nicovideo_title }}" frameborder="0" allowfullscreen>
5
+ <iframe class="nicovideo" style="aspect-ratio: {{ aspect }}" src="https://embed.nicovideo.jp/watch/{{ id }}" title="{{ texts.nicovideo_title }}" allow="clipboard-write; encrypted-media; picture-in-picture; web-share" referrerpolicy="no-referrer" allowfullscreen sandbox="allow-scripts">
6
6
  <a href="https://www.nicovideo.jp/watch/{{ id }}" target="_blank" rel="noopener noreferrer">{{ title | default: texts.nicovideo_link }}</a>
7
7
  </iframe>
8
8
  {%- endif -%}
@@ -9,7 +9,7 @@
9
9
  <h2>{{ post.title | escape }}</h2>
10
10
  {%- endif %}
11
11
  {%- if post.title == "" or settings.home.show_excerpts == true %}
12
- {{ post.excerpt }}
12
+ {{ post.excerpt | replace: "<a ", "<span " | replace: "</a>", "</span>" }}
13
13
  {%- endif %}
14
14
  </a>
15
15
  </div>
@@ -24,7 +24,7 @@
24
24
  {%- if settings.home.share_button == true %}
25
25
  <button class="shareBtn" id="shareButton" data-title="{{ post.title | default: post.excerpt | strip_html }}" data-url="{{ post.url | relative_url }}" role="button" title="{{ texts.share }}">
26
26
  <span class="shareMsg"></span>
27
- <img class="icon" src="{{ "/assets/icon/clip.svg" | relative_url }}" alt="{{ texts.copy }}">
27
+ {% include icon/share.svg alt=texts.share %}
28
28
  </button>
29
29
  {%- endif %}
30
30
  </div>
@@ -2,7 +2,7 @@
2
2
  {%- assign title = include.title -%}
3
3
  {%- assign aspect = include.aspect | default: "16 / 9" -%}
4
4
  {%- if id -%}
5
- <iframe class="youtube" style="aspect-ratio: {{ aspect }}" src="https://www.youtube-nocookie.com/embed/{{ id }}" title="{{ texts.youtube_title }}" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
5
+ <iframe class="youtube" style="aspect-ratio: {{ aspect }}" src="https://www.youtube-nocookie.com/embed/{{ id }}" title="{{ texts.youtube_title }}" allow="clipboard-write; encrypted-media; picture-in-picture; web-share" referrerpolicy="no-referrer" allowfullscreen sandbox="allow-scripts allow-same-origin">
6
6
  <a href="https://www.youtube.com/watch?v={{ id }}" target="_blank" rel="noopener noreferrer">{{ title | default: texts.youtube_link }}</a>
7
7
  </iframe>
8
8
  {%- endif -%}
@@ -178,7 +178,7 @@ video {
178
178
  .icon {
179
179
  display: inline-block;
180
180
  width: 1em;
181
- margin: 0;
181
+ color: var(--text);
182
182
  vertical-align: bottom;
183
183
  }
184
184
 
@@ -186,11 +186,11 @@ video {
186
186
  display: inline-block;
187
187
  border-radius: 6px;
188
188
  padding: 8px 16px;
189
- margin: 8px 4px;
189
+ margin: 8px 0;
190
190
  font-size: 1em;
191
191
  font-weight: 600;
192
192
  cursor: pointer;
193
- border: 1px solid var(--border);
193
+ border: 1.5px solid var(--border);
194
194
  color: var(--link);
195
195
  background: none;
196
196
  transition: background 0.2s, color 0.2s;
@@ -506,10 +506,10 @@ article.feed-post, div.custom-feed {
506
506
  }
507
507
  div.post-excerpt {
508
508
  p {
509
- margin: 0;
509
+ margin: 2px 0;
510
510
  }
511
511
  iframe.youtube, iframe.nicovideo {
512
- margin: 6px 0;
512
+ margin: 8px 0;
513
513
  height: 240px;
514
514
  }
515
515
  }
@@ -548,13 +548,13 @@ div.post-custom {
548
548
  flex: 0 0 auto;
549
549
  margin-inline-end: 8px;
550
550
  .icon {
551
- opacity: 0.5;
552
551
  transition: opacity 0.2s;
552
+ color: var(--gray);
553
553
  }
554
554
  &:hover, &:focus, &.disabled {
555
555
  background: var(--boxbg);
556
556
  .icon {
557
- opacity: 1;
557
+ color: var(--text);
558
558
  }
559
559
  }
560
560
  }
@@ -684,5 +684,12 @@ ul.lang-select {
684
684
  article.post {
685
685
  border-color: var(--bglight);
686
686
  }
687
+ header.home ul.exlink li a {
688
+ color: var(--text);
689
+ text-decoration: underline;
690
+ &:hover {
691
+ text-decoration: underline;
692
+ }
693
+ }
687
694
  }
688
695
 
@@ -45,13 +45,3 @@ figure {
45
45
  }
46
46
  }
47
47
 
48
- div.post-excerpt {
49
- figcaption {
50
- display: none;
51
- }
52
- figure.audio {
53
- padding: 0;
54
- border: none;
55
- }
56
- }
57
-
@@ -44,7 +44,7 @@
44
44
  &:hover {
45
45
  background: var(--boxbg);
46
46
  }
47
- img {
47
+ svg {
48
48
  width: 1em;
49
49
  height: 1em;
50
50
  margin: 0.5em;
@@ -71,3 +71,14 @@
71
71
  background: rgba(64, 64, 64, 0.5);
72
72
  }
73
73
  }
74
+ @media (prefers-contrast: more) {
75
+ #overlay {
76
+ background: rgba(64, 64, 64, 0.7);
77
+ backdrop-filter: blur(12px);
78
+ }
79
+ @media (prefers-color-scheme: dark) {
80
+ #overlay {
81
+ background: rgba(64, 64, 64, 0.8);
82
+ }
83
+ }
84
+ }
@@ -20,16 +20,13 @@
20
20
  --text: #fff;
21
21
  --gray: #b5b5b5;
22
22
  --head: #fff;
23
- --link: #30c0ff;
23
+ --link: #40c5ff;
24
24
  --linkhover: #aadaff;
25
- --boxbg: #28324a;
25
+ --boxbg: #303b54;
26
26
  --boxbglight: #252a3a;
27
27
  --border: #6078a0;
28
28
  }
29
29
  }
30
- .icon {
31
- filter: invert(1);
32
- }
33
30
  @media (prefers-contrast: more) {
34
31
  code, pre code, .pagebox pre code {
35
32
  background: var(--bg);
data/assets/js/share.js CHANGED
@@ -3,14 +3,6 @@
3
3
  {%- assign texts = site.data.texts -%}
4
4
  document.addEventListener('DOMContentLoaded', function () {
5
5
  {%- if site.languages.size > 1 and site.plugins contains "jekyll-polyglot" %}
6
- var shareText = {
7
- {%- for lang in site.languages %}
8
- {%- if site.data[lang].texts.share and lang != site.default_lang %}
9
- "{{ lang }}" : "{{ site.data[lang].texts.share }}",
10
- {%- endif %}
11
- {%- endfor %}
12
- "{{ site.default_lang }}" : "{{ site.data.texts.share }}"
13
- };
14
6
  var copiedText = {
15
7
  {%- for lang in site.languages %}
16
8
  {%- if site.data[lang].texts.share %}
@@ -23,23 +15,10 @@ document.addEventListener('DOMContentLoaded', function () {
23
15
  const shareButtons = document.querySelectorAll('.shareBtn');
24
16
 
25
17
  shareButtons.forEach(button => {
26
- const img = button.querySelector('img');
27
18
  const shareMsg = button.querySelector('.shareMsg');
28
19
 
29
20
  if (navigator.share) {
30
21
  button.style.display = 'inline-block';
31
- img.src = '{{ "/assets/icon/share.svg" | relative_url }}';
32
-
33
- {%- if site.languages.size > 1 and site.plugins contains "jekyll-polyglot" %}
34
- const lang = document.documentElement.lang;
35
- if (lang in shareText) {
36
- img.alt = shareText[(lang)];
37
- } else {
38
- img.alt = shareText["{{ site.default_lang }}"];
39
- }
40
- {%- else %}
41
- img.alt = '{{ texts.share }}';
42
- {%- endif %}
43
22
 
44
23
  button.addEventListener('click', async function () {
45
24
  event.preventDefault();
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: benjeto-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.8
4
+ version: 0.3.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Cizzuk
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-07-21 00:00:00.000000000 Z
11
+ date: 2024-08-03 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -83,6 +83,10 @@ files:
83
83
  - _includes/exlink.html
84
84
  - _includes/footer.html
85
85
  - _includes/head.html
86
+ - _includes/icon/close.svg
87
+ - _includes/icon/love.svg
88
+ - _includes/icon/message.svg
89
+ - _includes/icon/share.svg
86
90
  - _includes/image.html
87
91
  - _includes/lang-select.html
88
92
  - _includes/menu.html
@@ -108,11 +112,6 @@ files:
108
112
  - _sass/benjeto/custom.scss
109
113
  - _sass/benjeto/dark.scss
110
114
  - _sass/benjeto/light.scss
111
- - assets/icon/clip.svg
112
- - assets/icon/close.svg
113
- - assets/icon/love.svg
114
- - assets/icon/message.svg
115
- - assets/icon/share.svg
116
115
  - assets/js/lang-redirect.js
117
116
  - assets/js/menu.js
118
117
  - assets/js/share.js
data/assets/icon/clip.svg DELETED
@@ -1 +0,0 @@
1
- <svg width="100" height="100" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="M6.387 6.249h7.652a1.913 1.913 0 0 1 1.912 1.913v11.477a1.913 1.913 0 0 1-1.912 1.913H6.387a1.913 1.913 0 0 1-1.913-1.913V8.162a1.913 1.913 0 0 1 1.913-1.913Z" style="stroke-width:1.91283"/><path d="M17.536 3.493h-10a1 1 0 1 1 0-2h10a3 3 0 0 1 3 3v14a1 1 0 1 1-2 0v-14a1 1 0 0 0-1-1z" fill="#000" stroke="none"/></svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><line x1="10" y1="10" x2="90" y2="90" stroke="black" stroke-width="15"/><line x1="90" y1="10" x2="10" y2="90" stroke="black" stroke-width="15"/></svg>
data/assets/icon/love.svg DELETED
@@ -1,2 +0,0 @@
1
- <svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41 1 4.5 2.5C13.09 4 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
2
-
@@ -1,2 +0,0 @@
1
- <svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.984 4.336h16.032c1.102 0 2.004.862 2.004 1.916v11.496c0 1.054-.902 1.916-2.004 1.916H3.984c-1.102 0-2.004-.862-2.004-1.916V6.252c0-1.054.902-1.916 2.004-1.916z" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.813 8.34 12 12.753 5.187 8.34" stroke="#000" stroke-width="1.748" stroke-linecap="round" stroke-linejoin="round"/></svg>
2
-
@@ -1 +0,0 @@
1
- <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M25.719 52.522c-8.094 0-12.141 3.638-12.141 10.914v13.032c0 7.277 4.047 10.915 12.14 10.915h48.563c8.094 0 12.141-3.638 12.141-10.915V63.436c0-7.276-4.047-10.914-12.14-10.914" fill="none" stroke="#000" stroke-width="4.76" style="stroke-width:8.46464;stroke-dasharray:none"/><path stroke="#000" stroke-width="5" stroke-linecap="round" d="M50 11.136v48.37" style="stroke-width:8.46464;stroke-dasharray:none"/><path fill="none" stroke="#000" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" d="M25.815 35.32 50 11.136 74.185 35.32" style="stroke-width:8.46464"/></svg>