113 lines
5 KiB
Twig
113 lines
5 KiB
Twig
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Défi 48h 2016</title>
|
|
<link href="{{ asset('bundles/mmichallenge/stylesheets/screen.css') }}" media="screen" rel="stylesheet" type="text/css"/>
|
|
<link href="{{ asset('bundles/mmichallenge/stylesheets/print.css') }}" media="print" rel="stylesheet" type="text/css"/>
|
|
<!--[if IE]>
|
|
<link href="{{ asset('bundles/mmichallenge/stylesheets/ie.css') }}" media="screen" rel="stylesheet" type="text/css"/>
|
|
<![endif]-->
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
|
|
<script type="text/javascript" src="{{ asset('js/jquery.scrollTo.min.js') }}"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Bienvenue au Défi 48h 2016</h1>
|
|
|
|
<p>Bienvenu au défi 48h edition 2016 !
|
|
Nous vous remercions de votre presence, mais êtes vous prêts a relever tous les défis qui vont vous être
|
|
imposés ce soir ?...<br>
|
|
Nous verrons bien !<br>
|
|
Soyez attentif a l'heure ! il y aura un nouveau défi toutes les deux heures !</p>
|
|
<h2>Theme principal :</h2>
|
|
<h3>Lorem</h3>
|
|
<h2>Rendus obligatoires :</h2>
|
|
<p>Une production Multimedia sur le theme principal</p>
|
|
|
|
<h2>Temps restant avant la prochaine épreuve :</h2>
|
|
|
|
<!-- NE PAS OUBLIER DE CHANGER LA DATE !!! Sinon ça risque de sonner longtemps...-->
|
|
|
|
<h1 class="countdown" data-time="12 january 2016 21:51:00"><span class="minutes"></span>m <span class="seconds"></span>s</h1>
|
|
|
|
</header>
|
|
<main id="container">
|
|
<ul>
|
|
<li class="selector"></li>
|
|
<li><h1>13h | Défi 1</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, quaerat.</p>
|
|
</li>
|
|
<li><h1>14h | Consigne surprise 1</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro, possimus!</p>
|
|
</li>
|
|
<li><h1>15h | Défi 2</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea, nam!</p>
|
|
</li>
|
|
<li><h1>16h | Consigne surprise 2</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, consectetur!</p>
|
|
</li>
|
|
<li><h1>17h | Défi 3</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum, nihil.</p>
|
|
</li>
|
|
<li><h1>18h | Consigne surprise 3</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, explicabo.</p>
|
|
</li>
|
|
<li><h1>19h | Défi 4</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem, quas!</p>
|
|
</li>
|
|
<li class="active"><h1>20h | Consigne surprise 4</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, quisquam.</p>
|
|
</li>
|
|
<li class="unavaliable"><h1>21h | Défi 5</h1>
|
|
<p>Instructions indisponibles pour le moment | Location : HALL</p>
|
|
</li>
|
|
<li class="unavaliable"><h1>22h | Consigne surprise 5</h1>
|
|
<p>Consigne indisponible pour le moment...</p>
|
|
</li>
|
|
<li class="unavaliable"><h1>23h | Défi 6</h1>
|
|
<p>Instructions indisponibles pour le moment | Location : HALL</p>
|
|
</li>
|
|
<li class="unavaliable"><h1>00h | Consigne surprise 6</h1>
|
|
<p>Consigne indisponible pour le moment...</p>
|
|
</li>
|
|
<li class="unavaliable"><h1>01h | Défi 7</h1>
|
|
<p>Instructions indisponibles pour le moment | Location : HALL</p>
|
|
</li>
|
|
<li class="unavaliable"><h1>02h | Consigne surprise 7</h1>
|
|
<p>Consigne indisponible pour le moment...</p>
|
|
</li>
|
|
<li class="unavaliable"><h1>03h | Défi 8</h1>
|
|
<p>Instructions indisponibles pour le moment | Location : HALL</p>
|
|
</li>
|
|
<li class="unavaliable"><h1>04h | Consigne surprise 8</h1>
|
|
<p>Consigne indisponible pour le moment...</p>
|
|
</li>
|
|
<li class="unavaliable"><h1>05h | Défi 9</h1>
|
|
<p>Instructions indisponibles pour le moment | Location : HALL</p>
|
|
</li>
|
|
<li class="unavaliable"><h1>06h | Consigne surprise 9</h1>
|
|
<p>Consigne indisponible pour le moment...</p>
|
|
</li>
|
|
<li class="unavaliable"><h1>07h | Défi 10</h1>
|
|
<p>Instructions indisponibles pour le moment | Location : HALL</p>
|
|
</li>
|
|
<li class="unavaliable"><h1>08h | Consigne surprise 10</h1>
|
|
<p>Consigne indisponible pour le moment...</p>
|
|
</li>
|
|
</ul>
|
|
</main>
|
|
<footer>
|
|
<div id="pixel-grid" class="pixel-grid"></div>
|
|
<div id="loader"><h1>Chargement du défi</h1></div>
|
|
<div id="alertTimeout">
|
|
<h1>Un nouveau défi est disponible !!</h1>
|
|
<a href="#">Actualiser</a>
|
|
</div>
|
|
<audio id="alarm" src="{{ asset('bundles/mmichallenge/sound/alarm.mp3') }}" preload="auto" loop></audio>
|
|
</footer>
|
|
<script src="{{ asset('bundles/mmichallenge/js/main.js') }}"></script>
|
|
<script src="{{ asset('bundles/mmichallenge/js/timer.js') }}"></script>
|
|
</body>
|
|
</html>
|