nathan.boileau
/
Scripted
0
3
Fork 0
Code Issues 9 Pull Requests Packages Projects 1 Releases Wiki Activity

Merge branch 'master' of https://codefirst.iut.uca.fr/git/nathan.boileau/Scripted
continuous-integration/drone/push Build is passing Details

Browse Source
ServeurDeTest
johan 2 years ago
parent 1915004e6b 159acbd2bc
commit de51cf3ddb
3 changed files with 126 additions and 177 deletions
Show Stats Download Patch File Download Diff File

1
WEB/View/src/CSS/LogSign.css → WEB/View/src/CSS/Login.css
Unescape View File

@ -160,6 +160,7 @@ body {
background: linear-gradient(270deg, transparent, #6090d1);
animation: btn-anim3 1s linear infinite;
animation-delay: 0.5s;
-webkit-animation: btn-anim3 1s linear infinite;
}
@keyframes btn-anim3 {

110
WEB/View/src/pages/LogSign/Login.php
Unescape View File

@ -1,68 +1,52 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Login</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/LogSign.css" />
</head>
<body>
<div class="container user-select-none">
<div class="login-box col-12" id="form">
<div class="row mb-4">
<h2 class="text-uppercase font-weight-bold text-center">Login</h2>
</div>
<form action="index.php?action=login" method="POST">
<div class="user-box mb-5 position-relative">
<input type="text" id="email" name="email" required="" />
<label class="py-1">Email</label>
</div>
<div class="user-box mb-3 position-relative">
<input type="password" id="password" name="password" required="" />
<label>Password</label>
</div>
<div class="d-flex justify-content-around mt-5">
<button class="py-2 px-3" type="submit">
<span></span>
<span></span>
<span></span>
<span></span>
Submit
</button>
<a href="index.php?action=goToSignUp" class="right py-2 px-3">
<span></span>
<span></span>
<span></span>
<span></span>
Sign up
</a>
</div>
</form>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Login</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/Login.css" />
</head>
<body>
<div class="container user-select-none">
<div class="login-box col-12" id="form">
<div class="row mb-4">
<h2 class="text-uppercase font-weight-bold text-center">Login</h2>
</div>
<form action="index.php?action=login" method="POST">
<div class="user-box mb-5 position-relative">
<input type="text" id="email" name="email" required="" />
<label class="py-1">Email</label>
</div>
<div class="user-box mb-3 position-relative">
<input type="password" id="password" name="password" required="" />
<label>Password</label>
</div>
<div class="d-flex justify-content-around mt-5">
<button class="py-2 px-3" type="submit">
<span></span>
<span></span>
<span></span>
<span></span>
Submit
</button>
<a href="index.php?action=goToSignUp" class="right py-2 px-3">
<span></span>
<span></span>
<span></span>
<span></span>
Sign up
</a>
</div>
</form>
</div>
</body>
</html>
</div>
</body>
</html>

192
WEB/View/src/pages/Main.php
Unescape View File

@ -1,73 +1,47 @@
<!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/Main.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 -->
<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/Main.css" />
</head>
<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="
<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;
"
>
<div class="row py-5 d-flex justify-content-center mx-0">
<?php
if (isset($_SESSION['role']) && $_SESSION['role'] == 'user'){
echo '<img
">
<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"
@ -79,22 +53,21 @@
border: 2px solid #44fff6;
"
/>
<p class="d-flex justify-content-center m-0 p-0">' .$_SESSION['pseudo'].'</p>
<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">
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
} elseif (isset($_SESSION['role']) && $_SESSION['role'] == 'admin') {
echo '<img
src="./View/assets/img/CyberpunkGirl4.png"
alt="Profil"
id="imgProfil"
@ -109,7 +82,7 @@
<p
class="d-flex justify-content-center m-0 p-0"
style="font-weight: bold; font-size: 18px"
>' .$_SESSION['pseudo'].'</p>
>' . $_SESSION['pseudo'] . '</p>
<div
class="d-flex flex-column align-items-center align-self-end p-0 m-0 user-select-none"
@ -157,54 +130,45 @@
<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.php?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>
} else {
echo '<div class="d-flex justify-content-center align-self-center p-0 m-0" id="container">';
echo '<a class="logButton" href="index.php?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>
<!-- End Profile page -->
</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>
<!-- 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">
@ -236,4 +200,4 @@
</div>
</div>
</body>
</html>
</html>
Write Preview
Loading…
Cancel
Save