what are you doing big bro

README.md

@@ -5,4 +5,14 @@ Would probably need to revamp everything, but didn't want to spend more time on
 
 ![Oscars Pool 2025](https://github.com/quoije/oscar-pool/blob/prod/img/preview.png)
 
-**node .\index.js**
+## Setup
+Config those in your .env file:
+
+**DOG_NAMES=**`woof, WOOF, Woof` &nbsp;&nbsp;&nbsp;&nbsp;(for "verification")<br>
+**GITHUB_OWNER=**`quoije` &nbsp;&nbsp;&nbsp;&nbsp;(for version history)<br> 
+**GITHUB_REPO=**`oscars-pool` &nbsp;&nbsp;&nbsp;&nbsp;(for version history)<br>
+**JWT_SECRET=**`RANDOM STRING` &nbsp;&nbsp;&nbsp;&nbsp;(for authentication token)<br>
+**MONGO_URI=**`mongodb+srv://USER:[email protected]/?retryWrites=true&w=majority&appName=Cluster69`<br>
+**OMDB_API=**`1234567` &nbsp;&nbsp;&nbsp;&nbsp;(for movie info)
+
+run with **node .\index.js**

public/checklist.html

@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Pool Oscars 2025 - Checklist</title>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link href="./css/app.css" rel="stylesheet">
   <style>
     .navbar-custom {
       background-color: black;

public/css/app.css

@@ -0,0 +1,23 @@
+footer {
+    margin-top: auto;
+    padding: 25px;
+    background-color: #f8f9fa;
+    text-align: center;
+    
+  }
+  #footer-text {
+    margin: -5px;
+    font-family:monospace;
+    font-size: small;
+  }
+
+  #footer-copy {
+    margin: -5px;
+    font-family:monospace;
+    font-size: smaller;
+    padding-top: 10px;
+  }
+
+  #copy {
+    text-decoration: none;
+  }

public/index.html

@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Pool Oscars 2025</title>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link href="./css/app.css" rel="stylesheet">
   <style>
     /* Ensure the body takes the full height */
     html, body {
@@ -19,28 +20,6 @@
       min-height: 100vh;
     }
 
-    footer {
-      margin-top: auto;
-      padding: 25px;
-      background-color: #f8f9fa;
-      text-align: center;
-    }
-    #footer-text {
-      margin: -5px;
-      font-family:monospace;
-      font-size: small;
-    }
-
-    #footer-copy {
-      margin: -5px;
-      font-family:monospace;
-      font-size: smaller;
-      padding-top: 10px;
-    }
-
-    #copy {
-      text-decoration: none;
-    }
   </style>
 </head>
 <body class="bg-light">
@@ -75,6 +54,7 @@
 
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
 <script src="./js/app_index.js"></script>
+<script src="./js/app_version.js"></script>
 
 </body>
 </html>

public/js/app_index.js

@@ -26,21 +26,4 @@ if (localStorage.getItem('auth_token')) {
       const error = await res.json();
       alert(`${error.message}`);
     }
-  });
+  });
-
-  // Fetch version information from the API
-  async function fetchVersionInfo() {
-    const res = await fetch('/api/version');
-    if (res.ok) {
-      const data = await res.json();
-      // Update footer with the fetched version info
-      const footerText = `${data.date} - ${data.version} - ${data.message}`;
-      document.getElementById('footer-text').textContent = footerText;
-    } else {
-      document.getElementById('footer-text').textContent = '';
-    }
-  }
-
-  // Call the function to fetch and display the version info
-  // Doesn't work on prod, will fix later
-  fetchVersionInfo();

public/js/app_version.js

@@ -0,0 +1,16 @@
+  // Fetch version information from the API
+  async function fetchVersionInfo() {
+    const res = await fetch('/api/version');
+    if (res.ok) {
+      const data = await res.json();
+      // Update footer with the fetched version info
+      const footerText = `${data.date} - ${data.version} - ${data.message}`;
+      document.getElementById('footer-text').textContent = footerText;
+    } else {
+      document.getElementById('footer-text').textContent = '';
+    }
+  }
+
+  // Call the function to fetch and display the version info
+  // Doesn't work on prod, will fix later
+  fetchVersionInfo();

public/movies.html

@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Pool Oscars 2025 - Films</title>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link href="./css/app.css" rel="stylesheet">
   <style>
     .navbar-custom {
       background-color: black;

public/register.html

@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Pool Oscars 2025 - Enregistrement</title>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link href="./css/app.css" rel="stylesheet">
 </head>
 <style>
   #dog {

public/user-stat.html

@@ -98,7 +98,6 @@
 </div>
 
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
-
 <script src="./js/app_user-stat.js"></script>
 
 </body>