Main + install event package

2 years ago · 146a4b62fc
parent 749964a231
commit 146a4b62fc
9 changed files with 45 additions and 29 deletions
--- a/WEB/Model/UserModel.php
+++ b/WEB/Model/UserModel.php
@ -146,10 +146,6 @@ class UserModel
        $this->attente();
    }

-    public function onQueueFilled{
-        
-    }
-
    public function logout()
    {
        $_SESSION['role'] = 'visitor';
--- a/WEB/View/assets/img/ImgMain.png
+++ b/WEB/View/assets/img/ImgMain.png
--- a/WEB/View/assets/img/SecondMainBack.jpg
+++ b/WEB/View/assets/img/SecondMainBack.jpg
--- a/WEB/View/src/CSS/Enigme.css
+++ b/WEB/View/src/CSS/Enigme.css
@ -13,10 +13,6 @@ body {
  color: white;
  scroll-behavior: smooth;
  height: 100vh;
-  background-position: center center;
-  background-attachment: fixed;
-  background-repeat: no-repeat;
-  background-size: cover;
  background-color: #050E15;
 }

--- a/WEB/View/src/CSS/Main2.css
+++ b/WEB/View/src/CSS/Main2.css
@ -4,19 +4,26 @@
  color: white;
  scroll-behavior: smooth;
  height: 100vh;
-  background-image: radial-gradient(
-    circle,
-    #312c42,
-    #2e2a3d,
-    #2a2738,
-    #272434,
-    #24222f,
-    #22202c,
-    #1f1f29,
-    #1d1d26,
-    #1b1b23,
-    #191a21,
-    #17181e,
-    #15161c
-  );
+  background-image: url("../../assets/img/ImgMain.png");
+  background-position: center center;
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-color: #000;
+}
+
+#imgMain {
+  background-image: url("../../assets/img/SecondMainBack.jpg");
+  background-position: center center;
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-size: cover;
+  display: block;
+  margin: auto;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 85%;
+  height: 70%;
 }
--- a/WEB/View/src/JS/base.js
+++ b/WEB/View/src/JS/base.js
@ -112,11 +112,11 @@ function check() {


 /**
- * It gets all the elements with the class name "help" and sets their display property to "flex".
+ * It gets all the elements with the class name "help" and sets their display property to "block".
 */
 function displayHelp() {
  var help = document.getElementsByClassName("help");
  for (var i = 0; i < help.length; i++) {
-    help[i].style.display = "flex";
+    help[i].style.display = "block";
  }
 }
--- a/WEB/View/src/pages/Main2.html
+++ b/WEB/View/src/pages/Main2.html
@ -23,8 +23,10 @@
    <link rel="stylesheet" href="../CSS/Main2.css">
  </head>
  <body>
-    <div class="container align-middle m-auto d-flex" style="background-image: url('../../assets/img/ImgMain.png')">
-      
+    <div>
+      <div class="container-fluid" id="imgMain">
+        <i class="bi bi-list-nested" style="color:white; height:100px; width: 100px;"></i>
+      </div>
    </div>
  </body>
 </html>
--- a/package-lock.json
+++ b/package-lock.json
@ -6,7 +6,8 @@
    "": {
      "dependencies": {
        "bootstrap": "^5.2.2",
-        "bootstrap-icons": "^1.10.2"
+        "bootstrap-icons": "^1.10.2",
+        "events": "^3.3.0"
      }
    },
    "node_modules/@popperjs/core": {
@ -41,6 +42,14 @@
      "version": "1.10.2",
      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.10.2.tgz",
      "integrity": "sha512-PTPYadRn1AMGr+QTSxe4ZCc+Wzv9DGZxbi3lNse/dajqV31n2/wl/7NX78ZpkvFgRNmH4ogdIQPQmxAfhEV6nA=="
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "engines": {
+        "node": ">=0.8.x"
+      }
    }
  },
  "dependencies": {
@ -60,6 +69,11 @@
      "version": "1.10.2",
      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.10.2.tgz",
      "integrity": "sha512-PTPYadRn1AMGr+QTSxe4ZCc+Wzv9DGZxbi3lNse/dajqV31n2/wl/7NX78ZpkvFgRNmH4ogdIQPQmxAfhEV6nA=="
+    },
+    "events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="
    }
  }
 }
--- a/package.json
+++ b/package.json
@ -1,6 +1,7 @@
 {
  "dependencies": {
    "bootstrap": "^5.2.2",
-    "bootstrap-icons": "^1.10.2"
+    "bootstrap-icons": "^1.10.2",
+    "events": "^3.3.0"
  }
 }