75 lines
3.1 KiB
Text
75 lines
3.1 KiB
Text
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="css/accueil.css" />
|
||
|
|
<title>Platoo</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<div>
|
||
|
|
<h1>Bienvenue sur Platôo !</h1>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<section>
|
||
|
|
<div id="presentation">
|
||
|
|
<p>
|
||
|
|
Ce site permet de jouer simplement et à distance à de nombreux jeux plateau. Pas besoin d'inscription : retenir le lien de votre Platôo suffit ! Attention : un platôo a une durée de vie de trois mois. Ce site est en construction.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<form action="/accueil" method="post">
|
||
|
|
<p class="groupe_form"> Créer un nouveau platôo : </p>
|
||
|
|
<div class="groupe_form">
|
||
|
|
<div class="ligne_form">
|
||
|
|
<label for="url">Entrer le nom d'un platôo </label>
|
||
|
|
<input type="text" name="url" id="url" required value="<%= url_defaut %>" />
|
||
|
|
<label for="hasard"> ou </label>
|
||
|
|
<input type="checkbox" name="hasard" id="hasard" /> Générer un nom au hasard
|
||
|
|
</div>
|
||
|
|
<div class="err_form">
|
||
|
|
<p class="msgerr" id="url_requis" style="display:none;"> Erreur : Ce champ est requis</p>
|
||
|
|
<p class="msgerr" id="url_carac" style="display:none;"> Erreur : Seuls les caractères alphanumériques sont acceptés</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="groupe_form">
|
||
|
|
<div class="ligne_form">
|
||
|
|
<label for="jeu">Choisissez un jeu comme configuration de base :</label>
|
||
|
|
<!--<input type="text" name="jeu" id="jeu" placeholder="Dame" required autocomplete="off" value="%= jeu_defaut %" />-->
|
||
|
|
<select name="jeu" id="jeu" required>
|
||
|
|
<% for(var i=0;i< nomsJeux.length;i++){%>
|
||
|
|
<option value="<%= nomsJeux[i] %>"><%= nomsJeux[i] %></option>
|
||
|
|
<%}%>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="err_form">
|
||
|
|
<p class="msgerr" id="jeu_requis" style="display:none;"> Erreur : Ce champ est requis</p>
|
||
|
|
<p class="msgerr" id="jeu_carac" style="display:none;"> Erreur : Seuls les caractères alphanumériques sont acceptés</p>
|
||
|
|
<p class="msgerr" id="jeu_noexist" style="display:none;"> Erreur : ce jeu n'existe pas</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="groupe_form" id="creer">
|
||
|
|
<input type="submit" name="submit" id="submit" value="Créer"/>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</section>
|
||
|
|
<footer>
|
||
|
|
<div>
|
||
|
|
Copyright (c) 2016-2020 Victor Moinard
|
||
|
|
<br />
|
||
|
|
This website is licensed under a
|
||
|
|
<a rel="license" href="https://www.gnu.org/licenses/gpl-3.0-standalone.html">
|
||
|
|
GNU General Public License v3.0 or later
|
||
|
|
</a>.
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
<!--<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
|
||
|
|
<script src="http://code.jquery.com/jquery-3.5.1.min.js" type="text/javascript"></script>-->
|
||
|
|
|
||
|
|
<!--<script src="/js/jquery.min.js" type="text/javascript"></script>-->
|
||
|
|
<script src="/js/jquery-3.5.1.min.js" type="text/javascript"></script>
|
||
|
|
<script src="js/accueil.js" type="text/javascript"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
<!-- à ajouter : messages d'erreurs, value des inputs text en ejs-->
|
||
|
|
|