Implémentation des nouvelles page admin
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
d8f4dae966
commit
2d5f9197d0
@ -0,0 +1,273 @@
|
|||||||
|
@import url("https://fonts.googleapis.com/css2?family=Orbitron&display=swap");
|
||||||
|
|
||||||
|
|
||||||
|
/*Default CSS*/
|
||||||
|
body {
|
||||||
|
min-height: 100vh;
|
||||||
|
font-family: "Orbitron", sans-serif;
|
||||||
|
color: white;
|
||||||
|
background-image: url(../../assets/img/BackgroundAdmin.png);
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
height: 100vh;
|
||||||
|
background-position: center center;
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
background-color: #464646;
|
||||||
|
}
|
||||||
|
|
||||||
|
p,
|
||||||
|
a,
|
||||||
|
li,
|
||||||
|
button,
|
||||||
|
ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
line-height: normal;
|
||||||
|
text-decoration: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Animation CSS */
|
||||||
|
|
||||||
|
@keyframes blink {
|
||||||
|
0%,
|
||||||
|
22%,
|
||||||
|
36%,
|
||||||
|
75% {
|
||||||
|
color: #ffe6ff;
|
||||||
|
text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #dd07bf,
|
||||||
|
-0.2rem 0.1rem 1rem #dd07bf, 0.2rem 0.1rem 1rem #dd07bf,
|
||||||
|
0 -0.5rem 2rem #841174, 0 0.5rem 3rem #841174;
|
||||||
|
}
|
||||||
|
28%,
|
||||||
|
33% {
|
||||||
|
color: #dd07bf;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
82%,
|
||||||
|
97% {
|
||||||
|
color: #991888;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes flicker {
|
||||||
|
from {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
4% {
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
6% {
|
||||||
|
opacity: 0.85;
|
||||||
|
}
|
||||||
|
|
||||||
|
8% {
|
||||||
|
opacity: 0.95;
|
||||||
|
}
|
||||||
|
|
||||||
|
10% {
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
11% {
|
||||||
|
opacity: 0.922;
|
||||||
|
}
|
||||||
|
|
||||||
|
12% {
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
14% {
|
||||||
|
opacity: 0.95;
|
||||||
|
}
|
||||||
|
|
||||||
|
16% {
|
||||||
|
opacity: 0.98;
|
||||||
|
}
|
||||||
|
|
||||||
|
17% {
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
19% {
|
||||||
|
opacity: 0.93;
|
||||||
|
}
|
||||||
|
|
||||||
|
20% {
|
||||||
|
opacity: 0.99;
|
||||||
|
}
|
||||||
|
|
||||||
|
24% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
26% {
|
||||||
|
opacity: 0.94;
|
||||||
|
}
|
||||||
|
|
||||||
|
28% {
|
||||||
|
opacity: 0.98;
|
||||||
|
}
|
||||||
|
|
||||||
|
37% {
|
||||||
|
opacity: 0.93;
|
||||||
|
}
|
||||||
|
|
||||||
|
38% {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
39% {
|
||||||
|
opacity: 0.96;
|
||||||
|
}
|
||||||
|
|
||||||
|
42% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
44% {
|
||||||
|
opacity: 0.97;
|
||||||
|
}
|
||||||
|
|
||||||
|
46% {
|
||||||
|
opacity: 0.94;
|
||||||
|
}
|
||||||
|
|
||||||
|
56% {
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
58% {
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
60% {
|
||||||
|
opacity: 0.99;
|
||||||
|
}
|
||||||
|
|
||||||
|
68% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
70% {
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
72% {
|
||||||
|
opacity: 0.95;
|
||||||
|
}
|
||||||
|
|
||||||
|
93% {
|
||||||
|
opacity: 0.93;
|
||||||
|
}
|
||||||
|
|
||||||
|
95% {
|
||||||
|
opacity: 0.95;
|
||||||
|
}
|
||||||
|
|
||||||
|
97% {
|
||||||
|
opacity: 0.93;
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes animate1 {
|
||||||
|
0% {
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
50%,
|
||||||
|
100% {
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes animate2 {
|
||||||
|
0% {
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
50%,
|
||||||
|
100% {
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes animate3 {
|
||||||
|
0% {
|
||||||
|
right: -100%;
|
||||||
|
}
|
||||||
|
50%,
|
||||||
|
100% {
|
||||||
|
right: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes animate4 {
|
||||||
|
0% {
|
||||||
|
bottom: -100%;
|
||||||
|
}
|
||||||
|
50%,
|
||||||
|
100% {
|
||||||
|
bottom: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.flicker {
|
||||||
|
animation: shine 2s forwards, blink 3s 2s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fast-flicker {
|
||||||
|
animation: shine 2s forwards, blink 10s 1s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
letter-spacing: 0.5rem;
|
||||||
|
color: #ffe6ff;
|
||||||
|
text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #dd07bf,
|
||||||
|
-0.2rem 0.1rem 1rem #dd07bf, 0.2rem 0.1rem 1rem #dd07bf,
|
||||||
|
0 -0.5rem 2rem #841174, 0 0.5rem 3rem #841174;
|
||||||
|
animation: shine 2s forwards, flicker 3s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
letter-spacing: 0.2rem;
|
||||||
|
font-weight: 400;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 30px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
a span {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#enigmeSoloManager {
|
||||||
|
color: #ff86ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#enigmeSoloManager:hover {
|
||||||
|
background: #ff86ff;
|
||||||
|
color: #000000;
|
||||||
|
box-shadow: 0 0 5px #ff86ff, 0 0 25px #ff86ff, 0 0 50px #ff86ff,
|
||||||
|
0 0 100px #ff86ff;
|
||||||
|
-webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
|
||||||
|
}
|
||||||
|
|
||||||
|
#enigmeMultiManager {
|
||||||
|
color: #56fcfc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#enigmeMultiManager:hover {
|
||||||
|
background: #56fcfc;
|
||||||
|
color: #000000;
|
||||||
|
box-shadow: 0 0 5px #56fcfc, 0 0 25px #56fcfc, 0 0 50px #56fcfc,
|
||||||
|
0 0 100px #56fcfc;
|
||||||
|
-webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,57 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>Admin</title>
|
|
||||||
<!-- Required meta tags -->
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta
|
|
||||||
name="viewport"
|
|
||||||
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- CSS -->
|
|
||||||
<link
|
|
||||||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css"
|
|
||||||
rel="stylesheet"
|
|
||||||
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>
|
|
||||||
<div class="d-flex">
|
|
||||||
<!-- console 1 pour les tests -->
|
|
||||||
<div class="d-flex flex-column">
|
|
||||||
<div class="row align-self-center">
|
|
||||||
<h2>test de l'Énigme</h2>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="ace rounded" id="editor">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<script src="https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js" type="text/javascript"
|
|
||||||
charset="utf-8"></script>
|
|
||||||
<script src="https://raw.githack.com/pythonpad/brython-runner/master/lib/brython-runner.bundle.js"
|
|
||||||
type="text/javascript" charset="utf-8"></script>
|
|
||||||
<script src="View/src/JS/base.js"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>Admin</title>
|
|
||||||
<!-- Required meta tags -->
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta
|
|
||||||
name="viewport"
|
|
||||||
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- CSS -->
|
|
||||||
<link
|
|
||||||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css"
|
|
||||||
rel="stylesheet"
|
|
||||||
integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
/>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<div>
|
|
||||||
<a class="btn btn-primary m-3" href="index.php?action=goToAdminSolo" role="button">Retour</a>
|
|
||||||
<h1 class="text-center">Enigme Solo Manager</h1>
|
|
||||||
</div>
|
|
||||||
<div class="d-flex justify-content-center">
|
|
||||||
<a class="btn btn-primary m-3" href="index.php?action=goToSeeOrdre" role="button">Modifier l'ordre</a>
|
|
||||||
<?php
|
|
||||||
foreach ($lesEnigmes as $enigme){
|
|
||||||
echo "<a class=\"btn btn-primary m-3\" href=\"index.php?action=goToDetailEnigme&id=".$enigme->getIdEnigme()."\" role=\"button\">".$enigme->getNom() ."</a>";
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
Loading…
Reference in new issue