used npm prettier to format files better

.eslintignore

@@ -1,34 +1,4 @@
-{
-  "root": true,
-  "env": {
-    "browser": true,
-    "commonjs": true,
-    "node": true,
-    "es6": true
-  },
-  "rules": {
-    "no-duplicate-case": "error",
-    "no-empty": "error",
-    "no-extra-semi": "error",
-    "no-func-assign": "error",
-    "no-irregular-whitespace": "error",
-    "no-unreachable": "error",
-    "curly": "error",
-    "dot-notation": "error",
-    "eqeqeq": "error",
-    "no-empty-function": "error",
-    "no-multi-spaces": "error",
-    "no-mixed-spaces-and-tabs": "error",
-    "no-trailing-spaces": "error",
-    "default-case": "error",
-    "no-fallthrough": "error",
-    "no-unused-vars": "error",
-    "no-use-before-define": "error",
-    "no-redeclare": "error",
-    "brace-style": "error",
-    "indent": ["error", 2],
-    "quotes": ["error", "single"],
-    "semi": ["error", "always"],
-    "radix": "off"
-  }
-}
+node_modules
+.env
+.prettierrc.json
+.eslintrc.json

.eslintrc.json

@@ -7,7 +7,7 @@
       "es2021": true,
       "es6": true
     },
-    "extends": "eslint:recommended",
+    "extends": ["eslint:recommended", "prettier"],
     "parserOptions": {
       "ecmaVersion": 2021
     },

.github/workflows/deploy.yml

@@ -3,7 +3,7 @@ name: Deploy Site via Git
 on:
   push:
     branches:
-      - main  # Run this workflow whenever code is pushed to the main branch
+      - main # Run this workflow whenever code is pushed to the main branch
 
 jobs:
   deploy:
@@ -18,9 +18,9 @@ jobs:
       - name: Deploy to VPS via SSH
         uses: appleboy/[email protected]
         with:
-          host: ${{ secrets.VPS_IP }}   # Your VPS IP address stored as a secret
-          username: ${{ secrets.VPS_USER }}  # Your VPS user stored as a secret
-          key: ${{ secrets.SSH_PRIVATE_KEY }}  # Your SSH private key stored as a secret
+          host: ${{ secrets.VPS_IP }} # Your VPS IP address stored as a secret
+          username: ${{ secrets.VPS_USER }} # Your VPS user stored as a secret
+          key: ${{ secrets.SSH_PRIVATE_KEY }} # Your SSH private key stored as a secret
           script: |
             cd Valkyrie/Valk.Website/AlphaBloxWeb        # Navigate to your project directory
             git pull origin main        # Pull the latest code from GitHub

.prettierignore

@@ -0,0 +1,2 @@
+*.md
+*.json

.prettierrc.json

@@ -0,0 +1,6 @@
+{
+    "semi": true,
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5"
+  }

client/css/particles.css

@@ -1,9 +1,9 @@
 #particles-js {
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    z-index: -1;
-    background-color: transparent;
-  }
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  background-color: transparent;
+}

client/html/components/footer.html

@@ -1,4 +1,3 @@
-
 <style>
   html {
     position: relative;
@@ -11,7 +10,7 @@
     background-color: #2c3e50;
     color: #ecf0f1;
     padding: 40px 0;
-    font-family: "Arial", sans-serif;
+    font-family: 'Arial', sans-serif;
     position: absolute;
     bottom: 0;
     width: 100%;

client/html/components/header.html

@@ -1,58 +1,83 @@
 <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-    <!-- SEO Meta Tags -->
-    <title>Home - Valkyrie</title>
-    <meta name="description" content="Valkyrie is your ultimate platform for creating and sharing immersive gaming experiences. Join us to unleash your creativity and connect with gamers worldwide.">
-    <meta name="keywords" content="Valkyrie, game creation, social gaming, user-generated content, online multiplayer">
-    <meta name="author" content="Valkyrie">
-
-    <!-- Open Graph / Facebook Meta Tags -->
-    <meta property="og:type" content="website">
-    <meta property="og:url" content="https://www.valk.fun/">
-    <meta property="og:title" content="Valkyrie - Create, Play, Connect">
-    <meta property="og:description" content="Create and share amazing games, connect with fellow creators, and dive into a world of user-generated content on Valkyrie.">
-    <meta property="og:image" content="https://www.valk.fun/images/ValkLogo.png">
-
-    <!-- Twitter Meta Tags -->
-    <meta name="twitter:card" content="summary_large_image">
-    <meta property="twitter:domain" content="https://www.valk.fun">
-    <meta property="twitter:url" content="https://www.valk.fun/">
-    <meta name="twitter:title" content="Valkyrie - Create, Play, Connect">
-    <meta name="twitter:description" content="Create and share amazing games, connect with fellow creators, and dive into a world of user-generated content on Valkyrie.">
-    <meta name="twitter:image" content="https://www.valk.fun/images/ValkLogo.png">
-
-    <!-- Discord Meta Tags -->
-    <meta name="theme-color" content="#5865F2">
-    <meta property="og:site_name" content="Valkyrie">
-    <meta property="og:image:alt" content="Valkyrie - The Ultimate Gaming Creation Platform">
-
-    <!-- Stylesheets -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/cosmo/bootstrap.min.css" id="theme-stylesheet">
-
-    <link rel="stylesheet" href="./css/particles.css">
-    <link rel="icon" href="/images/Valkyrie.ico" type="image/x-icon">
-    <link rel="manifest" href="/site.webmanifest">
-
-    <!-- Scripts -->
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js"></script>
-
-    <style>
-        .profile-image {
-            width: 100%;
-            height: auto;
-            max-width: 200px;
-        }
-
-        .content-container {
-            margin-bottom: 30px;
-        }
-
-        @media (max-width: 767px) {
-            .content-container {
-                margin-bottom: 15px;
-            }
-        }
-    </style>
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+<!-- SEO Meta Tags -->
+<title>Home - Valkyrie</title>
+<meta
+  name="description"
+  content="Valkyrie is your ultimate platform for creating and sharing immersive gaming experiences. Join us to unleash your creativity and connect with gamers worldwide."
+/>
+<meta
+  name="keywords"
+  content="Valkyrie, game creation, social gaming, user-generated content, online multiplayer"
+/>
+<meta name="author" content="Valkyrie" />
+
+<!-- Open Graph / Facebook Meta Tags -->
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://www.valk.fun/" />
+<meta property="og:title" content="Valkyrie - Create, Play, Connect" />
+<meta
+  property="og:description"
+  content="Create and share amazing games, connect with fellow creators, and dive into a world of user-generated content on Valkyrie."
+/>
+<meta property="og:image" content="https://www.valk.fun/images/ValkLogo.png" />
+
+<!-- Twitter Meta Tags -->
+<meta name="twitter:card" content="summary_large_image" />
+<meta property="twitter:domain" content="https://www.valk.fun" />
+<meta property="twitter:url" content="https://www.valk.fun/" />
+<meta name="twitter:title" content="Valkyrie - Create, Play, Connect" />
+<meta
+  name="twitter:description"
+  content="Create and share amazing games, connect with fellow creators, and dive into a world of user-generated content on Valkyrie."
+/>
+<meta name="twitter:image" content="https://www.valk.fun/images/ValkLogo.png" />
+
+<!-- Discord Meta Tags -->
+<meta name="theme-color" content="#5865F2" />
+<meta property="og:site_name" content="Valkyrie" />
+<meta
+  property="og:image:alt"
+  content="Valkyrie - The Ultimate Gaming Creation Platform"
+/>
+
+<!-- Stylesheets -->
+<link
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
+/>
+<link
+  rel="stylesheet"
+  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+/>
+<link
+  rel="stylesheet"
+  href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/cosmo/bootstrap.min.css"
+  id="theme-stylesheet"
+/>
+
+<link rel="stylesheet" href="./css/particles.css" />
+<link rel="icon" href="/images/Valkyrie.ico" type="image/x-icon" />
+<link rel="manifest" href="/site.webmanifest" />
+
+<!-- Scripts -->
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js"></script>
+
+<style>
+  .profile-image {
+    width: 100%;
+    height: auto;
+    max-width: 200px;
+  }
+
+  .content-container {
+    margin-bottom: 30px;
+  }
+
+  @media (max-width: 767px) {
+    .content-container {
+      margin-bottom: 15px;
+    }
+  }
+</style>