platoo/views/accueil.ejs

75 lines
3.1 KiB
Plaintext
Executable File

<!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="https://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-->