From ae106b6215a6d069cdd5e2a184db180d58fb7633 Mon Sep 17 00:00:00 2001
From: nathan boileau <boileaunathan42@gmail.com>
Date: Thu, 5 Jan 2023 10:54:50 +0100
Subject: [PATCH] =?UTF-8?q?d=C3=A9but=20admin=20dahboard?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 WEB/View/assets/img/LogoScripted.png | Bin 0 -> 8884 bytes
 WEB/View/assets/svg/home.svg         |   6 ++
 WEB/View/assets/svg/script.svg       |   9 +++
 WEB/View/src/CSS/Admin2.css          |  42 ++++++++++++++
 WEB/View/src/CSS/Main.css            |   1 -
 WEB/View/src/pages/Admin/Admin.html  |  82 +++++++++++++++++++++++++++
 WEB/View/src/pages/Main.php          |   2 +-
 7 files changed, 140 insertions(+), 2 deletions(-)
 create mode 100644 WEB/View/assets/img/LogoScripted.png
 create mode 100644 WEB/View/assets/svg/home.svg
 create mode 100644 WEB/View/assets/svg/script.svg
 create mode 100644 WEB/View/src/CSS/Admin2.css
 create mode 100644 WEB/View/src/pages/Admin/Admin.html

diff --git a/WEB/View/assets/img/LogoScripted.png b/WEB/View/assets/img/LogoScripted.png
new file mode 100644
index 0000000000000000000000000000000000000000..370d16fb2587e3ce78983c7148163ab1d7192d2c
GIT binary patch
literal 8884
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
b#W&Kr`zY0P^(pun3UpV?K(iX|@c4fKlYzwB

literal 0
HcmV?d00001

diff --git a/WEB/View/assets/svg/home.svg b/WEB/View/assets/svg/home.svg
new file mode 100644
index 00000000..08d49d96
--- /dev/null
+++ b/WEB/View/assets/svg/home.svg
@@ -0,0 +1,6 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_iconCarrier"> <path d="M3 10.8074C3 9.9094 3.40231 9.0586 4.09639 8.48876L9.46186 4.08378C10.9372 2.87254 13.0628 2.87255 14.5381 4.08378L19.9036 8.48876C20.5977 9.0586 21 9.9094 21 10.8074V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V10.8074Z" stroke="#000000" stroke-width="2"/> <path d="M15 21V16C15 14.8954 14.1046 14 13 14H11C9.89543 14 9 14.8954 9 16V21" stroke="#000000" stroke-width="2"/> </g>
+
</svg>
\ No newline at end of file
diff --git a/WEB/View/assets/svg/script.svg b/WEB/View/assets/svg/script.svg
new file mode 100644
index 00000000..fe811c86
--- /dev/null
+++ b/WEB/View/assets/svg/script.svg
@@ -0,0 +1,9 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="64px" height="64px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#ffffff" stroke="#ffffff" stroke-width="0.00024000000000000003">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_iconCarrier">
+
<path d="M20.5 2h-13C6.122 2 5 3.683 5 5.75V15H3.5C2.122 15 1 16.57 1 18.5S2.122 22 3.5 22h13c1.378 0 2.5-1.683 2.5-3.75V9h1.5C21.878 9 23 7.43 23 5.5S21.878 2 20.5 2zm-17 19C2.701 21 2 19.832 2 18.5S2.701 16 3.5 16h11.057A5.635 5.635 0 0 0 14 18.5a5.578 5.578 0 0 0 .563 2.5zM18 18.25c0 1.574-.792 2.75-1.5 2.75h-.77a4.246 4.246 0 0 1-.73-2.5 4.141 4.141 0 0 1 .86-2.674l.71-.826H6V5.75C6 4.176 6.792 3 7.5 3h11.14A5.995 5.995 0 0 0 18 5.75zM20.5 8H19V5.75A4.616 4.616 0 0 1 19.823 3h.677c.799 0 1.5 1.168 1.5 2.5S21.299 8 20.5 8zM8 6h8v1H8zm0 3h8v1H8zm0 3h8v1H8z"/>
+
<path fill="none" d="M0 0h24v24H0z"/>
+
</g>
+
</svg>
\ No newline at end of file
diff --git a/WEB/View/src/CSS/Admin2.css b/WEB/View/src/CSS/Admin2.css
new file mode 100644
index 00000000..e2a3186b
--- /dev/null
+++ b/WEB/View/src/CSS/Admin2.css
@@ -0,0 +1,42 @@
+@font-face {
+  font-family: Fauna;
+  src: url("../../assets/fonts/Fauna.ttf");
+}
+@font-face {
+  font-family: Equinox;
+  src: url("../../assets/fonts/Equinox.otf");
+}
+/* End Fonts CSS */
+
+body {
+  min-height: 100vh;
+  font-family: Verdana, Geneva, Tahoma, sans-serif;
+  color: white;
+  height: 100vh;
+  background-color: #111219;
+}
+
+a{
+  color: white;
+  text-emphasis:  none !important;
+}
+
+.overview {
+  background: rgb(146, 254, 157);
+  background: -moz-linear-gradient(
+    50deg,
+    rgba(146, 254, 157, 1) 0%,
+    rgba(0, 201, 255, 1) 100%
+  );
+  background: -webkit-linear-gradient(
+    50deg,
+    rgba(146, 254, 157, 1) 0%,
+    rgba(0, 201, 255, 1) 100%
+  );
+  background: linear-gradient(
+    50deg,
+    rgba(146, 254, 157, 1) 0%,
+    rgba(0, 201, 255, 1) 100%
+  );
+  box-shadow: 0px 0px 30px 1px #92FE9D;
+}
diff --git a/WEB/View/src/CSS/Main.css b/WEB/View/src/CSS/Main.css
index 8d74e8ec..681984ae 100644
--- a/WEB/View/src/CSS/Main.css
+++ b/WEB/View/src/CSS/Main.css
@@ -14,7 +14,6 @@ body {
   min-height: 100vh;
   font-family: "Equinox", sans-serif;
   color: white;
-  scroll-behavior: smooth;
   height: 100vh;
   background-image: url("../../assets/img/ImgMain2.png");
   background-position: center center;
diff --git a/WEB/View/src/pages/Admin/Admin.html b/WEB/View/src/pages/Admin/Admin.html
new file mode 100644
index 00000000..d8a4ce5e
--- /dev/null
+++ b/WEB/View/src/pages/Admin/Admin.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Admin Dashboard</title>
+    <link
+      rel="stylesheet"
+      href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
+      integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
+      crossorigin="anonymous"
+    />
+    <script
+      src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+      integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
+      integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
+      crossorigin="anonymous"
+    ></script>
+    <link rel="stylesheet" href="../../CSS/Admin2.css" />
+  </head>
+  <body>
+    <div class="container m-0">
+      <!-- Menu -->
+      <div class="col-3 d-flex ml-4">
+        <nav class="navbar">
+          <!-- Title -->
+          <div
+            class="row d-flex align-items-center pl-3 pt-3 pb-5"
+            style="width: fit-content"
+          >
+            <div class="col-3 p-0">
+              <img
+                src="../../../assets/img/LogoScripted.png"
+                class="img-fluid"
+              />
+            </div>
+            <div class="col-9 p-0">
+              <h3 class="">Scripted</h3>
+            </div>
+          </div>
+          <!-- End Title -->
+
+
+          
+          <ul class="nav flex-column">
+            <!-- Overview Link -->
+            <li class="nav-item overview d-flex align-items-center px-1 py-2 mb-3" style="border-radius: 4px;">
+              <a class="nav-link d-flex" aria-current="page" href="#" style="color: black; font-weight: bold; line-height:140%; font-size:16px;">
+                <img src="../../../assets/svg/home.svg" style="width:20px;" class="mr-2" />
+                Overview
+              </a>
+            </li>
+            <!-- End Overview Link -->
+
+            <!-- Enigme Solo Link -->
+            <li class="nav-item">
+              <a class="nav-link" href="#">Énigme CodeQuest</a>
+            </li>
+            <!-- End Enigme Solo Link -->
+
+            <!-- Enigme Multi Link -->
+            <li class="nav-item">
+              <a class="nav-link" href="#">Énigme ScriptRush</a>
+            </li>
+            <!-- End Enigme Multi Link -->
+
+            <!-- Enigme Reports Link -->
+            <li class="nav-item">
+              <a class="nav-link" href="#">Reports</a>
+            </li>
+            <!-- End Enigme Reports Link -->
+          </ul>
+        </nav>
+      </div>
+      <!-- End Menu -->
+    </div>
+  </body>
+</html>
diff --git a/WEB/View/src/pages/Main.php b/WEB/View/src/pages/Main.php
index f2fe2d6d..1bd93217 100644
--- a/WEB/View/src/pages/Main.php
+++ b/WEB/View/src/pages/Main.php
@@ -148,7 +148,7 @@
 
     <!-- Main page -->
     <div class="col d-flex align-items-center user-select-none">
-      <div class="col-6 m-0 neonBg" id="mainPart" style="max-height: 80%; height: 70%">
+      <div class="col-6 m-0 neonBg" id="mainPart" style="max-height: 80%; height: auto">
         <div class="row mx-0 pt-4 pb-5 text-center">
           <h1>Scripted</h1>
         </div>