Update asset paths in HTML and README, and refine asset file naming i…

…n Vite configuration + add favicons
VincentLoy · Dec 29, 2024 · 7b7c63e · 7b7c63e
1 parent 8b81617
commit 7b7c63e
Show file tree

Hide file tree

Showing 17 changed files with 25 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-![SimplyCountdown.js](docs/src/assets/images/simplyCountdown_banner.webp)
+![SimplyCountdown.js](docs/src/public/images/simplyCountdown_banner.webp)
 
 # SimplyCountdown.js
 

diff --git a/docs/dist/assets/main.min.css → docs/dist/assets/main.min..css b/docs/dist/assets/main.min.css → docs/dist/assets/main.min..css
diff --git a/docs/dist/favicon/apple-touch-icon.png b/docs/dist/favicon/apple-touch-icon.png
diff --git a/docs/dist/favicon/favicon-16x16.png b/docs/dist/favicon/favicon-16x16.png
diff --git a/docs/dist/favicon/favicon-32x32.png b/docs/dist/favicon/favicon-32x32.png
diff --git a/docs/dist/favicon/favicon.ico b/docs/dist/favicon/favicon.ico
diff --git a/...assets/images/simplyCountdown_banner.webp → docs/dist/images/simplyCountdown_banner.webp b/...assets/images/simplyCountdown_banner.webp → docs/dist/images/simplyCountdown_banner.webp
diff --git a/docs/dist/images/simplycountdown_web.png b/docs/dist/images/simplycountdown_web.png
diff --git a/docs/dist/index.html b/docs/dist/index.html
@@ -3,13 +3,19 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <link rel="apple-touch-icon" sizes="180x180" href="./favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="./favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="./favicon/favicon-16x16.png">
+    <link rel="shortcut icon" href="./favicon/favicon.ico">
+
     <title>simplyCountdown.js | A Tiny and dead simple Javascript Countdown Library</title>
     <meta name="author" content="Vincent Loy">
     <meta name="description" content="simplyCountdown.js is an easy to use Javascript Countdown Library. You can easily customize it with your own CSS and versatile parameters.">
 
     <meta property="og:title" content="simplyCountdown.js - A Tiny Javascript Countdown Library">
     <meta property="og:description" content="A dead simple and lightweight countdown library for your web projects">
-    <meta property="og:image" content="[path-to-preview-image]">
+    <meta property="og:image" content="./images/simplycountdown_web.png">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://vincentloy.github.io/simplyCountdown.js/">
     <meta name="twitter:card" content="summary_large_image">
@@ -52,7 +58,7 @@
         }
     </script>
   <script type="module" crossorigin src="./assets/main.min.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/main.min.css">
+  <link rel="stylesheet" crossorigin href="./assets/main.min..css">
 </head>
 <body class="bg-slate-900 p-0 font-sans text-white" id="top">
     <header class="bg-gradient-to-br from-indigo-600 to-violet-600 text-white pt-40 pb-20">

diff --git a/docs/src/index.html b/docs/src/index.html
@@ -3,13 +3,19 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <link rel="apple-touch-icon" sizes="180x180" href="public/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="public/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="public/favicon/favicon-16x16.png">
+    <link rel="shortcut icon" href="public/favicon/favicon.ico">
+
     <title>simplyCountdown.js | A Tiny and dead simple Javascript Countdown Library</title>
     <meta name="author" content="Vincent Loy">
     <meta name="description" content="simplyCountdown.js is an easy to use Javascript Countdown Library. You can easily customize it with your own CSS and versatile parameters.">
 
     <meta property="og:title" content="simplyCountdown.js - A Tiny Javascript Countdown Library">
     <meta property="og:description" content="A dead simple and lightweight countdown library for your web projects">
-    <meta property="og:image" content="[path-to-preview-image]">
+    <meta property="og:image" content="./images/simplycountdown_web.png">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://vincentloy.github.io/simplyCountdown.js/">
     <meta name="twitter:card" content="summary_large_image">

diff --git a/docs/src/public/favicon/apple-touch-icon.png b/docs/src/public/favicon/apple-touch-icon.png
diff --git a/docs/src/public/favicon/favicon-16x16.png b/docs/src/public/favicon/favicon-16x16.png
diff --git a/docs/src/public/favicon/favicon-32x32.png b/docs/src/public/favicon/favicon-32x32.png
diff --git a/docs/src/public/favicon/favicon.ico b/docs/src/public/favicon/favicon.ico
diff --git a/docs/src/public/images/simplyCountdown_banner.webp b/docs/src/public/images/simplyCountdown_banner.webp
diff --git a/docs/src/public/images/simplycountdown_web.png b/docs/src/public/images/simplycountdown_web.png
diff --git a/vite.config.ts b/vite.config.ts
@@ -83,7 +83,15 @@ const docsConfig = defineConfig({
             output: {
                 entryFileNames: "assets/[name].min.js",
                 chunkFileNames: "assets/[name].min.js",
-                assetFileNames: "assets/[name].min.[ext]",
+                assetFileNames: (assetInfo) => {
+                    // here deprecated stuff, should improve later, maybe I misunderstood something
+                    if (assetInfo.originalFileName?.includes("public/favicon")) {
+                        return "favicon/[name][extname]";
+                    } else if (assetInfo.name?.includes(".css")) {
+                        return "assets/[name].min.[extname]";
+                    }
+                    return "ssssss/[name][extname]";
+                },
             },
         },
     },