51 lines
2.2 KiB
HTML
51 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Internet d'hier et d'aujourd'hui : les dangers du web</title>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="assets/css/normalize.css">
|
|
<link rel="stylesheet" href="assets/css/font-awesome.css">
|
|
<link rel="stylesheet" href="assets/css/animate.css">
|
|
<link rel="stylesheet" href="assets/css/desktop.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
</head>
|
|
<body>
|
|
<div class="loader">
|
|
|
|
</div>
|
|
<header>
|
|
<time class="time" style="float: right">time</time>
|
|
<time class="date" style="float: right">date</time>
|
|
</header>
|
|
<main></main>
|
|
<div class="screensaver">
|
|
<div class="content">
|
|
<time class="time">time</time>
|
|
<time class="date">date</time>
|
|
</div>
|
|
<div class="unlock">Cliquez pour déverouiller</div>
|
|
</div>
|
|
<div class="overlay"></div>
|
|
<div class="startMenu">
|
|
<div class="container">
|
|
<div class="startText">
|
|
<h1>Internet d'hier et d'aujourd'hui : <span>Le danger des GAFAM</span></h1>
|
|
<p>En 2017, les GAFAM (Google, Apple, Facebook, Amazon, Microsoft) centralisent nos données, privées, confidentielles, comme publiques. Elles profitent de leurs positions dominantes pour vendre ces informations aux plus offrants.</p>
|
|
<p>Cependant, tout n'est pas perdu, un petit groupe de personne resiste encore et toujours à l'envahisseur.</p>
|
|
<p class="no-ident">Cette application interactive a pour but de vous sensibiliser à l'usage que vous avez d'internet.</p>
|
|
</div>
|
|
</div>
|
|
<div class="startButton">
|
|
<div class="play" id="play">
|
|
Jouer
|
|
</div>
|
|
<div class="expose" id="expose">
|
|
Voir l'exposé
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="assets/js/jquery-3.2.1.min.js"></script>
|
|
<script src="assets/js/app.js"></script>
|
|
</body>
|
|
</html>
|