Build : Base site web
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
286ba9b2be
commit
821ed83780
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
Binary file not shown.
@ -1,29 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="fr">
|
|
||||||
<?php
|
|
||||||
include("head.html");
|
|
||||||
?>
|
|
||||||
<body>
|
|
||||||
<div class="mainGrid">
|
|
||||||
<div class="void"></div> <!-- Column vide gauche -->
|
|
||||||
|
|
||||||
<div class="Center">
|
|
||||||
<img class="Logo" src=Logo.png alt="Logo"/>
|
|
||||||
|
|
||||||
<div class="Question">
|
|
||||||
<p>Question Example : Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perferendis tempore doloremque distinctio quos debitis cupiditate, magnam porro natus veritatis repellat dolorum possimus deserunt dolores obcaecati quidem et velit facere officia?</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="FlexAnswer">
|
|
||||||
<div class="Answer"><div><p>A</p><p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quos ipsum assumenda ullam, id perspiciatis blanditiis similique sapiente molestias! Veritatis consectetur facere ratione voluptas tenetur perspiciatis ducimus non maxime consequatur temporibus.</p></div></div>
|
|
||||||
<div class="Answer"><div><p>B</p><p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quos ipsum assumenda ullam, id perspiciatis blanditiis similique sapiente molestias! Veritatis consectetur facere ratione voluptas tenetur perspiciatis ducimus non maxime consequatur temporibus.</p></div></div>
|
|
||||||
<div class="Answer"><div><p>C</p><p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quos ipsum assumenda ullam, id perspiciatis blanditiis similique sapiente molestias! Veritatis consectetur facere ratione voluptas tenetur perspiciatis ducimus non maxime consequatur temporibus.</p></div></div>
|
|
||||||
<div class="Answer"><div><p>D</p><p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quos ipsum assumenda ullam, id perspiciatis blanditiis similique sapiente molestias! Veritatis consectetur facere ratione voluptas tenetur perspiciatis ducimus non maxime consequatur temporibus.</p></div></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="void"></div> <!-- Column vide droite -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,26 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="fr">
|
|
||||||
<?php
|
|
||||||
include("head.html");
|
|
||||||
?>
|
|
||||||
<body>
|
|
||||||
<div class="mainGrid">
|
|
||||||
<div class="void"></div> <!-- Column vide gauche -->
|
|
||||||
|
|
||||||
<div class="Center">
|
|
||||||
<img class="Logo" src=Logo.png alt="Logo"/>
|
|
||||||
|
|
||||||
<div class="Question">
|
|
||||||
<p>Question Example : Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perferendis tempore doloremque distinctio quos debitis cupiditate, magnam porro natus veritatis repellat dolorum possimus deserunt dolores obcaecati quidem et velit facere officia?</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="Multiplayer" >
|
|
||||||
<a href="MultiplayerGame.php">MULTIPLAYER</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="void"></div> <!-- Column vide droite -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,97 +0,0 @@
|
|||||||
*{
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
}
|
|
||||||
html{
|
|
||||||
height:100vh;
|
|
||||||
}
|
|
||||||
body{
|
|
||||||
background-color:white;
|
|
||||||
height:100%;
|
|
||||||
}
|
|
||||||
.void{
|
|
||||||
background-color:black;
|
|
||||||
}
|
|
||||||
.mainGrid{
|
|
||||||
display:grid;
|
|
||||||
grid-auto-flow:column;
|
|
||||||
grid-template-columns:auto 66vw auto;
|
|
||||||
height:100%;
|
|
||||||
|
|
||||||
}
|
|
||||||
.mainGrid .Center{
|
|
||||||
display:flex;
|
|
||||||
flex-direction:column;
|
|
||||||
align-items:center;
|
|
||||||
}
|
|
||||||
.Center{
|
|
||||||
display:flex;
|
|
||||||
flex-direction:column;
|
|
||||||
align-items:center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Logo{
|
|
||||||
position:absolute;
|
|
||||||
top:5vh;
|
|
||||||
left:50vw;
|
|
||||||
transform:translate(-50%);
|
|
||||||
height:64px;
|
|
||||||
width:128px;
|
|
||||||
border:solid 5px black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Solo{
|
|
||||||
position:relative;
|
|
||||||
top:32vh;
|
|
||||||
height:5%;
|
|
||||||
width:75%;
|
|
||||||
margin-bottom:5%;
|
|
||||||
border:solid 5px black;
|
|
||||||
}
|
|
||||||
.Multiplayer{
|
|
||||||
position:relative;
|
|
||||||
top:32vh;
|
|
||||||
height:5%;
|
|
||||||
width:75%;
|
|
||||||
border:solid 5px black;
|
|
||||||
}
|
|
||||||
.Question{
|
|
||||||
display:flex;
|
|
||||||
position:relative;
|
|
||||||
top:15vh;
|
|
||||||
height:auto;
|
|
||||||
width:90%;
|
|
||||||
border:solid 5px black;
|
|
||||||
}
|
|
||||||
.Question p{
|
|
||||||
font-size:2em;
|
|
||||||
text-align:center;
|
|
||||||
margin:5%;
|
|
||||||
}
|
|
||||||
.FlexAnswer{
|
|
||||||
position:relative;
|
|
||||||
top:20vh;
|
|
||||||
display:flex;
|
|
||||||
flex-direction:column;
|
|
||||||
justify-content:space-around;
|
|
||||||
align-items:center;
|
|
||||||
height:50%;
|
|
||||||
width:100%;
|
|
||||||
flex-wrap:wrap;
|
|
||||||
}
|
|
||||||
.Answer{
|
|
||||||
flex: 0 33%;
|
|
||||||
height:100%;
|
|
||||||
width:33%;
|
|
||||||
border:solid 5px black;
|
|
||||||
}
|
|
||||||
.Answer div p:first-child{
|
|
||||||
font-size:2em;
|
|
||||||
text-align:center;
|
|
||||||
border-bottom: 2px solid;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
a{
|
|
||||||
color:black;
|
|
||||||
text-decoration:none;
|
|
||||||
}
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Math'Educ</title>
|
|
||||||
<link href="/class.css" rel="stylesheet">
|
|
||||||
</head>
|
|
||||||
@ -1,26 +1,15 @@
|
|||||||
<!doctype html>
|
<?php
|
||||||
<html lang="fr">
|
/*chargement config
|
||||||
<?php
|
require_once("usages/Config.php");
|
||||||
include_once("head.html");
|
|
||||||
?>
|
|
||||||
<body>
|
|
||||||
<div class="mainGrid">
|
|
||||||
<div class="void"></div> <!-- Column vide gauche -->
|
|
||||||
|
|
||||||
<div class="Center">
|
//chargement config
|
||||||
<img class="Logo" src=Logo.png alt="Logo"/>
|
require_once(__DIR__ . '/usages/Config.php');
|
||||||
|
|
||||||
<div class="Solo">
|
//chargement autoloader pour autochargement des classes
|
||||||
<a href="SoloGame.php">SOLO</a>
|
require_once(__DIR__ . '/usages/Autoload.php');
|
||||||
</div>
|
Autoload::charger();
|
||||||
|
|
||||||
<div class="Multiplayer" >
|
$controller = new FrontController();
|
||||||
<a href="MultiplayerGame.php">MULTIPLAYER</a>
|
*/
|
||||||
</div>
|
//require_once("vues/Acceuil.php");
|
||||||
</div>
|
require_once("vues/Solo.php");
|
||||||
|
|
||||||
<div class="void"></div> <!-- Column vide droite -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|||||||
@ -0,0 +1,48 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset=utf-8>
|
||||||
|
<title>Math'Educ</title>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
||||||
|
<style>
|
||||||
|
@font-face {
|
||||||
|
font-family: 'MenuFont';
|
||||||
|
src: url('Media/mathEducFont.ttf') format('truetype');
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
font-family: 'MenuFont';
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body style="background-image: url('Media/background.jpg');">
|
||||||
|
<div class="d-flex flex-column align-items-center justify-content-between" style="height:95vh">
|
||||||
|
<img src="media/placeholder.png" style="width:90vw; height:30vh; margin-top:50px;">
|
||||||
|
<a href="vues/Solo.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:black;text-decoration: none;color: black; height:20vh;">
|
||||||
|
<div class="container text-center d-flex align-items-center text-center">
|
||||||
|
<h1 class="mx-auto" style="font-size:50px">
|
||||||
|
SOLO
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="vues/Multijoueur.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:black;text-decoration: none;color: black;height:20vh;">
|
||||||
|
<div class="container text-center d-flex align-items-center text-center">
|
||||||
|
<h1 class="mx-auto" style="font-size:50px">
|
||||||
|
MULTIJOUEUR
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a href="vues/AddQuestions.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:black;text-decoration: none;color: black;height:20vh;">
|
||||||
|
<div class="container text-center d-flex align-items-center text-center">
|
||||||
|
<h1 class="mx-auto" style="font-size:35px">
|
||||||
|
ajouter des questions
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,60 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset=utf-8>
|
||||||
|
<title>Math'Educ</title>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
||||||
|
<style>
|
||||||
|
@font-face {
|
||||||
|
font-family: 'MenuFont';
|
||||||
|
src: url('Media/mathEducFont.ttf') format('truetype');
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
font-family: 'MenuFont';
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body style="background-image: url('Media/background.jpg');">
|
||||||
|
<div class="d-flex flex-column align-items-center justify-content-between" style="height:95vh">
|
||||||
|
<div style="width:90vw; height:50vh; margin-top:50px;" class="text-center d-flex align-items-center text-center text-white border border-white rounded">
|
||||||
|
<p src=" media/placeholder.png" class="fs-1 mx-auto">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident fuga cum soluta iure libero! Ullam, expedita excepturi! Odio distinctio quos quasi commodi libero ratione corrupti, unde iste explicabo suscipit consequatur ipsum! Id beatae corrupti ipsa totam deserunt, vel tenetur, iusto quaerat asperiores veritatis quidem! Vel dolorem recusandae necessitatibus ullam laborum!
|
||||||
|
<?php /* Query to bd d'une question aléatoire */ ?>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="container text-center d-flex align-items-center text-center flex-grow">
|
||||||
|
<button href=" vues/Solo.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:blue;text-decoration: none;color: black; height:20vh;">
|
||||||
|
<div class="container text-center d-flex align-items-center text-center">
|
||||||
|
<h1 class="mx-auto" style="font-size:50px">
|
||||||
|
Lorem, ipsum.
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
<button href="vues/Multijoueur.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:green;text-decoration: none;color: black;height:20vh;">
|
||||||
|
<div class="container text-center d-flex align-items-center text-center">
|
||||||
|
<h1 class="mx-auto" style="font-size:50px">
|
||||||
|
Lorem, ipsum.
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
<button href="vues/AddQuestions.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:red;text-decoration: none;color: black;height:20vh;">
|
||||||
|
<div class="container text-center d-flex align-items-center text-center">
|
||||||
|
<h1 class="mx-auto" style="font-size:50px">
|
||||||
|
Lorem, ipsum.
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
<button href="vues/AddQuestions.php" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:orange;text-decoration: none;color: black;height:20vh;">
|
||||||
|
<div class="container text-center d-flex align-items-center text-center">
|
||||||
|
<h1 class="mx-auto" style="font-size:50px">
|
||||||
|
Lorem, ipsum.
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
Loading…
Reference in new issue