(fix): move src/pages/troubleshooting.html to the root directory and update vite.config.js and tailwind.config.js accordingly

Author: MikhaelMounay

index.html

@@ -102,7 +102,7 @@ <h2 class="text-xl xl:text-2xl">Biology Teacher</h2>
 
                             <a
                                 class="mt-6 block text-sm italic text-gray-600 underline underline-offset-4"
-                                href="./src/pages/troubleshooting.html"
+                                href="./troubleshooting.html"
                             >
                                 Having trouble installing?
                             </a>

src/assets/vids/Honor_Biology_-_Youssef_Nagah___New_Setup.mp4 renamed to public/vids/Honor_Biology_-_Youssef_Nagah___New_Setup.mp4

@@ -3,7 +3,7 @@
 const defaultTheme = require("tailwindcss/defaultTheme");
 
 module.exports = {
-    content: ["./index.html", "./src/**/*.{html,js,ts}"],
+    content: ["./index.html", "./src/**/*.{html,js,ts}", "./*.html"],
     theme: {
         extend: {
             colors: {

src/assets/vids/Honor_Biology_-_Youssef_Nagah___Not_Commonly_Downloaded.mp4 renamed to public/vids/Honor_Biology_-_Youssef_Nagah___Not_Commonly_Downloaded.mp4

@@ -63,7 +63,7 @@ <h2 class="font-semi-bold mb-5 text-2xl font-semibold">
                                     "Not Commonly Downloaded" on Windows?
                                 </h2>
                                 <video
-                                    src="../assets/vids/Honor_Biology_-_Youssef_Nagah___Not_Commonly_Downloaded.mp4"
+                                    src="./vids/Honor_Biology_-_Youssef_Nagah___Not_Commonly_Downloaded.mp4"
                                     controls
                                     class="mx-auto w-full max-w-[50rem] rounded-lg border-2"
                                 ></video>
@@ -72,7 +72,7 @@ <h2 class="font-semi-bold mb-5 text-2xl font-semibold">
                             <div class="mt-10">
                                 <h2 class="font-semi-bold mb-5 text-2xl font-semibold">Having an issue updating the app?</h2>
                                 <video
-                                    src="../assets/vids/Honor_Biology_-_Youssef_Nagah___New_Setup.mp4"
+                                    src="./vids/Honor_Biology_-_Youssef_Nagah___New_Setup.mp4"
                                     controls
                                     class="mx-auto w-full max-w-[50rem] rounded-lg border-2"
                                 ></video>

tailwind.config.js

@@ -0,0 +1,16 @@
+import { dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+import { defineConfig } from "vite";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig({
+    build: {
+        rollupOptions: {
+            input: {
+                main: resolve(__dirname, "index.html"),
+                troubleshooting: resolve(__dirname, "troubleshooting.html"),
+            },
+        },
+    },
+});