fix: configure publicDir to copy images/icons to dist; comment out Google Analytics to prevent service worker errors; update icon paths to /images/

Author: rogeriopradoj

dev/index.html

@@ -9,14 +9,14 @@
 
   <link rel="canonical" href="https://cadeoleo.github.io/">
 
-  <link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon-180x180.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="512x512" href="assets/images/android-chrome-512x512.png">
-  <link rel="icon" type="image/png" sizes="192x192" href="assets/images/android-chrome-192x192.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon-16x16.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="512x512" href="/images/android-chrome-512x512.png">
+  <link rel="icon" type="image/png" sizes="192x192" href="/images/android-chrome-192x192.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
   <link rel="manifest" href="manifest.webmanifest">
-  <link rel="mask-icon" href="assets/images/safari-pinned-tab.svg" color="#03337c">
-  <link rel="shortcut icon" href="assets/images/favicon.ico">
+  <link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#03337c">
+  <link rel="shortcut icon" href="/images/favicon.ico">
 
   <meta name="apple-mobile-web-app-title" content="CadeOLeo">
   <meta name="application-name" content="CadeOLeo">
@@ -25,7 +25,7 @@
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="mobile-web-app-capable" content="yes">
 
-  <meta property="og:image" content="https://cadeoleo.github.io/assets/images/favicon.png">
+  <meta property="og:image" content="https://cadeoleo.github.io/images/favicon.png">
 
   <title>CadeOLeo!Ver</title>
 
@@ -189,7 +189,7 @@ <h4 class="modal-title text-center w-100">
   <script type="module" src="../src/js/main.js"></script>
   <script src="registerSW.js"></script>
 
-  <!-- Google Analytics -->
+  <!-- Google Analytics (commented out - configure UA tracking ID if needed)
   <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@@ -199,5 +199,6 @@ <h4 class="modal-title text-center w-100">
     ga('create', 'UA-71391701-1', 'auto');
     ga('send', 'pageview');
   </script>
+  -->
 </body>
 </html>

dev/index_en.html

@@ -9,14 +9,14 @@
 
   <link rel="canonical" href="https://cadeoleo.github.io/index_en.html">
 
-  <link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon-180x180.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="512x512" href="assets/images/android-chrome-512x512.png">
-  <link rel="icon" type="image/png" sizes="192x192" href="assets/images/android-chrome-192x192.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon-16x16.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="512x512" href="/images/android-chrome-512x512.png">
+  <link rel="icon" type="image/png" sizes="192x192" href="/images/android-chrome-192x192.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
   <link rel="manifest" href="manifest.webmanifest">
-  <link rel="mask-icon" href="assets/images/safari-pinned-tab.svg" color="#03337c">
-  <link rel="shortcut icon" href="assets/images/favicon.ico">
+  <link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#03337c">
+  <link rel="shortcut icon" href="/images/favicon.ico">
 
   <meta name="apple-mobile-web-app-title" content="CadeOLeo">
   <meta name="application-name" content="CadeOLeo">
@@ -25,7 +25,7 @@
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="mobile-web-app-capable" content="yes">
 
-  <meta property="og:image" content="https://cadeoleo.github.io/assets/images/favicon.png">
+  <meta property="og:image" content="https://cadeoleo.github.io/images/favicon.png">
 
   <title>CadeOLeo!Ver</title>
 
@@ -189,7 +189,7 @@ <h4 class="modal-title text-center w-100">
   <script type="module" src="../src/js/main.js"></script>
   <script src="registerSW.js"></script>
 
-  <!-- Google Analytics -->
+  <!-- Google Analytics (commented out - configure UA tracking ID if needed)
   <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@@ -199,5 +199,6 @@ <h4 class="modal-title text-center w-100">
     ga('create', 'UA-71391701-1', 'auto');
     ga('send', 'pageview');
   </script>
+  -->
 </body>
 </html>

vite.config.js

@@ -4,6 +4,7 @@ import { resolve } from 'path';
 
 export default defineConfig({
   root: 'dev',
+  publicDir: '../assets',
   build: {
     outDir: '../dist',
     assetsDir: 'assets',