diff --git a/README.md b/README.md
index c1c9fc0..9289469 100644
--- a/README.md
+++ b/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**
\ No newline at end of file
+## 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:PASS@cluster0.XXXX.mongodb.net/?retryWrites=true&w=majority&appName=Cluster69`<br>
+**OMDB_API=**`1234567` &nbsp;&nbsp;&nbsp;&nbsp;(for movie info)
+
+run with **node .\index.js**
\ No newline at end of file
diff --git a/public/checklist.html b/public/checklist.html
index b526669..c377f34 100644
--- a/public/checklist.html
+++ b/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/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link href="./css/app.css" rel="stylesheet">
   <style>
     .navbar-custom {
       background-color: black;
diff --git a/public/css/app.css b/public/css/app.css
new file mode 100644
index 0000000..4312ab0
--- /dev/null
+++ b/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;
+  }
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index e4b05bc..aaa4bd4 100644
--- a/public/index.html
+++ b/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/bootstrap@5.1.3/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/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
 <script src="./js/app_index.js"></script>
+<script src="./js/app_version.js"></script>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/public/js/app_index.js b/public/js/app_index.js
index 8097498..9d4649e 100644
--- a/public/js/app_index.js
+++ b/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();
\ No newline at end of file
+  });
\ No newline at end of file
diff --git a/public/js/app_version.js b/public/js/app_version.js
new file mode 100644
index 0000000..618788b
--- /dev/null
+++ b/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();
\ No newline at end of file
diff --git a/public/movies.html b/public/movies.html
index e561568..4ff5f50 100644
--- a/public/movies.html
+++ b/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/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link href="./css/app.css" rel="stylesheet">
   <style>
     .navbar-custom {
       background-color: black;
diff --git a/public/register.html b/public/register.html
index 510dc13..23f434a 100644
--- a/public/register.html
+++ b/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/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link href="./css/app.css" rel="stylesheet">
 </head>
 <style>
   #dog {
diff --git a/public/user-stat.html b/public/user-stat.html
index 76bae8d..7d33981 100644
--- a/public/user-stat.html
+++ b/public/user-stat.html
@@ -98,7 +98,6 @@
 </div>
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
-
 <script src="./js/app_user-stat.js"></script>
 
 </body>