Metzploreur/views/hotLine.ejs
clement callaert 244d45ceb8 Version 2
2023-11-01 17:33:25 +01:00

69 lines
2.6 KiB
Text

<%- include('includes/head.ejs', {Title: 'Campagne BDE'}) %>
<link rel="stylesheet" type="text/css" href="css/hotLine.css">
<head>
<body>
<%- include('includes/header') %>
<main>
<video id="background-video" autoplay loop muted>
<source src="video/videoBackground.mp4" type="video/mp4">
</video>
<div id="first_div">
<div>
<h1>
Demandes
</h1>
<p>
Ici vous pouvez demandez à un espion aguerri de vous livrer des crêpes. Aussi, vous pouvez tentez de valider la chasse au trésor du jour ! Pour cela il suffit d'envoyer une photo du ticket avec l'endroit où vous l'avez trouvé.
</p>
</div>
<div id="secondDiv">
<h2>
Commandes
</h2>
<form action="/commandeCrepe" methode="POST">
<ul>
<li>
<label for="garniture">Sur votre crepe</label>
<input type="radio" name="garniture" value="nutella"> nutella
<input type="radio" name="garniture" value="confiture"> confiture
</li>
<li>
<label for="commentaire">Commentaire</label>
<input type="text" name="commentaire" id="commentaire">
</li>
</ul>
<button>
submit
</button>
</form>
</div>
<div id="thirdDiv">
<h2>
Chasse au trésor
</h2>
<p>
Retrouve ici toutes les énigmes. Celles en vert sont déjà resolues alors dépéchez vous de résoudre les autres !
</p>
<% postData.forEach(post => { %>
<% if (post.isFinish) {%>
<div id="postFinish">
<h2><%= post.titre %></h2>
<p>
<%= post.commentairePost %>
</p>
</div>
<% } else {%>
<div id="postNotFinish">
<h2><%= post.titre %></h2>
<p>
<%= post.commentairePost %>
</p>
</div>
<% } %>
<% }); %>
</div>
</div>
</main>
</body>