Mise en place du nouveau main +
continuous-integration/drone/push Build is passing Details

Amélioration de la navigation entre les pages
ServeurDeTest
Noé GARNIER 2 years ago
parent 1047cdbf3d
commit e9fd0d832c

@ -11,7 +11,7 @@ $sel = "JeSuisUnSeldeHashageEtJeSuisUniqueEtTresSecuriseEtJeSuisTresLong";
//View //View
//Page //Page
$vues['main'] = 'View/src/pages/Main2.php'; $vues['main'] = 'View/src/pages/Main.php';
$vues['presentation'] = 'View/src/pages/Presentation.html'; $vues['presentation'] = 'View/src/pages/Presentation.html';
$vues['login'] = 'View/src/pages/LogSign/Login.php'; $vues['login'] = 'View/src/pages/LogSign/Login.php';
$vues['signUp'] = 'View/src/pages/LogSign/SignUp.php'; $vues['signUp'] = 'View/src/pages/LogSign/SignUp.php';

@ -1,290 +1,392 @@
@import url("https://fonts.googleapis.com/css2?family=Orbitron&display=swap"); /*Fonts CSS */
@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 */
/*Default CSS*/
body { body {
min-height: 100vh; min-height: 100vh;
font-family: "Orbitron", sans-serif; font-family: "Equinox", sans-serif;
color: white; color: white;
background-image: url(../../assets/img/BackgroundMain.jpg);
scroll-behavior: smooth; scroll-behavior: smooth;
height: 100vh; height: 100vh;
background-image: url("../../assets/img/ImgMain2.png");
background-position: center center; background-position: center center;
background-attachment: fixed; background-attachment: fixed;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-color: #464646; background-color: #000;
} }
p, #imgMain {
a, background-image: url("../../assets/img/SecondMainBack.jpg");
li, background-position: bottom center;
button, background-attachment: fixed;
ul { background-repeat: no-repeat;
margin: 0; background-size: cover;
padding: 0; position: absolute;
line-height: normal; top: 50%;
text-decoration: none !important; left: 50%;
transform: translate(-50%, -50%);
width: 70%;
height: 80%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border: 1px solid #fff;
} }
/* Animation CSS */ .neonBg {
background-color: #511949;
@keyframes blink { opacity: 0.9;
0%, background-size: 10px 10px;
22%, border-radius: 10px;
36%, -webkit-border-radius: 10px;
75% { -moz-border-radius: 10px;
color: #ffe6ff; -ms-border-radius: 10px;
text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #dd07bf, -o-border-radius: 10px;
-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 { button:focus {
from { outline: none;
opacity: 1;
} }
4% { #imgProfil {
opacity: 0.9; width: 30%;
height: 100%;
} }
6% { @media screen and (max-width: 1100px) {
opacity: 0.85; #imgProfil {
display: none;
} }
8% {
opacity: 0.95;
} }
10% { #profil {
opacity: 0.9; position: fixed;
} top: 0;
left: 0;
opacity: 0;
height: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
11% {
opacity: 0.922;
} }
12% { #profil.open {
opacity: 0.9; opacity: 1;
display: flex;
transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
} }
14% { #profilIcon {
opacity: 0.95; font-size: 40px;
color: white;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-moz-transition: transform 0.8s;
-ms-transition: transform 0.8s;
-o-transition: transform 0.8s;
} }
16% { #profilIcon.open {
opacity: 0.98; transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-moz-transition: transform 0.8s;
-ms-transition: transform 0.8s;
-o-transition: transform 0.8s;
background: none;
transform: rotate(180deg) !important;
-webkit-transform: rotate(180deg) !important;
-moz-transform: rotate(180deg) !important;
-ms-transform: rotate(180deg) !important;
-o-transform: rotate(180deg) !important;
} }
17% {
opacity: 0.9;
}
19% {
opacity: 0.93;
}
20% { #profilContainer.open {
opacity: 0.99; justify-content: end;
} }
24% { #mainPart{
opacity: 1; transition: all 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
} }
26% { #mainPart.open {
opacity: 0.94; margin-left: 50% !important;
} }
28% { /* Button Login/ Logout animation */
opacity: 0.98;
}
37% { a {
opacity: 0.93; position: relative;
display: inline-block;
cursor: pointer;
outline: none;
border: 0;
text-decoration: none;
background: transparent;
padding: 0;
font-size: inherit;
font-family: inherit;
} }
38% { a.logButton {
opacity: 0.5; width: 12rem;
height: 50px;
} }
39% { a.logButton .circle {
opacity: 0.96; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
display: block;
margin: 0;
width: 3rem;
height: 3rem;
background: #fff;
border-radius: 1.625rem;
} }
a.logButton .circle .icon {
42% { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
opacity: 1; position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: #050e15;
}
a.logButton .circle .icon.arrow {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
left: 0.625rem;
width: 1.125rem;
height: 0.125rem;
background: none;
}
a.logButton .circle .icon.arrow::before {
position: absolute;
content: "";
top: -0.25rem;
right: 0.0625rem;
width: 0.625rem;
height: 0.625rem;
border-top: 0.125rem solid #050e15;
border-right: 0.125rem solid #050e15;
transform: rotate(45deg);
}
a.logButton .button-text {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0.75rem 0;
margin: 0 0 0 1.85rem;
color: #fff;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-transform: uppercase;
}
a:hover .circle {
width: 100%;
} }
44% { a:hover .circle .icon.arrow {
opacity: 0.97; background: #050e15;
transform: translate(1rem, 0);
} }
46% { a:hover .button-text {
opacity: 0.94; color: #050e15;
} }
56% { /* Button style for code */
opacity: 0.9;
}
58% { a,
opacity: 0.9; button {
text-decoration: none !important;
outline: none !important;
}
.cssbuttons-io {
position: relative;
font-family: inherit;
font-weight: bolder;
font-size: 18px;
letter-spacing: 0.05em;
border-radius: 0.8em;
border: none;
color: white; /* text color */
overflow: hidden;
width: 65%;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
} }
60% { #btn-1 {
opacity: 0.99; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='300' height='75' preserveAspectRatio='none' viewBox='0 0 300 75'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1065%26quot%3b)' fill='none'%3e%3crect width='300' height='75' x='0' y='0' fill='rgba(15%2c 17%2c 21%2c 1)'%3e%3c/rect%3e%3cpath d='M88.58 44.57 a12.5 12.5 0 1 0 25 0 a12.5 12.5 0 1 0 -25 0z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M304.7324658513289 67.92373703388498L289.9393763882664 65.58074183860701 287.5963811929884 80.37383130166957 302.38947065605095 82.71682649694753z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M272.6717239241291 45.44517070202609L265.44747696055765 34.734784126938415 252.99402057971187 50.92634785983939z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M139.86852403993186 17.277208590099413L152.36680844893687-0.5721913763171713 134.5174084825203-13.070475785322195 122.01912407351527 4.778924181094389z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M69.31 2.7 a23.05 23.05 0 1 0 46.1 0 a23.05 23.05 0 1 0 -46.1 0z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M200.644556359526 77.73750637644713L210.09013424424927 69.23266984831206 192.61009050968502 59.31672128529469z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M188.74 65.78 a22.37 22.37 0 1 0 44.74 0 a22.37 22.37 0 1 0 -44.74 0z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M50.67333971689776 18.34335935719956L34.189822854481996 24.670788651580793 40.51725214886323 41.154305513996555 57.00076901127899 34.82687621961532z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M236.50761656073053 43.80085479326328L215.11114470239534 38.46611519693424 209.77640510606628 59.862587055269444 231.1728769644015 65.19732665159847z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M36.69630717595443 33.954886934991144L51.286547918089674 23.354456541993386 40.686117525091916 8.764215799858142 26.095876782956672 19.3646461928559z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M277.96 6.68 a17.57 17.57 0 1 0 35.14 0 a17.57 17.57 0 1 0 -35.14 0z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M48.13 71.94 a14.2 14.2 0 1 0 28.4 0 a14.2 14.2 0 1 0 -28.4 0z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M227.81 38.26 a16.2 16.2 0 1 0 32.4 0 a16.2 16.2 0 1 0 -32.4 0z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1065'%3e%3crect width='300' height='75' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
color: black;
} }
68% { #btn-1::before {
opacity: 1; background: white;
} }
70% { #btn-1:hover {
opacity: 0.9; color: white;
} }
72% { #btn-2 {
opacity: 0.95; background-image: url(../../assets/svg/Polygon\ Luminary.svg);
} }
93% { .cssbuttons-io:hover {
opacity: 0.93; color: white; /* Text color hover */
} }
95% { .cssbuttons-io svg {
opacity: 0.95; width: 1.5em;
height: 1.5em;
margin-right: 0.8em;
} }
97% { .cssbuttons-io span {
opacity: 0.93; position: relative;
z-index: 10;
display: inline-flex;
align-items: center;
padding: 0.8em 1.2em 0.8em 1.05em;
transition: color 0.6s;
-webkit-transition: color 0.6s;
-moz-transition: color 0.6s;
-ms-transition: color 0.6s;
-o-transition: color 0.6s;
} }
to { .cssbuttons-io::before,
opacity: 1; .cssbuttons-io::after {
} position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
} }
@keyframes animate1 { .cssbuttons-io::before {
0% { content: "";
left: -100%; background: rgb(20, 18, 33); /* Background color */
} width: 120%;
50%, left: -10%;
100% { transform: skew(30deg);
left: 100%; -webkit-transform: skew(30deg);
} -moz-transform: skew(30deg);
-ms-transform: skew(30deg);
-o-transform: skew(30deg);
transition: transform 0.6s cubic-bezier(0.3, 1, 0.8, 1);
-webkit-transition: transform 0.6s cubic-bezier(0.3, 1, 0.8, 1);
-moz-transition: transform 0.6s cubic-bezier(0.3, 1, 0.8, 1);
-ms-transition: transform 0.6s cubic-bezier(0.3, 1, 0.8, 1);
-o-transition: transform 0.6s cubic-bezier(0.3, 1, 0.8, 1);
} }
@keyframes animate2 { .cssbuttons-io:hover::before {
0% { transform: translate3d(100%, 0, 0);
top: -100%; -webkit-transform: translate3d(100%, 0, 0);
} -moz-transform: translate3d(100%, 0, 0);
50%, -ms-transform: translate3d(100%, 0, 0);
100% { -o-transform: translate3d(100%, 0, 0);
top: 100%;
}
} }
@keyframes animate3 { .cssbuttons-io:active {
0% { transform: scale(0.95);
right: -100%; -webkit-transform: scale(0.95);
} -moz-transform: scale(0.95);
50%, -ms-transform: scale(0.95);
100% { -o-transform: scale(0.95);
right: 100%;
}
} }
@keyframes animate4 {
0% {
bottom: -100%;
}
50%,
100% {
bottom: 100%;
}
}
.flicker {
animation: shine 2s forwards, blink 3s 2s infinite;
}
.fast-flicker { /* Button admin */
animation: shine 2s forwards, blink 10s 1s infinite;
-webkit-animation: shine 2s forwards, blink 10s 1s infinite;
}
/* COntainer CSS */
h1 { #btn {
letter-spacing: 0.5rem; width: 150px;
color: #ffe6ff; height: 50px;
text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #dd07bf, border-radius: 5px;
-0.2rem 0.1rem 1rem #dd07bf, 0.2rem 0.1rem 1rem #dd07bf, border: none;
0 -0.5rem 2rem #841174, 0 0.5rem 3rem #841174; transition: all 0.5s ease-in-out;
animation: shine 2s forwards, flicker 3s infinite; font-size: 20px;
font-weight: 600;
display: flex;
align-items: center;
background: #040f16;
color: #f5f5f5;
} }
a { #btn:hover {
letter-spacing: 0.2rem; box-shadow: 0 0 20px 0px #2e2e2e3a;
font-weight: 400;
border-radius: 10px;
font-size: 22px;
cursor: pointer;
transition: 0.5s;
} }
a span { #btn #icon {
position: absolute; position: absolute;
display: block; height: 25px;
width: 25px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
} }
#btn #text {
#enigme { transform: translateX(40px);
color: #ff86ff; -webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
} }
#enigme:hover { #btn:hover #icon {
background: #ff86ff; width: 130px;
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);
} }
/* #enigme span:nth-child(1) { #btn:hover #text {
top: 0; transition: all 0.5s;
left: 0; opacity: 0;
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent, #ff86ff);
animation: animate1 1s linear infinite;
} */
#multi {
color: #56fcfc;
} }
#multi:hover { #btn:focus {
background: #56fcfc; outline: none;
color: #000000 !important;
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);
} }
#btn:active #icon {
transform: scale(0.85);
}

@ -1,392 +0,0 @@
/*Fonts CSS */
@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: "Equinox", sans-serif;
color: white;
scroll-behavior: smooth;
height: 100vh;
background-image: url("../../assets/img/ImgMain2.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: bottom center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
height: 80%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border: 1px solid #fff;
}
.neonBg {
background-color: #511949;
opacity: 0.9;
background-size: 10px 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
button:focus {
outline: none;
}
#imgProfil {
width: 30%;
height: 100%;
}
@media screen and (max-width: 1100px) {
#imgProfil {
display: none;
}
}
#profil {
position: fixed;
top: 0;
left: 0;
opacity: 0;
height: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#profil.open {
opacity: 1;
display: flex;
transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
}
#profilIcon {
font-size: 40px;
color: white;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-moz-transition: transform 0.8s;
-ms-transition: transform 0.8s;
-o-transition: transform 0.8s;
}
#profilIcon.open {
transition: transform 0.8s;
-webkit-transition: transform 0.8s;
-moz-transition: transform 0.8s;
-ms-transition: transform 0.8s;
-o-transition: transform 0.8s;
background: none;
transform: rotate(180deg) !important;
-webkit-transform: rotate(180deg) !important;
-moz-transform: rotate(180deg) !important;
-ms-transform: rotate(180deg) !important;
-o-transform: rotate(180deg) !important;
}
#profilContainer.open {
justify-content: end;
}
#mainPart{
transition: all 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
#mainPart.open {
margin-left: 50% !important;
}
/* Button Login/ Logout animation */
a {
position: relative;
display: inline-block;
cursor: pointer;
outline: none;
border: 0;
text-decoration: none;
background: transparent;
padding: 0;
font-size: inherit;
font-family: inherit;
}
a.logButton {
width: 12rem;
height: 50px;
}
a.logButton .circle {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
display: block;
margin: 0;
width: 3rem;
height: 3rem;
background: #fff;
border-radius: 1.625rem;
}
a.logButton .circle .icon {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: #050e15;
}
a.logButton .circle .icon.arrow {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
left: 0.625rem;
width: 1.125rem;
height: 0.125rem;
background: none;
}
a.logButton .circle .icon.arrow::before {
position: absolute;
content: "";
top: -0.25rem;
right: 0.0625rem;
width: 0.625rem;
height: 0.625rem;
border-top: 0.125rem solid #050e15;
border-right: 0.125rem solid #050e15;
transform: rotate(45deg);
}
a.logButton .button-text {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0.75rem 0;
margin: 0 0 0 1.85rem;
color: #fff;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-transform: uppercase;
}
a:hover .circle {
width: 100%;
}
a:hover .circle .icon.arrow {
background: #050e15;
transform: translate(1rem, 0);
}
a:hover .button-text {
color: #050e15;
}
/* Button style for code */
a,
button {
text-decoration: none !important;
outline: none !important;
}
.cssbuttons-io {
position: relative;
font-family: inherit;
font-weight: bolder;
font-size: 18px;
letter-spacing: 0.05em;
border-radius: 0.8em;
border: none;
color: white; /* text color */
overflow: hidden;
width: 65%;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
#btn-1 {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='300' height='75' preserveAspectRatio='none' viewBox='0 0 300 75'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1065%26quot%3b)' fill='none'%3e%3crect width='300' height='75' x='0' y='0' fill='rgba(15%2c 17%2c 21%2c 1)'%3e%3c/rect%3e%3cpath d='M88.58 44.57 a12.5 12.5 0 1 0 25 0 a12.5 12.5 0 1 0 -25 0z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M304.7324658513289 67.92373703388498L289.9393763882664 65.58074183860701 287.5963811929884 80.37383130166957 302.38947065605095 82.71682649694753z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M272.6717239241291 45.44517070202609L265.44747696055765 34.734784126938415 252.99402057971187 50.92634785983939z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M139.86852403993186 17.277208590099413L152.36680844893687-0.5721913763171713 134.5174084825203-13.070475785322195 122.01912407351527 4.778924181094389z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M69.31 2.7 a23.05 23.05 0 1 0 46.1 0 a23.05 23.05 0 1 0 -46.1 0z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M200.644556359526 77.73750637644713L210.09013424424927 69.23266984831206 192.61009050968502 59.31672128529469z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M188.74 65.78 a22.37 22.37 0 1 0 44.74 0 a22.37 22.37 0 1 0 -44.74 0z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M50.67333971689776 18.34335935719956L34.189822854481996 24.670788651580793 40.51725214886323 41.154305513996555 57.00076901127899 34.82687621961532z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M236.50761656073053 43.80085479326328L215.11114470239534 38.46611519693424 209.77640510606628 59.862587055269444 231.1728769644015 65.19732665159847z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M36.69630717595443 33.954886934991144L51.286547918089674 23.354456541993386 40.686117525091916 8.764215799858142 26.095876782956672 19.3646461928559z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M277.96 6.68 a17.57 17.57 0 1 0 35.14 0 a17.57 17.57 0 1 0 -35.14 0z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M48.13 71.94 a14.2 14.2 0 1 0 28.4 0 a14.2 14.2 0 1 0 -28.4 0z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M227.81 38.26 a16.2 16.2 0 1 0 32.4 0 a16.2 16.2 0 1 0 -32.4 0z' fill='rgba(68%2c 255%2c 246%2c 0.45)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1065'%3e%3crect width='300' height='75' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
color: black;
}
#btn-1::before {
background: white;
}
#btn-1:hover {
color: white;
}
#btn-2 {
background-image: url(../../assets/svg/Polygon\ Luminary.svg);
}
.cssbuttons-io:hover {
color: white; /* Text color hover */
}
.cssbuttons-io svg {
width: 1.5em;
height: 1.5em;
margin-right: 0.8em;
}
.cssbuttons-io span {
position: relative;
z-index: 10;
display: inline-flex;
align-items: center;
padding: 0.8em 1.2em 0.8em 1.05em;
transition: color 0.6s;
-webkit-transition: color 0.6s;
-moz-transition: color 0.6s;
-ms-transition: color 0.6s;
-o-transition: color 0.6s;
}
.cssbuttons-io::before,
.cssbuttons-io::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.cssbuttons-io::before {
content: "";
background: rgb(20, 18, 33); /* Background color */
width: 120%;
left: -10%;
transform: skew(30deg);
-webkit-transform: skew(30deg);
-moz-transform: skew(30deg);
-ms-transform: skew(30deg);
-o-transform: skew(30deg);
transition: transform 0.6s cubic-bezier(0.3, 1, 0.8, 1);
-webkit-transition: transform 0.6s cubic-bezier(0.3, 1, 0.8, 1);
-moz-transition: transform 0.6s cubic-bezier(0.3, 1, 0.8, 1);
-ms-transition: transform 0.6s cubic-bezier(0.3, 1, 0.8, 1);
-o-transition: transform 0.6s cubic-bezier(0.3, 1, 0.8, 1);
}
.cssbuttons-io:hover::before {
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
}
.cssbuttons-io:active {
transform: scale(0.95);
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
}
/* Button admin */
.btn {
width: 150px;
height: 50px;
border-radius: 5px;
border: none;
transition: all 0.5s ease-in-out;
font-size: 20px;
font-weight: 600;
display: flex;
align-items: center;
background: #040f16;
color: #f5f5f5;
}
.btn:hover {
box-shadow: 0 0 20px 0px #2e2e2e3a;
}
.btn .icon {
position: absolute;
height: 25px;
width: 25px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
}
.btn .text {
transform: translateX(40px);
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
}
.btn:hover .icon {
width: 130px;
}
.btn:hover .text {
transition: all 0.5s;
opacity: 0;
}
.btn:focus {
outline: none;
}
.btn:active .icon {
transform: scale(0.85);
}

@ -19,6 +19,10 @@
</head> </head>
<body class="m-3"> <body class="m-3">
<div>
<a class="btn btn-primary m-3" href="index.php?action=goToAdminSolo" role="button">Retour</a>
<h1 class="text-center">Ajouter un énigme</h1>
</div>
<form action="index.php?action=addNewEnigmeSolo" method="POST"> <form action="index.php?action=addNewEnigmeSolo" method="POST">
<div class="col"> <div class="col">
<div class="mb-3"> <div class="mb-3">

@ -54,6 +54,16 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col d-flex justify-content-end g-5 py-4"> <div class="col d-flex justify-content-end g-5 py-4">
<a
id="enigmeMultiManager"
class="mb-3 text-uppercase text-center d-flex justify-content-center align-items-center"
href="index.php?action=goToHome"
style="width: 300px; height: 150px"
>
Retour
</a>
</div>
<div class="col d-flex justify-content-start g-5 py-4">
<a <a
id="enigmeSoloManager" id="enigmeSoloManager"
class="mb-3 text-uppercase text-center d-flex justify-content-center align-items-center" class="mb-3 text-uppercase text-center d-flex justify-content-center align-items-center"

@ -19,7 +19,10 @@
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div>
<a class="btn btn-primary m-3" href="index.php?action=goToAdmin" role="button">Retour</a>
<h1 class="text-center">Enigme Solo</h1> <h1 class="text-center">Enigme Solo</h1>
</div>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<a class="btn btn-primary m-3" href="index.php?action=goToAddEnigmeSolo">Ajouter une enigme</a> <a class="btn btn-primary m-3" href="index.php?action=goToAddEnigmeSolo">Ajouter une enigme</a>
<a class="btn btn-primary m-3" href="index.php?action=goToEnigmeSoloManager">Gérer les enigmes</a> <a class="btn btn-primary m-3" href="index.php?action=goToEnigmeSoloManager">Gérer les enigmes</a>

@ -21,6 +21,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<a class="btn btn-primary m-3" href="index.php?action=goToEnigmeSoloManager" role="button">Retour</a>
<h1>Enigme</h1> <h1>Enigme</h1>
</div> </div>
</div> </div>

@ -19,7 +19,10 @@
</head> </head>
<body> <body>
<div class="container"> <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> <h1 class="text-center">Enigme Solo Manager</h1>
</div>
<div class="d-flex justify-content-center"> <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> <a class="btn btn-primary m-3" href="index.php?action=goToSeeOrdre" role="button">Modifier l'ordre</a>
<?php <?php

@ -18,6 +18,10 @@
/> />
</head> </head>
<body class="m-3"> <body class="m-3">
<div>
<a class="btn btn-primary m-3" href="index.php?action=goToEnigmeSoloManager" role="button">Retour</a>
<h1> Modifier une énigme </h1>
</div>
<form <form
<?php echo 'action="index.php?action=editEnigme&id='. $enigme->getIdEnigme() .'"'; ?> <?php echo 'action="index.php?action=editEnigme&id='. $enigme->getIdEnigme() .'"'; ?>
method="POST"> method="POST">

@ -21,6 +21,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<a class="btn btn-primary m-3" href="index.php?action=goToSeeOrdre" role="button">Retour</a>
<h1>Ordre des énigmes</h1> <h1>Ordre des énigmes</h1>
</div> </div>
</div> </div>

@ -21,6 +21,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<a class="btn btn-primary m-3" href="index.php?action=goToEnigmeSoloManager" role="button">Retour</a>
<h1>Ordre des énigmes</h1> <h1>Ordre des énigmes</h1>
</div> </div>
</div> </div>

@ -1,43 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scripted</title> <title>Scripted</title>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- CSS -->
<link <link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css"
rel="stylesheet" rel="stylesheet"
integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" 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" 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="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/> />
<link rel="stylesheet" href="./View/src/CSS/Main.css" /> <link rel="stylesheet" href="./View/src/CSS/Main.css" />
</head> </head>
<body> <body>
<div class="container"> <script>
<div class="col-auto"> function displayProfil() {
<div class="row g-5 py-5"> profil.classList.toggle("open");
<h1 profilIcon.classList.toggle("open");
class="display-1 fw-bold mb-5 text-uppercase d-flex justify-content-center" profilContainer.classList.toggle("open");
mainPart.classList.toggle("open");
}
</script>
<div id="imgMain" class="container p-0 d-flex">
<!-- Profile page -->
<div class="col-4 d-flex" id="profilContainer">
<button
class="d-flex p-0 user-select-none"
id="btnProfil"
style="background: transparent; border: none; z-index: 10"
onclick="displayProfil()"
>
<span class="material-symbols-outlined p-1 neonBg" id="profilIcon">
clear_all
</span>
</button>
<div
class="col-4"
id="profil"
style="
background-image: linear-gradient(15deg, #434343 0%, black 100%);
border-radius: 10px;
height: 100%;
z-index: 2;
"
>
<div class="row py-5 d-flex justify-content-center mx-0">
<?php
if (isset($_SESSION['role']) && $_SESSION['role'] == 'user'){
echo '<img
src="./View/assets/img/CyberpunkGirl4.png"
alt="Profil"
id="imgProfil"
class="img-fluid rounded-circle align-self-center user-select-none"
style="
width: 125px;
height: 125px;
padding: 0;
border: 2px solid #44fff6;
"
/>
<p class="d-flex justify-content-center m-0 p-0">' .$_SESSION['pseudo'].'</p>
<div
class="d-flex justify-content-center align-self-end p-0 m-0 user-select-none"
id="container"
>';
echo '<a class="logButton" href="index.php?action=logout">
<span class="circle" aria-hidden="true">
<span class="icon arrow"></span>
</span>
<span class="button-text">Logout</span>
</a>
</div>';
}
elseif (isset($_SESSION['role']) && $_SESSION['role'] == 'admin'){
echo '<img
src="./View/assets/img/CyberpunkGirl4.png"
alt="Profil"
id="imgProfil"
class="img-fluid rounded-circle align-self-center user-select-none"
style="
width: 125px;
height: 125px;
padding: 0;
border: 2px solid #fff;
"
/>
<p
class="d-flex justify-content-center m-0 p-0"
style="font-weight: bold; font-size: 18px"
>' .$_SESSION['pseudo'].'</p>
<div
class="d-flex flex-column align-items-center align-self-end p-0 m-0 user-select-none"
id="container"
>
<a class="mb-5 p-2" id="btn" href="index?action=goToAdmin">
<span id="icon">
<svg
fill="#ffffff"
height="25px"
width="25px"
version="1.1"
id="Capa_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 477.057 477.057"
xml:space="preserve"
> >
<span class="fast-flicker">s</span> <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<span>crip</span> <g id="SVGRepo_iconCarrier">
<span class="flicker">t</span> <g>
<span>ed</span> <path
</h1> d="M167.151,285.641c-47.054-3.222-84.37-42.427-84.37-90.28c0-49.959,40.64-90.599,90.598-90.599 c40.105,0,74.161,26.222,86.05,62.397c0.706-0.03,1.382-0.202,2.096-0.202c5.435,0,10.723,0.994,15.646,2.905 c4.527-10.204,12.936-18.248,23.293-22.48c-2.026-5.365-4.294-10.606-6.957-15.623l20.693-20.693 c2.664-2.663,4.162-6.282,4.162-10.055c0-3.773-1.498-7.392-4.162-10.055l-36.44-36.424c-5.551-5.552-14.558-5.552-20.111,0 l-20.692,20.693c-7.485-3.968-15.366-7.291-23.605-9.822V36.199c0-7.85-6.367-14.217-14.217-14.217h-51.512 c-7.849,0-14.216,6.367-14.216,14.217v29.203c-8.239,2.531-16.12,5.855-23.613,9.822L89.116,54.547 c-5.552-5.552-14.558-5.552-20.11,0L32.572,90.971c-2.662,2.663-4.162,6.282-4.162,10.055c0,3.774,1.5,7.392,4.162,10.055 L53.25,131.76c-3.968,7.493-7.291,15.366-9.821,23.605H14.216C6.367,155.364,0,161.731,0,169.582v51.526 c0,7.851,6.367,14.218,14.216,14.218h29.204c2.53,8.237,5.854,16.118,9.821,23.611l-20.684,20.686 c-5.553,5.551-5.553,14.558,0,20.11l36.432,36.434c5.551,5.551,14.558,5.551,20.11,0l20.677-20.678 c7.493,3.975,15.382,7.305,23.629,9.837v29.203c0,7.851,6.367,14.218,14.216,14.218h33.302 c-9.077-7.935-14.853-19.56-14.853-32.534C166.073,327.928,165.419,293.638,167.151,285.641z"
></path>
<path
d="M230.953,179.599c1.748-1.748,3.673-3.231,5.645-4.635c-8.673-26.789-33.574-46.348-63.221-46.348 c-36.804,0-66.744,29.941-66.744,66.746c0,38.606,33.45,71.412,75.441,65.868c2.966-2.415,6.219-4.489,9.761-6.057 C179.257,222.622,205.71,204.848,230.953,179.599z"
></path>
<path
d="M337.455,260.095c-30.539,0-55.386,24.847-55.386,55.386s24.847,55.386,55.386,55.386 c30.546,0,55.394-24.847,55.394-55.386S368.001,260.095,337.455,260.095z"
></path>
<path
d="M477.049,294.725c0-6.321-5.124-11.445-11.445-11.445h-23.511c-2.042-6.631-4.721-12.983-7.921-19.008l16.656-16.656 c2.151-2.152,3.354-5.063,3.354-8.099c0-3.036-1.202-5.947-3.354-8.099l-29.327-29.327c-2.237-2.228-5.163-3.346-8.099-3.346 c-2.927,0-5.855,1.118-8.091,3.346l-16.67,16.67c-6.027-3.198-12.37-5.869-19.002-7.903v-23.511 c0-6.321-5.124-11.446-11.445-11.446h-41.471c-6.321,0-11.445,5.125-11.445,11.446v23.511c-6.631,2.034-12.982,4.705-19.016,7.903 l-16.648-16.646c-2.236-2.238-5.164-3.355-8.099-3.355c-2.928,0-5.855,1.118-8.091,3.347l-29.327,29.327 c-2.152,2.152-3.355,5.063-3.355,8.099c0,3.036,1.204,5.947,3.355,8.099l16.648,16.648c-3.2,6.025-5.871,12.369-7.913,19h-23.511 c-6.321,0-11.445,5.124-11.445,11.445v41.487c0,6.321,5.124,11.445,11.445,11.445h23.503c2.042,6.631,4.713,12.983,7.913,19.008 l-16.656,16.656c-4.465,4.465-4.465,11.717,0,16.19l29.327,29.327c2.151,2.152,5.063,3.354,8.099,3.354 c3.036,0,5.947-1.202,8.099-3.354l16.64-16.64c6.041,3.199,12.393,5.878,19.032,7.913v23.519c0,6.319,5.124,11.445,11.445,11.445 h41.471c6.321,0,11.445-5.125,11.445-11.445v-23.519c6.639-2.035,12.991-4.713,19.024-7.913l16.664,16.656 c2.236,2.236,5.164,3.346,8.091,3.346c2.934,0,5.862-1.11,8.097-3.346l29.32-29.32c2.15-2.15,3.354-5.062,3.354-8.099 c0-3.036-1.204-5.947-3.354-8.097l-16.656-16.656c3.199-6.033,5.879-12.385,7.913-19.024h23.511c3.036,0,5.955-1.204,8.099-3.354 c2.15-2.144,3.354-5.063,3.354-8.099L477.049,294.725z M337.455,386.769c-39.305,0-71.288-31.982-71.288-71.288 c0-39.305,31.982-71.288,71.288-71.288c39.313,0,71.296,31.982,71.296,71.288C408.751,354.786,376.768,386.769,337.455,386.769z"
></path>
</g>
</g>
</svg>
</span>
<span id="text">ADMIN</span>
</a>
<a class="logButton">
<span class="circle" aria-hidden="true">
<span class="icon arrow"></span>
</span>
<span class="button-text">Logout</span>
</a>
</div>';
}
else {
echo '<div class="d-flex justify-content-center align-self-center p-0 m-0" id="container">';
echo '<a class="logButton" href="index?action=goToLogin">';
echo ' <span class="circle" aria-hidden="true">';
echo ' <span class="icon arrow"></span>';
echo ' </span>';
echo ' <span class="button-text">Login</span>';
echo '</a>';
echo '</div>';
}
?>
</div> </div>
<div class="row d-flex justify-content-center g-5 py-5"> </div>
<a </div>
id="enigme" <!-- End Profile page -->
class="mb-3 text-uppercase d-flex justify-content-center align-items-center"
style="width: 260px; height: 50px" <!-- 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="row mx-0 pt-4 pb-5 text-center">
<h1>Scripted</h1>
</div>
<!-- Solo -->
<div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center">
<a class="cssbuttons-io"
<?php <?php
if (isset($_SESSION['role']) && $_SESSION['role'] == 'user' || isset($_SESSION['role']) && $_SESSION['role'] == 'admin'){ if (isset($_SESSION['role']) && $_SESSION['role'] == 'user' || isset($_SESSION['role']) && $_SESSION['role'] == 'admin'){
echo 'href="index.php?action=goToPresentation"'; echo 'href="index.php?action=goToPresentation"';
@ -46,37 +192,39 @@
echo 'href="index.php?action=goToLogin"'; echo 'href="index.php?action=goToLogin"';
} }
?> ?>
id="btn-1">
<span
><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"></path>
<path
d="M24 12l-5.657 5.657-1.414-1.414L21.172 12l-4.243-4.243 1.414-1.414L24 12zM2.828 12l4.243 4.243-1.414 1.414L0 12l5.657-5.657L7.07 7.757 2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z"
fill="currentColor"
></path>
</svg>
CodeQuest</span
> >
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
Énigmes
</a> </a>
</div> </div>
<div class="row d-flex justify-content-center g-5 py-4">
<a <!-- Multijoueur -->
id="multi" <div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center">
class="mb-3 text-uppercase d-flex justify-content-center align-items-center" <a class="cssbuttons-io" href="./Presentation.html" id="btn-2">
href="index.php?action=goToQueue" <span>
style="width: 260px; height: 50px" <svg fill="#ffffff" height="200px" width="200px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 468.493 468.493" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_iconCarrier"> <g>
> <path d="M138.321,161.831h-17.437v-17.437c0-3.615-2.287-6.835-5.701-8.026c-5.319-1.855-10.904-2.796-16.6-2.796 c-5.696,0-11.281,0.941-16.6,2.796c-3.414,1.191-5.701,4.411-5.701,8.026v17.437H58.847c-3.615,0-6.834,2.287-8.025,5.7 c-1.856,5.318-2.797,10.904-2.797,16.601s0.941,11.283,2.797,16.601c1.191,3.413,4.411,5.699,8.025,5.699h17.437v17.437 c0,3.615,2.287,6.834,5.7,8.025c5.318,1.856,10.904,2.797,16.601,2.797c5.697,0,11.283-0.941,16.601-2.797 c3.413-1.191,5.7-4.41,5.7-8.025v-17.437h17.437c3.615,0,6.835-2.287,8.026-5.7c1.855-5.318,2.796-10.903,2.796-16.6 c0-5.696-0.941-11.281-2.796-16.6C145.156,164.118,141.937,161.831,138.321,161.831z M131.729,189.432h-19.344 c-4.694,0-8.5,3.806-8.5,8.5v19.344c-3.481,0.553-7.12,0.552-10.601,0v-19.344c0-4.694-3.806-8.5-8.5-8.5H65.44 c-0.276-1.741-0.415-3.511-0.415-5.3s0.139-3.56,0.415-5.301h19.344c4.694,0,8.5-3.806,8.5-8.5v-19.343 c3.482-0.553,7.12-0.553,10.601,0v19.343c0,4.694,3.806,8.5,8.5,8.5h19.343c0.276,1.741,0.415,3.511,0.415,5.301 C132.143,185.921,132.004,187.692,131.729,189.432z"></path>
<span></span> <path d="M254.329,166.478c0.009,0,0.019,0,0.028,0c7.996-0.009,14.459-6.501,14.44-14.497c-0.02-7.987-6.501-14.449-14.497-14.439 c-7.987,0.019-14.459,6.511-14.439,14.497C239.879,160.025,246.351,166.478,254.329,166.478z"></path>
<span></span> <path d="M413.655,176.853c-15.05-16.238-39.613-18.106-57.137-4.34c-4.789,3.762-10.376,6.982-16.534,9.625 c-6.765-39.084-24.521-74.946-51.786-104.346c-15.049-16.24-39.611-18.11-57.141-4.344c-14.5,11.397-36.2,17.934-59.535,17.934 c-23.341,0-45.044-6.537-59.545-17.935C94.463,59.683,69.9,61.551,54.838,77.791C19.475,115.946,0,165.618,0,217.657 c0,19.499,2.732,38.81,8.122,57.398c3.94,13.584,14.402,24.161,27.984,28.293c4.044,1.23,8.175,1.833,12.271,1.833 c9.678,0,19.154-3.365,26.782-9.76c16.623-13.948,35.986-24.059,56.702-29.731c-4.216,16.521-6.402,33.645-6.402,51.037 c0,19.509,2.731,38.819,8.117,57.393c3.94,13.586,14.402,24.164,27.988,28.295c4.042,1.229,8.17,1.831,12.264,1.831 c9.679,0,19.157-3.367,26.782-9.764c26.931-22.595,61.155-35.038,96.366-35.038s69.435,12.443,96.365,35.038 c10.851,9.104,25.448,12.069,39.046,7.934c13.586-4.132,24.048-14.709,27.988-28.295c5.386-18.573,8.117-37.883,8.117-57.393 C468.493,264.68,449.018,215.006,413.655,176.853z M62.306,280.097c-5.739,4.811-13.167,6.312-20.378,4.117 c-7.197-2.189-12.518-7.559-14.598-14.729C22.466,252.708,20,235.27,20,217.657c0-46.981,17.582-91.825,49.505-126.269 c7.915-8.536,20.861-9.489,30.114-2.217c17.957,14.115,44.165,22.21,71.904,22.21c27.732,0,53.937-8.095,71.89-22.207 c9.265-7.274,22.208-6.321,30.118,2.214c25.198,27.172,41.391,60.45,47.16,96.697c-6.77,1.379-13.891,2.167-21.197,2.315 c0.952-1.937,1.498-4.11,1.49-6.416c-0.02-7.986-6.521-14.449-14.517-14.42c-7.986,0.019-14.439,6.52-14.419,14.516 c0.005,1.344,0.207,2.639,0.554,3.873c-13.69-2.876-25.901-8.161-35.168-15.44c-17.522-13.765-42.085-11.899-57.137,4.34 c-18.159,19.591-32.116,42.226-41.41,66.654C110.767,248.981,84.397,261.56,62.306,280.097z M441.167,368.549 c-2.08,7.173-7.4,12.542-14.599,14.731c-7.209,2.193-14.636,0.692-20.371-4.121c-30.527-25.611-69.316-39.716-109.221-39.716 s-78.693,14.105-109.22,39.716c-5.735,4.812-13.158,6.313-20.373,4.121c-7.197-2.189-12.519-7.558-14.598-14.731 c-4.861-16.763-7.326-34.199-7.326-51.823c0-46.989,17.582-91.835,49.506-126.277c4.349-4.692,10.22-7.09,16.164-7.09 c4.866,0,9.782,1.608,13.949,4.882c17.962,14.11,44.168,22.203,71.897,22.203s53.936-8.093,71.897-22.203 c9.258-7.273,22.203-6.326,30.113,2.208c31.924,34.443,49.506,79.289,49.506,126.277 C448.493,334.351,446.028,351.786,441.167,368.549z"></path>
<span></span> <path d="M263.776,260.896h-17.437V243.46c0-3.615-2.287-6.835-5.7-8.026c-5.318-1.855-10.903-2.796-16.6-2.796 c-5.696,0-11.281,0.941-16.6,2.796c-3.414,1.191-5.701,4.411-5.701,8.026v17.437h-17.436c-3.615,0-6.834,2.287-8.025,5.7 c-1.856,5.318-2.797,10.904-2.797,16.601s0.941,11.283,2.797,16.601c1.191,3.413,4.41,5.7,8.025,5.7h17.436v17.436 c0,3.615,2.287,6.834,5.7,8.025c5.319,1.856,10.905,2.797,16.601,2.797c5.697,0,11.283-0.941,16.601-2.797 c3.413-1.191,5.699-4.411,5.699-8.025v-17.436h17.437c3.614,0,6.834-2.286,8.025-5.699c1.855-5.317,2.797-10.903,2.797-16.602 s-0.941-11.285-2.797-16.602C270.61,263.182,267.39,260.896,263.776,260.896z M257.183,288.498h-19.344c-4.694,0-8.5,3.806-8.5,8.5 v19.343c-3.481,0.553-7.12,0.552-10.601,0v-19.343c0-4.694-3.806-8.5-8.5-8.5h-19.343c-0.276-1.741-0.415-3.511-0.415-5.301 s0.139-3.56,0.415-5.301h19.343c4.694,0,8.5-3.806,8.5-8.5v-19.343c3.482-0.553,7.12-0.552,10.601,0v19.344 c0,4.694,3.806,8.5,8.5,8.5h19.344c0.276,1.741,0.415,3.511,0.415,5.301S257.459,286.757,257.183,288.498z"></path>
<span></span> <path d="M411.973,297.569c0.01,0,0.029,0,0.039,0c7.996-0.029,14.449-6.521,14.43-14.517c-0.029-7.986-6.52-14.449-14.516-14.42 c-7.987,0.019-14.449,6.52-14.42,14.507C397.524,291.116,403.996,297.569,411.973,297.569z"></path> <path d="M347.715,268.758c-7.987,0.01-14.459,6.491-14.448,14.487c0.01,7.986,6.491,14.459,14.487,14.449 c7.987-0.01,14.459-6.491,14.449-14.478C362.192,275.221,355.711,268.749,347.715,268.758z"></path>
Multijoueur <path d="M379.931,300.849c-0.087,0-0.164,0-0.251,0c-7.909,0.096-14.295,6.53-14.295,14.468c0,7.986,6.481,14.468,14.468,14.468 c0.019,0,0.039,0,0.048,0c0.029,0,0.058,0,0.087,0c0.02,0,0.039,0,0.058,0c7.986-0.029,14.439-6.54,14.41-14.526 C394.418,307.263,387.917,300.81,379.931,300.849z"></path>
<path d="M379.786,265.546c0.009,0,0.02,0,0.029,0c7.996-0.019,14.459-6.51,14.439-14.497c-0.019-7.996-6.511-14.459-14.497-14.439 c-7.995,0.019-14.458,6.511-14.439,14.497C365.327,259.084,371.81,265.546,379.786,265.546z"></path> </g> </g>
</svg>
ScriptRush
</span>
</a> </a>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Bootstrap JS -->
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
crossorigin="anonymous"
></script>
</body> </body>
</html> </html>

@ -1,255 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scripted</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="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="../CSS/Main2.css" />
</head>
<body>
<script>
function displayProfil() {
profil.classList.toggle("open");
profilIcon.classList.toggle("open");
profilContainer.classList.toggle("open");
mainPart.classList.toggle("open");
}
</script>
<div id="imgMain" class="container p-0 d-flex">
<!-- Profile page -->
<div class="col-4 d-flex" id="profilContainer">
<button
class="d-flex p-0 user-select-none"
id="btnProfil"
style="
background: transparent;
border: none;
z-index: 10;
height: fit-content;
"
onclick="displayProfil()"
>
<span class="material-symbols-outlined p-1 neonBg" id="profilIcon">
clear_all
</span>
</button>
<div
class="col-4"
id="profil"
style="
background-image: linear-gradient(15deg, #434343 0%, black 100%);
border-radius: 10px;
height: 100%;
z-index: 2;
"
>
<!-- background-image: linear-gradient(145deg, #29323c 0%, #485563 100%); -->
<!-- background-image: linear-gradient(15deg, #434343 0%, black 100%); -->
<div class="row py-5 d-flex justify-content-center mx-0">
<!-- If connected this -->
<img
src="../../assets/img/CyberpunkGirl4.png"
alt="Profil"
id="imgProfil"
class="img-fluid rounded-circle align-self-center user-select-none"
style="
width: 125px;
height: 125px;
padding: 0;
border: 2px solid #fff;
"
/>
<p
class="d-flex justify-content-center m-0 p-0"
style="font-weight: bold; font-size: 18px"
>
Pseudo
</p>
<div
class="d-flex flex-column align-items-center align-self-end p-0 m-0 user-select-none"
id="container"
>
<!-- If connected in admin add this -->
<button class="btn mb-5">
<span class="icon">
<svg
fill="#ffffff"
height="25px"
width="25px"
version="1.1"
id="Capa_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 477.057 477.057"
xml:space="preserve"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_iconCarrier">
<g>
<path
d="M167.151,285.641c-47.054-3.222-84.37-42.427-84.37-90.28c0-49.959,40.64-90.599,90.598-90.599 c40.105,0,74.161,26.222,86.05,62.397c0.706-0.03,1.382-0.202,2.096-0.202c5.435,0,10.723,0.994,15.646,2.905 c4.527-10.204,12.936-18.248,23.293-22.48c-2.026-5.365-4.294-10.606-6.957-15.623l20.693-20.693 c2.664-2.663,4.162-6.282,4.162-10.055c0-3.773-1.498-7.392-4.162-10.055l-36.44-36.424c-5.551-5.552-14.558-5.552-20.111,0 l-20.692,20.693c-7.485-3.968-15.366-7.291-23.605-9.822V36.199c0-7.85-6.367-14.217-14.217-14.217h-51.512 c-7.849,0-14.216,6.367-14.216,14.217v29.203c-8.239,2.531-16.12,5.855-23.613,9.822L89.116,54.547 c-5.552-5.552-14.558-5.552-20.11,0L32.572,90.971c-2.662,2.663-4.162,6.282-4.162,10.055c0,3.774,1.5,7.392,4.162,10.055 L53.25,131.76c-3.968,7.493-7.291,15.366-9.821,23.605H14.216C6.367,155.364,0,161.731,0,169.582v51.526 c0,7.851,6.367,14.218,14.216,14.218h29.204c2.53,8.237,5.854,16.118,9.821,23.611l-20.684,20.686 c-5.553,5.551-5.553,14.558,0,20.11l36.432,36.434c5.551,5.551,14.558,5.551,20.11,0l20.677-20.678 c7.493,3.975,15.382,7.305,23.629,9.837v29.203c0,7.851,6.367,14.218,14.216,14.218h33.302 c-9.077-7.935-14.853-19.56-14.853-32.534C166.073,327.928,165.419,293.638,167.151,285.641z"
></path>
<path
d="M230.953,179.599c1.748-1.748,3.673-3.231,5.645-4.635c-8.673-26.789-33.574-46.348-63.221-46.348 c-36.804,0-66.744,29.941-66.744,66.746c0,38.606,33.45,71.412,75.441,65.868c2.966-2.415,6.219-4.489,9.761-6.057 C179.257,222.622,205.71,204.848,230.953,179.599z"
></path>
<path
d="M337.455,260.095c-30.539,0-55.386,24.847-55.386,55.386s24.847,55.386,55.386,55.386 c30.546,0,55.394-24.847,55.394-55.386S368.001,260.095,337.455,260.095z"
></path>
<path
d="M477.049,294.725c0-6.321-5.124-11.445-11.445-11.445h-23.511c-2.042-6.631-4.721-12.983-7.921-19.008l16.656-16.656 c2.151-2.152,3.354-5.063,3.354-8.099c0-3.036-1.202-5.947-3.354-8.099l-29.327-29.327c-2.237-2.228-5.163-3.346-8.099-3.346 c-2.927,0-5.855,1.118-8.091,3.346l-16.67,16.67c-6.027-3.198-12.37-5.869-19.002-7.903v-23.511 c0-6.321-5.124-11.446-11.445-11.446h-41.471c-6.321,0-11.445,5.125-11.445,11.446v23.511c-6.631,2.034-12.982,4.705-19.016,7.903 l-16.648-16.646c-2.236-2.238-5.164-3.355-8.099-3.355c-2.928,0-5.855,1.118-8.091,3.347l-29.327,29.327 c-2.152,2.152-3.355,5.063-3.355,8.099c0,3.036,1.204,5.947,3.355,8.099l16.648,16.648c-3.2,6.025-5.871,12.369-7.913,19h-23.511 c-6.321,0-11.445,5.124-11.445,11.445v41.487c0,6.321,5.124,11.445,11.445,11.445h23.503c2.042,6.631,4.713,12.983,7.913,19.008 l-16.656,16.656c-4.465,4.465-4.465,11.717,0,16.19l29.327,29.327c2.151,2.152,5.063,3.354,8.099,3.354 c3.036,0,5.947-1.202,8.099-3.354l16.64-16.64c6.041,3.199,12.393,5.878,19.032,7.913v23.519c0,6.319,5.124,11.445,11.445,11.445 h41.471c6.321,0,11.445-5.125,11.445-11.445v-23.519c6.639-2.035,12.991-4.713,19.024-7.913l16.664,16.656 c2.236,2.236,5.164,3.346,8.091,3.346c2.934,0,5.862-1.11,8.097-3.346l29.32-29.32c2.15-2.15,3.354-5.062,3.354-8.099 c0-3.036-1.204-5.947-3.354-8.097l-16.656-16.656c3.199-6.033,5.879-12.385,7.913-19.024h23.511c3.036,0,5.955-1.204,8.099-3.354 c2.15-2.144,3.354-5.063,3.354-8.099L477.049,294.725z M337.455,386.769c-39.305,0-71.288-31.982-71.288-71.288 c0-39.305,31.982-71.288,71.288-71.288c39.313,0,71.296,31.982,71.296,71.288C408.751,354.786,376.768,386.769,337.455,386.769z"
></path>
</g>
</g>
</svg>
</span>
<span class="text">ADMIN</span>
</button>
<button class="logButton">
<span class="circle" aria-hidden="true">
<span class="icon arrow"></span>
</span>
<span class="button-text">Logout</span>
</button>
</div>
<!-- End if -->
<!-- If not connected this -->
<!-- <div class="d-flex justify-content-center align-self-center p-0 m-0" id="container">
<button class="logButton">
<span class="circle" aria-hidden="true">
<span class="icon arrow"></span>
</span>
<span class="button-text">Login</span>
</button>
</div> -->
<!-- End if -->
</div>
</div>
</div>
<!-- End Profile page -->
<!-- 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="row mx-0 pt-4 pb-5 text-center">
<h1>Scripted</h1>
</div>
<!-- Solo -->
<div
class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center"
>
<a class="cssbuttons-io" href="./Presentation.html" id="btn-1">
<span
><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"></path>
<path
d="M24 12l-5.657 5.657-1.414-1.414L21.172 12l-4.243-4.243 1.414-1.414L24 12zM2.828 12l4.243 4.243-1.414 1.414L0 12l5.657-5.657L7.07 7.757 2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z"
fill="currentColor"
></path>
</svg>
CodeQuest</span
>
</a>
<!-- <?php
if (isset($_SESSION['role']) && $_SESSION['role'] == 'user' || isset($_SESSION['role']) && $_SESSION['role'] == 'admin'){
echo 'href="index.php?action=goToPresentation"';
}
else{
echo 'href="index.php?action=goToLogin"';
}
?> -->
</div>
<!-- Multijoueur -->
<div
class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center"
>
<a class="cssbuttons-io" href="./Presentation.html" id="btn-2">
<span>
<svg
fill="#ffffff"
height="200px"
width="200px"
version="1.1"
id="Capa_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 468.493 468.493"
xml:space="preserve"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_iconCarrier">
<g>
<path
d="M138.321,161.831h-17.437v-17.437c0-3.615-2.287-6.835-5.701-8.026c-5.319-1.855-10.904-2.796-16.6-2.796 c-5.696,0-11.281,0.941-16.6,2.796c-3.414,1.191-5.701,4.411-5.701,8.026v17.437H58.847c-3.615,0-6.834,2.287-8.025,5.7 c-1.856,5.318-2.797,10.904-2.797,16.601s0.941,11.283,2.797,16.601c1.191,3.413,4.411,5.699,8.025,5.699h17.437v17.437 c0,3.615,2.287,6.834,5.7,8.025c5.318,1.856,10.904,2.797,16.601,2.797c5.697,0,11.283-0.941,16.601-2.797 c3.413-1.191,5.7-4.41,5.7-8.025v-17.437h17.437c3.615,0,6.835-2.287,8.026-5.7c1.855-5.318,2.796-10.903,2.796-16.6 c0-5.696-0.941-11.281-2.796-16.6C145.156,164.118,141.937,161.831,138.321,161.831z M131.729,189.432h-19.344 c-4.694,0-8.5,3.806-8.5,8.5v19.344c-3.481,0.553-7.12,0.552-10.601,0v-19.344c0-4.694-3.806-8.5-8.5-8.5H65.44 c-0.276-1.741-0.415-3.511-0.415-5.3s0.139-3.56,0.415-5.301h19.344c4.694,0,8.5-3.806,8.5-8.5v-19.343 c3.482-0.553,7.12-0.553,10.601,0v19.343c0,4.694,3.806,8.5,8.5,8.5h19.343c0.276,1.741,0.415,3.511,0.415,5.301 C132.143,185.921,132.004,187.692,131.729,189.432z"
></path>
<path
d="M254.329,166.478c0.009,0,0.019,0,0.028,0c7.996-0.009,14.459-6.501,14.44-14.497c-0.02-7.987-6.501-14.449-14.497-14.439 c-7.987,0.019-14.459,6.511-14.439,14.497C239.879,160.025,246.351,166.478,254.329,166.478z"
></path>
<path
d="M413.655,176.853c-15.05-16.238-39.613-18.106-57.137-4.34c-4.789,3.762-10.376,6.982-16.534,9.625 c-6.765-39.084-24.521-74.946-51.786-104.346c-15.049-16.24-39.611-18.11-57.141-4.344c-14.5,11.397-36.2,17.934-59.535,17.934 c-23.341,0-45.044-6.537-59.545-17.935C94.463,59.683,69.9,61.551,54.838,77.791C19.475,115.946,0,165.618,0,217.657 c0,19.499,2.732,38.81,8.122,57.398c3.94,13.584,14.402,24.161,27.984,28.293c4.044,1.23,8.175,1.833,12.271,1.833 c9.678,0,19.154-3.365,26.782-9.76c16.623-13.948,35.986-24.059,56.702-29.731c-4.216,16.521-6.402,33.645-6.402,51.037 c0,19.509,2.731,38.819,8.117,57.393c3.94,13.586,14.402,24.164,27.988,28.295c4.042,1.229,8.17,1.831,12.264,1.831 c9.679,0,19.157-3.367,26.782-9.764c26.931-22.595,61.155-35.038,96.366-35.038s69.435,12.443,96.365,35.038 c10.851,9.104,25.448,12.069,39.046,7.934c13.586-4.132,24.048-14.709,27.988-28.295c5.386-18.573,8.117-37.883,8.117-57.393 C468.493,264.68,449.018,215.006,413.655,176.853z M62.306,280.097c-5.739,4.811-13.167,6.312-20.378,4.117 c-7.197-2.189-12.518-7.559-14.598-14.729C22.466,252.708,20,235.27,20,217.657c0-46.981,17.582-91.825,49.505-126.269 c7.915-8.536,20.861-9.489,30.114-2.217c17.957,14.115,44.165,22.21,71.904,22.21c27.732,0,53.937-8.095,71.89-22.207 c9.265-7.274,22.208-6.321,30.118,2.214c25.198,27.172,41.391,60.45,47.16,96.697c-6.77,1.379-13.891,2.167-21.197,2.315 c0.952-1.937,1.498-4.11,1.49-6.416c-0.02-7.986-6.521-14.449-14.517-14.42c-7.986,0.019-14.439,6.52-14.419,14.516 c0.005,1.344,0.207,2.639,0.554,3.873c-13.69-2.876-25.901-8.161-35.168-15.44c-17.522-13.765-42.085-11.899-57.137,4.34 c-18.159,19.591-32.116,42.226-41.41,66.654C110.767,248.981,84.397,261.56,62.306,280.097z M441.167,368.549 c-2.08,7.173-7.4,12.542-14.599,14.731c-7.209,2.193-14.636,0.692-20.371-4.121c-30.527-25.611-69.316-39.716-109.221-39.716 s-78.693,14.105-109.22,39.716c-5.735,4.812-13.158,6.313-20.373,4.121c-7.197-2.189-12.519-7.558-14.598-14.731 c-4.861-16.763-7.326-34.199-7.326-51.823c0-46.989,17.582-91.835,49.506-126.277c4.349-4.692,10.22-7.09,16.164-7.09 c4.866,0,9.782,1.608,13.949,4.882c17.962,14.11,44.168,22.203,71.897,22.203s53.936-8.093,71.897-22.203 c9.258-7.273,22.203-6.326,30.113,2.208c31.924,34.443,49.506,79.289,49.506,126.277 C448.493,334.351,446.028,351.786,441.167,368.549z"
></path>
<path
d="M263.776,260.896h-17.437V243.46c0-3.615-2.287-6.835-5.7-8.026c-5.318-1.855-10.903-2.796-16.6-2.796 c-5.696,0-11.281,0.941-16.6,2.796c-3.414,1.191-5.701,4.411-5.701,8.026v17.437h-17.436c-3.615,0-6.834,2.287-8.025,5.7 c-1.856,5.318-2.797,10.904-2.797,16.601s0.941,11.283,2.797,16.601c1.191,3.413,4.41,5.7,8.025,5.7h17.436v17.436 c0,3.615,2.287,6.834,5.7,8.025c5.319,1.856,10.905,2.797,16.601,2.797c5.697,0,11.283-0.941,16.601-2.797 c3.413-1.191,5.699-4.411,5.699-8.025v-17.436h17.437c3.614,0,6.834-2.286,8.025-5.699c1.855-5.317,2.797-10.903,2.797-16.602 s-0.941-11.285-2.797-16.602C270.61,263.182,267.39,260.896,263.776,260.896z M257.183,288.498h-19.344c-4.694,0-8.5,3.806-8.5,8.5 v19.343c-3.481,0.553-7.12,0.552-10.601,0v-19.343c0-4.694-3.806-8.5-8.5-8.5h-19.343c-0.276-1.741-0.415-3.511-0.415-5.301 s0.139-3.56,0.415-5.301h19.343c4.694,0,8.5-3.806,8.5-8.5v-19.343c3.482-0.553,7.12-0.552,10.601,0v19.344 c0,4.694,3.806,8.5,8.5,8.5h19.344c0.276,1.741,0.415,3.511,0.415,5.301S257.459,286.757,257.183,288.498z"
></path>
<path
d="M411.973,297.569c0.01,0,0.029,0,0.039,0c7.996-0.029,14.449-6.521,14.43-14.517c-0.029-7.986-6.52-14.449-14.516-14.42 c-7.987,0.019-14.449,6.52-14.42,14.507C397.524,291.116,403.996,297.569,411.973,297.569z"
></path>
<path
d="M347.715,268.758c-7.987,0.01-14.459,6.491-14.448,14.487c0.01,7.986,6.491,14.459,14.487,14.449 c7.987-0.01,14.459-6.491,14.449-14.478C362.192,275.221,355.711,268.749,347.715,268.758z"
></path>
<path
d="M379.931,300.849c-0.087,0-0.164,0-0.251,0c-7.909,0.096-14.295,6.53-14.295,14.468c0,7.986,6.481,14.468,14.468,14.468 c0.019,0,0.039,0,0.048,0c0.029,0,0.058,0,0.087,0c0.02,0,0.039,0,0.058,0c7.986-0.029,14.439-6.54,14.41-14.526 C394.418,307.263,387.917,300.81,379.931,300.849z"
></path>
<path
d="M379.786,265.546c0.009,0,0.02,0,0.029,0c7.996-0.019,14.459-6.51,14.439-14.497c-0.019-7.996-6.511-14.459-14.497-14.439 c-7.995,0.019-14.458,6.511-14.439,14.497C365.327,259.084,371.81,265.546,379.786,265.546z"
></path>
</g>
</g>
</svg>
ScriptRush
</span>
</a>
</div>
</div>
</div>
</div>
</body>
</html>

@ -1,164 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scripted</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="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="./View/src/CSS/Main2.css" />
</head>
<body>
<script>
function displayProfil() {
profil.classList.toggle("open");
profilIcon.classList.toggle("open");
profilContainer.classList.toggle("open");
mainPart.classList.toggle("open");
}
</script>
<div id="imgMain" class="container p-0 d-flex">
<!-- Profile page -->
<div class="col-4 d-flex" id="profilContainer">
<button
class="d-flex p-0 user-select-none"
id="btnProfil"
style="background: transparent; border: none; z-index: 10"
onclick="displayProfil()"
>
<span class="material-symbols-outlined p-1 neonBg" id="profilIcon">
clear_all
</span>
</button>
<div
class="col-4"
id="profil"
style="
background-color: #222831;
border-radius: 10px;
height: 100%;
z-index: 2;
"
>
<div class="row py-5 d-flex justify-content-center mx-0">
<?php
if (isset($_SESSION['role']) && $_SESSION['role'] == 'user' || isset($_SESSION['role']) && $_SESSION['role'] == 'admin'){
echo '<img
src="./View/assets/img/CyberpunkGirl4.png"
alt="Profil"
id="imgProfil"
class="img-fluid rounded-circle align-self-center user-select-none"
style="
width: 125px;
height: 125px;
padding: 0;
border: 2px solid #44fff6;
"
/>
<p class="d-flex justify-content-center m-0 p-0">' .$_SESSION['pseudo'].'</p>
<div
class="d-flex justify-content-center align-self-end p-0 m-0 user-select-none"
id="container"
>';
echo '<a class="logButton" href="index.php?action=logout">
<span class="circle" aria-hidden="true">
<span class="icon arrow"></span>
</span>
<span class="button-text">Logout</span>
</a>
</div>';
} else {
echo '<div class="d-flex justify-content-center align-self-center p-0 m-0" id="container">';
echo '<a class="logButton" href="index?action=goToLogin">';
echo ' <span class="circle" aria-hidden="true">';
echo ' <span class="icon arrow"></span>';
echo ' </span>';
echo ' <span class="button-text">Login</span>';
echo '</a>';
echo '</div>';
}
?>
</div>
</div>
</div>
<!-- End Profile page -->
<!-- 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="row mx-0 pt-4 pb-5 text-center">
<h1>Scripted</h1>
</div>
<!-- Solo -->
<div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center">
<a class="cssbuttons-io"
<?php
if (isset($_SESSION['role']) && $_SESSION['role'] == 'user' || isset($_SESSION['role']) && $_SESSION['role'] == 'admin'){
echo 'href="index.php?action=goToPresentation"';
}
else{
echo 'href="index.php?action=goToLogin"';
}
?>
id="btn-1">
<span
><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"></path>
<path
d="M24 12l-5.657 5.657-1.414-1.414L21.172 12l-4.243-4.243 1.414-1.414L24 12zM2.828 12l4.243 4.243-1.414 1.414L0 12l5.657-5.657L7.07 7.757 2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z"
fill="currentColor"
></path>
</svg>
CodeQuest</span
>
</a>
</div>
<!-- Multijoueur -->
<div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center">
<a class="cssbuttons-io" href="./Presentation.html" id="btn-2">
<span>
<svg fill="#ffffff" height="200px" width="200px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 468.493 468.493" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_iconCarrier"> <g>
<path d="M138.321,161.831h-17.437v-17.437c0-3.615-2.287-6.835-5.701-8.026c-5.319-1.855-10.904-2.796-16.6-2.796 c-5.696,0-11.281,0.941-16.6,2.796c-3.414,1.191-5.701,4.411-5.701,8.026v17.437H58.847c-3.615,0-6.834,2.287-8.025,5.7 c-1.856,5.318-2.797,10.904-2.797,16.601s0.941,11.283,2.797,16.601c1.191,3.413,4.411,5.699,8.025,5.699h17.437v17.437 c0,3.615,2.287,6.834,5.7,8.025c5.318,1.856,10.904,2.797,16.601,2.797c5.697,0,11.283-0.941,16.601-2.797 c3.413-1.191,5.7-4.41,5.7-8.025v-17.437h17.437c3.615,0,6.835-2.287,8.026-5.7c1.855-5.318,2.796-10.903,2.796-16.6 c0-5.696-0.941-11.281-2.796-16.6C145.156,164.118,141.937,161.831,138.321,161.831z M131.729,189.432h-19.344 c-4.694,0-8.5,3.806-8.5,8.5v19.344c-3.481,0.553-7.12,0.552-10.601,0v-19.344c0-4.694-3.806-8.5-8.5-8.5H65.44 c-0.276-1.741-0.415-3.511-0.415-5.3s0.139-3.56,0.415-5.301h19.344c4.694,0,8.5-3.806,8.5-8.5v-19.343 c3.482-0.553,7.12-0.553,10.601,0v19.343c0,4.694,3.806,8.5,8.5,8.5h19.343c0.276,1.741,0.415,3.511,0.415,5.301 C132.143,185.921,132.004,187.692,131.729,189.432z"></path>
<path d="M254.329,166.478c0.009,0,0.019,0,0.028,0c7.996-0.009,14.459-6.501,14.44-14.497c-0.02-7.987-6.501-14.449-14.497-14.439 c-7.987,0.019-14.459,6.511-14.439,14.497C239.879,160.025,246.351,166.478,254.329,166.478z"></path>
<path d="M413.655,176.853c-15.05-16.238-39.613-18.106-57.137-4.34c-4.789,3.762-10.376,6.982-16.534,9.625 c-6.765-39.084-24.521-74.946-51.786-104.346c-15.049-16.24-39.611-18.11-57.141-4.344c-14.5,11.397-36.2,17.934-59.535,17.934 c-23.341,0-45.044-6.537-59.545-17.935C94.463,59.683,69.9,61.551,54.838,77.791C19.475,115.946,0,165.618,0,217.657 c0,19.499,2.732,38.81,8.122,57.398c3.94,13.584,14.402,24.161,27.984,28.293c4.044,1.23,8.175,1.833,12.271,1.833 c9.678,0,19.154-3.365,26.782-9.76c16.623-13.948,35.986-24.059,56.702-29.731c-4.216,16.521-6.402,33.645-6.402,51.037 c0,19.509,2.731,38.819,8.117,57.393c3.94,13.586,14.402,24.164,27.988,28.295c4.042,1.229,8.17,1.831,12.264,1.831 c9.679,0,19.157-3.367,26.782-9.764c26.931-22.595,61.155-35.038,96.366-35.038s69.435,12.443,96.365,35.038 c10.851,9.104,25.448,12.069,39.046,7.934c13.586-4.132,24.048-14.709,27.988-28.295c5.386-18.573,8.117-37.883,8.117-57.393 C468.493,264.68,449.018,215.006,413.655,176.853z M62.306,280.097c-5.739,4.811-13.167,6.312-20.378,4.117 c-7.197-2.189-12.518-7.559-14.598-14.729C22.466,252.708,20,235.27,20,217.657c0-46.981,17.582-91.825,49.505-126.269 c7.915-8.536,20.861-9.489,30.114-2.217c17.957,14.115,44.165,22.21,71.904,22.21c27.732,0,53.937-8.095,71.89-22.207 c9.265-7.274,22.208-6.321,30.118,2.214c25.198,27.172,41.391,60.45,47.16,96.697c-6.77,1.379-13.891,2.167-21.197,2.315 c0.952-1.937,1.498-4.11,1.49-6.416c-0.02-7.986-6.521-14.449-14.517-14.42c-7.986,0.019-14.439,6.52-14.419,14.516 c0.005,1.344,0.207,2.639,0.554,3.873c-13.69-2.876-25.901-8.161-35.168-15.44c-17.522-13.765-42.085-11.899-57.137,4.34 c-18.159,19.591-32.116,42.226-41.41,66.654C110.767,248.981,84.397,261.56,62.306,280.097z M441.167,368.549 c-2.08,7.173-7.4,12.542-14.599,14.731c-7.209,2.193-14.636,0.692-20.371-4.121c-30.527-25.611-69.316-39.716-109.221-39.716 s-78.693,14.105-109.22,39.716c-5.735,4.812-13.158,6.313-20.373,4.121c-7.197-2.189-12.519-7.558-14.598-14.731 c-4.861-16.763-7.326-34.199-7.326-51.823c0-46.989,17.582-91.835,49.506-126.277c4.349-4.692,10.22-7.09,16.164-7.09 c4.866,0,9.782,1.608,13.949,4.882c17.962,14.11,44.168,22.203,71.897,22.203s53.936-8.093,71.897-22.203 c9.258-7.273,22.203-6.326,30.113,2.208c31.924,34.443,49.506,79.289,49.506,126.277 C448.493,334.351,446.028,351.786,441.167,368.549z"></path>
<path d="M263.776,260.896h-17.437V243.46c0-3.615-2.287-6.835-5.7-8.026c-5.318-1.855-10.903-2.796-16.6-2.796 c-5.696,0-11.281,0.941-16.6,2.796c-3.414,1.191-5.701,4.411-5.701,8.026v17.437h-17.436c-3.615,0-6.834,2.287-8.025,5.7 c-1.856,5.318-2.797,10.904-2.797,16.601s0.941,11.283,2.797,16.601c1.191,3.413,4.41,5.7,8.025,5.7h17.436v17.436 c0,3.615,2.287,6.834,5.7,8.025c5.319,1.856,10.905,2.797,16.601,2.797c5.697,0,11.283-0.941,16.601-2.797 c3.413-1.191,5.699-4.411,5.699-8.025v-17.436h17.437c3.614,0,6.834-2.286,8.025-5.699c1.855-5.317,2.797-10.903,2.797-16.602 s-0.941-11.285-2.797-16.602C270.61,263.182,267.39,260.896,263.776,260.896z M257.183,288.498h-19.344c-4.694,0-8.5,3.806-8.5,8.5 v19.343c-3.481,0.553-7.12,0.552-10.601,0v-19.343c0-4.694-3.806-8.5-8.5-8.5h-19.343c-0.276-1.741-0.415-3.511-0.415-5.301 s0.139-3.56,0.415-5.301h19.343c4.694,0,8.5-3.806,8.5-8.5v-19.343c3.482-0.553,7.12-0.552,10.601,0v19.344 c0,4.694,3.806,8.5,8.5,8.5h19.344c0.276,1.741,0.415,3.511,0.415,5.301S257.459,286.757,257.183,288.498z"></path>
<path d="M411.973,297.569c0.01,0,0.029,0,0.039,0c7.996-0.029,14.449-6.521,14.43-14.517c-0.029-7.986-6.52-14.449-14.516-14.42 c-7.987,0.019-14.449,6.52-14.42,14.507C397.524,291.116,403.996,297.569,411.973,297.569z"></path> <path d="M347.715,268.758c-7.987,0.01-14.459,6.491-14.448,14.487c0.01,7.986,6.491,14.459,14.487,14.449 c7.987-0.01,14.459-6.491,14.449-14.478C362.192,275.221,355.711,268.749,347.715,268.758z"></path>
<path d="M379.931,300.849c-0.087,0-0.164,0-0.251,0c-7.909,0.096-14.295,6.53-14.295,14.468c0,7.986,6.481,14.468,14.468,14.468 c0.019,0,0.039,0,0.048,0c0.029,0,0.058,0,0.087,0c0.02,0,0.039,0,0.058,0c7.986-0.029,14.439-6.54,14.41-14.526 C394.418,307.263,387.917,300.81,379.931,300.849z"></path>
<path d="M379.786,265.546c0.009,0,0.02,0,0.029,0c7.996-0.019,14.459-6.51,14.439-14.497c-0.019-7.996-6.511-14.459-14.497-14.439 c-7.995,0.019-14.458,6.511-14.439,14.497C365.327,259.084,371.81,265.546,379.786,265.546z"></path> </g> </g>
</svg>
ScriptRush
</span>
</a>
</div>
</div>
</div>
</div>
</body>
</html>
Loading…
Cancel
Save