59 lines
No EOL
2.8 KiB
HTML
59 lines
No EOL
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>INSAïde</title>
|
|
<link rel="shortcut icon" href="../Images/Logo.png" type="image/png">
|
|
<link rel="stylesheet" href="../CSS/etrange_decouverte.css">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
|
|
<script defer type="text/javascript" src="../JAVASCRIPT/etrange_decouverte.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="eyeBlock">
|
|
<div id="supEye"><p class="endText" id="loose">Vous avez perdu !</p></div>
|
|
<div id="eye"></div>
|
|
<div id="infEye"><a class="endText" id="return" href='./menu.html'>Recommencer l'aventure</a></div>
|
|
</div>
|
|
<header>
|
|
<h1>Un étudiant étrange</h1>
|
|
<nav><a href='./menu.html'>Retourner au menu</a></nav>
|
|
</header>
|
|
<main id="main">
|
|
<section id="content">
|
|
<article id="text">
|
|
<p class="phrase" id="p1">Il est 21h30. Nous sommes en décembre.</p>
|
|
<p class="phrase">La nuit est tombée depuis bien longtemps.</p>
|
|
<p class="phrase">La Lune éclaire la pelouse du R1 alors que vous <br/> sortez tout juste de votre réunion du Pôle Huma.</p>
|
|
<p class="phrase" id="select" >Vous ressentez l'envie d'un petit <br/>
|
|
<select id="boisson">
|
|
<option selected>...</option>
|
|
<option>Café Vanille</option>
|
|
<option>Café Caramel</option>
|
|
<option>Potage</option>
|
|
<option>Thé vert</option>
|
|
<option>Whisky</option>
|
|
</select>
|
|
pour réviser la Thermo.</p>
|
|
<p class="phrase">Votre écocup rempli de <span class="mot" id="selectedDrink"></span>,</p>
|
|
<p class="phrase">vous apercevez un étudiant qui se dirige tout droit
|
|
<p class="phrase">vers le sous-sol !</p>
|
|
<p class="phrase">Bizarre à cette heure...</p>
|
|
<div id="arrowBlock">
|
|
<p id="space">Press enter</p>
|
|
<img id="arrow" src="../Images/Lecture.png" alt="Texte suivant"/>
|
|
</div>
|
|
</article>
|
|
<div id="buttons">
|
|
<button id="safeButton" class="button">Aller dormir, ça fait trop peur</button>
|
|
<a id="link" class="button" href="./discretion.html">Le suivre</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<footer>
|
|
<p id="names">Copyright © 2020 Florian EHR - Pierre FAVARY - Baptiste MARTY</p>
|
|
<p id="rights">Tous droits réservés </p>
|
|
</footer>
|
|
</body>
|
|
</html> |