Mama sacha drake

css/auth.css

@@ -5,6 +5,11 @@
     align-items: center;
 }
 
+.auth-title 
+{
+    font-size: 50px;
+}
+
 .auth{
     width: 300px;
     display: flex;

css/global.css

@@ -10,6 +10,10 @@
     --sec-color: rgba(69, 128, 255, 0.842);
 }
 
+::-webkit-scrollbar {
+    width: 0 !important
+}
+
 body{
     background-image: url("/assets/img/background.png"); 
     background-repeat: no-repeat;
@@ -134,8 +138,9 @@ select {
     font-size: 20px;
 } */
 button, .button {
+    margin: 2px;
     font-family: var(--text-familly);
-    background-color: #1a1a1a; 
+    background-color: #0000008f; 
     color: #ffffff; 
     border: 2px solid #ffffff;
     padding: 10px; 

css/leaderboard.css

@@ -24,7 +24,7 @@
     flex-direction: column;
     border : 1px solid white;
     width: 60%;
-    height: 50vh;
+    height: 350px;
     overflow-y: scroll;
     overflow-x: visible;
     background-color: rgba(0, 0, 0, 0.5);
@@ -34,10 +34,6 @@
     scrollbar-width: none;
 }
 
-.leaderboard::-webkit-scrollbar {
-    width: 0 !important
-}
-
 .player {
     width: 100%;
     display: grid;

css/profile.css

@@ -1,4 +1,4 @@
-#modal_profile
+#modal-profile
 {
     width: 60%;
     height: 70%;

css/ships.css

@@ -25,15 +25,10 @@
   cursor: pointer;
   position: absolute;
   top: 50%;
-  width: auto;
   margin-top: -22px;
-  padding: 16px;
-  color: white;
   font-weight: bold;
   font-size: 60px;
   transition: 0.6s ease;
-  border-radius: 0 3px 3px 0;
-  user-select: none;
 }
 
 .imgShip {
@@ -51,13 +46,9 @@
 /* Position the "next button" to the right */
 .next {
   right: 0;
-  border-radius: 3px 0 0 3px;
 }
 
 /* On hover, add a black background color with a little bit see-through */
-.prev:hover, .next:hover {
-  background-color: rgba(0,0,0,0.8);
-}
 .btn-ships{
   font-size:x-large;
 }

html/templates/auth/login.html

@@ -1,7 +1,7 @@
 <!-- Copyright © 2023 Entreprise SkamKraft -->
 <div class="auth-container">
     <div class="auth">
-        <p class="title">Login</p>
+        <p class="auth-title">Login</p>
         <input type="text" placeholder="Agent token" class="base-input" id="in-token">
         <div class="auth-grp-label">
             <p>Remember me ?</p>

html/templates/auth/register.html

@@ -1,7 +1,7 @@
 <!-- Copyright © 2023 Entreprise SkamKraft -->
 <div class="auth-container">
     <div class="auth">
-        <p class="title">New Agent</p>
+        <p class="auth-title">New Agent</p>
         <input type="text" placeholder="Name" class="base-input" id="in-name">
         <select class="base-select" id="in-faction">
             <option value="" disabled selected>Factions</option>

html/templates/ships/ships.html

@@ -1,7 +1,7 @@
 <p class="Title">SHIPS</p>
 <div class="cont-center">
   <div class="block-ships">
-    <a class="prev">❮</a>
-    <a class="next">❯</a>
+    <button class="prev"><</a>
+    <button class="next">></a>
   </div>
 </div>

js/controllers/contracts.js

@@ -10,7 +10,7 @@ export default function contracts(temp_engine) {
   let modal = new Modal("contract-modal", temp_engine);
 
   temp_engine.after_render((temp_engine) => {
-    $("body").css("background-image", "url('/assets/img/background.png')")
+    $("body").css("background-image", "url('/assets/contracts/screen_background.png')")
     modal.load("templates/contracts/contracts_modal.html");
 
     Contract.list(10, 1, (contracts) => {

js/controllers/profile.js

@@ -4,7 +4,8 @@ import { My } from "../skama_code/commun/my.js"
 import login from "./login.js";
 
 export default function profile(temp_engine) {
-    let modal = new Modal("modal_profile", temp_engine);
+    let modal = new Modal("modal-profile", temp_engine);
+    modal.load("templates/modal_profile.html");
     modal.after_load(() => {
         modal.show();
         $('#name').append(My.agent.name);
@@ -13,22 +14,20 @@ export default function profile(temp_engine) {
         $('#hq').append(My.agent.hq);
         $('#shipcount').append(My.agent.ships_cpt);
 
-        $('#btn-token').on('click', () => {
+        temp_engine.add_event('#btn-token', 'click', () => {
             navigator.clipboard.writeText(My.agent.token);
             alert('Token copied !');
         })
 
-        $('#btn-logout').on('click', () => {
+        temp_engine.add_event('#btn-logout', 'click', () => {
             const auth = new Auth();
             auth.unload_token();
             login(temp_engine);
         })
 
-        $('#btn-close').on('click', () =>
-        {
+        temp_engine.add_event('#btn-close', 'click', () => {
+            console.log("CLOSINF")
             modal.close();
         });
     });
-
-    modal.load("templates/modal_profile.html");
 }