Epy is a geek.nethttps://epyisageek.net/2023-12-23T14:30:00+01:00Informatique et bidouilles, libresEt la lumière fut2023-12-23T14:30:00+01:002023-12-23T14:30:00+01:00Epytag:epyisageek.net,2023-12-23:/article/et-la-lumiere-fut.html<p class="first last">Suite des améliorations accessibilité et correction de l’article précédent</p>
<div class="section" id="l-accessibilite-c-est-serieux">
<h2>L’accessibilité c’est sérieux</h2>
<p>Il y a quelques temps (ouch, 2 avril !) j’ai posté
<a class="reference external" href="https://epyisageek.net/article/accessibilite-et-erreurs.html">cet article</a> sur les modifications
faites sur ce site pour être plus accessible, j’expliquais au passage les raisons
de faire de l’accessibilité un point important du partage d’informations; un point
qui ne doit pas être un <strong>bonus</strong> « si on a le temps et l’envie/l’argent » mais intégré
à la façon de faire.</p>
<p>Sauf, que j’ai très mal formulé, je me suis même planté.</p>
<p><a class="reference external" href="https://www.lalutineduweb.fr">La Lutine du web</a> étant très active sur le sujet, je lui ai demandé si elle acceptait
que je la mentionne, elle en a profité pour lire l’article avant et me faire des retours.</p>
<p>J’ai donc revu de nombreuses phrases, supprimé des paragraphes et je publie enfin
cette nouvelle version.</p>
<p>Les modifications pour l’accessibilité ne sont pas finies, loin de là. J’ai encore
plusieurs pages de documentation à lire et à appliquer.</p>
<p>Merci <a class="reference external" href="https://eldritch.cafe/@juliemoynat">Julie</a>.</p>
</div>
<div class="section" id="le-theme-lumineux">
<h2>Le thème lumineux</h2>
<p>En parallèle, elle m’a fait comprendre que les thèmes sombres ne convenaient pas
à tout le monde, j’ai donc accéléré mon projet d’ajouter un thème clair; je le
publie en même temps :)</p>
<p>La bascule clair/sombre est faite par le navigateur qui envoie votre préférence,
cela peut être défini par votre thème de bureau également, s’il est sombre le
navigateur récupèrera cette préférence pour l’envoyer aux sites web qui offrent
cette possibilité.
Il est possible de forcer cette option avec une extension pour votre navigateur,
si besoin.</p>
<p>J’ignore si j’ajouterai un bouton de bascule manuelle, parce que cela demande du
Javascript (dont je veux me débarasser par ailleurs) et un cookie.</p>
</div>
Accessibilité et erreurs2023-04-02T14:30:00+02:002023-04-02T14:30:00+02:00Epytag:epyisageek.net,2023-04-02:/article/accessibilite-et-erreurs.html<p class="first last">C’était prévu depuis (trop) longtemps, je voulais améliorer l’accessibilité de ce site.</p>
<div class="section" id="l-accessibilite-devait-etre-prise-en-compte">
<h2>L’accessibilité devait être prise en compte</h2>
<div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">Cette news a été corrigée, reformulée avec la relecture et les commentaires de <a class="reference external" href="https://www.lalutineduweb.fr">Julie Moynat</a>
sur <a class="reference external" href="https://eldritch.cafe/@juliemoynat">le fediverse</a>
Merci à toi</p>
</div>
<p>À mes yeux, défendre les logiciels libres et “le Libre” en général (cela méritera
probablement un paragraphe de définition ^_^ ) ne peut pas se faire sans défendre
l’accessibilité à toutes et tous, cela va de paire.</p>
<p>L’accessibilité sur le web, c’est faire en sorte que toute personne handicapée
puisse accéder à la même information ou divertissement quel que soit son handicap.
Il ne doit pas y avoir de barrières techniques plus importantes pour ces personnes
que pour les autres.</p>
<p>Il y a heureusement des normes à ce sujet, comme le <a class="reference external" href="https://www.lalutineduweb.fr/glossaire/#wcag"><span class="caps">WCAG</span></a>, qui permettent aux
personnes qui créent le code des sites web d’harmoniser les pratiques et d’être informées
des spécificités des appareils de lecture, que ce soit en braille, en audio etc.</p>
<p>Lorsqu’on fait de la création de pages pour le web il faut se tenir au courant de
ces normes et les appliquer jusqu’à ce que cela devienne un automatisme autant que
l’écriture de règles <span class="caps">CSS</span> ou du code <span class="caps">HTML</span> lui même.</p>
<p>Les règles d’accessibilité ont heureusement tendance à fusionner avec les règles
du code <span class="caps">HTML</span> lui même au fil des versions de ce dernier, l’idée étant qu’il
n’y ait pas une version rabotée des informations pour les lecteurs spéciaux: loupe,
lecteur braille, lecteur audio, .. C’est la même, juste une façon différente de
la présenter</p>
</div>
<div class="section" id="la-decouverte-d-un-service-de-test-de-l-accessibilite">
<h2>La découverte d’un service de test de l’accessibilité</h2>
<p>C’est en voyant ce lien vers le service en ligne de <a class="reference external" href="https://wave.webaim.org/">WebAIM</a> de test des pages
que j’ai décidé de m’y mettre sérieusement.</p>
<p>Résultat: pas catastrophique mais loin d’être assez bien à mon goût.</p>
<p>J’ai donc fait une première passe sur le code et ai corrigé la majorité des
erreurs signalées.
Il y avait aussi quelques erreurs remontées par <a class="reference external" href="https://validator.w3.org/nu/">le validateur du <span class="caps">W3C</span></a> c’était
l’occasion de les corriger.</p>
<div class="section" id="avant">
<h3>Avant:</h3>
<img alt="Capture d'écran du résultat du premier test WebAIM: 9 alertes 0 erreurs" class="illus" src="../medias/images/screenshot_wave_webaim_avant_corrections.png" style="width: 367px; height: 530px;" />
</div>
<div class="section" id="apres">
<h3>Après:</h3>
<img alt="Capture d'écran du résultat après corrections: 0 alertes 0 erreurs" class="illus" src="../medias/images/screenshot_wave_webaim_apres_corrections.png" style="width: 367px; height: 530px;" />
<p>Il reste encore pas mal à faire, à se documenter, notemment sur les attributs <a class="reference external" href="https://www.lalutineduweb.fr/glossaire/#aria"><span class="caps">ARIA</span></a>,
l’ordre de navigation et la vérification des informations données sur les liens,
les corrections nécessaires sur les appels aux icônes <span class="caps">SVG</span>, etc.</p>
<p>Des tests manuels à faire également …</p>
<div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">Les résultats affichés ne sont que ceux de la page d’accueil, les pages d’articles
ont le même résultat avec seulement la présence de 2 à 4 <cite>aria-hidden</cite> en plus.</p>
</div>
</div>
</div>
<div class="section" id="tout-cela-pour-dire">
<h2>Tout cela pour dire</h2>
<p>Que j’ai fait des modifications un peu partout sur la structure, que d’autres
modifications arrivent <span class="caps">MAIS</span> également de nouveaux articles !</p>
<p>Cette news est assez copieuse pour annoncer peu de corrections visibles finalement
mais quitte à mettre à jour le <a class="reference external" href="/feeds/all.atom.xml">flux Atom</a> et vous notifier d’une nouveauté autant qu’il
y ait quelque chose à se mettre sous la dent :)</p>
<p>J’ai corrigé d’autres points, moins visibles coté <span class="caps">CSS</span> et coté Pelican, j’ai mis
à jour la <a class="reference external" href="https://epyisageek.net/pages/todo-du-site.html"><span class="caps">TODO</span></a>.</p>
<p>J’ai environ 14 articles en brouillon dont 5 de
<a class="reference external" href="https://epyisageek.net/article/vie-privee-et-technologies.html">la série d’articles sur la vie privée</a>,
certains bien entamés d’autres pas du tout.</p>
<p>Il manque parfois de la motivation pour commencer ou reprendre un texte, la crainte
de le faire aussi imbuvable que des <acronym><span class="caps">CGU</span></acronym></p>
<p>Ça vient, doucement mais sûrement ;)</p>
<table class="docutils footnote" frame="void" id="footnote-1" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label">[1]</td><td>Que ce soit par le prix ou les libertés d’utilisation, de compréhension, de modification et de distribution.</td></tr>
</tbody>
</table>
</div>
Vie privée et dangers2022-11-28T22:50:00+01:002022-11-28T22:50:00+01:00Epytag:epyisageek.net,2022-11-28:/article/vie-privee-et-dangers.html<p class="first last">Ne pas protéger votre vie privée est dangeureux pour tous</p>
<p>Voici le premier volet de <a class="reference external" href="https://epyisageek.net/article/vie-privee-et-technologies.html">la série d’articles sur la vie privée</a>.</p>
<div class="section" id="definition-de-la-vie-privee">
<h2>Définition de la vie privée</h2>
<p>Même si certaines personnes affirment que la vie privée n’existe plus, je suis
convaincu qu’elles ne raconteraient pas tout de leur vie en public; ce qu’elles
racontent sur les réseaux n’est pas l’intégralité et n’est peut-être même pas vrai.
Elles ne laisseraient pas non plus la porte des toilettes grande ouverte en tout lieu.</p>
<p>Je ne vais pas recopier la définition d’un dictionnaire mais tenter de résumer ce
qu’on peut en dire:</p>
<p>Définir sa vie privée c’est définir les cercles de personnes auxquelles on va
raconter tel ou tel aspect de sa vie, de ses pensées, de ses rêves et traumatismes.</p>
<p>Ce que vous racontez à vos parents proches, n’est pas ce que vous allez raconter
ou montrer à vos meilleurs amis, qui est encore différent de ce que vous montrez
à vos amis et est encore différent de ce que vous publiez sur les réseaux
à de parfaits inconnu-e-s ou à toutes les personnes « qui vous suivent » <a class="footnote-reference" href="#footnote-1" id="footnote-reference-1">[1]</a></p>
<p>Vous vous rendez bien compte que vous ne dites pas forcément qui vous fréquentez,
(amicalement, sexuellement ou sentimentalement), où est-ce que vous vivez, ce que
vous mangez, ce que vous faites de votre temps libre, .. à ces groupes de personnes
tout le temps et sans aucune distinction.</p>
<p><strong>Nous avons donc tous une vie privée.</strong></p>
<div class="section" id="je-n-ai-rien-a-cacher">
<h3>« Je n’ai rien à cacher »</h3>
<p>Ce que font les sociétés aujourd’hui, les <span class="caps">GAFAM</span> mais beaucoup d’autres aussi, c’est
vous enlever cette sélection et ces choix.
Ils vous incitent à tout partager, sous prétexte que vos cercles sont restreints
mais eux récupèrent tout sans distinction pour en faire leur business.</p>
<p>Ces entreprises veulent revendre vos données et métadonnées à leur clients, qui eux
sont intéressés par savoir ce que vous faites et aimez pour vous proposer
quelque chose à acheter, c’est majoritairement pour cela, il n’est pas question
d’une conspiration ici.
Mais le fait même que ces données soient enregistrées quelque part est un problème sérieux.</p>
<p>Des parents peuvent découvrir la sexualité de leur enfant par hasard,
un conjoint peut apprendre l’infidélité de sa/son partenaire, une grossesse,
un gain d’argent important, … , les exemples sont infinis.</p>
<p>« <a class="reference external" href="https://jenairienacacher.fr/">Je n’ai rien à cacher</a> » est une réponse qu’on entend souvent lorsque l’on veut
alerter sur les dangers de ne plus avoir de vie privée.</p>
<p>C’est <strong>faux</strong>.</p>
<p>Déjà avec les exemples du paragraphe précédent vous pouvez vous en rendre compte.
Et des raisons plus sociétales existent, c’est exactement ce que racontent les
liens du site “<a class="reference external" href="https://jenairienacacher.fr/">Je n’ai rien à cacher</a>” :
Ce que vous voulez cacher n’est pas ce que vous pensez être honteux, mais ce que
la société trouve honteux/souhaite voir disparaitre.</p>
<p>Et des changements de société radicaux ça existe ! L’évolution des mœurs vers
moins de libertés est possible comme en attestent les évènements aux <span class="caps">USA</span> depuis 2020 <a class="footnote-reference" href="#footnote-2" id="footnote-reference-2">[2]</a>,
et partout ailleurs dans le monde.</p>
</div>
<div class="section" id="les-donnees-privees-et-metadonnees">
<h3>Les données privées et métadonnées</h3>
<img alt="illustration 3 smartphones prennent une pizza en photo ref page "À propos" 13-A" class="illus" src="../medias/images/illus_articles/yoav-aziz-1uQQrwzjKms-unsplash.jpg" />
<p>Aujourd’hui, avec l’informatisation globale, connectée, tout est une donnée.
Autant la photo de votre assiette que le nombre de pas que vous avez fait par jour,
que votre dernier <span class="caps">SMS</span> à votre ami(e) d’enfance ou l’heure à laquelle vous allumez
le chauffage/la climatisation, <strong><span class="caps">TOUT</span></strong>.</p>
<p>Les métadonnées sont des informations associées à d’autres données: Dans les informations
contenues par la photo de votre assiette, il y a l’image de l’assiette mais aussi
la date et l’heure à laquelle elle a été prise ainsi que, très souvent, la position <span class="caps">GPS</span> s’il est allumé.</p>
<p>Une donnée qu’on ne pense pas importante: le modèle de l’appareil qui a pris la photo.
Une info anodine en apparence mais qui peut donner votre niveau de vie, donc
votre propension à dépenser, faisant de vous un prospect idéal pour les vendeurs (qui achètent vos profils).</p>
<p>Et plus indirectement, grâce à l’égémonie de ces plateformes,
si toutes les personnes qui ont pris une photo de leur assiette
ce jour là l’ont laissée être copiée sur un compte Google ou Apple, ces deux
entreprises savent qui de leurs clients étaient dans ce restaurant ce jour là,
à cette heure là.</p>
<p>Un autre exemple, avec les services domotiques de ces grosses entreprises
l’heure à laquelle vous rentrez chez vous est aussi connue par l’allumage de la lumière
du chauffage / de la clim corrélé par votre téléphone Android ou iOS qui capte votre réseau wifi
personnel. <a class="footnote-reference" href="#footnote-3" id="footnote-reference-3">[3]</a></p>
<p>Et les métadonnées les plus courantes sont les dates et heures de vos discussions
avec telle ou telle personne pour en déduire la relation que vous pourriez avoir,
et si cette conversation n’est pas chiffrée de bout en bout (c’est rarement le cas)
il suffit d’y intercepter quelques mots pour savoir de quoi vous parliez.</p>
</div>
</div>
<div class="section" id="qu-est-ce-que-proteger-sa-vie-privee">
<h2>Qu’est-ce que “protéger sa vie privée” ?</h2>
<p>C’est limiter les données que vous rendez publiques et faire respecter
les cercles que vous avez défini.</p>
<p>C’était quelque chose qui demandait un peu d’attention il y a quelques années,
aujourd’hui c’est devenu une lutte de tous les jours.</p>
<p>De nombreuses étapes sont accessibles cependant:</p>
<blockquote>
<ul class="simple">
<li>Migrer vos données vers des services d’hébergement non commerciaux (mais pas forcément gratuits). <a class="footnote-reference" href="#footnote-4" id="footnote-reference-4">[4]</a></li>
<li>Désactiver certaines fonctions de vos smartphones et n’en activer d’autres qu’au besoin et non en permanence.</li>
<li>Ne plus utiliser les services gratuits en ligne de ces sociétés (depuis les cartes géographiques aux services de visioconférence).</li>
<li>Lire et poser des questions aux personnes qui sont déjà sensibilisées et vous faire votre propre avis.</li>
</ul>
</blockquote>
<p>Demandez des avis à ceux dont c’est le métier et la passion, dont je fais partie,
par exemple par Mastodon (voir le lien dans le menu de navigation).</p>
<div class="section" id="la-votre-et-celle-des-autres">
<h3>La vôtre et celle des autres</h3>
<img alt="illustration une personne en train de prendre l'observateur en photo avec un iphone ref page "À propos" 14-A" class="illus" src="../medias/images/illus_articles/jelleke-vanooteghem-qN0zijYW5Ms-unsplash.jpg" />
<p>Lorsque vous enregistrez ou synchronisez vos photos du smartphone sur votre compte Google
ou Apple il n’y a pas que vous qui êtes pisté(e), les personnes présentes sur la photo également
vos proches, vos amis.</p>
<p>Lorsque vous enregistrez votre carnet de contacts sur votre compte Apple iCloud
les coordonnées de toutes ces personnes sont maintenant connues par cette société
alors que les personnes concernées n’ont pas donné leur accord..
C’est donc bien un changement de toutes les pratiques de tout le monde qu’il faut effectuer.</p>
<p>Partager la photo ou vidéo du petit nouveau né de la famille sur Facebook est pareil, cet
enfant n’a pas donné son accord, n’est même pas en âge de comprendre ce qu’est le
consentement que déjà sa vie, son corps (parfois nu) est exposé sur Internet au
vu de, dans le meilleur des cas, tout un tas de relations que vous avez.</p>
<p>Pour un peu que la vidéo ou photo soit amusante elle va circuler, sortir de votre
cercle restreint du départ et vous en perdrez le contrôle totalement. Pire, c’est
cet enfant, cette future personne qui a déjà perdu un peu de sa vie privée..</p>
<p>Les robots (logiciels) de Google, Facebook, Apple et consort scrutent en permanence tout le contenu
que vous publiez afin de le classer et d’y ajouter des métadonnées pour leurs clients.
Leurs clients étant des sociétés publicitaires ou des sociétés commerciales qui
veulent savoir s’ils vont vous envoyer la dernière publicité ou promotion avec le
maximum de chance que vous achetiez..</p>
<p>Pour continuer cet exemple, la photo de cet enfant en bas âge vous classera dans les
clients susceptibles d’acheter des couches, des peluches etc.
Plus grand, des jouets, des livres scolaires…</p>
<p>Les robots sont aussi là pour que ces grosses sociétés se protègent du contenu
illégal, pour ne pas risquer de procès pour avoir permis la diffusion d’un
contenu répréhensible. Les lois américaines et depuis quelques temps même françaises
mettant autant de responsabilité sur l’hébergeur des contenus que sur l’auteur.</p>
</div>
<div class="section" id="la-photo-le-medecin-la-police-le-compte-ferme">
<h3>La photo, le médecin, la police, le compte fermé</h3>
<p>Un exemple assez choquant <a class="footnote-reference" href="#footnote-5" id="footnote-reference-5">[5]</a> est
l’histoire d’un père aux État Unis ayant craint pour la santé de son enfant:
il a transmis à son médecin la photo du sexe de son enfant pour montrer le symptôme.
Puis il a oublié cette photo une fois l’enfant soigné.</p>
<p>La photo ayant été synchronisée sur le cloud de Google, elle a été passée en revue
par les robots qui ont détecté un enfant nu. Pour se protéger et éventuellement
protéger les enfants la société Google a complètement clos le compte du père et
transmis l’information à la police.</p>
<p>Cette dernière a fait une enquête (ce qui ne doit pas être simple ni agréable
pour le père d’être accusé de pédophilie) et a conclu qu’il n’y avait pas de risque
pour l’enfant. Tant mieux ?
Oui, mais Google n’a pas rétabli le compte et ne laisse aucun moyen de médiation
malgré l’information qu’il n’y avait rien de grave.</p>
<p>Que cela veut-il dire ? Qu’il ne faut pas garder la photo sur son téléphone ? Non
Elle peut être synchronisée dans la minute avec les débits des réseaux actuels.
Elle peut aussi être reçue par le médecin sur un compte Google, donc le résultat
serait le même.</p>
<p>Qu’il ne faut pas prendre ce genre de photo ? Oui et non, il est pratique
de pouvoir être rassuré voire d’obtenir un diagnostique rapide..
En revanche, éviter pour le père et pour le médecin d’utiliser les services gratuits
ou payants de ces sociétés oui ! De chiffrer toutes les données personnelles, surtout
de santé .. De quitter ces services pseudo-gratuits et faire moins confiance
parce qu’il s’agit de technologie qu’on ne maîtrise pas.</p>
<p>Il faut se renseigner, demander une formation pour comprendre les bases si besoin,
comprendre comment ça fonctionne à votre niveau d’intérêt technique et demander
plus d’informations à celles et ceux qui savent lorsque cela est nécessaire.</p>
<p>Cet article est déjà très long, je vais l’arrêter là. Les solutions concrètes à
tout cela arrivent dans le dernier article de <a class="reference external" href="https://epyisageek.net/article/vie-privee-et-technologies.html">la série</a>
pour éviter de tout éparpiller.</p>
<p>J’ajouterai des liens dans les deux sens afin de retrouver plus facilement les
informations.
Comme toujours, si vous souhaitez retrouver des articles qui m’ont incité à écrire
ceci, vous pouvez vous rendre ici: <a class="reference external" href="https://links.epyisageek.net/?searchterm=&searchtags=ViePrivee">tag Vie privée</a></p>
<p>Merci d’avoir lu jusqu’ici :)</p>
<table class="docutils footnote" frame="void" id="footnote-1" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#footnote-reference-1">[1]</a></td><td>C’est une expression vraiment réçente parce que si vous la décorrelez
des réseaux sociaux sur Internet cela devient carrément inquiétant :D</td></tr>
</tbody>
</table>
<table class="docutils footnote" frame="void" id="footnote-2" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#footnote-reference-2">[2]</a></td><td>Remise en cause du droit à l’avortement de la consitution, attaque du
Capitole pour remettre la présidence à un ancien président sans élections, ..</td></tr>
</tbody>
</table>
<table class="docutils footnote" frame="void" id="footnote-3" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#footnote-reference-3">[3]</a></td><td>Oui Apple le fait aussi malgré leur argument de protection de la vie privée,
ils récupèrent ces informations et les vendent également:
<a class="reference external" href="https://links.epyisageek.net/?searchterm=&searchtags=ViePrivee+Apple">https://links.epyisageek.net/?searchterm=&searchtags=ViePrivee+Apple</a></td></tr>
</tbody>
</table>
<table class="docutils footnote" frame="void" id="footnote-4" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#footnote-reference-4">[4]</a></td><td>J’aborderai dans le dernier article les solutions d’hébergement alternatives,
dont les <a class="reference external" href="https://www.chatons.org/"><span class="caps">C.H.A.T.O.N.</span>S</a></td></tr>
</tbody>
</table>
<table class="docutils footnote" frame="void" id="footnote-5" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#footnote-reference-5">[5]</a></td><td><a class="reference external" href="https://www.developpez.com/actu/335868/Un-pere-a-pris-en-photo-son-enfant-nu-et-l-a-envoyee-au-pediatre-mais-Google-l-a-marque-comme-criminel-apres-avoir-desactive-son-compte-et-signale-aux-forces-de-l-ordre/">https://www.developpez.com/actu/335868/Un-pere-a-pris-en-photo-son-enfant-nu-et-l-a-envoyee-au-pediatre-mais-Google-l-a-marque-comme-criminel-apres-avoir-desactive-son-compte-et-signale-aux-forces-de-l-ordre/</a></td></tr>
</tbody>
</table>
</div>
</div>
Lisibilité petits écrans2022-06-05T23:00:00+02:002022-06-05T23:00:00+02:00Epytag:epyisageek.net,2022-06-05:/article/lisibilite-petits-ecrans.html<p class="first last">De nouvelles modifications pour la lisibilité des articles (page d’accueil)</p>
<div class="section" id="des-tests-mal-faits">
<h2>Des tests mal faits ..</h2>
<p>Mon message annonçant la sortie de deux gros articles sur la
<a class="reference external" href="https://epyisageek.net/article/vie-privee-et-technologies.html">vie privée</a> a été l’occasion
d’un retour sur la lisibilité sur les écrans plus petits et surtout en format portrait.</p>
<p>Ce n’était effectivement pas génial, je n’avais pas assez testé cette possibilité.
Mea culpa.</p>
<p>C’est maintenant un peu mieux, avec une bascule d’affichage <strong>en dessous de 650px
de largeur</strong>, tout sera aligné de haut en bas au lieu de se serrer à droite et à gauche.</p>
<p>J’ai réduit l’affichage de l’en-tête et de quelques images illustratives pour diminuer
le défilement vertical que cela génère.</p>
<p>C’est probablement perfectible, j’espère que cela sera nettement mieux quand même.</p>
<p>Contrairement à ce que j’ai écrit, ce n’était pas <em>mobile first</em>, c’était mon
précédent site, avec un framework <span class="caps">CSS</span> bien lourd qui l’était. Celui-ci est fait
entièrement à la mimine.</p>
<p>Merci pour ces retours ! N’hésitez pas à me contacter par <a class="reference external" href="https://social.bim.land/@Epy">Mastodon</a>.</p>
</div>
Vie privée et informatique tous publics2022-04-20T17:00:00+02:002022-04-20T17:00:00+02:00Epytag:epyisageek.net,2022-04-20:/article/vie-privee-et-informatique-tous-publics.html<p class="first last">Les dangers de l’informatique tous publics actuelle</p>
<p>Cet article est le deuxième volet de <a class="reference external" href="https://epyisageek.net/article/vie-privee-et-technologies.html">la série d’articles sur la vie privée</a>.</p>
<div class="section" id="l-informatique">
<h2>L’informatique …</h2>
<p>Il faut déjà définir ce que j’entends par “Informatique” puisque le terme est très générique
j’aurais pu parler de bureautique et de jeux puisque ce sont essentiellement, hélas,
les utilisations qui en sont faites.</p>
<p>L’informatique dont je souhaite parler ici est donc le ou les ordinateurs, fixes ou portables,
que vous avez chez vous.</p>
<p>Ne pensez pas aux appareils mobiles, smartphones ou tablettes, cela fait
l’objet d’un article à part entière.</p>
<div class="section" id="les-ordinateurs-connectes">
<h3>Les ordinateurs connectés</h3>
<p>Cela n’était probablement pas imaginé à l’avènement de l’informatique à domicile,
les ordinateurs servant plutôt à faire des tableurs, faire sa comptabilité, jouer
(à des jeux installés localement), mais l’arrivée d’Internet dans les foyers a bousculé
beaucoup de choses dont les usages que les clients pouvaient faire mais aussi ce que
le commerce pouvait tirer de cette connexion devenue permanente à l’arrivée de l’<span class="caps">ADSL</span>.</p>
<p>Un futur article développera ce qui s’est passé sur Internet à partir de cette époque
(pas si lointaine !), restons sur les postes informatiques eux-mêmes.</p>
<p>Les systèmes d’exploitation de l’époque n’ayant pas prévus qu’il seraient connectés
en permanence il y avait peu de moyens de récupérer les informations et activités
des utilisateurs, les trackers publicitaires n’auraient eu aucune efficacité.</p>
<p>C’est à partir de Windows 7, dans ses dernières mises à jour, que nous avons vu
fleurir des trackers d’activité et de matériel <a class="footnote-reference" href="#footnote-1" id="footnote-reference-1">[1]</a>, officiellement des <em>métriques</em> pour suivre et
améliorer la qualité des logiciels utilisés <a class="footnote-reference" href="#footnote-2" id="footnote-reference-2">[2]</a>.</p>
<p>Windows 10 venant ensuite exploser les compteurs de traceurs et détruire massivement
les libertés individuelles <a class="footnote-reference" href="#footnote-3" id="footnote-reference-3">[3]</a>, étant conçu comme un système connecté en permanence
grâce à l’accès Internet devenu très facile et permanent, à la maison comme en mobilité.</p>
<p>De nombreux services intégrés récupèrent et analysent ce que vous faites avec votre
poste de travail, où vous vous situez, ..</p>
<p>Cela est tellement étendu que de nombreux utilitaires gratuits
(mais pas tous libres) ont été diffusés sur Internet, la quantité d’informations volées
et leurs réglages cachés étant humainement ingérables.</p>
<div class="admonition attention">
<p class="first admonition-title">Attention!</p>
<p class="last">Les utilitaires dont le code source n’est pas partagé publiquement et vérifié
pourraient aussi être néfastes pour vos données ou votre vie privée).</p>
</div>
<img alt="illustration ordinateurs hors service sur une étagère ref page "À propos" 16-A" class="illus" src="../medias/images/illus_articles/z-yu-rR8o1kEBmMQ-unsplash.jpg" />
</div>
<div class="section" id="les-motivations-officielles-et-officieuses">
<h3>Les motivations officielles et officieuses</h3>
<p>Comme nous le verrons tout au long de la série, les motivations <strong>affichées</strong>
pour intégrer du suivi d’activité des utilisateurs, du matériel et
des métas-données sont toujours pour l’amélioration continue des logiciels,
<em>“l’expérience personnalisée”</em>, la protection de l’utilisateur ou de la société éditrice.</p>
<p>Il s’agit en réalité de protéger surtout les finances de la société éditrice, de quelques
sociétés amies de l’éditeur et de se fournir une énième source de revenus.</p>
<p>Le système pouvant rapporter tout ce que vous faites avec leur logiciel en permanence
ils peuvent vous interdire d’écouter de la musique achetée sur un autre appareil,
vous empêcher de changer un composant de votre <span class="caps">PC</span> sans passer à la caisse à nouveau, ..</p>
<p>Et surtout, ils récupèrent les sites visités, les personnes avec qui vous êtes en contact,
les heures d’utilisation de votre poste informatique, la liste des logiciels installés
et leur fréquence d’utilisation, les recherches dans le moteur de recherche
intégré au système afin d’établir un profil commercial.</p>
</div>
<div class="section" id="la-publicite-et-le-commerce">
<h3>La publicité et le commerce</h3>
<p>Comme nous le verrons encore dans un autre article, depuis plusieurs années une
certaine société a démontré que le secteur publicitaire en ligne était très juteux.
Beaucoup de sociétés étant en mesure de payer (parfois à l’excès) pour obtenir
de la visibilité et espérer en tirer quelques ventes supplémentaires.</p>
<p>Multiplié par le nombre de sociétés commerciales visant le grand public
cela représente une quantité énorme de clients souhaitant savoir
quels clients cibler pour faire le maximum de ventes.
Plus le profilage est précis (connaître exactement les goûts et les besoins de
chaque personne d’un foyer) plus le profil a de la valeur parce que les
vendeurs ont plus de chances d’en obtenir une vente.</p>
<p>Certains éditeurs de logiciels devenant donc des intermédiaires volontaires et rémunérés.</p>
<p>Un système d’exploitation ayant accès à <strong>absolument tout</strong> ce que vous faites
et étant donc connecté à Internet en permanence ou quasi-permanence il lui est
facile d’enregistrer tout ce que vous faites, ce que vous tapez,
vos horaires d’activité et, grâce à l’intégration des micros et webcams pour les
visioconférences dans les ordinateurs portables, il peut même écouter vos conversations
en prétextant attendre vos commandes vocales.</p>
<p>Voici <a class="reference external" href="https://video.lqdn.fr/w/9772f4a0-c025-4238-bfff-2ca473eceb54">une courte vidéo</a> témoignage d’une personne, vous montrant bien que tout est
écouté et traduit en langage machine, pour les bases données commerciales.</p>
<p>Microsoft se sert aussi de votre profil de façon plus directe par l’ajout d’encarts
publicitaires directement dans les menus du système depuis Windows 10. L’<span class="caps">OS</span> a été
conçu dès l’origine pour ce genre de possibilités.</p>
<p>Certaines publicités ne sont pas ciblées et sont seulement des partenariats (rémunérés)
avec d’autres éditeurs logiciels comme des jeux ou des pilotes d’imprimantes,
préinstallés ou prêts à s’installer au moindre clic de curiosité dessus.</p>
<p>Microsoft ne changera pas sa ligne directrice: Windows est devenu un produit publicitaire
et non plus juste un système d’exploitation pour faire fonctionner du matériel.</p>
</div>
<div class="section" id="et-la-societe-apple">
<h3>Et la société Apple ?</h3>
<p>Je n’en ai pas parlé jusque là, un peu par méconnaissance, ils sont plus discrets
et font moins les gros titres sur ce sujet; ainsi que parce que leur philosophie
est un peu différente: ils cherchent à enfermer les utilisateurs chez eux
en construisant des services fermés <a class="footnote-reference" href="#footnote-4" id="footnote-reference-4">[4]</a> sur eux-mêmes et mettent en avant la protection
de la vie privée de leurs clients vis à vis des autres grosses sociétés (sic).</p>
<p>Ils en font pourtant <a class="reference external" href="https://www.capital.fr/entreprises-marches/surprise-apple-vendrait-aussi-nos-donnees-personnelles-1339813">de même</a>.</p>
</div>
<div class="section" id="et-les-distributions-linux">
<h3>Et les distributions Linux ?</h3>
<p>Ce sujet là je le connais bien, mais je ne vais pas énormément le détailler ici,
je réserve les détails au dernier article de cette série.
Cependant, pour comprendre pourquoi cela est une très bonne solution pour se protéger
il faut connaitre quelques points:</p>
<ul class="simple">
<li>Les distributions <span class="caps">GNU</span>/Linux ne sont généralement pas commerciales:
Elles sont gratuites mais ne proposent pas de publicités ou de récupération de
votre vie privée en échange de quelque chose. Elles sont créées et maintenues
par des bénévoles très souvent ou par des entreprises mais qui vendent déjà un
service de support aux entreprises.</li>
<li>Elles n’auraient pas les moyens de récupérer autant de données:
Les distributions sont hébergées sur des petits serveurs, par des bénévoles
n’ayant pas les moyens d’acheter des fermes de serveurs et de stockage pour
traiter et revendre tout ce qui serait récupéré.</li>
<li>La valeur de la vie privée est très élevée dans les communautés libristes:
Le viol de la vie privée est totalement contraire aux valeurs des développeurs
mainteneurs et tous les bénévoles qui y participent, ils créent une distribution
qui répond d’abord à leurs besoins et leur vision, ils n’iraient pas renvendre
leurs propres données et vies privées à des sociétés tierces.
(Les valeurs ‘libristes’ mériteraient probablement un article à part entière d’ailleurs)</li>
</ul>
<p>Je pourrais certainement trouver d’autres raisons qui font qu’il n’y a pas de
risque majeur de scrutation de votre vie privée et de vos données, mais je laisse
cela pour l’article final.</p>
<p>Cela ne vous empêche pas de vous renseigner avant d’installer une distribution
<span class="caps">GNU</span>/Linux, il y existe toujours des personnes malveillantes qui peuvent tenter de
détourner des valeurs dont ils se fichent pour leur propre profit.
Les tentatives d’ajouter du code malveillant à des distributions existantes
existent bel et bien mais elles ont été déjouées ou découvertes rapidement.</p>
</div>
<div class="section" id="se-proteger">
<h3>Se protéger ?</h3>
<p>J’aborde rapidement ce sujet ici, ce sera plus détaillé dans le dernier article:
Il n’est pas possible de se prémunir de ces violations de votre vie privée et de
votre utilisation personnelle de votre matériel informatique <strong>en continuant d’utiliser</strong>
les produits des <a class="reference external" href="https://epyisageek.net/pages/les-gafam.html"><span class="caps">GAFAM</span></a>.</p>
<p>Ils ont prouvé à maintes reprises qu’ils n’avaient que faire de l’avis de leurs
propres utilisateurs ou clients qui ont pourtant réclamé des réglages
afin de désactiver tout cela.
Les réglages existants ne font que semblant d’agir, les informations
continuent de circuler vers les serveurs de ces entreprises.</p>
<p>Les blocages des serveurs Microsoft coté pare-feu de l’utilisateur
(la box Internet par exemple) sont contournés avec des noms de domaine
et des <span class="caps">IP</span> qui changent régulièrement …</p>
<p>Les outils gratuits disponibles sur Internet ne peuvent pas
lutter contre la rapidité des mises à jour qui changent le comportement
ou remettent la valeur initiale prévue par Microsoft; ni les informations qui
sont extraites et transmises sans être configurables du tout.</p>
<p>Avec ces liens vous pourrez régulièrement voir les nouveaux liens d’information
que j’enregistre sur ce sujet: <a class="reference external" href="https://links.epyisageek.net/?searchterm=&searchtags=ViePrivee+Microsoft+">Microsoft</a>, <a class="reference external" href="https://links.epyisageek.net/?searchterm=&searchtags=ViePrivee+Apple+">Apple</a>.</p>
<table class="docutils footnote" frame="void" id="footnote-1" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#footnote-reference-1">[1]</a></td><td><a class="reference external" href="https://www.winmacsofts.com/windows-7-supprimer-les-mouchards-embarques/">https://www.winmacsofts.com/windows-7-supprimer-les-mouchards-embarques/</a> (<strong>ne cliquez pas</strong> sur le bouton Telecharger)</td></tr>
</tbody>
</table>
<table class="docutils footnote" frame="void" id="footnote-2" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#footnote-reference-2">[2]</a></td><td><a class="reference external" href="https://framablog.org/2019/02/18/windows-10-plongee-en-eaux-troubles/">https://framablog.org/2019/02/18/windows-10-plongee-en-eaux-troubles/</a></td></tr>
</tbody>
</table>
<table class="docutils footnote" frame="void" id="footnote-3" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#footnote-reference-3">[3]</a></td><td>Pour expliquer rapidement: une société peut avoir des tableaux d’affichage
avec les données récupérées pour savoir où le logiciel plante et quand est-ce
qu’il a du mal à faire correctement ses opérations.</td></tr>
</tbody>
</table>
<table class="docutils footnote" frame="void" id="footnote-4" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#footnote-reference-4">[4]</a></td><td>Services qu’il n’est pas possible de quitter facilement en transférant ses données ailleurs.
Les manipulations sont volontairement complexes pour des non-informaticiens voire
totalement impossibles.</td></tr>
</tbody>
</table>
</div>
</div>
Vie privée et technologies2022-04-18T00:00:00+02:002022-04-18T00:00:00+02:00Epytag:epyisageek.net,2022-04-18:/article/vie-privee-et-technologies.html<p class="first last">Tout ce que vous voudriez savoir sur les vrais dangers des technologies et leur mauvaise utilisation actuelle.</p>
<div class="section" id="de-quoi-s-agit-il">
<h2>De quoi s’agit-il ?</h2>
<p>Cela fait un moment que je cherche un angle et du contenu pour parler de ce
sujet qui me tient à cœur.</p>
<p>Les technologies actuelles (appareils électroniques connectés, services en ligne, ..)
vendues ou “offertes” par des entreprises posent de gros problèmes pour la vie privée,
le droit à l’anonymat, la liberté de choix, l’accessibilité, …</p>
<p>Ces sujets concernent de plus en plus de personnes non techniques, elles s’interrogent
et parfois posent des questions ou demandent de l’aide.
Le but de cette série n’est pas de faire peur mais de montrer l’ampleur du problème
et d’en faire une liste assez exhaustive, en tout cas pour la partie grand public.</p>
<p>Nous verrons quels sont les dangers de ces solutions propriétaires et commerciales,
qu’est-ce que la vie privée et pourquoi faut-il encore la protéger,
que peut-il se passer et que s’est-il déjà passé ainsi que les alternatives.</p>
<p>Le thème de la vie privée sera abordé dans les catégories suivantes:</p>
<blockquote>
<ul class="simple">
<li><a class="reference external" href="https://epyisageek.net/article/vie-privee-et-dangers.html">Les dangers de la disparition de la vie privée</a></li>
<li><a class="reference external" href="https://epyisageek.net/article/vie-privee-et-informatique-tous-publics.html">L’informatique tous publics</a></li>
<li>Internet et les services en ligne <em>(en cours de rédaction)</em></li>
<li>Le smartphone <em>(en cours de rédaction)</em></li>
<li>Les objets connectés <em>(en cours de rédaction)</em></li>
<li>La domotique <em>(en cours de rédaction)</em></li>
<li>Les alternatives <em>(en cours de rédaction)</em></li>
</ul>
</blockquote>
<p>Tous les titres et sous-titres de cette série seront compilés en une présentation web
utilisable en conférence par celles et ceux qui souhaitent communiquer
sur le sujet mais ont besoin d’un support.</p>
<p>La licence est libre bien entendu, <a class="reference external" href="https://epyisageek.net/pages/a-propos.html">comme tout le contenu de ce site</a>
(hors photos d’illustration, dont les informations sont sur la page <em>À propos</em>).</p>
<p>Vous avez le droit de lire ce contenu, de le diffuser, de le modifier et de
diffuser les versions modifiées (à condition de citer l’auteur et de le diffuser
sous les mêmes conditions); ce qui n’empêche pas de <a class="reference external" href="https://social.bim.land/@Epy">me faire des retours</a>
afin de corriger des erreurs ou compléter mes propos, ils sont les bienvenus.</p>
<p>Je compte partager un dépot Git avec ce contenu dès que cela me sera possible.</p>
<div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">L’orientation globale de cet ensemble d’articles reflète des opinions personnelles
que vous n’êtes pas obligée-obligé de partager.</p>
</div>
</div>
<div class="section" id="se-renseigner">
<h2>Se renseigner</h2>
<p>J’enregistre régulièrement des adresses concernant ce sujet, elles sont taggées pour
un classement automatique.</p>
<p>Voici tous <a class="reference external" href="https://links.epyisageek.net/?searchterm=&searchtags=ViePrivee">les liens que je conserve au sujet Vie Privée</a>, ce sera toujours à jour !</p>
<p>Bien entendu, je ne suis pas la seule source d’information sur Internet, faites
vos recherches pour croiser les informations et vous faire votre opinion.</p>
<p>Bonne lecture !</p>
</div>
Correctifs !2021-07-11T21:04:00+02:002021-07-11T21:04:00+02:00Epytag:epyisageek.net,2021-07-11:/article/correctifs.html<p class="first last">Les retours que j’ai eus ont été entendus !</p>
<div class="section" id="des-correctifs-suite-a-des-retours">
<h2>Des correctifs suite à des retours</h2>
<p>Un lecteur assidû <a class="reference external" href="https://devys.org">;P</a> m’a fait des retours sur mon contenu
et les manques qu’il peut y avoir.</p>
<p>Je viens donc de faire une passe corrective sur certains points, tous ne sont
pas adressés, comme l’ajout de photos et illustrations..</p>
<p>Cela viendra ! Promis.</p>
<p>Donc comme suggéré, j’ai aussi ajouté une page d’informations techniques annexes, pour le moment
sur <a class="reference external" href="https://epyisageek.net/pages/activitypub.html">ActivityPub</a> uniquement.
La page sera complétée régulièrement.</p>
<p><strong>Edit 31-03-2023:</strong>
Il y a maintenant une page par sujet afin de séparer et éviter les pages extrèmement longues.
Vous trouverez les liens dans le menu déroulant sous “Documentation”</p>
<p>Les projets y faisant appel ont étés mis à jour avec des liens :)</p>
<p>Merci pour ces retours ! N’hésitez pas à me contacter par
<a class="reference external" href="https://social.bim.land/@Epy">Mastodon</a>.</p>
</div>
Un projet pour une asso2021-05-16T21:04:00+02:002021-05-16T21:04:00+02:00Epytag:epyisageek.net,2021-05-16:/article/un-projet-pour-une-asso.html<p class="first last">Après tout, pourquoi se priver de parler d’un projet personnel conçu pour une association de moto qui souhaite mieux communiquer :)</p>
<div class="section" id="affichage-simple-et-automatique">
<h2>Affichage simple et automatique</h2>
<p>Ce projet n’est pas réellement nouveau, mais à l’occasion de sa re-mise en ligne
(serveur de l’association détruit dans l’incendie <span class="caps">OVH</span>) j’ai pensé qu’il serait intéressant
et intelligent de le détailler ici.</p>
<p>Après tout, c’est quand même une création de ma part (un assemblage d’existant + un bout de code)
et l’idée peut intéresser du monde pour la reproduire.</p>
<p>Ce projet de <a class="reference external" href="https://epyisageek.net/pages/diaporama-automatique.html">diaporama</a> n’est finalement
pas si simple, il n’y a pas de solution toute faite qui soit assez souple pour répondre aux besoins de n’importe qui,
en logiciels libres s’entend évidemment. Mais je parie que ce n’est pas mieux avec des solutions fermées, nous en reparlerons.</p>
<p>Il n’est pas encore en production, cela ne devrait plus tarder si le bureau de l’association le valide,
donc je n’ai pas de photos concrètes à montrer. Il va également encore évoluer puisqu’il faudra gérer les vidéos
et parer aux petits et gros problèmes qui pourraient survenir à l’utilisation.</p>
<p>Cela fera l’objet d’un nouvel article et de complément d’informations dans la page du projet ici donc:
<a class="reference external" href="https://epyisageek.net/pages/diaporama-automatique.html">Diaporama automatique</a></p>
<p>Pour les commentaires et questions, n’hésitez pas à me contacter sur Mastodon dont l’icône figure
en bas du menu de gauche.</p>
<p>Enjoy !</p>
<p>Ajout rapide: Voilà déjà deux corrections faites: exécution automatique et
automatisation complète de la génération de la liste ! (cf la page du projet)</p>
</div>
Développements pour le site2020-12-01T21:30:00+01:002020-12-01T21:30:00+01:00Epytag:epyisageek.net,2020-12-01:/article/developpements-pour-le-site.html<p class="first last">Des fonctionnalités supplémentaires pour ce site ! <span class="caps">TODO</span> en progrès</p>
<div class="section" id="du-code-des-icones-du-code-des-bugs">
<h2>Du code, des icônes, du code, des bugs…</h2>
<div class="section" id="la-fonctionnalite-voulue">
<h3>La fonctionnalité voulue</h3>
<p>Plein de petits ajouts en ce 1er décembre, j’étais motivé, j’avais déjà commencé
l’une des features que je voulais ajouter à mes pages de projets..</p>
<p>La fonctionnalité qui a déclenché le reste est donc: l’affichage des informations
autour de chaque projet, sur la page de présentation.</p>
<p>Vous y trouverez donc:</p>
<ul class="simple">
<li>L’état du projet: brouillon (juste une vague idée), réflexion (recherches), réalisation (matérielle et logicielle) , production (projet en cours d’utilisation), abandon</li>
<li>Le lien vers la documentation (dès qu’il y en aura une ! ^_^)</li>
<li>Le lien vers le code source, sur mon dépot Git public</li>
<li>Le nom de la licence choisie ainsi qu’un lien pour le détail</li>
<li>Une page de photos du projet lorsqu’il y en a.</li>
</ul>
<p>Le tout est automatique, il me suffit de préciser l’une ou l’autre de ces infos
dans les méta-données de l’article !</p>
<p>Je suis super content d’être parvenu à un résultat qui me plaise vraiment, du premier
coup quasiment.</p>
</div>
<div class="section" id="les-fonctionnalites-indispensables">
<h3>Les fonctionnalités indispensables</h3>
<p>Pour que cet affichage soit joli et pratique j’ai ajouté des icônes sur les pages:</p>
<img alt="screenshot nouvelles icônes" src="../medias/images/screenshot_icones.png" />
<p>C’était l’occasion de jouer avec <span class="caps">SVG</span> d’ailleurs ! Je ne l’utilise pas encore de
la façon la plus propre, si un pro du domaine regarde le code… ; mais j’ai fait au mieux
de ce que je pouvais pour le moment :)</p>
<p>Les améliorations à ce niveau se feront plus tard, en sous-marin.</p>
<p>Puisque j’avais des icônes pour cette fonction, j’en ai ajouté pas mal d’autres
qui améliorent la lisibilité des informations: Liste des tags, dates de publication et
modification, catégorie, ..</p>
<p>C’est simple, sobre et plutôt facile à maintenir :)</p>
</div>
<div class="section" id="les-petites-modifs-invisibles">
<h3>Les petites modifs invisibles</h3>
<p>J’ai ajouté deux catégories d’articles: systèmes et code. À voir comment je les utilise
Je trouvais que parfois cela pouvait être intéressant pour des articles vraiment ciblés,
comme celui-ci pour une news “développement pur”.</p>
<p>J’adore vraiment Pelican pour tout ce que je peux faire assez simplement (récupération des méta-données…)</p>
<p>J’ai amélioré mon utilisation du protocole OpenGraph sur les pages de news et d’articles,
maintenant les données sont vraiment pertinentes par rapport au contenu et pas
génériques en rapport avec la page d’accueil uniquement.
La modification n’a pris que quelques minutes ! Toutes les infos étaient déjà
récupérées par Pelican</p>
<p>J’ai ajouté des images d’illustration en en-tête d’article, à défaut d’avoir testé
celles qui seront au milieu des articles. Elles ne sont pas encore utilisées mais
le code est prêt (et testé).
Là aussi, plutôt simplement avec une méta-donnée supplémentaire :)</p>
</div>
<div class="section" id="les-bugs">
<h3>Les bugs</h3>
<p>Il y en a forcément, ceux que je n’ai pas encore vus et ceux que j’ai vus:</p>
<ul class="simple">
<li>Les chevrons du menu ne sont pas bien placés</li>
<li>Ces chevrons ne bougent pas à l’ouverture du menu (cette dernière buggue légèrement aussi, mais ça date d’avant)</li>
<li>Le menu ne reste pas ouvert lorsqu’un article est affiché (depuis le début aussi)</li>
</ul>
</div>
<div class="section" id="encore-du-boulot">
<h3>Encore du boulot</h3>
<p>Comme un projet à part entière, ce site aura besoin d’encore pas mal de Ko de code
ou de réorganisation de ma façon de publier: le theme et le contenu sont dans le même
repo Git, pas encore de pages de photos, etc.</p>
</div>
</div>
De nouvelles pages projets2020-10-14T00:36:00+02:002020-10-14T00:36:00+02:00Epytag:epyisageek.net,2020-10-14:/article/de-nouvelles-pages-projets.html<p class="first last">Migration du wiki projet et présentation de tout ce que j’ai en tête.. petit à petit</p>
<div class="section" id="de-nouvelles-pages-de-projets-sont-en-ligne">
<h2>De nouvelles pages de projets sont en ligne</h2>
<p>Puisque le site est fonctionnel, il lui faut du contenu. C’est encore très austère
faute d’illustrations et de schémas mais c’est au moins lisible:</p>
<ul class="simple">
<li><a class="reference external" href="https://epyisageek.net/pages/air-monitor.html">Air Monitor</a></li>
<li><a class="reference external" href="https://epyisageek.net/pages/alarme-porte-de-frigo.html">Alarme Frigo</a></li>
<li><a class="reference external" href="https://epyisageek.net/pages/bike-pc.html">BikePC</a></li>
<li><a class="reference external" href="https://epyisageek.net/pages/boite-aux-lettres-connectee.html">Boite aux lettres connectée</a></li>
<li><a class="reference external" href="https://epyisageek.net/pages/monitoring-screen.html">Écran de monitoring</a></li>
</ul>
<p>Voici donc 5 projets de plus, en attente, en réflexion, en réalisation o/</p>
</div>
Publication de la TODO2020-10-12T23:00:00+02:002020-10-12T23:00:00+02:00Epytag:epyisageek.net,2020-10-12:/article/publication-de-la-todo.html<p class="first last">Publication d’une <span class="caps">TODO</span> allégée et ne concernant que ce site</p>
<div class="section" id="to-do-did-done">
<h2>To do, did, done</h2>
<p>Afin d’avoir du contenu à publier (et donc faire venir des visiteurs) mais continuer
à faire évoluer le code, je publie une “<a class="reference external" href="https://epyisageek.net/pages/todo-du-site.html"><span class="caps">TODO</span></a>”
qui me servira aussi de buts à atteindre à chaque mise à jour du code.</p>
<p>Ce n’est pas la liste complète de ce que j’envisage, mais une version plus légère,
plus facile à atteindre..</p>
<p>Vous la trouverez dans les projets, puisque le développement de ce site en
utilisant Pelican est un projet à part entière :)</p>
</div>
Re-Mise en ligne du site !2020-09-01T19:40:00+02:002020-09-01T19:40:00+02:00Epytag:epyisageek.net,2020-09-01:/article/re-mise-en-ligne-du-site.html<p class="first last">Encore une nouvelle version ?</p>
<div class="section" id="quoi-de-neuf">
<h2>Quoi de neuf ?</h2>
<p>Cette fois c’est la bonne.. encore une fois !</p>
<div class="section" id="etat-des-lieux">
<h3>État des lieux:</h3>
<p>Je ne suis pas très régulier sur la publication du site et je change souvent d’avis,
hélas. Il y avait trop longtemps que je n’avais rien publié, je devais m’y remettre.
Au lieu de cela, j’ai refait un nouveau thème et ajouté une fonctionnalité <a class="reference external" href="https://ogp.me">OpenGraph</a>.</p>
<p>Désolé pour ceux qui préfèrent les fonds clairs, j’ai tranché pour un fond sombre comme beaucoup de mes outils.
L’harmonisation de l’apparence avec les autres services comme Gitea me tient à cœur et arrivera sous peu j’espère.</p>
<p>Place à la publication de contenus, mes projets avancent (un peu) et pour que cela
soit utile il faut en partager les infos et la progression !</p>
</div>
<div class="section" id="todo">
<h3><span class="caps">TODO</span>:</h3>
<p>Il reste plusieurs choses à faire ici:</p>
<ul class="simple">
<li>Gestion des images dans les articles</li>
<li>Lien vers le flux Atom (<span class="caps">RSS</span>)</li>
<li>Des petites finitions esthétiques par-ci par-là</li>
<li>La galerie Photos.. une fois qu’il y aura des photos à y mettre</li>
<li>L’amélioration esthétique et en accessibilité du menu à gauche</li>
<li>Gérer la publication entre le wiki (brouillons, recherches..) , les news (articles dynamiques), les pages (articles des projets)</li>
</ul>
</div>
<div class="section" id="a-venir">
<h3>À venir:</h3>
<p>La tête fourmille de projets, j’ai envie de tous les exposer ici et de les avancer
progressivement en parallèle. Je ferai des news lors des évolutions que vous pourrez
suivre par le flux Atom (à l’ancienne) et peut-être un bot sur <a class="reference external" href="https://joinmastodon.org">Mastodon</a></p>
</div>
</div>
Fe(e)dMe2019-08-31T18:00:00+02:002019-08-31T18:00:00+02:00Epytag:epyisageek.net,2019-08-31:/article/feedme.html<p class="first last">Nouveau projet : Fédération culinaire</p>
<div class="section" id="le-projet">
<h2>Le projet</h2>
<p>L’article sur ce projet balbutiant est à retrouver là <a class="reference external" href="https://epyisageek.net/pages/feedme.html">Fe(e)dMe</a></p>
<p>Il y est question de fédération de serveurs, de cuisine, de partage, de vidéos et photos ..</p>
<p>Pour le moment aucune maquette web n’existe, seulement des idées. Aucun code non plus …</p>
</div>
Le projet FedeHelp2019-08-04T19:40:00+02:002019-08-04T19:40:00+02:00Epytag:epyisageek.net,2019-08-04:/article/le-projet-fedehelp.html<p class="first last">Le projet d’aide fédéré(e)</p>
<div class="section" id="contributions-aux-projets-libres">
<h2>Contributions aux projets Libres</h2>
<p>Ce projet a besoin de visibilité et de mise à plat, je publie donc les premières
réflexions à son sujet, une plateforme d’appel à contributions pour tous les projets
libres qui le souhaitent.</p>
<p>Lire la page de présentation du projet <a class="reference external" href="https://epyisageek.net/pages/fedehelp.html">FedeHelp</a></p>
</div>
Publication de nouvelles pages projets !2019-08-04T18:30:00+02:002019-08-04T18:30:00+02:00Epytag:epyisageek.net,2019-08-04:/article/publication-de-nouvelles-pages-projets.html<p class="first last">Nouveaux projets publiés !</p>
<div class="section" id="de-nouvelles-pages-de-projets-sont-en-ligne">
<h2>De nouvelles pages de projets sont en ligne</h2>
<p>Suite à la mise en ligne du site, il y a un gros retard à rattrapper pour présenter
tous les projets que j’ai en cours et en tête ^_^</p>
<p>Voici les nouvelles pages:</p>
<ul class="simple">
<li><a class="reference external" href="https://epyisageek.net/pages/carpc.html">Le CarPC</a></li>
<li><a class="reference external" href="https://epyisageek.net/pages/webcc.html">L’application WebCarCare</a></li>
<li><a class="reference external" href="https://epyisageek.net/pages/tricolores.html">Les feux tricolores</a></li>
</ul>
</div>
Mise en ligne du site !2019-08-04T18:00:00+02:002019-08-04T18:00:00+02:00Epytag:epyisageek.net,2019-08-04:/article/mise-en-ligne-du-site.html<p class="first last">Le site statique enfin publié !</p>
<div class="section" id="quoi-de-neuf">
<h2>Quoi de neuf ?</h2>
<p>Cela fait plusieurs années que je ne publie plus de site web, faute de temps et
suite à de nombreux changements d’idées à ce sujet, pourtant l’envie de partager
et d’exprimer des avis n’est pas moins forte.</p>
<p>La mise en ligne a été maintes fois reportée par perfectionnisme ^_^. Des choses ont
changé, voici une version imparfaite qui va évoluer :)</p>
<p>Et pour ratrapper le retard, un grand nombre de projets en cours vont faire l’objet d’articles,
de photos un peu plus tard et la mise en ligne du code dès que possible (quand il y en a).</p>
</div>