-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinstall.html
103 lines (103 loc) · 4.02 KB
/
install.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Décodex - page d'accueil</title>
<link rel="stylesheet" href="css/accueil.css">
</head>
<body>
<header>
<div class="center">
<h1>Décodex</h1>
<div class="logo"><span class="xs-display-none s-display-inline">Proposé par</span><span class="s-display-none">Par</span> <span class="lemonde">Le monde</span></div>
</div>
</header>
<div class="center">
<div class="main">
<h2>Merci d’avoir installé le Décodex !</h2>
<h3>Comment ça marche ?</h3>
<p>
Le Décodex est un outil réalisé par l’équipe des Décodeurs du Monde. Il vous permet d’afficher des informations sur les sites que vous visitez en parallèle de votre navigation par deux moyens :
</p>
<ul>
<li>
Des informations détaillées qui <strong>apparaîtront en haut à droite de votre écran</strong> lorsque vous consulterez les sites (pop-up). Elles s’afficheront de la manière suivante :
<figure class="notifications">
<figcaption class="xs-display-none m-display-block">Notifications</figcaption>
<img style="max-width: 360px;" src="img/[email protected]" alt="">
</figure>
</li>
<li>
Des informations à votre disposition <strong>en un clic à tout moment, via l’icône des Décodeurs en haut à droite de votre navigateur</strong> :
<figure class="extension">
<figcaption class="xs-display-none m-display-block">Fenêtre</figcaption>
<img style="max-width: 260px;" src="img/[email protected]" alt="">
</figure>
</li>
</ul>
<h3>Réglages avancés</h3>
<p>
Par défaut, le Décodex affiche les informations détaillées pour chaque site dont nous avons connaissance, sauf les plus fiables. Mais vous pouvez vous-même paramétrer le Décodex selon vos attentes. Pour chaque catégorie, vous pouvez choisir si vous souhaitez avoir des informations détaillées ou non.<br>
<br><b>Réglez ci-dessous le Décodex selon vos préférences</b>
</p>
<form action="#">
<h4>Afficher l'infobulle (pop-up)</h4>
<div class="form-group">
<div class="col-half">
<label for="check-alert0" class="collaboratif">Collaboratif</label>
</div>
<div class="col-half">
<input type="checkbox" id="check-alert0">
</div>
</div>
<div class="form-group">
<div class="col-half">
<label for="check-alert1" class="parodique">Parodique</label>
</div>
<div class="col-half">
<input type="checkbox" id="check-alert1">
</div>
</div>
<div class="form-group">
<div class="col-half">
<label for="check-alert2" class="tres-peu-fiable">Très peu fiable</label>
</div>
<div class="col-half">
<input type="checkbox" id="check-alert2">
</div>
</div>
<div class="form-group">
<div class="col-half">
<label for="check-alert3" class="peu-fiable">Peu fiable</label>
</div>
<div class="col-half">
<input type="checkbox" id="check-alert3">
</div>
</div>
<div class="form-group">
<div class="col-half">
<label for="check-alert4" class="plutot-fiable">Plutôt fiable</label>
</div>
<div class="col-half">
<input type="checkbox" id="check-alert4">
</div>
</div>
</form>
<p class="font-small">
Vous pourrez retrouver à tout moment les informations disponibles sur une source en cliquant sur l’icône des Décodeurs en haut à droite de votre navigateur
</p>
<div class="relative">
<p>
<strong>Vous consultez un site qui n’est pas dans notre base de données ? <span class="colored">Signalez-nous directement via l’extension</span>, nous l’étudierons par la suite !</strong>
</p>
<figure class="verifier">
<img style="max-width: 360px;" src="img/[email protected]" alt="">
</figure>
</div>
</div>
</div>
<script src="install.js"></script>
</body>
</html>