Version 1.0.0 - Final Version

data/users.json

@@ -114,44 +114,6 @@
     "token": "baedf970-fec2-4d8b-ac06-a1652480a653",
     "admin": false
   },
-  {
-    "auth": {
-      "token_type": "Bearer",
-      "access_token": "jY17lCWaOpTdPQCnz50kfNm7ABpsGz",
-      "expires_in": 604800,
-      "refresh_token": "3TronknZ7j5kVSDBjI3OechmCYF8ck",
-      "scope": "identify guilds guilds.members.read"
-    },
-    "avatar": null,
-    "communication_disabled_until": null,
-    "flags": 0,
-    "joined_at": "2023-03-06T18:20:23.413000+00:00",
-    "nick": "Raphix",
-    "pending": false,
-    "premium_since": null,
-    "roles": [
-      "397725552968204288"
-    ],
-    "user": {
-      "id": "486943594893017119",
-      "username": "raphixscrap",
-      "avatar": "7129e80c23aa3ba3d2d45814dd352a29",
-      "discriminator": "0",
-      "public_flags": 4194368,
-      "flags": 4194368,
-      "banner": null,
-      "accent_color": 10712214,
-      "global_name": "Raphix",
-      "avatar_decoration_data": null,
-      "banner_color": "#a37496"
-    },
-    "mute": false,
-    "deaf": false,
-    "bio": "",
-    "banner": null,
-    "token": "021fec9a-c26f-4d16-8bab-439e355ea292",
-    "admin": true
-  },
   {
     "auth": {
       "token_type": "Bearer",
@@ -189,5 +151,42 @@
     "banner": null,
     "token": "58e43544-b4f7-4f32-bb7d-d00d71577629",
     "admin": false
+  },
+  {
+    "auth": {
+      "token_type": "Bearer",
+      "access_token": "jY17lCWaOpTdPQCnz50kfNm7ABpsGz",
+      "expires_in": 604800,
+      "refresh_token": "3TronknZ7j5kVSDBjI3OechmCYF8ck",
+      "scope": "identify guilds guilds.members.read"
+    },
+    "avatar": null,
+    "communication_disabled_until": null,
+    "flags": 0,
+    "joined_at": "2023-03-06T18:20:23.413000+00:00",
+    "nick": "Raphix",
+    "pending": false,
+    "premium_since": null,
+    "roles": [
+      "397725552968204288"
+    ],
+    "user": {
+      "id": "486943594893017119",
+      "username": "raphixscrap",
+      "avatar": "7129e80c23aa3ba3d2d45814dd352a29",
+      "discriminator": "0",
+      "public_flags": 4194368,
+      "flags": 4194368,
+      "banner": null,
+      "accent_color": 10712214,
+      "global_name": "Raphix",
+      "avatar_decoration_data": null,
+      "banner_color": "#a37496"
+    },
+    "mute": false,
+    "deaf": false,
+    "bio": "",
+    "banner": null,
+    "token": "3ed275cc-de69-45cb-9b90-ac58b714609d"
   }
 ]

src/web/public/images/logo.svg

@@ -0,0 +1,4 @@
+<svg width="264" height="613" viewBox="0 0 264 613" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M149.792 64.8C149.792 136.7 149.692 138.2 143.192 159.8C136.892 180.4 126.292 201.3 111.892 220.8C108.092 225.9 95.092 241.2 82.992 254.8C57.192 283.7 48.492 294.3 37.892 310C15.692 342.8 4.19203 372.8 0.692033 407.7C-4.90797 462.7 23.892 519 72.092 547.2C78.492 550.9 91.392 556.7 97.592 558.5L99.792 559.1V467.8C99.792 371.2 99.992 366.3 104.692 346.9C110.792 321.2 123.292 297.9 145.492 270.7C160.592 252.1 177.992 228.7 184.692 217.9C206.792 182.3 217.892 147 216.492 116.6C215.592 95.9 210.792 77.8 201.292 58.5C193.392 42.7 184.792 30.5 173.092 18.7C165.292 10.9 152.092 8.91089e-06 150.392 8.91089e-06C150.092 8.91089e-06 149.792 29.2 149.792 64.8Z" fill="white"/>
+<path d="M133.792 456.9V613H137.592C139.592 613 141.892 612.6 142.592 612.2C143.592 611.5 143.792 589.5 143.592 504.2C143.292 417.2 143.492 397 144.592 397C149.792 397 160.292 406 164.292 414.1C169.592 424.4 169.792 427.3 169.792 495.2C169.792 547.3 169.992 558 171.192 558C171.892 558 178.292 555.1 185.392 551.5C226.692 530.8 254.692 494.2 262.292 451C264.292 439.9 264.592 417.6 262.892 407.9C259.692 389 250.792 367.9 239.692 352.9C216.892 322.2 183.292 304.2 143.592 301.4L133.792 300.7V456.9Z" fill="#7A258D"/>
+</svg>

src/web/public/stylesheets/style.css

@@ -52,8 +52,8 @@ body {
 
 .LOGIN_logopng {
 
-  width: 60px;
+  width: 80px;
-  height: 60px;
+  height: 80px;
 }
 
 .LOGIN_DiscordBtn {
@@ -769,7 +769,7 @@ p {
 .INDEX_subcontent {
 
   display: flex;
-  margin-top: 2%;
+  margin-top: 0.5%;
   height: 70vh;
   width: 100%;
 }
@@ -1239,3 +1239,18 @@ p {
   overflow-y: auto;
 }
 
+.LOGO_TEXT {
+  font-size: 52px;
+  font-family: 'Gunship', sans-serif;
+  text-shadow: white 0px 0px 10px;
+  user-select: none;
+  -webkit-box-reflect: below -40px linear-gradient(transparent 50%, rgba(0,0,0,.3));
+}
+
+.LOGIN_title {
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  
+}

src/web/templates/index.ejs

@@ -14,9 +14,9 @@
                 <p class="alert_text" id="alert_text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. </p>
             </div>
         <div class="INDEX_title">
-            <div class=" LOGIN_title">
+            <div class="LOGIN_title">
-                <img class="LOGIN_logopng" src="/images/logo.png">
+                <img class="LOGIN_logopng" src="/images/logo.svg">
-                <img src="/images/title.png">
+                <p class="LOGO_TEXT">Subsonics</p>
             </div>
             <div id="userInfoglobal">
                 <div class="INDEX_userInfo" id="userInfo"></div>

src/web/templates/login.ejs

@@ -9,8 +9,8 @@
 <body>
     <div class="LOGIN_box">
         <div class="LOGIN_title">
-            <img class="LOGIN_logopng" src="/images/logo.png">
+            <img class="LOGIN_logopng" src="/images/logo.svg">
-            <img src="/images/title.png">
+            <p style="-webkit-box-reflect: below 0px linear-gradient(transparent 50%, rgba(0,0,0,.3));" class="LOGO_TEXT">Subsonics</p>
         </div>
         <h2 class="LOGIN_Connexion">Connexion</h2>
         <%- login %>