hero as webp

mp3chapters · Dec 17, 2024 · 09a6941 · 09a6941
1 parent 9d88f7e
commit 09a6941
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/hero.webp b/hero.webp
diff --git a/index.html b/index.html
@@ -440,7 +440,7 @@
 
         .dense #player-container div.card-body {
             padding: 0;
-            height: 186.5px;
+            height: 218.8px;
         }
 
         .dense #editor-container {
@@ -573,10 +573,10 @@
     <div class="container col-xxl-9 px-4 py-2" id="hero">
         <div class="row flex-lg-row-reverse align-items-center g-5 py-0 py-sm-4">
             <div class="col-12 mt-5 mt-sm-5 col-sm-8 col-lg-6">
-                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
+                <img src="hero.webp"
                     id="hero-image" class="d-block mx-lg-auto img-fluid"
                     alt="Two example screenshots of podcast apps displaying a list of chapters" width="400" height="461"
-                    loading="lazy" data-tippy-content="Examples of podcasts that provide chapters">
+                    data-tippy-content="Examples of podcasts that provide chapters">
             </div>
             <div class="col-lg-6 mt-4 mt-sm-8">
                 <h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3">Add chapters to your podcast MP3 files<span

diff --git a/src/BaseApp.js b/src/BaseApp.js
@@ -1,7 +1,7 @@
-import * as popperModule from '/libs/popper.min.js';
-import * as tippyModule from '/libs/tippy-bundle.umd.min.js';
-import * as nodeID3Module from '/node-id3-browserify.min.js';
-import * as vidstackModule from '/libs/vidstack.js';
+import * as popperModule from '../libs/popper.min.js';
+import * as tippyModule from '../libs/tippy-bundle.umd.min.js';
+import * as nodeID3Module from '../node-id3-browserify.min.js';
+import * as vidstackModule from '../libs/vidstack.js';
 
 import { ChapterList } from './submodules/ChapterList.js';
 import { setTextAreaContent, displayChapterList, updateChapterListBasedOnTextarea, editText, adjustTextAreaHeight, highlightCurrentLine } from './submodules/ChapterListEditor.js';
@@ -84,13 +84,13 @@ export function startBaseApp() {
     });
 
     function setColorScheme() {
-        const hero = document.getElementById('hero-image');
+        // const hero = document.getElementById('hero-image');
         if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
             document.documentElement.dataset.bsTheme = 'dark';
-            if (hero) hero.src = 'hero-dark.jpg';
+            // if (hero) hero.src = 'hero-dark.jpg';
         } else {
             document.documentElement.dataset.bsTheme = 'light';
-            if (hero) hero.src = 'hero.jpg';
+            // if (hero) hero.src = 'hero.jpg';
         }
     }