forked from Insoumis/decodex-insoumis-firefox
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinstall.html
114 lines (114 loc) · 4.6 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
104
105
106
107
108
109
110
111
112
113
114
<!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 insoumis - page d'accueil</title>
<link rel="stylesheet" href="css/accueil.css">
</head>
<body>
<header>
<div class="center">
<h1>Décodex Insoumis</h1>
<div class="logo"><span class="xs-display-none
s-display-inline">Proposé par</span><span
class="s-display-none">Par</span> <span
class="insoumis">Les Insoumis Numériques</span></div>
</div>
</header>
<div class="center">
<div class="main">
<h2>Merci d’avoir installé le Décodex Insoumis !</h2>
<h3>Comment ça marche ?</h3>
<p>
Le Décodex insoumis est un outil réalisé par l’équipe des Insoumis Numériques. 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 Insoumis 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="aperçu de l'extension">
</figure>
</li>
</ul>
<h3>Réglages avancés</h3>
<p>
Par défaut, le Décodex Insoumis affiche les informations détaillées pour chaque site dont nous avons connaissance. Mais vous pouvez vous-même paramétrer le Décodex Insoumis 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="inconnu">Média non noté</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="carrement-soumis">Médias carrément soumis</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="plutot-soumis">Médias plutôt soumis</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="plutot-insoumis">Médias plutôt Insoumis</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="media-insoumis">Médias insoumis</label>
</div>
<div class="col-half">
<input type="checkbox" id="check-alert4">
</div>
</div>
<div class="form-group">
<div class="col-half">
<label for="check-alert5" class="france-insoumise">Site partisan de la France Insoumise (du coup on vous laisse juge)</label>
</div>
<div class="col-half">
<input type="checkbox" id="check-alert5">
</div>
</div>
</form>
<p class="font-small">
Vous pourrez retrouver à tout moment les informations disponibles sur une source en cliquant sur l’icône desInsoumiss en haut à droite de votre navigateur, puis sur l'icône en forme d'engrenage.
</p>
<div class="relative">
<p>
<strong>Vous consultez un site qui n’est pas dans notre base de données ? <span class="colored">NE PANIQUEZ PAS !</span,Il vous suffit de chercher par vous même les informations de ce média. En général, Wikipedia est une source assez fiable sur ce genre de chose !</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>