2017-06-09 22:20:53 +02:00
<!DOCTYPE html>
< html >
< head >
2017-06-10 21:11:03 +02:00
< title > Internet d'hier et d'aujourd'hui : les dangers du web< / title >
2017-06-09 22:20:53 +02:00
< meta charset = "UTF-8" >
2017-06-10 16:02:58 +02:00
< link rel = "stylesheet" href = "assets/css/normalize.css" >
< link rel = "stylesheet" href = "assets/css/font-awesome.css" >
2017-06-10 16:34:03 +02:00
< link rel = "stylesheet" href = "assets/css/animate.css" >
< link rel = "stylesheet" href = "assets/css/desktop.css" >
2017-06-09 22:20:53 +02:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< / head >
< body >
2017-06-10 21:11:03 +02:00
< div class = "loader" >
< / div >
2017-06-10 16:34:03 +02:00
< header >
2017-06-09 22:20:53 +02:00
< time class = "time" style = "float: right" > time< / time >
< time class = "date" style = "float: right" > date< / time >
< / header >
2017-06-15 19:02:00 +02:00
< 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 >
2017-06-09 22:20:53 +02:00
< div class = "screensaver" >
< div class = "content" >
< time class = "time" > time< / time >
< time class = "date" > date< / time >
< / div >
2017-06-10 16:34:03 +02:00
< div class = "unlock" > Cliquez pour déverouiller< / div >
2017-06-09 22:20:53 +02:00
< / div >
2017-06-10 21:11:03 +02:00
< 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" >
2017-06-27 23:53:12 +02:00
Écouter l'interview
2017-06-10 21:11:03 +02:00
< / div >
< / div >
< / div >
2017-06-13 23:15:09 +02:00
< div class = "dialogs" >
< div id = "typewritter" > < / div >
< div id = "dialogsNext" > Cliquez ici pour continuer< / div >
< / div >
2017-06-10 16:02:58 +02:00
< script src = "assets/js/jquery-3.2.1.min.js" > < / script >
2017-06-27 23:53:12 +02:00
< script src = "assets/js/jquery-ui-1.11.2.min.js" > < / script >
2017-06-28 00:16:03 +02:00
<!-- COMPATIBLE WITH FIREFOX ONLY
2017-06-27 23:53:12 +02:00
< script src = "assets/js/wavesurfer.min.js" > < / script >
< script src = "assets/js/wavesurfer.regions.js" > < / script >
2017-06-28 00:16:03 +02:00
-->
2017-06-09 22:20:53 +02:00
< script src = "assets/js/app.js" > < / script >
< / body >
< / html >