Ajout de l'image pour la création d'énigme

2 years ago · 02721563a5
parent 1c72f97ee6
commit 02721563a5
4 changed files with 31 additions and 36 deletions
--- a/WEB/View/assets/img/CyberpunkEnigmaCreation.png
+++ b/WEB/View/assets/img/CyberpunkEnigmaCreation.png
--- a/WEB/View/assets/img/EnigmaCreation.png
+++ b/WEB/View/assets/img/EnigmaCreation.png
--- a/WEB/View/src/CSS/EnigmeMultiManager.css
+++ b/WEB/View/src/CSS/EnigmeMultiManager.css
@ -0,0 +1,13 @@
+body {
+    min-height: 100vh;
+    font-family: "Orbitron", sans-serif;
+    color: white;
+    background-image: url(../../assets/img/EnigmaCreation.png);
+    scroll-behavior: smooth;
+    height: 100vh;
+    background-position: center center;
+    background-attachment: fixed;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-color: #464646;
+  }
--- a/WEB/View/src/pages/Admin/EnigmeMultiManager.php
+++ b/WEB/View/src/pages/Admin/EnigmeMultiManager.php
@ -16,41 +16,23 @@
      integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU"
      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="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
+    />
+    <link rel="stylesheet" href="./View/src/CSS/EnigmeMultiManager.css" />
 </head>
+<body>

-<body class="m-3">
-    <form action="index.php?action=addNewEnigme" method="POST">
-        <div class="col">
-            <div class="mb-3">
-                <label for="" class="form-label">Enigme</label>
-                <textarea class="form-control" name="enigme" id="enigme" rows="3"></textarea>
-            </div>
-        </div>
-        <div class="col">
-            <div class="mb-3">
-                <label for="" class="form-label">Rappel</label>
-                <textarea class="form-control" name="rappel" id="rappel" rows="3"></textarea>
-            </div>
-        </div>
-        <div class="col">
-            <div class="mb-3">
-                <label for="" class="form-label">Aide</label>
-                <textarea class="form-control" name="aide" id="aide" rows="3"></textarea>
-            </div>
-        </div>
-        <div class="col">
-            <div class="mb-3">
-                <label for="" class="form-label">Exemple</label>
-                <textarea class="form-control" name="exemple" id="exemple" rows="3"></textarea>
-            </div>
-        </div>
-        <div class="col">
-            <div class="mb-3">
-                <label for="" class="form-label">Solution</label>
-                <textarea class="form-control" name="solution" id="solution" rows="3"></textarea>
-            </div>
-        </div>
-        <button class="left" type="submit">
-            Submit
-        </button>
-    </form>
+</body>
+</html>