bamarty
/
Projet_Prog_Web


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
							<!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 êtes allé(e) dormir<br/>vous laissez tomber l'aventure.</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>