Il s'agit d'un webreportage nécessitant le developpement d'une application intéractive
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

69 lines
2.9 KiB

<!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>