minimal-music-project 0.1.6 → 0.1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6a9636a8eba3b437639223a6414b35a496f1cf708e383da089fe1ce8c0e17e32
-  data.tar.gz: ca22ba8aa44b6db9e1c9c8d1872353c45ea9cee94cd0d657c83072b7438b5e17
+  metadata.gz: c0e93a989b687822bca17e0cb3a009b1e957d9b679372ce7d57329c5e5545599
+  data.tar.gz: b30dae066364b814a796feac8959cd7682d47229c619a80b11db5ffe0805df39
 SHA512:
-  metadata.gz: e0ee32bb16be446730d9f03e53754930a3d8fc862678aedd62fc023ab95571ad4c9b962260da7d9e4febd48084fea757fe1aaf29f832c90944efec6fbf6d0c2f
-  data.tar.gz: 93b7b7610738f600cdd71ee441bc9b35b0a9956148fdaca07d86f2e1adb4ecea7943fb389b996b955007478d2c340e643efb87a85f6e597acaf9defa47ba95c9
+  metadata.gz: c80304be82068a499b7ff67e06db410358b59edece13b50643ac102fa7be4bb8a3f7e36dbcbf9568e60f4832df3fc020f2f6e6176c1812453e23bda3d5f1fca9
+  data.tar.gz: 475a474dd68e2aa3579f850f34a3a155c74ea5234c39a8e9dcfa1e0751f3dbe0238c9663df69a816c6bc939b42693c1dfeb727ba1e056cd2067efc1a95db2585

data/_includes/common.js

@@ -18,9 +18,9 @@
     };
     window.addEventListener("load", () => {
         // #region click to enlarge images 
+        {% if site.data.metaData.clickToEnlargeImages %}
         const imageWrappers = document.querySelectorAll(".click-to-enlarge");
         imageWrappers.forEach(imageWrapper => {
-            {% if site.data.metaData.clickToEnlargeImages %}
             imageWrapper.addEventListener("click", () => {
                 const img = imageWrapper.getElementsByTagName("img")[0];
                 const src = img.attributes.getNamedItem("src");
@@ -48,10 +48,8 @@
                     modal.classList.remove("hidden");
                 }, 0);
             });
-            {% else %}
-            img.removeAttribute("click-to-enlarge");
-            {% endif %}
         });
+        {% endif %}
         // #endregion click to enlarge images 
         // #region embedded audio players
         const players = document.querySelectorAll("iframe.embedded-player");

data/_includes/cookies.js

@@ -4,9 +4,9 @@
     const storageType = localStorage;
     const cookieContainerId = "cookieContainer";
 
-    acceptAllCookieConsent = () => {
+    const acceptAllCookieConsent = () => {
         {% for consent in site.data.metaData.cookies.consent %}
-            eval("storageType.setItem('{{consent.cookieName}}', true);");
+            storageType.setItem('{{consent.cookieName}}', true);
         {% endfor %}
     }
 
@@ -45,12 +45,12 @@
         const cookieAgreeButton = document.createElement("button");
         const cookieButtonContent = document.createTextNode("{{ site.data.metaData.cookies.agreeButtonText }}");
         cookieAgreeButton.appendChild(cookieButtonContent);
-        eval("cookieAgreeButton.onclick = {{ site.data.metaData.cookies.agreeButtonFnName }};");
+        cookieAgreeButton.onclick = window["{{ site.data.metaData.cookies.agreeButtonFnName }}"];
 
         const cookieButtonDisagree = document.createElement("button");
         const cookieButtonDisagreeContent = document.createTextNode("{{ site.data.metaData.cookies.disagreeButtonText }}");
         cookieButtonDisagree.append(cookieButtonDisagreeContent);
-        eval("cookieButtonDisagree.onclick = {{ site.data.metaData.cookies.disagreeButtonFnName }};");
+        cookieButtonDisagree.onclick = window["{{ site.data.metaData.cookies.disagreeButtonFnName }}"];
 
         cookieHeader.append(cookieHeaderContent);
         cookieParagraph.append(cookieParagraphContent);

data/_includes/discography-entry.html

@@ -8,6 +8,7 @@
                         {% if include.currPost.image_alt %}
                         alt="{{ include.currPost.image_alt }}"
                         {% endif %}
+                        loading="lazy"
                         src="{{ include.currPost.image | relative_url }}"
                         {% if include.currPost.responsiveImage %}
                         srcset="{% for img in include.currPost.responsiveImage %}{{ img.src | relative_url }} {{ img.size }}w{% if forloop.last == false %},{% endif %}{% endfor %}"
@@ -20,7 +21,7 @@
     </header>
     <section>
         {% if include.currPost.external_url %}
-        <a href="{{ include.currPost.external_url | relative_url }}" target="_blank">
+        <a href="{{ include.currPost.external_url }}" target="_blank">
             {% else %}
             <a href="{{ include.currPost.url | relative_url }}">
                 {% endif %}

data/_includes/music-player.html

@@ -31,94 +31,95 @@
     // The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
     // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
-    const audioPlayer = document.getElementById("{{ include.audioData.src }}");
-    const audio = new Audio(
-        {% if include.audioData.is_relative_url %}
-        "{{ include.audioData.src | relative_url }}"
-        {% else %}
-        "{{ include.audioData.src }}"
-        {% endif %}
-    );
-
-    audio.addEventListener(
-        "loadeddata",
-        () => {
-            audioPlayer.querySelector(".time .length").textContent = getTimeCodeFromNum(
-                audio.duration
-            );
-            audioPlayer.querySelector(".name").textContent = "{{ include.audioData.name }}";
-            audio.volume = .75;
-        },
-        false
-    );
+    (function () {
+        // currentScript keeps each player self-contained, so several players can
+        // coexist on one page even when they point at the same audio file.
+        const audioPlayer = document.currentScript.previousElementSibling;
+        const audio = new Audio(
+            {% if include.audioData.is_relative_url %}
+            "{{ include.audioData.src | relative_url }}"
+            {% else %}
+            "{{ include.audioData.src }}"
+            {% endif %}
+        );
 
+        audio.addEventListener(
+            "loadeddata",
+            () => {
+                audioPlayer.querySelector(".time .length").textContent = getTimeCodeFromNum(
+                    audio.duration
+                );
+                audioPlayer.querySelector(".name").textContent = "{{ include.audioData.name }}";
+                audio.volume = .75;
+            },
+            false
+        );
 
-    //click on timeline to skip around
-    const timeline = audioPlayer.querySelector(".timeline");
-    timeline.addEventListener("click", e => {
-        const timelineWidth = window.getComputedStyle(timeline).width;
-        const timeToSeek = e.offsetX / parseInt(timelineWidth) * audio.duration;
-        audio.currentTime = timeToSeek;
-    }, false);
 
-    //click volume slider to change volume
-    const volumeSlider = audioPlayer.querySelector(".controls .volume-slider");
-    volumeSlider.addEventListener('click', e => {
-        const sliderWidth = window.getComputedStyle(volumeSlider).width;
-        const newVolume = e.offsetX / parseInt(sliderWidth);
-        audio.volume = newVolume;
-        audioPlayer.querySelector(".controls .volume-percentage").style.width = newVolume * 100 + '%';
-    }, false)
+        //click on timeline to skip around
+        const timeline = audioPlayer.querySelector(".timeline");
+        timeline.addEventListener("click", e => {
+            const timelineWidth = window.getComputedStyle(timeline).width;
+            const timeToSeek = e.offsetX / parseInt(timelineWidth) * audio.duration;
+            audio.currentTime = timeToSeek;
+        }, false);
 
-    const playBtn = audioPlayer.querySelector(".controls .play-controller i");
-    playBtn.addEventListener(
-        "click",
-        () => {
-            playBtn.classList = "fas";
-            if (audio.paused) {
-                playBtn.classList.add("fa-pause");
-                audio.play();
-            } else {
-                playBtn.classList.add("fa-play");
-                audio.pause();
-            }
-        },
-        false
-    );
+        //click volume slider to change volume
+        const volumeSlider = audioPlayer.querySelector(".controls .volume-slider");
+        volumeSlider.addEventListener('click', e => {
+            const sliderWidth = window.getComputedStyle(volumeSlider).width;
+            const newVolume = e.offsetX / parseInt(sliderWidth);
+            audio.volume = newVolume;
+            audioPlayer.querySelector(".controls .volume-percentage").style.width = newVolume * 100 + '%';
+        }, false)
 
-    const intervalId = setInterval(() => {
-        if(audio.paused) {
-            return;
-        }
-        const progressBar = audioPlayer.querySelector(".progress");
-        progressBar.style.width = audio.currentTime / audio.duration * 100 + "%";
-        audioPlayer.querySelector(".time .current").textContent = getTimeCodeFromNum(
-            audio.currentTime
+        const playBtn = audioPlayer.querySelector(".controls .play-controller i");
+        playBtn.addEventListener(
+            "click",
+            () => {
+                playBtn.classList = "fas";
+                if (audio.paused) {
+                    playBtn.classList.add("fa-pause");
+                    audio.play();
+                } else {
+                    playBtn.classList.add("fa-play");
+                    audio.pause();
+                }
+            },
+            false
         );
-    }, 200);
 
-    audioPlayer.querySelector(".volume-controller").addEventListener("click", () => {
-        const volumeEl = audioPlayer.querySelector(".controls .volume-controller i");
-        audio.muted = !audio.muted;
-        volumeEl.classList = "fas";
-        if (audio.muted) {
-            volumeEl.classList.add("fa-volume-mute");
-        } else {
-            volumeEl.classList.add("fa-volume-up");
-        }
-    });
+        audio.addEventListener("timeupdate", () => {
+            const progressBar = audioPlayer.querySelector(".progress");
+            progressBar.style.width = audio.currentTime / audio.duration * 100 + "%";
+            audioPlayer.querySelector(".time .current").textContent = getTimeCodeFromNum(
+                audio.currentTime
+            );
+        });
 
-    function getTimeCodeFromNum(num) {
-        let seconds = parseInt(num);
-        let minutes = parseInt(seconds / 60);
-        seconds -= minutes * 60;
-        const hours = parseInt(minutes / 60);
-        minutes -= hours * 60;
+        audioPlayer.querySelector(".volume-controller").addEventListener("click", () => {
+            const volumeEl = audioPlayer.querySelector(".controls .volume-controller i");
+            audio.muted = !audio.muted;
+            volumeEl.classList = "fas";
+            if (audio.muted) {
+                volumeEl.classList.add("fa-volume-mute");
+            } else {
+                volumeEl.classList.add("fa-volume-up");
+            }
+        });
 
-        if (hours === 0) return `${minutes}:${String(seconds % 60).padStart(2, 0)}`;
-        return `${String(hours).padStart(2, 0)}:${minutes}:${String(
-            seconds % 60
-        ).padStart(2, 0)}`;
-    }
+        function getTimeCodeFromNum(num) {
+            if (!isFinite(num)) return "0:00";
+            let seconds = parseInt(num);
+            let minutes = parseInt(seconds / 60);
+            seconds -= minutes * 60;
+            const hours = parseInt(minutes / 60);
+            minutes -= hours * 60;
 
-</script>
+            if (hours === 0) return `${minutes}:${String(seconds % 60).padStart(2, 0)}`;
+            return `${String(hours).padStart(2, 0)}:${minutes}:${String(
+                seconds % 60
+            ).padStart(2, 0)}`;
+        }
+    })();
+</script>

data/_includes/read-more.html

@@ -1,6 +1,6 @@
 <span class="read-more">
     {% if include.currPost.external_url %}
-    <a href="{{ include.currPost.external_url | relative_url }}" target="_blank">
+    <a href="{{ include.currPost.external_url }}" target="_blank">
         {% else %}
         <a href="{{ include.currPost.url | relative_url }}">
             {% endif %} 

data/_layouts/cookies.html

@@ -7,8 +7,8 @@ layout: default
     <h2>Consents</h2>
     {% for consent in site.data.metaData.cookies.consent %}
     <fieldset>
-        <input type="checkbox" id="{{ consent.name }}">
-        <label for="{{ consent.name }}">
+        <input type="checkbox" id="consent-{{ consent.cookieName }}">
+        <label for="consent-{{ consent.cookieName }}">
             <strong>{{ consent.name }}</strong>
             {{ consent.description }}
         </label>
@@ -17,14 +17,14 @@ layout: default
 </div>
 <script>
     const storageType = localStorage;
-    const consents = eval('{{ site.data.metaData.cookies.consent | jsonify }}');
+    const consents = {{ site.data.metaData.cookies.consent | jsonify }};
     consents.forEach(consent => {
-        const element = document.getElementById(consent.name);
+        const element = document.getElementById("consent-" + consent.cookieName);
         element.checked = storageType.getItem(consent.cookieName) === "true" || consent.alwaysAgree;
         element.disabled = consent.alwaysAgree;
         element.addEventListener("click", () => {
             storageType.setItem(consent.cookieName, element.checked);
         });
-        storageType.setItem("interacted_with_cookies_banner", true);
     });
+    storageType.setItem("interacted_with_cookies_banner", true);
 </script>

data/_layouts/posts_feed.html

@@ -13,7 +13,7 @@ category: home
                 <p class="article-date">{{ post.date | date: "%Y-%m-%d" }}</p>
                 <h2>
                     {% if post.external_url %}
-                    <a href="{{ post.external_url | relative_url }}" target="_blank">
+                    <a href="{{ post.external_url }}" target="_blank">
                         {% else %}
                         <a href="{{ post.url | relative_url }}">
                             {% endif %}
@@ -30,6 +30,7 @@ category: home
                             alt="{{ post.image_alt }}"
                             {% endif %}
                             class="post-feed_image"
+                            loading="lazy"
                             src="{{ post.image | relative_url }}"
                             {% if post.responsiveImage %}
                             srcset="{% for img in post.responsiveImage %}{{ img.src | relative_url }} {{ img.size }}w{% if forloop.last == false %},{% endif %}{% endfor %}"
@@ -55,7 +56,7 @@ category: home
                 <p class="article-date">{{ post.date | date: "%Y-%m-%d" }}</p>
                 <h2>
                     {% if post.external_url %}
-                    <a href="{{ post.external_url | relative_url }}" target="_blank">
+                    <a href="{{ post.external_url }}" target="_blank">
                         {% else %}
                         <a href="{{ post.url | relative_url }}">
                             {% endif %}

data/_sass/styles/_discography.scss

@@ -7,6 +7,10 @@
         flex-direction: row;
         position: relative;
 
+        &:last-of-type {
+            margin-bottom: 1em;
+        }
+
         @include mobile {
             flex-direction: column;
         }

data/_sass/styles/_post.scss

@@ -43,7 +43,7 @@
 
     & &-content, & &-metadata {
         background: $white;
-        padding: 0.2em 2rem 1rem 2rem;
+        padding: 0 2rem 1rem 2rem;
         border-radius: 10px;
         @include mobile {
             padding: 0.2em 1.2rem 0.6rem 1.2rem;
@@ -67,8 +67,14 @@
         text-align: left;
         p {
             font-size: 1em;
-            margin-top: 5px;
-            margin-bottom: 5px;
+            margin-top: 0.4em;
+            margin-bottom: 0.4em;
+            &:first-of-type {
+                margin-top: 0;
+            }
+            &:last-of-type {
+                padding-bottom: 1em;
+            }
         }
         a {
             color: $p_text;
@@ -92,4 +98,4 @@
     a {
         font-size: 1em;
     }
-}
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: minimal-music-project
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.1.7
 platform: ruby
 authors:
 - Patryk Bieszke
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-03-20 00:00:00.000000000 Z
+date: 2026-07-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.9.0
+        version: '3.10'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.9.0
+        version: '3.10'
 description:
 email:
 - bieszke.patryk@gmail.com
@@ -112,7 +112,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.7
+rubygems_version: 3.4.2
 signing_key:
 specification_version: 4
 summary: minimal-music-project is a Jekyll theme for GitHub Pages