Skip to content
Extraits de code Groupes Projets
Valider 5107e512 rédigé par Antonin Del Fabbro's avatar Antonin Del Fabbro
Parcourir les fichiers

Massive update to index.html and style.css

parent d3770ef4
Branches
Étiquettes
1 requête de fusion!1Mise à jour du HTML/CSS, fusion de contribution
Tout étendre Masquer les modifications d'espaces
En ligne Côte à côte
index.html
+ 184
− 126
Voir le fichier @ 5107e512
......@@ -8,189 +8,246 @@
<body>
<div id="header">
<img id="title" src="titre.svg" alt="BLOQUE LA PUB SUR INTERNET"/><!-- desktop logo-->
<img id="title2" src="titre2.svg" alt="BLOQUE LA PUB SUR INTERNET"/><!-- mobile logo -->
<img id="passele" src="passele.svg" alt="ET PASSE LE BLOQUEUR À TES VOISIN·E·S"/>
<img id="title" src="img/titre.svg" height="26" width="487" alt="BLOQUE LA PUB SUR INTERNET"/><!-- desktop logo-->
<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>
<div>La publicité pollue nos écrans, nos pensées et nous impose une vision stéréotypée de la société.<br>
Elle ralentit l'affichage des autres contenus et consomme de l'énergie inutilement.<br></br>
Elle rend dépendants la presse, les créatrices et créateurs, vidant nos médias de leur diversité.<br>
Elle surveille toutes nos actions en ligne pour déceler nos faiblesses et nous pousser à surconsommer.<br><br>
<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>Elle ralentit l'affichage des autres contenus et consomme de l'énergie inutilement.</li>
<li>Elle rend dépendants la presse, les créatrices et créateurs, vidant nos médias de leur diversité.</li>
<li>Elle surveille 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.
</div>
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>
<h1>Comment bloquer ?</h1>
Pour bloquer la publicité en ligne, nous vous conseillons d'installer le bloqueur uBlock Origin.
<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.png" />
<img src="img/uBlock_Origin.svg" height="130" width="128"/>
</div>
Si vous utilisez déjà "AdBlock+" sur votre navigateur, nous vous invitons à le désinstaller au profit de uBlock Origin, 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>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>
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>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/">
<h5>uBlock Origin pour firefox</h5>
<img src="img/firefoxublock.png" />
<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/extensions/details/ublock/">opéra</a>,
et <a href=" https://www.microsoft.com/store/p/app/9nblggh444l4">edge</a>, </a>(attention, 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 le cas)</a>.</p>
<h4>Configurer ublock Origin</h4>
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>
Pour cela :
<div class="centerimg">
<img style="width:200px" src="img/configuBlock.png" />
</div>
<strong>1.</strong> cliquez sur le bouclier uBlockOrigin<br>
<strong>2.</strong> cliquez sur paramètres<br>
<div class="centerimg">
<img style="width:100%;" src="img/configuBlock2.png" />
</div>
<strong>3.</strong> allez dans l’onglet « listes de filtres »<br>
<strong>4.</strong> cochez les cases des listes « confidentialité » et « nuisances ».<br>
<strong>5.</strong> enfin, cliquez sur "appliquer" <br><br>
Si un site utilisé fonctionne mal, il est facile de désactiver temporairement le module en cliquant sur le bouton « power » bleu.
<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 le cas pour Chrome</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>
Installer firefox depuis votre magasin d'applications puis installer uBlock Origin
<div class="centerimg">
<a href="https://addons.mozilla.org/fr/firefox/addon/ublock-origin/">
<h5>uBlock Origin pour firefox</h5>
<img src="img/firefoxublock.png" />
</a>
</div>
<h3> 2. dans les applications</h3>
<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>
Par défaut sur android, c'est le magasin d'application de Google qui est installé. Il existe d'autres magasins d'applications. F-Droid a la particularité de ne proposer que des applications libres et sans traqueur. Installez F-Droid en cliquant <a href="https://f-droid.org/fr/">ici</a> après avoir autorisé les application de sources inconnues. Depuis ce magasin, recherchez les bloqueurs blokada ou adaway.
Pour installer ces applications, il faut activer les applications de sources inconnues
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/en/packages/org.blokada.fem.fdroid/">
<h5>blokada (android)</h5>
<img src="img/blokada.png" />
<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>
<p>ou</p>
<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/">
<h5>adaway (android)</h5>
<img src="img/adaway.png" />
<strong>Adaway</strong><br>
<small>Android</small><br>
<br>
<img src="img/AdAway.svg" loading="lazy"/>
</a>
<p>ou</p>
<span class="ou">OU</span>
<a href="https://adguard.com/fr/welcome.html">
<h5>adguard (iOS et android)</h5>
<img src="img/adguard.png" />
<strong>Adguard</strong><br>
<small>Android et iOS</small><br>
<br>
<img src="img/AdGuard.svg" loading="lazy"/>
</a>
</div>
<p>Pour installer ces applications, il faudra églament 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>
Il est temps d’aider ses voisin·e·s à se débarrasser de la pub en ligne !
<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> et nos images à partager. <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.png" />
<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"/>
</div>
<div class="rs">
<img src="rs/1.png" />
<img src="rs/2.png" />
<img src="rs/1.png" height="500" width="500" loading="lazy" alt="Si vous êtes le produit, ce n'est pas gratuit"/>
<img src="rs/2.png" height="500" width="500" loading="lazy" alt="La pub pollue nos rêves"/>
</div>
<div class="rs">
<img src="rs/3.png" />
<img src="rs/4.png" />
<img src="rs/3.png" height="500" width="500" loading="lazy" alt="La pub t'enferme dans un cliché"/>
<img src="rs/4.png" height="500" width="500" loading="lazy" alt="La pub gaspille de l'énergie"/>
</div>
<div class="rs">
<img src="rs/5.png" />
<img src="rs/6.png" />
<img src="rs/5.png" height="500" width="500" loading="lazy" alt="La pub tue Internet"/>
<img src="rs/6.png" height="500" width="500" loading="lazy" alt="La pub déforme l'info"/>
</div>
<h2>Citations à partager</h2>
<div class="cit">
<img src="rs/cit1.png" />
<img src="rs/cit1.png" height="374" width="800" loading="lazy" alt="« On a créé une infrastructure de surveillance dystopique juste pour que des gens cliquent sur la pub. » Zeynep Tufekci"/>
</div>
<div class="cit">
<img src="rs/cit2.png" />
<img src="rs/cit2.png" height="374" width="800" loading="lazy" alt="« L'état de déchéance de notre Internet est une conséquence directe, involontaire de choisir la publicité comme modèle par défaut pour les contenus et services en ligne. » Ethan Zuckerman"/>
</div>
<h2>Affiches à imprimer</h2>
Cliquez <a href="Bloquelapub-affiches.pdf">ici</a> pour télécharger nos affiches à imprimer
<p><a href="Bloquelapub-affiches.pdf">Télécharger</a> (.pdf) nos affiches à imprimer.</p>
<div class="cit">
<img src="img/affiches.png" />
<img src="img/affiches.jpg" height="1294" width="666" loading="lazy" alt="Photographie des quatres affiches collées sur un mur."/>
</div>
Une question ? Soutenir l'appel ? <a href="mailto:contact@bloquelapub.net"> contact@bloquelapub.net</a>
<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>
<h3>Quelques outils pour limiter la surveillance publicitaire en ligne :</h3>
Plus d'informations sur <a href="https://github.com/gorhill/uBlock">uBlock Origin</a>
<p>Plus d'informations concernant uBlock Origin sur <a href="https://github.com/gorhill/uBlock">GitHub</a>.</p>
<h4>Modules basiques recommandés :</h4>
<a href="https://addons.mozilla.org/fr/firefox/addon/ublock-origin/">uBlock Origin</a><br>
<a href="https://addons.mozilla.org/fr/firefox/addon/decentraleyes/">Decentraleyes </a>
<ul>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/ublock-origin/">uBlock Origin</a></li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/localcdn-fork-of-decentraleyes/">LocalCDN</a> ou <a href="https://addons.mozilla.org/fr/firefox/addon/decentraleyes/">Decentraleyes</a></li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/facebook-container/">Facebook Container</a></li>
</ul>
<h4>D'autres modules à découvrir pour lutter contre la publicité / la surveillance publicitaire</h4>
<a href="https://addons.mozilla.org/fr/firefox/addon/umatrix/">uMatrix</a><br>
<a href="https://addons.mozilla.org/fr/firefox/addon/adnauseam/">adNauseam</a><br>
<a href="https://pi-hole.net/">Pi-hole</a>
<ul>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/umatrix/">uMatrix</a>
<small>uBlock Origin, en plus strict)</small></li>
<li><a href="https://addons.mozilla.org/fr/firefox/addon/adnauseam/">adNauseam</a></li>
<li><a href="https://nextdns.io/fr">NextDNS</a></li>
<li><a href="https://pi-hole.net/">Pi-hole</a></li>
</ul>
<h4>Découvrir les traqueurs cachés dans les applications Android </h4>
L'association <a href="https://exodus-privacy.eu.org/fr/">Exodus Privacy</a> et son application mobile
<h4>Découvrir les traqueurs cachés dans les applications Android</h4>
<p>L'association <a href="https://exodus-privacy.eu.org/fr/">Exodus Privacy</a> et son application mobile.</p>
<h4>Découvrir les listes de blocages (avancé)</h4>
Le site <a href="https://filterlists.com/">filterlists</a> répertorie les différentes listes de blocages utilisées par les différents applications de blocage publicitaire<br>
A titre d'exemple la liste Peter Lowe block list est disponible <a href="https://pgl.yoyo.org/adservers/">ici</a> (en anglais)
<p>Le site <a href="https://filterlists.com/">filterlists</a> répertorie les différentes listes de blocages utilisées par les différentes applications de blocage publicitaire<br>
À titre d'exemple la liste Peter Lowe block list est disponible <a href="https://pgl.yoyo.org/adservers/">ici</a> (en anglais)</p>
<h4>Des tutoriels de premiers pas supplémentaires :</h4>
Sur le <a href=" https://antipub.org/se-defendre/internet/">site</a> de Résistance à l'Agression Publicitaire<br>
Au sein du <a href="https://www.lecreis.org/?p=2815">Guide de Survie à destination des aventuriers d’Internet</a> de l'association CECIL<br>
Au sein du <a href="https://wiki.pcet.link/">Wiki d’herminien </a>
<br><br>
<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>
<ul>
<li>Sur le <a href="https://antipub.org/se-defendre/internet/">site</a> de Résistance à l'Agression Publicitaire</li>
<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>
<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>
<a href="http://pixellibre.net/2017/10/publicite-ligne-episode-1-cest-quoi-publicite/">épisode 1</a><br>
<a href="http://pixellibre.net/2017/10/publicite-ligne-episode-2-quest-collecte/">épisode 2</a><br><a href="http://pixellibre.net/2017/10/publicite-ligne-episode-3-problemes-lies-a-publicite/">épisode 3</a>
<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>
<li><a href="https://pixellibre.net/2017/10/publicite-ligne-episode-3-problemes-lies-a-publicite/">Épisode 3 — Les problèmes liés à la publicité</a></li>
</ul>
<h4>Pour aller plus loin sur l'ensemble de ces enjeux :</h4>
- Retrouvez l'ensemble de la bibliographie mis à disposition par Résistance à l'aggression publicitaire <a href="https://antipub.org/ressources/">ici</a> et <a href="https://antipub.org/ressources/a-voir/">ici</a>
<br><br>
- et la position de La Quadrature du Net sur la publicité en ligne <a href="https://www.laquadrature.net/2020/12/06/les-couts-societaux-de-la-publicite-en-ligne/ ">ici</a><br><br>
- Docu Les Nouveaux Loups du Web – Cullen Hoback, 2016 <br><br>
<ul>
<li>Retrouvez l'ensemble de la bibliographie mis à disposition par Résistance à l'Aggression Publicitaire <a href="https://antipub.org/ressources/">ici</a> et <a href="https://antipub.org/ressources/a-voir/">là</a>.</li>
<ul>
<li>La position de La Quadrature du Net sur la publicité en ligne <a href="https://www.laquadrature.net/2020/12/06/les-couts-societaux-de-la-publicite-en-ligne/">ici</a>.</li>
</ul>
<br>
<li>Documentaire <b>Les Nouveaux Loups du Web</b>
<br><small>Cullen Hoback, 2016</small>
<br><br></li>
- Syst PSES 2017 <a href="http://data.passageenseine.org/2017/syst_publicite-surveillance-en-ligne.webm "> Publicité et surveillance publicitaire en ligne - un combat à gagner</a> et le pdf de <a href="http://data.passageenseine.org/2017/syst_publicite-surveillance-en-ligne.pdf">présentation</a>
<li><b><a href="https://data.passageenseine.org/2017/syst_publicite-surveillance-en-ligne.webm">Publicité et surveillance publicitaire en ligne — Un combat à gagner</a></b>
<br><small>(1:00:19) — et le <a href="https://data.passageenseine.org/2017/syst_publicite-surveillance-en-ligne.pdf">diaporama</a> (.pdf).
<br><abbr title="Sylvain Steer">SySt</abbr> à <abbr title="Pas Sage en Seine">PSES</abbr> en 2017</small>
<br><br></li>
- <a href=" https://www.youtube.com/watch?v=F4g3mJg7hLo">Okhin - Syst Au Capitole du Libre en 2017</a> (problème d'enregistrement)<br><br>
<li><b><a href="https://www.youtube.com/watch?v=F4g3mJg7hLo">Logiciel libre, services éthiques se libérer du trou noir publicitaire</a></b>
<br><small>(23:54) — (problème d'enregistrement)
<br>Okhin et <abbr title="Sylvain Steer">SySt</abbr> au Capitole du Libre en 2017</small>
<br><br></li>
- Numendil PSES 2018 <a href="https://video.passageenseine.fr/videos/watch/d3bc2730-8c27-474f-9082-f5ea4a4d7178">La publicité en ligne et son fonctionnement </a><br><br>
<li><b><a href="https://video.passageenseine.fr/videos/watch/d3bc2730-8c27-474f-9082-f5ea4a4d7178">La publicité en ligne et son fonctionnement </a></b>
<br><small>(55:51) — Numendil à <abbr title="Pas Sage en Seine">PSES</abbr> en 2018</small>
<br><br></li>
- Syst PSES 2018 <a href="https://video.passageenseine.fr/videos/watch/7e81f44c-9332-4cbe-9753-d01a5a27a27f">Limiter la surveillance publicitaire en ligne, agir sur tous les terrains</a><br><br>
<li><b><a href="https://video.passageenseine.fr/videos/watch/7e81f44c-9332-4cbe-9753-d01a5a27a27f">Limiter la surveillance publicitaire en ligne, agir sur tous les terrains</a></b>
<br><small>(55:15) — <abbr title="Sylvain Steer">SySt</abbr> à <abbr title="Pas Sage en Seine">PSES</abbr> en 2018</small>
<br><br></li>
- Tristan Nitot – Prenons-nous le risque de vivre dans Matrix ? – Conférence sur le modèle publicitaire des réseaux sociaux, janvier 2018 (15:31)<br><br>
<li><b><a href="https://vimeo.com/251159785">Prenons-nous le risque de vivre dans Matrix ?</a></b>
<br><small>(15:31) — Conférence sur le modèle publicitaire des réseaux sociaux
<br>Tristan Nitot en janvier 2018</small>
<br><br></li>
- L’attention – <a href="https://www.youtube.com/watch?v=dcBepflB-A8 ">Le Fils de pub</a>, juillet 2018 (5:06)<br><br>
<li><b><a href="https://www.youtube.com/watch?v=dcBepflB-A8">Le Fils de Pub ou l'Attention</a></b>
<br><small>(5:06) — Le Fils de Pub en juillet 2018</small>
<br><br></li>
- L’économie de l’attention – <a href="https://www.youtube.com/watch?v=rMV1WaWGb3I">
Stupid Economics</a>, juin 2018 (15:49)<br><br>
<li><b><a href="https://www.youtube.com/watch?v=rMV1WaWGb3I">L’économie de l’attention : Le commencement !</a></b>
<br><small>(15:49) — Stupid Economics en juin 2018</small>
<br><br></li>
- Marketing politique : <a href="https://www.youtube.com/watch?v=xO_dH2oANWY">Démocra-ciblée – Datagueule</a>, janvier 2017 (12:07)<br><br>
<li><b><a href="https://www.youtube.com/watch?v=xO_dH2oANWY">Marketing politique : Démocra-ciblée - Datagueule</a></b>
<br><small>(12:07) — Data Gueule en janvier 2017</small>
<br><br></li>
- Zeynep Tufekci <a href="https://www.ted.com/talks/zeynep_tufekci_we_re_building_a_dystopia_just_to_make_people_click_on_ads">we're building a dystopia just to make people click on ads </a><br><br>
<li><b><a href="https://www.ted.com/talks/zeynep_tufekci_we_re_building_a_dystopia_just_to_make_people_click_on_ads">We're building a dystopia just to make people click on ads</a></b>
<br><small>(22:46) — Zeynep Tufekci en septembre 2017</small>
<br><br></li>
- <a href="https://www.youtube.com/watch?v=d8yKfp1moDQ&list=PLBuP2tNW75r43k15BjAl0UgV_N6rP774n">Série de vidéos</a> de Spline sur les algorithmes
<li><b><a href="https://www.youtube.com/watch?v=d8yKfp1moDQ&list=PLBuP2tNW75r43k15BjAl0UgV_N6rP774n">Algorithmes : Les recettes secrètes des géants du web</a></b>
<br><small>Série de vidéos de Spline sur les algorithmes</small>
</li>
</ul>
</div><!-- aller plus #loin -->
</div><!-- content -->
</div><!-- container -->
......@@ -198,41 +255,42 @@
<footer>
<div class="boite">
<a href="https://antipub.org/">
<h4>RAP</h4>
<img style="width:200px;" src="img/RAP.png" />
<b>RAP</b>
<img src="img/RAP.png" height="183" width="300" loading="lazy"/>
</a>
<a href="https://www.laquadrature.net/">
<h4>La Quadrature du Net</h4>
<img style="width:100px;" src="img/lqdn.png" />
<b>La Quadrature du Net</b>
<img src="img/LQDN.svg" height="156" width="153" loading="lazy"/>
</a>
</div>
<div style="width: 45%;" class="boite">
<div class="boite b2">
<a href="https://framasoft.org/fr/">
<h5>Framasoft</h5>
<img style="width:50px;" src="img/framasoft.png" />
<b>Framasoft</b>
<img src="img/Framasoft.svg" height="513" width="553" loading="lazy"/>
</a>
<a href="https://www.lececil.org/">
<h5>Le CECIL</h5>
<img style="width:70px;" src="img/cecil.jpg" />
<b>Le CECIL</b>
<img src="img/cecil.jpg" height="650" width="1063" loading="lazy"/>
</a>
<a href="https://www.globenet.org/">
<h5>Globenet</h5>
<img style="width:50px;" src="img/globenet.gif" />
<b>Globenet</b>
<img src="img/globenet.gif" height="200" width="200" loading="lazy"/>
</a>
<a href="https://www.ritimo.org/">
<h5>Ritimo</h5>
<img style="width:50px;" src="img/ritimo.png" />
<b>Ritimo</b>
<img src="img/ritimo.svg" height="52" width="196" loading="lazy"/>
</a>
<a href="https://www.lecreis.org/">
<h5>Creis-terminal</h5>
<img style="width:50px;" src="img/creis.jpg" />
<b>Creis-terminal</b>
<img src="img/creis-terminal.jpg" height="165" width="420" loading="lazy"/>
</a>
<a href="https://www.zerowastefrance.org/">
<h5>Zero Waste France</h5>
<img style="width:50px;" src="img/zwfrance.jpg" />
<b>Zero Waste France</b>
<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/">Code source</a>
</footer>
<script type='text/javascript' src='scroll.js'></script>
<script src="scroll.js"></script>
</body>
</html>
style.css
+ 455
− 280
Voir le fichier @ 5107e512
Ce diff est replié.
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter