benjeto-jekyll-theme 0.2.8 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 633501f8c229d41b554f4f617dc875ed0d242e9b892767acd34862288de7a991
-  data.tar.gz: b499fc12bf3eb068dbd5490b8319279286a0375364fc00339cfe21009b1a7c17
+  metadata.gz: ce56e14561fefa061a2c7d480f4591afedc620b4dea6cdbf3d1ffb1bd72e93c5
+  data.tar.gz: 4e6829d98bafb40b0e2684eeee578499002b3ab28f6c784b32b0dca4c200bdba
 SHA512:
-  metadata.gz: 510a8e2293eafe577dfbb47d9bf9d7f024ee7449e3d2aa46946d9141d64a926088b7a808750b2e62071fffbf7e185055f770390257f510fbb57bb4894d32a01e
-  data.tar.gz: b5c92d4f35fe9d15d661db9fbb16a5bf72cb99286089bd10fd139da5f1a9521c2caace0e829f78c8db95ac9c443e4b430336dbf434259ed866cebeab84601053
+  metadata.gz: 8dc722fae29f65473592fbcfabc0e60c3a5959a1311478e25bea6bec1e747d15118e87446b4c8cda9a9173fa3c6b59f83a260e68a66883e636134bc97192c648
+  data.tar.gz: 2a97bd14ee5757bdc5aa4ac5df3dc39b4f970c6a91079f425f179d64b2630d68bd15520740ba49a6b7ff45a8bf6caefbd568047396f816501ca2ec411cc10c58

data/_includes/icon/close.svg

@@ -0,0 +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>

data/_includes/icon/love.svg

@@ -0,0 +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>

data/_includes/icon/message.svg

@@ -0,0 +1,2 @@
+<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>
+

data/_includes/icon/share.svg

@@ -0,0 +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

@@ -10,16 +10,16 @@
     {%- assign needjs = true %}
     <noscript class="nosc">
       <a class="menu-btn menues" href="{{ profile.tip[0].url }}" title="{{ texts.tip_menu }}">
-        <img class="icon" src="{{ "/assets/icon/love.svg" | relative_url }}" alt="{{ texts.tip }}">
+        {% include icon/love.svg alt=texts.tip %}
       </a>
     </noscript>
     <button id="btn" class="menu-btn menues" data-menu="menu-tip" title="{{ texts.tip_menu }}" aria-haspopup="menu" aria-label="{{ texts.tip }}">
-      <img class="icon" src="{{ "/assets/icon/love.svg" | relative_url }}" alt="{{ texts.tip }}">
+      {% include icon/love.svg alt=texts.tip %}
     </button>
     <div class="menu" id="menu-tip" role="menu">
       <div class="menuline">
         <button class="close-btn" aria-label="{{ texts.close }}">
-          <img class="icon" src="{{ "/assets/icon/close.svg" | relative_url }}" alt="{{ texts.close }}">
+          {% include icon/close.svg alt=texts.close %}
         </button>
         <b>{{ texts.tip_menu }}</b>
       </div>
@@ -31,7 +31,7 @@
     </div>
     {%- else %}
     <a class="menu-btn" href="{{ profile.tip[0].url }}" title="{{ texts.tip_menu }}">
-      <img class="icon" src="{{ "/assets/icon/love.svg" | relative_url }}" alt="{{ texts.tip }}">
+      {% include icon/love.svg alt=texts.tip %}
     </a>
     {%- endif -%}
   {%- endif -%}
@@ -40,16 +40,16 @@
     {%- assign needjs = true %}
     <noscript class="nosc">
       <a class="menu-btn menues" href="{{ profile.message[0].url }}" title="{{ texts.message_menu }}">
-        <img class="icon" src="{{ "/assets/icon/message.svg" | relative_url }}" alt="{{ texts.message }}">
+        {% include icon/message.svg alt=texts.message %}
       </a>
     </noscript>
     <button id="btn" class="menu-btn menues" data-menu="menu-message" title="{{ texts.message_menu }}" aria-haspopup="menu" aria-label="{{ texts.message }}">
-      <img class="icon" src="{{ "/assets/icon/message.svg" | relative_url }}" alt="{{ texts.message }}">
+      {% include icon/message.svg alt=texts.message %}
     </button> 
     <div class="menu" id="menu-message" role="menu">
       <div class="menuline">
         <button class="close-btn" aria-label="{{ texts.close }}">
-          <img class="icon" src="{{ "/assets/icon/close.svg" | relative_url }}" alt="{{ texts.close }}">
+          {% include icon/close.svg alt=texts.close %}
         </button>
         <b>{{ texts.message_menu }}</b>
       </div>
@@ -61,7 +61,7 @@
     </div>
     {%- else %}
     <a class="menu-btn" href="{{ profile.message[0].url }}" title="{{ texts.message_menu }}">
-      <img class="icon" src="{{ "/assets/icon/message.svg" | relative_url }}" alt="{{ texts.message }}">
+      {% include icon/message.svg alt=texts.message %}
     </a>
     {%- endif -%}
   {%- endif -%}
@@ -77,7 +77,7 @@
     <div class="menu" id="menu-subscribe" role="menu">
       <div class="menuline">
         <button class="close-btn" aria-label="{{ texts.close }}">
-          <img class="icon" src="{{ "/assets/icon/close.svg" | relative_url }}" alt="{{ texts.close }}">
+          {% include icon/close.svg alt=texts.close %}
         </button>
         <b>{{ texts.subscribe_menu }}</b>
       </div>

data/_includes/miniprof.html

@@ -14,7 +14,7 @@
 {%- if page.layout == "post" and type == "nav" and settings.post.share_button == true %}
 <button class="shareBtn" id="shareButton" data-title="{{ page.title | default: page.excerpt | strip_html }}" data-url="$here" role="button" title="{{ texts.share }}">
   <span class="shareMsg"></span>
-  <img class="icon" src="{{ "/assets/icon/clip.svg" | relative_url }}" alt="{{ texts.copy }}">
+  {% include icon/share.svg alt=texts.share %}
 </button>
 <script src="{{ "/assets/js/share.js" | relative_url }}"></script>
 {%- endif %}

data/_includes/nicovideo.html

@@ -2,7 +2,7 @@
 {%- assign title = include.title -%}
 {%- assign aspect = include.aspect | default: "16 / 9" -%}
 {%- if id -%}
-<iframe class="nicovideo" style="aspect-ratio: {{ aspect }}" src="https://embed.nicovideo.jp/watch/{{ id }}" title="{{ texts.nicovideo_title }}" frameborder="0" allowfullscreen>
+<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">
 <a href="https://www.nicovideo.jp/watch/{{ id }}" target="_blank" rel="noopener noreferrer">{{ title | default: texts.nicovideo_link }}</a>
 </iframe>
 {%- endif -%}

data/_includes/postbox-feed.html

@@ -9,7 +9,7 @@
         <h2>{{ post.title | escape }}</h2>
         {%- endif %}
         {%- if post.title == "" or settings.home.show_excerpts == true %}
-        {{ post.excerpt }}
+        {{ post.excerpt | replace: "<a ", "<span " | replace: "</a>", "</span>" }}
         {%- endif %}
       </a>
     </div>
@@ -24,7 +24,7 @@
       {%- if settings.home.share_button == true %}
       <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 }}">
         <span class="shareMsg"></span>
-        <img class="icon" src="{{ "/assets/icon/clip.svg" | relative_url }}" alt="{{ texts.copy }}">
+        {% include icon/share.svg alt=texts.share %}
       </button>
       {%- endif %}
     </div>

data/_includes/youtube.html

@@ -2,7 +2,7 @@
 {%- assign title = include.title -%}
 {%- assign aspect = include.aspect | default: "16 / 9" -%}
 {%- if id -%}
-<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>
+<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">
 <a href="https://www.youtube.com/watch?v={{ id }}" target="_blank" rel="noopener noreferrer">{{ title | default: texts.youtube_link }}</a>
 </iframe>
 {%- endif -%}

data/_sass/benjeto/base.scss

@@ -178,7 +178,7 @@ video {
 .icon {
   display: inline-block;
   width: 1em;
-  margin: 0;
+  color: var(--text);
   vertical-align: bottom;
 }
 
@@ -186,11 +186,11 @@ video {
   display: inline-block;
   border-radius: 6px;
   padding: 8px 16px;
-  margin: 8px 4px;
+  margin: 8px 0;
   font-size: 1em;
   font-weight: 600;
   cursor: pointer;
-  border: 1px solid var(--border);
+  border: 1.5px solid var(--border);
   color: var(--link);
   background: none;
   transition: background 0.2s, color 0.2s;
@@ -506,10 +506,10 @@ article.feed-post, div.custom-feed {
 }
 div.post-excerpt {
   p {
-    margin: 0;
+    margin: 2px 0;
   }
   iframe.youtube, iframe.nicovideo {
-    margin: 6px 0;
+    margin: 8px 0;
     height: 240px;
   }
 }
@@ -548,13 +548,13 @@ div.post-custom {
     flex: 0 0 auto;
     margin-inline-end: 8px;
     .icon {
-      opacity: 0.5;
       transition: opacity 0.2s;
+      color: var(--gray);
     }
     &:hover, &:focus, &.disabled {
       background: var(--boxbg);
       .icon {
-        opacity: 1;
+        color: var(--text);
       }
     }
   }
@@ -684,5 +684,12 @@ ul.lang-select {
   article.post {
     border-color: var(--bglight);
   }
+  header.home ul.exlink li a {
+    color: var(--text);
+    text-decoration: underline;
+    &:hover {
+      text-decoration: underline;
+    }
+  }
 }
 

data/_sass/benjeto/css/figure.scss

@@ -45,13 +45,3 @@ figure {
   }
 }
 
-div.post-excerpt {
-  figcaption {
-    display: none;
-  }
-  figure.audio {
-    padding: 0;
-    border: none;
-  }
-}
-

data/_sass/benjeto/css/menu.scss

@@ -44,7 +44,7 @@
   &:hover {
     background: var(--boxbg);
   }
-  img {
+  svg {
     width: 1em;
     height: 1em;
     margin: 0.5em;
@@ -71,3 +71,14 @@
     background: rgba(64, 64, 64, 0.5);
   }
 }
+@media (prefers-contrast: more) {
+  #overlay {
+    background: rgba(64, 64, 64, 0.7);
+    backdrop-filter: blur(12px);
+  }
+  @media (prefers-color-scheme: dark) {
+    #overlay {
+      background: rgba(64, 64, 64, 0.8);
+    }
+  }
+}

data/_sass/benjeto/dark.scss

@@ -20,16 +20,13 @@
   --text: #fff;
   --gray: #b5b5b5;
   --head: #fff;
-  --link: #30c0ff;
+  --link: #40c5ff;
   --linkhover: #aadaff;
-  --boxbg: #28324a;
+  --boxbg: #303b54;
   --boxbglight: #252a3a;
   --border: #6078a0;
 }
 }
-.icon {
-  filter: invert(1);
-}
 @media (prefers-contrast: more) {
   code, pre code, .pagebox pre code {
     background: var(--bg);

data/assets/js/share.js

@@ -3,14 +3,6 @@
 {%- assign texts = site.data.texts -%}
 document.addEventListener('DOMContentLoaded', function () {
     {%- if site.languages.size > 1 and site.plugins contains "jekyll-polyglot" %}
-    var shareText = {
-        {%- for lang in site.languages %}
-        {%- if site.data[lang].texts.share and lang != site.default_lang %}
-        "{{ lang }}" : "{{ site.data[lang].texts.share }}",
-        {%- endif %}
-        {%- endfor %}
-        "{{ site.default_lang }}" : "{{ site.data.texts.share }}"
-    };
     var copiedText = {
         {%- for lang in site.languages %}
         {%- if site.data[lang].texts.share %}
@@ -23,23 +15,10 @@ document.addEventListener('DOMContentLoaded', function () {
     const shareButtons = document.querySelectorAll('.shareBtn');
 
     shareButtons.forEach(button => {
-        const img = button.querySelector('img');
         const shareMsg = button.querySelector('.shareMsg');
 
         if (navigator.share) {
             button.style.display = 'inline-block';
-            img.src = '{{ "/assets/icon/share.svg" | relative_url }}';
-
-            {%- if site.languages.size > 1 and site.plugins contains "jekyll-polyglot" %}
-            const lang = document.documentElement.lang;
-            if (lang in shareText) {
-                img.alt = shareText[(lang)];
-            } else {
-                img.alt = shareText["{{ site.default_lang }}"];
-            }
-            {%- else %}
-            img.alt = '{{ texts.share }}';
-            {%- endif %}
 
             button.addEventListener('click', async function () {
                 event.preventDefault();

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: benjeto-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.8
+  version: 0.3.0
 platform: ruby
 authors:
 - Cizzuk
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-07-21 00:00:00.000000000 Z
+date: 2024-08-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -83,6 +83,10 @@ files:
 - _includes/exlink.html
 - _includes/footer.html
 - _includes/head.html
+- _includes/icon/close.svg
+- _includes/icon/love.svg
+- _includes/icon/message.svg
+- _includes/icon/share.svg
 - _includes/image.html
 - _includes/lang-select.html
 - _includes/menu.html
@@ -108,11 +112,6 @@ files:
 - _sass/benjeto/custom.scss
 - _sass/benjeto/dark.scss
 - _sass/benjeto/light.scss
-- assets/icon/clip.svg
-- assets/icon/close.svg
-- assets/icon/love.svg
-- assets/icon/message.svg
-- assets/icon/share.svg
 - assets/js/lang-redirect.js
 - assets/js/menu.js
 - assets/js/share.js

data/assets/icon/clip.svg

@@ -1 +0,0 @@
-<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>

data/assets/icon/close.svg

@@ -1 +0,0 @@
-<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

@@ -1,2 +0,0 @@
-<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>
-

data/assets/icon/message.svg

@@ -1,2 +0,0 @@
-<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>
-

data/assets/icon/share.svg

@@ -1 +0,0 @@
-<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>