jade.van_brabandt
/
3.01-QCM_MuscuMaths
5
1
Fork 1
Code Issues 4 Pull Requests 1 Packages Projects 8 Releases Wiki Activity

style: Responsive page Previsualisation

Browse Source
tests
yvan.calatayud 2 years ago
parent 383956d986
commit 5e42445b83
3 changed files with 49 additions and 59 deletions
Show Stats Download Patch File Download Diff File

2
Website/index.php
Unescape View File

@ -12,4 +12,4 @@ Autoload::charger();
$controller = new FrontController(); $controller = new FrontController();
*/ */
//require_once("vues/Acceuil.php"); //require_once("vues/Acceuil.php");
require_once("vues/Solo.php"); require_once("vues/Previsualisation.php");

102
Website/vues/Previsualisation.php
Unescape View File

@ -1,12 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<html> <html style="height: 100%" class="row">
<head> <head>
<meta charset=utf-8> <meta charset=utf-8>
<title>Math'Educ</title> <title>Math'Educ</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<style> <style>
@ -21,72 +20,63 @@
</style> </style>
</head> </head>
<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));"> <body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));" class="col my-auto">
<div class="d-flex flex-column align-items-center justify-content-center" style="height:85vh"> <div class="container text-center" >
<div style="width:90vw; height:30vh; margin-top:50px;" <div class="container text-center text-white border border-white rounded mt-5">
class="text-center d-flex align-items-center text-center text-white border border-white rounded"> <p class="fs-2">
<p class="sm-fs-5 mx-auto m-5"> 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!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident fuga cum soluta iure libero! Ullam, <?php /* Query to bd d'une question aléatoire */ ?>
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> </p>
</div> </div>
<div class="container text-center d-flex flex-column align-items-center text-center flex-grow"> <div class="row g-5">
<div class="container text-center d-flex flex-row align-items-center text-center flex-grow"> <div class="col pt-5">
<button href="vues/Solo.php" <button class="text-white fs-2 d-grid gap-2 container text-center rounded border border-white" style="background-color:blue;text-decoration: none;color: black; ">
class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center" Lorem, ipsum.
style="background-color:blue;text-decoration: none;color: black; height:20vh;"> <?php /* Query to bd d'une question aléatoire */ ?>
<div class="container text-center d-flex align-items-center text-center">
<p class="mx-auto fs-5">
Lorem, ipsum.
<?php /* Query to bd d'une question aléatoire */?>
</p>
</div>
</button> </button>
<button href="vues/Multijoueur.php" </div>
class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center" <div class="col pt-5">
style="background-color:green;text-decoration: none;color: black;height:20vh;"> <button class="text-white fs-2 container text-center rounded border border-white" style="background-color:green;text-decoration: none;color: black;">
<div class="container text-center d-flex align-items-center text-center"> Lorem, ipsum.
<p class="mx-auto fs-5"> <?php /* Query to bd d'une question aléatoire */ ?>
Lorem, ipsum.
<?php /* Query to bd d'une question aléatoire */?>
</p>
</div>
</button> </button>
</div> </div>
<div class="container text-center d-flex flex-row align-items-center text-center flex-grow"> </div>
<button href="vues/AddQuestions.php" <div class="row g-5">
class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center" <div class="col pt-5">
style="background-color:red;text-decoration: none;color: black;height:20vh;"> <button class="text-white fs-2 container text-center rounded border border-white" style="background-color:red;text-decoration: none;color: black;">
<div class="container text-center d-flex align-items-center text-center"> e^5
<p class="mx-auto fs-5"> <?php /* Query to bd d'une question aléatoire */ ?>
e^5
<?php /* Query to bd d'une question aléatoire */?>
</p>
</div>
</button> </button>
<button href="vues/AddQuestions.php" </div>
class="text-white m-3 container text-center d-flex align-items-center w-75 h-75 rounded border border-white text-center" <div class="col pt-5">
style="background-color:orange;text-decoration: none;color: black;height:20vh;"> <button class="text-white fs-2 container text-center rounded border border-white" style="background-color:orange;text-decoration: none;color: black;">
<div class="container text-center d-flex align-items-center text-center"> Lorem, ipsum.
<p class="mx-auto fs-5"> <?php /* Query to bd d'une question aléatoire */ ?>
Lorem, ipsum. </button>
<?php /* Query to bd d'une question aléatoire */?> </div>
</p> </div>
</div> <div class="row g-5 pt-5 justify-content-center">
<div class="col-4 pt-5">
<button class="text-white fs-2 container text-center rounded border border-white btn btn-lg" style="background-color:red;text-decoration: none;color: black;">
annuler
</button>
</div>
<div class="col-4 pt-5">
<button class="text-white fs-2 container text-center rounded border border-white btn btn-lg" style="background-color:green;text-decoration: none;color: black;" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
Valider
<?php /* Query to bd d'une question aléatoire */ ?>
</button> </button>
</div> </div>
</div> </div>
</div> </div>
<div class="d-flex justify-content-center fs-3" style="height:10vh;">
<!-- <div class="d-flex justify-content-center fs-3" style="height:10vh;">
<button style="width:25vw;background-color:red;color: white;">annuler</button> <button style="width:25vw;background-color:red;color: white;">annuler</button>
<button style="width:25vw;background-color:green;color: white;" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Valider</button> <button style="width:25vw;background-color:green;color: white;" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Valider</button>
</div> </div> -->
<!-- Modal --> <!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

4
Website/vues/Solo.php
Unescape View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<html> <html style="height: 100%" class="row">
<head> <head>
<meta charset=utf-8> <meta charset=utf-8>
@ -18,7 +18,7 @@
</style> </style>
</head> </head>
<body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));"> <body style="background: linear-gradient(to bottom, rgba(37, 34, 71, 1), rgba(37, 35, 72, 1));" class="col my-auto">
<div class="container text-center"> <div class="container text-center">
<div class="container text-center text-white border border-white rounded mt-5"> <div class="container text-center text-white border border-white rounded mt-5">
<p class="fs-2"> <p class="fs-2">

Write Preview
Loading…
Cancel
Save