70 lines
2.9 KiB
HTML
70 lines
2.9 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 class="soft">
|
|
<div class="proprio">
|
|
<div id="outlook">
|
|
<img src="assets/img/software/Logo_Microsoft_Outlook_2013.png" />
|
|
</div>
|
|
</div>
|
|
<div class="opensource">
|
|
<div id="thunderbird">
|
|
<img src="assets/img/software/Mozilla_Thunderbird_logo.png" />
|
|
</div>
|
|
</div>
|
|
</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">
|
|
Écouter l'interview
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="dialogs">
|
|
<div id="typewritter"></div>
|
|
<div id="dialogsNext">Cliquez ici pour continuer</div>
|
|
</div>
|
|
<script src="assets/js/jquery-3.2.1.min.js"></script>
|
|
<script src="assets/js/jquery-ui-1.11.2.min.js"></script>
|
|
<!-- COMPATIBLE WITH FIREFOX ONLY
|
|
<script src="assets/js/wavesurfer.min.js"></script>
|
|
<script src="assets/js/wavesurfer.regions.js"></script>
|
|
-->
|
|
<script src="assets/js/app.js"></script>
|
|
</body>
|
|
</html>
|