bde-liste/static/index.html
2022-12-19 23:26:51 +01:00

105 lines
No EOL
4.8 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8"/>
<title>OSS 110'Metz</title>
<meta name="description" content="Le site web du BDE Metz pour 2025, fait avec beaucoup d'amour" />
<meta name="author" content="VP geeks aka le REZO (cf rezo-rm.fr pour plus de détail)" />
<meta name="keyword" content="caca" />
<link rel="icon" href="img/favicon.ico">
<link rel="stylesheet" href="css/main.css" />
</head>
<body>
<div class="bg-full"></div>
<div class="container">
<div id="main-page">
<div class="logo"><img src="img/scep_gobelet.png" alt="logo du bde"></div>
<div class="row banner">
<h1>Prochaine activité</h1>
<span class="activite-temps" id="timer">00:00:10</span>
<p id="activite-desc">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dicta tenetur tempora similique. A id esse expedita atque dolor eum itaque fugiat enim nisi dicta. Architecto mollitia quasi sed voluptatibus? Veniam.</p>
</div>
<hr/>
<div class="row">
<div class="col col-left">
<h1>Planning des activité</h1>
<img src="img/schedule.png" class="schedule" alt="Planning des activité" srcset="">
</div>
<div class="col col-right">
<h1>Ordre de mission</h1>
<div class="prank-button">
<a id="prank-button">
<span>Demander une mission !</span>
<img src="img/circle-hand.png" class="hover-circle"/>
</a>
<img src="img/underline-red.png" class="underline"/>
</div>
<p id="prank-desc">
OSS 110'Metz est une organisation remplie d'espions qualifiés pour remplir presque toutes tes demandes !
Cliquez sur le bouton ci-dessus puis suivez les instructions. Attention, un compte <a href="https://re2o.rezo-rm.fr/users/new_user">Rezo</a>
est nécessaire afin de garantir l'identité des demandeurs !
</p>
</div>
</div>
<hr/>
<div class="row banner">
<h1>Chasse au trésor</h1>
<p id="chasse-desc">
Chaque jour de la semaine tes espions préférés ont préparé pour toi une <i style="font-weight: 900;">chasse au trésor</i> !
Résous les énigmes pour tenter de gagner le fameux <u>ticket d'or</u>. Il te permettra de t'abrever gratuitement pendants les évènements festifs !
</p>
</div>
<hr/>
<div class="row banner">
<h1>À propos de nous !</h1>
<img src="img/team.jpeg" alt="la liste du bde de 2025" />
</div>
</div> <!-- end main page -->
<div id="admin-page" style="display: none">
</div> <!-- end admin page -->
<div id="login-page" style="display: none">
<div class="row">
<form id="login-form" method="POST">
<div class="form-group">
<input type="text" class="form-control" placeholder="Nom d'utilisateur Rezo" name="login" id="login"/>
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Password" name="password" id="password" />
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Se connecter</button>
</div>
</form>
</div>
</div> <!-- end login page -->
<div id="demande-page" style="display: none">
</div> <!-- end demande page -->
<footer class="row">
Copyright © OSS 110'Metz
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
<script src="https://unpkg.com/typeit@8.7.0/dist/index.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>
<script src="js/main.js" defer></script>
<script src="js/anim.js" defer></script>
</body>
</html>