Design
This commit is contained in:
galaxyoyo
parent
3da13b352b
commit
040b501d5a
|
|
@ -1,80 +1,8 @@
|
|||
body {
|
||||
display: flex;
|
||||
:root {
|
||||
--navbar-height: 32px;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#menu {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 220px;
|
||||
background-color: #f1f1f1;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
#menu a {
|
||||
display: block;
|
||||
color: #000;
|
||||
padding: 10px 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#menu a.active {
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#menu a:hover:not(.active) {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#menu-logo img {
|
||||
width: calc(100% - 40px);
|
||||
margin: 40px auto;
|
||||
#navbar-logo {
|
||||
height: var(--navbar-height);
|
||||
display: block;
|
||||
}
|
||||
|
||||
#main-container {
|
||||
margin: 0;
|
||||
flex-grow: 1;
|
||||
height: 100%;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
#main-content {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
margin: 0 auto;
|
||||
max-width: 1000px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 700px) {
|
||||
body {
|
||||
flex-direction: column;
|
||||
height: auto;
|
||||
}
|
||||
#menu {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
#menu-logo img {
|
||||
height: 70px;
|
||||
padding-left: 7px;
|
||||
}
|
||||
#menu a {
|
||||
text-align: center;
|
||||
}
|
||||
#main-content {
|
||||
padding: 100px 16px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,8 +29,8 @@ $ROUTES = [];
|
|||
# URL paths
|
||||
|
||||
$ROUTES["^(|accueil|index|accueil\.php|accueil\.html|accueil\.py|index\.php|index\.html|index\.py)$"] = ["server_files/controllers/index.php"];
|
||||
$ROUTES["^ajouter_equipe$"] = ["server_files/controllers/ajouter_equipe.php"];
|
||||
$ROUTES["^ajouter_admin$"] = ["server_files/controllers/ajouter_admin.php"];
|
||||
$ROUTES["^ajouter-equipe$"] = ["server_files/controllers/ajouter_equipe.php"];
|
||||
$ROUTES["^ajouter-admin$"] = ["server_files/controllers/ajouter_admin.php"];
|
||||
$ROUTES["^calendrier/(modifier)$"] = ["server_files/controllers/calendrier.php", "edit"];
|
||||
$ROUTES["^calendrier/?$"] = ["server_files/controllers/calendrier.php"];
|
||||
$ROUTES["^commenter-echange-4$"] = ["server_files/controllers/commenter_echange.php"];
|
||||
|
|
@ -50,7 +50,7 @@ $ROUTES["^mon-equipe/(modifier)/?$"] = ["server_files/controllers/mon_equipe.php
|
|||
$ROUTES["^mon-equipe/?$"] = ["server_files/controllers/mon_equipe.php"];
|
||||
$ROUTES["^poser-questions-2$"] = ["server_files/controllers/poser_questions.php"];
|
||||
$ROUTES["^probleme/([1-4])/?$"] = ["server_files/controllers/probleme.php", "probleme"];
|
||||
$ROUTES["^rejoindre_equipe/?$"] = ["server_files/controllers/rejoindre_equipe.php"];
|
||||
$ROUTES["^rejoindre-equipe/?$"] = ["server_files/controllers/rejoindre_equipe.php"];
|
||||
$ROUTES["^repondre-questions-3$"] = ["server_files/controllers/repondre_questions.php"];
|
||||
$ROUTES["^videos-solutions/?$"] = ["server_files/controllers/videos_solutions.php"];
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,3 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<!--suppress HtmlUnknownTarget -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
||||
|
|
@ -8,82 +7,100 @@
|
|||
<link rel="stylesheet" type="text/css" href="/style.css"/>
|
||||
<link REL="shortcut icon" href="/favicon.ico"/>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="https://s3-eu-west-1.amazonaws.com/tfjm2-inscriptions/static/inscription/vendor/bootstrap/css/bootstrap.min.css">
|
||||
|
||||
<!-- Custom fonts for this template -->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="https://s3-eu-west-1.amazonaws.com/tfjm2-inscriptions/static/inscription/vendor/font-awesome/css/font-awesome.min.css">
|
||||
|
||||
<!-- Plugin CSS -->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="https://s3-eu-west-1.amazonaws.com/tfjm2-inscriptions/static/inscription/vendor/datatables/dataTables.bootstrap4.css">
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="https://s3-eu-west-1.amazonaws.com/tfjm2-inscriptions/static/inscription/css2/sb-admin.css">
|
||||
<!-- Bootstrap -->
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<ul id="menu">
|
||||
<li id="menu-logo"><img src="/logo.png" alt="Logo Corres2Math"></li>
|
||||
<li><a href="/">Accueil</a></li>
|
||||
<li><a href="/calendrier">Calendrier</a></li>
|
||||
<li>
|
||||
<!-- TODO Menu déroulant -->
|
||||
<a>Liste des problèmes</a>
|
||||
<ul>
|
||||
<li><a href="/probleme/1">Problème 1</a></li>
|
||||
<li><a href="/probleme/2">Problème 2</a></li>
|
||||
<li><a href="/probleme/3">Problème 3</a></li>
|
||||
<li><a href="/probleme/4">Problème 4</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<?php if (!isset($_SESSION["user_id"])) { ?>
|
||||
<li><a href="/connexion">Connexion</a></li>
|
||||
<?php if (date("Y-m-d H:i:s") < $CONFIG->getInscriptionDate()) { ?>
|
||||
<li><a href="/inscription">Inscription</a></li>
|
||||
<?php }
|
||||
} else { ?>
|
||||
<li><a href="/mon-compte">Mon compte</a></li>
|
||||
<?php if ($_SESSION["role"] == Role::ENCADRANT || $_SESSION["role"] == Role::PARTICIPANT) { ?>
|
||||
<?php if ($_SESSION["team"] == NULL) {
|
||||
if (date("Y-m-d H:i:s") < $CONFIG->getInscriptionDate()) { ?>
|
||||
<li><a href="/ajouter_equipe">Ajouter une équipe</a></li>
|
||||
<li><a href="/rejoindre_equipe">Rejoindre une équipe</a></li>
|
||||
<?php }
|
||||
} else { ?>
|
||||
<li><a href="/mon-equipe">Mon équipe</a></li>
|
||||
<?php if ($_SESSION["team"]->getValidationStatus() == ValidationStatus::VALIDATED) {
|
||||
switch (Phase::getCurrentPhase()) {
|
||||
case Phase::PHASE1: ?>
|
||||
<li><a href="/envoyer-video-1">Envoyer ma vidéo (phase 1)</a></li>
|
||||
<?php break;
|
||||
case Phase::PHASE2: ?>
|
||||
<li><a href="/poser-questions-2">Poser des questions (phase 2)</a></li>
|
||||
<?php break;
|
||||
case Phase::PHASE3: ?>
|
||||
<li><a href="/repondre-questions-3">Répondre aux questions (phase 3)</a></li>
|
||||
<?php break;
|
||||
case Phase::PHASE4: ?>
|
||||
<li><a href="/commenter-echange-4">Commenter l'échange (phase 4)</a></li>
|
||||
<?php break;
|
||||
}
|
||||
} ?>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
<?php if ($_SESSION["role"] == Role::ADMIN) { ?>
|
||||
<li><a href="/ajouter_admin">Ajouter un administrateur</a></li>
|
||||
<li><a href="/videos-solutions">Vidéos des solutions</a></li>
|
||||
<?php } ?>
|
||||
<li><a href="/deconnexion">Déconnexion</a></li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
<div class="container.fluid bg-light">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="/">
|
||||
<img src="/logo.png" alt="Logo Corres2Mat" id="navbar-logo">
|
||||
</a>
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="/">Accueil</a>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="/calendrier">Calendrier</a>
|
||||
</li>
|
||||
<!-- TODO Menu déroulant pour la liste des problèmes -->
|
||||
<?php if (isset($_SESSION["user_id"])) { ?>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="/mon-compte">Mon compte</a>
|
||||
</li>
|
||||
<?php if ($_SESSION["role"] == Role::ENCADRANT || $_SESSION["role"] == Role::PARTICIPANT) { ?>
|
||||
<?php if ($_SESSION["team"] == NULL) {
|
||||
if (date("Y-m-d H:i:s") < $CONFIG->getInscriptionDate()) { ?>
|
||||
<li class="nav-item active"><a class="nav-link" href="/ajouter-equipe">
|
||||
Ajouter une équipe</a>
|
||||
</li>
|
||||
<li class="nav-item active"><a class="nav-link" href="/rejoindre-equipe">
|
||||
Rejoindre une équipe</a>
|
||||
</li>
|
||||
<?php }
|
||||
} else { ?>
|
||||
<li class="nav-item active"><a class="nav-link" href="/mon-equipe">Mon équipe</a></li>
|
||||
<?php if ($_SESSION["team"]->getValidationStatus() == ValidationStatus::VALIDATED) {
|
||||
switch (Phase::getCurrentPhase()) {
|
||||
case Phase::PHASE1: ?>
|
||||
<li class="nav-item active"><a class="nav-link" href="/envoyer-video-1">
|
||||
Envoyer ma vidéo (phase 1)</a>
|
||||
</li>
|
||||
<?php break;
|
||||
case Phase::PHASE2: ?>
|
||||
<li class="nav-item active"><a class="nav-link" href="/poser-questions-2">
|
||||
Poser des questions (phase 2)</a>
|
||||
</li>
|
||||
<?php break;
|
||||
case Phase::PHASE3: ?>
|
||||
<li class="nav-item active"><a class="nav-link" href="/repondre-questions-3">
|
||||
Répondre aux questions (phase 3)</a>
|
||||
</li>
|
||||
<?php break;
|
||||
case Phase::PHASE4: ?>
|
||||
<li class="nav-item active"><a class="nav-link" href="/commenter-echange-4">
|
||||
Commenter l'échange (phase 4)</a></li>
|
||||
<?php break;
|
||||
}
|
||||
} ?>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
<?php if ($_SESSION["role"] == Role::ADMIN) { ?>
|
||||
<li class="nav-item active"><a class="nav-link" href="/ajouter-admin">
|
||||
Ajouter un administrateur</a>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="/videos-solutions">Vidéos des solutions</a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
|
||||
<ul class="navbar-nav">
|
||||
<?php if (isset($_SESSION["user_id"])) { ?>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="/deconnexion">Déconnexion</a>
|
||||
</li>
|
||||
<?php } else { ?>
|
||||
<?php if (date("Y-m-d H:i:s") < $CONFIG->getInscriptionDate()) { ?>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="/inscription">Inscription</a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="/connexion">Connexion</a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div id="main-container">
|
||||
<div id="main-content">
|
||||
<div class="container-fluid">
|
||||
<?php
|
||||
if (isset($has_error) && $has_error) {
|
||||
echo "<h2>Erreur : " . $error_message . "</h2>";
|
||||
|
|
|
|||
|
|
@ -1,24 +1,118 @@
|
|||
<?php require_once "header.php" ?>
|
||||
|
||||
<!--suppress HtmlUnknownTarget, HtmlDeprecatedAttribute, HtmlDeprecatedTag -->
|
||||
<div class="container-fluid">
|
||||
<div>
|
||||
|
||||
<center>
|
||||
<h2>Bienvenue sur le site d'inscription des Correspondances de Jeunes Mathématicien·ne·s !</h2>
|
||||
</center>
|
||||
<div class="jumbotron bg-white">
|
||||
<div class="row">
|
||||
<h1 class="display-3">
|
||||
Bienvenue sur le site d'inscription aux <a href="https://correspondances-maths.fr/ ">Correspondances
|
||||
des Jeunes Mathématicien·ne·s</a> !
|
||||
</h1>
|
||||
<h2 class="display-4 text-muted">
|
||||
<!-- Le Tournoi Français des Jeunes Mathématiciens et Mathématiciennes -->
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row jumbotron bg-white">
|
||||
<div class="col-sm">
|
||||
<h3>
|
||||
Tu souhaites participer au tournoi ?
|
||||
<br/>
|
||||
Ton équipe est déjà formée ?
|
||||
</h3>
|
||||
</div>
|
||||
<div class="col-sm text-right">
|
||||
<div class="btn-group-vertical">
|
||||
<a class="btn btn-primary btn-lg" href="/inscription" role="button">Inscris-toi maintenant !</a>
|
||||
<a class="btn btn-light btn-lg" href="/connexion" role="button">J'ai déjà un compte</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<center>
|
||||
<h3>Vous souhaitez participer au tournoi ? Votre équipe est déjà formée ?</h3>
|
||||
<h4><a href="/inscription">Créez un compte</a> pour commencer la procédure d'inscription ou
|
||||
<a href="/connexion">connectez-vous</a> si votre équipe a déjà un compte.</h4>
|
||||
</center>
|
||||
<div class="alert alert-warning">
|
||||
<h5 class="alert-heading">Attentions aux échéances</h5>
|
||||
<p class="mb-0">
|
||||
Chaque tournoi a une date limite pour les inscriptions et une date limite pour
|
||||
déposer vos solutions. <a href="https://correspondances-maths.fr/">En savoir plus</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<em><strong>NB :</strong> Ce site est récent et il est encore possible que certaines pages ne fonctionnent
|
||||
pas correctement. Si vous remarquez des bugs, merci de les signaler à l'adresse <a
|
||||
href="mailto:contact@correspondances-maths.fr">contact@correspondances-maths.fr</a>.</em>
|
||||
</p>
|
||||
<div class="alert alert-info">
|
||||
<h5 class="alert-heading">Modification du règlement</h5>
|
||||
<p class="mb-0">
|
||||
Depuis l'année dernière, l'équipe doit envoyer par mail à contact@correspondances-maths.fr les
|
||||
informations suivantes:
|
||||
<ul>
|
||||
<li>Comment l’équipe s’est-elle formée ?</li>
|
||||
<li>
|
||||
Comment l’équipe va-t-elle travailler (où peut-elle se rencontrer, à quelle fréquence, rencontres
|
||||
avec l’encadrant•e) ?
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
Cette lettre permettra aux organisateurs•trices de vérifier que l’équipe dispose des conditions nécessaires
|
||||
à une participation sérieuse. Sont dispensées les équipes dont la moitié ou plus des membres sont scolarisés
|
||||
dans le même établissement. Le comité National d’Organisation se réserve le droit d’accepter ou non
|
||||
l’inscription des équipes concernées par cette lettre.
|
||||
</div>
|
||||
|
||||
<div class="spacer" style="height: 48px"></div>
|
||||
|
||||
<div class="jumbotron">
|
||||
<h5 class="display-4">Comment ça marche ?</h5>
|
||||
<p>
|
||||
Pour participer à l'un des tournois régionaux, il suffit de créer un compte sur la rubrique
|
||||
<b>Inscription</b>. Il vous faudra une adresse email pour ce faire. Un mail de confirmation sera envoyé
|
||||
à cette adresse. Il vous fournira un nom d'utilisateur et un mot de passe que vous allez devoir changer
|
||||
par la suite.
|
||||
</p>
|
||||
<p>
|
||||
Vous pouvez accéder à votre compte via la rubrique <b>Connexion</b>. Une fois connecté, vous pourrez :
|
||||
</p>
|
||||
<ul>
|
||||
<li>rentrer des informations sur les membres de votre équipe, tant participants qu'encadrants ;</li>
|
||||
<li>
|
||||
enregistrer et télécharger des versions préliminaires de vos solutions (seulement la dernière
|
||||
version enregistrée avant la date limite sera prise en compte pour le tournoi).
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
Une fois que vous aurez fourni toutes les informations demandées dans la rubrique <b>Mon Équipe</b>,
|
||||
votre inscription pourra être validée par les organisateurs locaux.
|
||||
</p>
|
||||
|
||||
<div class="alert alert-warning">
|
||||
<strong>Attention!</strong> Votre équipe ne sera considérée comme admissible à participer au tournoi que
|
||||
lorsque cette première étape aura été franchie.
|
||||
</div>
|
||||
|
||||
<div class="alert alert-info">
|
||||
Pensez donc à former une équipe complète (minimum 4 participants et 1 encadrant) le plus tôt possible
|
||||
pour avoir plus de chances de participer, compte tenu du nombre des places disponibles dans chaque
|
||||
tournoi (qui sera dûment affiché sur la rubrique <b>Liste des Tournois</b>). Les équipes restantes
|
||||
seront placées en liste d'attente.
|
||||
</div>
|
||||
<p>
|
||||
Pour les équipes dont l'inscription aura été validée, des documents à télécharger, remplir et signer
|
||||
deviendront disponibles sur votre compte. Vous allez devoir ensuite les scanner et les télécharger vers
|
||||
le site pour compléter votre inscription.
|
||||
</p>
|
||||
<div class="alert alert-warning">
|
||||
<strong>Attention</strong> Les équipes qui ne respecteront pas les délais pour rendre ces documents
|
||||
risquent d'être disqualifiées et de laisser leur place aux équipes placées en liste d'attente.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="alert alert-light">
|
||||
Ce site est récent et il est encore possible que certaines pages ne fonctionnent
|
||||
pas correctement.
|
||||
<br/>
|
||||
Si vous remarquez des bugs, merci de les signaler à l'adresse
|
||||
<a href="mailto:contact@correspondances-maths.fr">contact@correspondances-maths.fr</a>.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<?php require_once "footer.php" ?>
|
||||
Loading…
Reference in New Issue