Skip to content
Extraits de code Groupes Projets
Valider c9701c54 rédigé par nono's avatar nono :computer:
Parcourir les fichiers

Modification de la mise en page du site, définir des sections

parent 03ab7b43
Aucune branche associée trouvée
Aucune étiquette associée trouvée
1 requête de fusion!24Resolve "Mise à jour pour la journée contre la pub 2025"
Masquer les modifications d'espaces
En ligne Côte à côte
Affichage de
avec 134 ajouts et 108 suppressions
index.html
+ 134
− 108
Voir le fichier @ c9701c54
......@@ -17,112 +17,121 @@
<img id="title2" src="img/titre2.svg" height="62" width="252" alt="BLOQUE LA PUB SUR INTERNET"/><!-- mobile logo -->
<img id="passele" src="img/passele.svg" height="26" width="330" alt="ET PASSE LE BLOQUEUR À TES VOISIN·E·S"/>
</div>
<div id="container">
<div class="content">
<h1>Pourquoi bloquer ?</h1>
<p>La publicité pollue nos écrans, nos pensées et nous impose une vision stéréotypée de la société.<br>
<ul>
<li><b>Elle ralentit</b> l'affichage des autres contenus et consomme de l'énergie inutilement.</li>
<li><b>Elle rend dépendants</b> la presse, les créatrices et créateurs, vidant nos médias de leur diversité.</li>
<li><b>Elle surveille</b> toutes nos actions en ligne pour déceler nos faiblesses et nous pousser à surconsommer.</li>
</ul>
<section>
<h1>Pourquoi bloquer ?</h1>
<p>La publicité pollue nos écrans, nos pensées et nous impose une vision stéréotypée de la société.<br>
<ul>
<li><b>Elle ralentit</b> l'affichage des autres contenus et consomme de l'énergie inutilement.</li>
<li><b>Elle rend dépendants</b> la presse, les créatrices et créateurs, vidant nos médias de leur diversité.</li>
<li><b>Elle surveille</b> toutes nos actions en ligne pour déceler nos faiblesses et nous pousser à surconsommer.</li>
</ul>
Pour ton esprit, ta planète, ta culture et ta vie privée, bloque la pub sur Internet.<br>
Et pour ceux de tes copin·e·s, passe le bloqueur à tes voisin·e·s.
</p>
</section>
Pour ton esprit, ta planète, ta culture et ta vie privée, bloque la pub sur Internet.<br>
Et pour ceux de tes copin·e·s, passe le bloqueur à tes voisin·e·s.
</p>
<section>
<h1>Comment bloquer ?</h1>
<p>Pour bloquer la publicité en ligne, nous vous conseillons d'installer le bloqueur uBlock Origin.</p>
<div class="centerimg">
<img src="img/uBlock_Origin.svg" height="130" width="128"/>
</div>
<p>Si vous utilisez déjà <b>AdBlock Plus</b> sur votre navigateur, nous vous invitons à le désinstaller au profit de <b>uBlock Origin</b>, car AdBlock a passé des accords avec certaines entreprises publicitaires pour <a href="https://adblockplus.org/en/acceptable-ads">ne pas tout bloquer</a>.<p>
<h2>Sur ordinateur</h2>
<p>Pour une navigation plus respectueuse de vos données personnelles, nous vous recommandons d'installer <a href="https://www.mozilla.org/fr/firefox/new/">Firefox</a>.</p>
<div class="boite">
<a href="https://addons.mozilla.org/fr/firefox/addon/ublock-origin/">
<strong>uBlock Origin pour Firefox</strong>
<br><br>
<img src="img/FirefoxuBlock.svg" height="90" width="150" />
</a>
</div>
<p>Si vous ne souhaitez pas changer de navigateur, uBlock Origin existe aussi pour <a href="https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm">Chrome</a>,
<a href="https://addons.opera.com/fr/extensions/details/ublock/">Opéra</a>,
et <a href="https://microsoftedge.microsoft.com/addons/detail/ublock-origin/odfafepnkmbhccpbejgmiehpchacaeak">Edge</a>. (Cependant, face aux pressions de Google, <a href="https://www.eff.org/fr/deeplinks/2021/12/chrome-users-beware-manifest-v3-deceitful-and-threatening">il est possible que cela ne soit bientôt plus possible.</a>).</p>
<h4>Configurer uBlock Origin</h4>
<p>Une fois uBlock Origin installé, la plupart des publicités en ligne sont bloquées, mais le module peut être configuré pour limiter encore plus la surveillance.<br>
<br>
Voici la marche à suivre :</p>
<img src="img/uBlock-pc.svg" width="1308" height="812"/>
<ol class="tuto">
<li><div>Cliquer sur le bouclier uBlock Origin ;</div></li>
<li><div>Cliquer sur <b>Paramètres</b> ;</div></li>
<li><div>Cliquer sur l’onglet « <b>Listes de filtres</b> » ;</div></li>
<li><div>Cocher les cases des listes « <b>Publicités</b> » et « <b>Confidentialité</b> » ;</div></li>
<li><div>Enfin, cliquer sur « <b>Appliquer</b> ».</div></li>
</ol>
<p>Si un site utilisé fonctionne mal, il suffira de désactiver temporairement le module en cliquant sur le bouton « power » bleu.</p>
<h2>Sur téléphone</h2>
<h3>1. Dans votre navigateur</h3>
<p>Installer Firefox depuis votre magasin d'applications, puis installer uBlock Origin.</p>
<h4>Installer et configurer uBlock Origin</h4>
<p>Une fois uBlock Origin installé, la plupart des publicités en ligne sont bloquées, mais le module peut être configuré pour limiter encore plus la surveillance.<br><br>
<h1>Comment bloquer ?</h1>
<p>Pour bloquer la publicité en ligne, nous vous conseillons d'installer le bloqueur uBlock Origin.</p>
<div class="centerimg">
<img src="img/uBlock_Origin.svg" height="130" width="128"/>
</div>
<p>Si vous utilisez déjà <b>AdBlock Plus</b> sur votre navigateur, nous vous invitons à le désinstaller au profit de <b>uBlock Origin</b>, car AdBlock a passé des accords avec certaines entreprises publicitaires pour <a href="https://adblockplus.org/en/acceptable-ads">ne pas tout bloquer</a>.<p>
<h2>Sur ordinateur</h2>
<p>Pour une navigation plus respectueuse de vos données personnelles, nous vous recommandons d'installer <a href="https://www.mozilla.org/fr/firefox/new/">Firefox</a>.</p>
Voici la marche à suivre :</p>
<img src="img/uBlock-phone.svg" width="1920" height="869"/>
<ol class="tuto">
<li><div>Ouvrir le menu et sélectionner <b>Modules complémentaires</b> ;</div></li>
<li><div>Choisir <b>uBlock Origin</b> dans la liste ;</div></li>
<li><div>Procéder aux étapes d'installation ;</div></li>
<li><div>Cliquer sur le module, puis sélectionner « <b>Paramètres</b> » ;</div></li>
<li><div>Dans l'onglet « <b>Liste de filtres</b> », cocher « <b>Publicités</b> » et « <b>Confidentialité</b> ».</div></li>
</ol>
<p>Si un site utilisé fonctionne mal, il suffira de désactiver temporairement le module en cliquant sur le bouton « power » bleu.</p>
<h3>2. Dans les applications</h3>
<p>Par défaut sur Android, c'est le magasin d'application de Google (« Play Store ») qui est installé. Il existe d'autres magasins d'applications, comme <strong>F-Droid</strong>, qui a la particularité de ne proposer que des applications libres et sans traqueur.<br>
<a href="https://f-droid.org/fr/">Installez F-Droid</a> (vous aurez besoin d'autoriser les applications de sources inconnues). Depuis ce magasin, recherchez l'un des bloqueurs listé ci-dessous.</p>
<div class="boite">
<a href="https://addons.mozilla.org/fr/firefox/addon/ublock-origin/">
<strong>uBlock Origin pour Firefox</strong>
<br><br>
<img src="img/FirefoxuBlock.svg" height="90" width="150" />
<a href="https://f-droid.org/packages/net.kollnig.missioncontrol.fdroid/">
<strong>TrackerControl</strong><br>
<small>Android</small><br>
<br>
<img src="img/TrackerControl.svg" loading="lazy"/>
</a>
<span class="ou">OU</span>
<a href="https://blokada.org/">
<strong>Blokada</strong><br>
<small>Android et iOS</small><br>
<br>
<img src="img/blokada.png" loading="lazy"/>
</a>
<span class="ou">OU</span>
<a href="https://f-droid.org/en/packages/org.adaway/">
<strong>Adaway</strong><br>
<small>Android</small><br>
<br>
<img src="img/AdAway.svg" loading="lazy"/>
</a>
<span class="ou">OU</span>
<a href="https://adguard.com/fr/welcome.html">
<strong>Adguard</strong><br>
<small>Android et iOS</small><br>
<br>
<img src="img/AdGuard.svg" loading="lazy"/>
</a>
</div>
<p>Si vous ne souhaitez pas changer de navigateur, uBlock Origin existe aussi pour <a href="https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm">Chrome</a>,
<a href="https://addons.opera.com/fr/extensions/details/ublock/">Opéra</a>,
et <a href="https://microsoftedge.microsoft.com/addons/detail/ublock-origin/odfafepnkmbhccpbejgmiehpchacaeak">Edge</a>. (Cependant, face aux pressions de Google, <a href="https://www.eff.org/fr/deeplinks/2021/12/chrome-users-beware-manifest-v3-deceitful-and-threatening">il est possible que cela ne soit bientôt plus possible.</a>).</p>
<h4>Configurer uBlock Origin</h4>
<p>Une fois uBlock Origin installé, la plupart des publicités en ligne sont bloquées, mais le module peut être configuré pour limiter encore plus la surveillance.<br>
<br>
Voici la marche à suivre :</p>
<img src="img/uBlock-pc.svg" width="1308" height="812"/>
<ol class="tuto">
<li><div>Cliquer sur le bouclier uBlock Origin ;</div></li>
<li><div>Cliquer sur <b>Paramètres</b> ;</div></li>
<li><div>Cliquer sur l’onglet « <b>Listes de filtres</b> » ;</div></li>
<li><div>Cocher les cases des listes « <b>Publicités</b> » et « <b>Confidentialité</b> » ;</div></li>
<li><div>Enfin, cliquer sur « <b>Appliquer</b> ».</div></li>
</ol>
<p>Si un site utilisé fonctionne mal, il suffira de désactiver temporairement le module en cliquant sur le bouton « power » bleu.</p>
<h2>Sur téléphone</h2>
<h3>1. Dans votre navigateur</h3>
<p>Installer Firefox depuis votre magasin d'applications, puis installer uBlock Origin.</p>
<h4>Installer et configurer uBlock Origin</h4>
<p>Une fois uBlock Origin installé, la plupart des publicités en ligne sont bloquées, mais le module peut être configuré pour limiter encore plus la surveillance.<br><br>
Voici la marche à suivre :</p>
<img src="img/uBlock-phone.svg" width="1920" height="869"/>
<ol class="tuto">
<li><div>Ouvrir le menu et sélectionner <b>Modules complémentaires</b> ;</div></li>
<li><div>Choisir <b>uBlock Origin</b> dans la liste ;</div></li>
<li><div>Procéder aux étapes d'installation ;</div></li>
<li><div>Cliquer sur le module, puis sélectionner « <b>Paramètres</b> » ;</div></li>
<li><div>Dans l'onglet « <b>Liste de filtres</b> », cocher « <b>Publicités</b> » et « <b>Confidentialité</b> ».</div></li>
</ol>
<p>Si un site utilisé fonctionne mal, il suffira de désactiver temporairement le module en cliquant sur le bouton « power » bleu.</p>
<h3>2. Dans les applications</h3>
<p>Par défaut sur Android, c'est le magasin d'application de Google (« Play Store ») qui est installé. Il existe d'autres magasins d'applications, comme <strong>F-Droid</strong>, qui a la particularité de ne proposer que des applications libres et sans traqueur.<br>
<a href="https://f-droid.org/fr/">Installez F-Droid</a> (vous aurez besoin d'autoriser les applications de sources inconnues). Depuis ce magasin, recherchez l'un des bloqueurs listé ci-dessous.</p>
<div class="boite">
<a href="https://f-droid.org/packages/net.kollnig.missioncontrol.fdroid/">
<strong>TrackerControl</strong><br>
<small>Android</small><br>
<br>
<img src="img/TrackerControl.svg" loading="lazy"/>
</a>
<span class="ou">OU</span>
<a href="https://blokada.org/">
<strong>Blokada</strong><br>
<small>Android et iOS</small><br>
<br>
<img src="img/blokada.png" loading="lazy"/>
</a>
<span class="ou">OU</span>
<a href="https://f-droid.org/en/packages/org.adaway/">
<strong>Adaway</strong><br>
<small>Android</small><br>
<br>
<img src="img/AdAway.svg" loading="lazy"/>
</a>
<span class="ou">OU</span>
<a href="https://adguard.com/fr/welcome.html">
<strong>Adguard</strong><br>
<small>Android et iOS</small><br>
<br>
<img src="img/AdGuard.svg" loading="lazy"/>
</a>
<p>Pour installer ces applications, il faudra également activer les applications de sources inconnues.<br>
TrackerControl étant très strict, il est recommandé de désactiver le filtrage sur le navigateur. (S'il s'agit de Firefox, vous pouvez installer uBlock Origin, comme détaillé précédemment).</p>
</section>
</div>
<p>Pour installer ces applications, il faudra également activer les applications de sources inconnues.<br>
TrackerControl étant très strict, il est recommandé de désactiver le filtrage sur le navigateur. (S'il s'agit de Firefox, vous pouvez installer uBlock Origin, comme détaillé précédemment).</p>
<h1>Participer</h1>
<p>Il est temps d’aider ses voisin·e·s à se débarrasser de la pub en ligne !
<br><br>
La prochaine fois que vous voyez vos parents, cousines ou voisins, demandez-leur s'ils ont un bloqueur de pub. Sinon, prenez 10 minutes pour les aider.<br>
<br>
Vous pouvez aussi agir pour sensibiliser tout le monde : voir notre <a href="201901-Appelamobilisation-Bloquelapub.net.pdf">appel à mobilisation</a> (.pdf) et nos images à partager.
</p>
<div class="content">
<section>
<h1>Participer</h1>
<p>Il est temps d’aider ses voisin·e·s à se débarrasser de la pub en ligne !
<br><br>
La prochaine fois que vous voyez vos parents, cousines ou voisins, demandez-leur s'ils ont un bloqueur de pub. Sinon, prenez 10 minutes pour les aider.<br>
<br>
Vous pouvez aussi agir pour sensibiliser tout le monde : voir notre <a href="201901-Appelamobilisation-Bloquelapub.net.pdf">appel à mobilisation</a> (.pdf) et nos images à partager.
</p>
<h2>Images à partager</h2>
<div class="rs">
<img src="img/bloque2022.jpg" height="2927" width="4140" loading="lazy" alt="La pub prend trop de place, dans nos cerveaux, dans la rue, sur Internet, dans les représentations sociales, dans les décisions politiques, dans la balance écologique... Bloquons-la. bloquelapub.net"/>
......@@ -151,12 +160,15 @@
<div class="cit">
<img src="img/affiches.jpg" height="1294" width="666" loading="lazy" alt="Photographie des quatres affiches collées sur un mur."/>
</div>
<p>Une question ? Soutenir l'appel ? <a href="mailto:contact@bloquelapub.net"> contact@bloquelapub.net</a></p>
<h4> <a href="#loin">Aller plus loin</a></h4>
<div id="loin">
<h2>Ressources bibliographiques spécifiques à la publicité et à la surveillance publicitaire en ligne</h2>
</section>
</div>
<div class="content">
<h1>Ressources</h1>
<section>
<p>Ressources bibliographiques spécifiques à la publicité et à la surveillance publicitaire en ligne</p>
<h3>Quelques outils pour limiter la surveillance publicitaire en ligne</h3>
<h4>Quelques outils pour limiter la surveillance publicitaire en ligne</h4>
<p>Plus d'informations concernant uBlock Origin sur <a href="https://github.com/gorhill/uBlock">GitHub</a>.</p>
<h4>Modules basiques recommandés</h4>
......@@ -194,9 +206,10 @@
<li>Au sein du <a href="https://www.lecreis.org/?p=2815">Guide de Survie à destination des aventuriers d’Internet</a> de l'association CECIL</li>
<li>Au sein du <a href="https://wiki.pcet.link/">Wiki d'Herminien</a></li>
</ul>
<h4>Pour sortir des logiques de la monétisation des données et du temps d'attention nous vous invitons à découvrir les services mis en valeurs par l'association <a href="https://framasoft.org/fr/">Framasoft</a> dans leur campagne <a href="https://degooglisons-internet.org/fr/">« Dégooglisons Internet »</a>.
<h4>Dégooglisons</h4>
<p>Pour sortir des logiques de la monétisation des données et du temps d'attention nous vous invitons à découvrir les services mis en valeurs par l'association <a href="https://framasoft.org/fr/">Framasoft</a> dans leur campagne <a href="https://degooglisons-internet.org/fr/">« Dégooglisons Internet »</a>.
<br><br>
Pour découvrir les mécanismes de la publicité en ligne, nous recommandons les 3 articles de Numendil sur son blog PixelLibre.net</h4>
Pour découvrir les mécanismes de la publicité en ligne, nous recommandons les 3 articles de Numendil sur son blog PixelLibre.net</p>
<ul>
<li><a href="https://pixellibre.net/2017/10/publicite-ligne-episode-1-cest-quoi-publicite/">Épisode 1 — C’est quoi, la publicité ?</a></li>
<li><a href="https://pixellibre.net/2017/10/publicite-ligne-episode-2-quest-collecte/">Épisode 2 — Qu’est-ce qui est collecté ?</a></li>
......@@ -257,9 +270,15 @@
<br><small>Série de vidéos de Spline sur les algorithmes</small>
</li>
</ul>
</div><!-- aller plus #loin -->
</div><!-- content -->
</div><!-- container -->
</section>
</div>
<div class="content">
<p>Vous avez une question ? <br> Vous voulez soutenir l'appel ? <br> Écrivez-nous sur : </p>
📬 <a href="mailto:contact@bloquelapub.net">contact@bloquelapub.net</a></p>
</div>
</div>
<footer>
<div class="boite">
......@@ -298,8 +317,15 @@
<img src="img/zwfrance.jpg" height="900" width="900" loading="lazy"/>
</a>
</div>
<a href="https://git.laquadrature.net/la-quadrature-du-net/bloque-la-pub-sur-internet/"><b>🔧 Code source</b></a> <br>
<a href="https://git.laquadrature.net/la-quadrature-du-net/bloque-la-pub-sur-internet/-/commits/master"><img alt="pipeline status" src="https://git.laquadrature.net/la-quadrature-du-net/bloque-la-pub-sur-internet/badges/master/pipeline.svg" /></a>
<section>
<a href="https://git.laquadrature.net/la-quadrature-du-net/bloque-la-pub-sur-internet/"><b>🔧 Code source</b></a>
<br>
<a href="https://git.laquadrature.net/la-quadrature-du-net/bloque-la-pub-sur-internet/-/commits/master"><img alt="pipeline status" src="https://git.laquadrature.net/la-quadrature-du-net/bloque-la-pub-sur-internet/badges/master/pipeline.svg" /></a>
</a>
</section>
<div>
<p>Ce site web est réalisé grâce au travail des <a href="https://git.laquadrature.net/la-quadrature-du-net/bloque-la-pub-sur-internet/-/graphs/master">contributeurices du projet</a>, merci à vous !</p>
<p><a rel="license" href="https://creativecommons.org/licenses/by-nc/4.0/deed.fr"><img alt="Creative Commons License" style="border-width:0" src="img/cc-by-nc-4.0-80x15.png"/> </a>Ce site web ainsi que son contenu est placé sous la licence <a rel="license" href="https://creativecommons.org/licenses/by-nc/4.0/deed.fr">Creative Commons Attribution - Pas d’Utilisation Commerciale 4.0 International</a>.</p>
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter