logo

blog

My website can't be that messy, right? git clone https://hacktivis.me/git/blog.git
commit: 517b6a774b8d0089a833b3f830240f73240c6aa0
parent 6a53cec485fbbcd194b891cb9564b25e7368475d
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date:   Mon, 13 Jul 2020 21:55:36 +0200

s;<img;<img loading="lazy";g

Diffstat:

Mabout.shtml2+-
Mart/#DrawTogether/journey.shtml2+-
Mart/#DrawTogether/monstres.shtml2+-
Mart/#DrawTogether/plante carnivore.shtml2+-
Mart/bitmap/journey.shtml2+-
Mart/paper/draw together monstres.shtml2+-
Mart/paper/fluttershy.shtml2+-
Marticles/AtASSian.xhtml10+++++-----
Marticles/Few updates about this website.xhtml2+-
Marticles/My issue with Github (and Microsoft buying it).xhtml4++--
Marticles/Politique de CW.xhtml2+-
Marticles/linux-audio-output.xhtml2+-
Massemblee.xhtml4++--
Mdecreases of usability.shtml4++--
Mprojects/badwolf.shtml2+-
Mtemplates/en/footer.shtml6+++---
Mtemplates/fr/footer.shtml6+++---
Mtemplates/fr/sidebar.html4++--
Mà propos.shtml2+-
19 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/about.shtml b/about.shtml @@ -9,7 +9,7 @@ <main id="info" class="h-card"> <h2>Basic Info</h2> <span id="avatar"> - <a href="./images/avatar_HD.png"><img class="u-photo" src="./images/avatar.png" alt="Avatar: A howling wolf, with pansexual pride colors “painted” on, a christmas hat is put around the snoot"/></a><br /> + <a href="./images/avatar_HD.png"><img loading="lazy" class="u-photo" src="./images/avatar.png" alt="Avatar: A howling wolf, with pansexual pride colors “painted” on, a christmas hat is put around the snoot"/></a><br /> <a href="./images/avatar.svg">vector</a> </span> <ul> diff --git a/art/#DrawTogether/journey.shtml b/art/#DrawTogether/journey.shtml @@ -8,7 +8,7 @@ <!--#include file="/templates/fr/nav.shtml" --> <section id="content"> <section id="art"> - <img src="./journey.png" alt="« Personnage Principal grimpant la derniere montagne durant une tempete de neige » écrit en noir sur fond blanc" title="Journey"/> + <img loading="lazy" src="./journey.png" alt="« Personnage Principal grimpant la derniere montagne durant une tempete de neige » écrit en noir sur fond blanc" title="Journey"/> </section> <h1>Journey</h1> <p>2014-07-18</p> diff --git a/art/#DrawTogether/monstres.shtml b/art/#DrawTogether/monstres.shtml @@ -8,7 +8,7 @@ <!--#include file="/templates/fr/nav.shtml" --> <main> <section id="art"> - <img src="https://framapic.org/vKHjrEw6yXXQ/FeLs2sB6kbqy.jpg"/> + <img loading="lazy" src="https://framapic.org/vKHjrEw6yXXQ/FeLs2sB6kbqy.jpg"/> <h1>Draw Together Monstres</h1> <p>Mon mien avec une lumière sombre(filtre du pauvre) et en papier-crayon-gomme ;3</p> </section> diff --git a/art/#DrawTogether/plante carnivore.shtml b/art/#DrawTogether/plante carnivore.shtml @@ -8,7 +8,7 @@ <!--#include file="/templates/fr/nav.shtml" --> <main> <section id="art"> - <img src="https://framapic.org/ZAi4kjOaF23d/GjFgJLxXhfbq.png"/> + <img loading="lazy" src="https://framapic.org/ZAi4kjOaF23d/GjFgJLxXhfbq.png"/> <h1>Draw Together Monstres</h1> <p>Carnivore ! Bonne grosse <a href="http://youtu.be/pUtvo3JVVPA">rèf aux garcons boucher</a>. Commencé avec MyPaint et finit avec Krita.</p> </section> diff --git a/art/bitmap/journey.shtml b/art/bitmap/journey.shtml @@ -8,7 +8,7 @@ <!--#include file="/templates/fr/nav.shtml" --> <section id="content"> <section id="art"> - <img src="./journey.png" alt="« Personnage Principal grimpant la derniere montagne durant une tempete de neige » écrit en noir sur fond blanc" title="Journey"/> + <img loading="lazy" src="./journey.png" alt="« Personnage Principal grimpant la derniere montagne durant une tempete de neige » écrit en noir sur fond blanc" title="Journey"/> </section> <h1>Journey</h1> <p>2014-07-18</p> diff --git a/art/paper/draw together monstres.shtml b/art/paper/draw together monstres.shtml @@ -8,7 +8,7 @@ <!--#include file="/templates/fr/nav.shtml" --> <main> <section id="art"> - <img src="https://framapic.org/vKHjrEw6yXXQ/FeLs2sB6kbqy.jpg"/> + <img loading="lazy" src="https://framapic.org/vKHjrEw6yXXQ/FeLs2sB6kbqy.jpg"/> <h1>Draw Together Monstres</h1> <p>Mon mien avec une lumière sombre(filtre du pauvre) et en papier-crayon-gomme ;3</p> </section> diff --git a/art/paper/fluttershy.shtml b/art/paper/fluttershy.shtml @@ -8,7 +8,7 @@ <!--#include file="/templates/en/nav.shtml" --> <main> <section id="art"> - <img src="https://framapic.org/hNbItOhNsIrr/KOXd42UOWVDw.png"/> + <img loading="lazy" src="https://framapic.org/hNbItOhNsIrr/KOXd42UOWVDw.png"/> <h1>Fluttershy</h1> <p>this is my first drawing of a pony with paper and pen (i'ven't draw the cutiemark because i don't have enough place and my pen isn't small enough)</p> </section> diff --git a/articles/AtASSian.xhtml b/articles/AtASSian.xhtml @@ -5,13 +5,13 @@ <p>So after trying to log into Codacy via BitBucket via Atlassian while not remembering either the email nor the password (yeah it was already a huge mess), I guessed the email would be the same as the one Codacy send me the notification.</p> <p>So I go to account recovery, it sends me a email with a overly large link (~1180 characters) to reset my password, google recaptcha greeting, fill the password, omit filling the Full Name, “Submit”, help train the Google AIs, “Full name must not be empty” (at this point I’m quite aware that they are fucking noobs at doing web), fill it, “Submit”, “I’m not a Robot”</p> <figure> - <img src="https://queer.hacktivis.me/media/2bac45b7-6ecb-4873-9445-592fa3b7c8bc/screen.png" alt="Screenshot: Page headed “Are you using the right account?” and choosing for either Signing for BitBucket or using a different account"/> + <img loading="lazy" src="https://queer.hacktivis.me/media/2bac45b7-6ecb-4873-9445-592fa3b7c8bc/screen.png" alt="Screenshot: Page headed “Are you using the right account?” and choosing for either Signing for BitBucket or using a different account"/> <figcaption>Wait… did they just send me a password reset link while my account is non-existent?</figcaption> </figure> <p>Whatever, I end up on https://id.atlassian.com/manage-profile, which goes into a redirection loop (noobs). Well let’s see if there is another way to delete the account. Search for “GDPR Atlassian Delete”, after a bit I end up on a heavily bugged webpage headed “Request deletion of personal data”.</p> <figure> - <img src="https://queer.hacktivis.me/media/fc0972a2-e61e-4f19-95b2-61dd29b3ab12/screen.png" alt="Screenshot: Functionality is not ready yet (it’s broken)"/> - <img src="https://queer.hacktivis.me/media/f3cf3b33-0e5f-420e-886d-cb74aaa514ea/screen.png" alt="Screenshot: Form to request deletion of your personnal data (it works)"/> + <img loading="lazy" src="https://queer.hacktivis.me/media/fc0972a2-e61e-4f19-95b2-61dd29b3ab12/screen.png" alt="Screenshot: Functionality is not ready yet (it’s broken)"/> + <img loading="lazy" src="https://queer.hacktivis.me/media/f3cf3b33-0e5f-420e-886d-cb74aaa514ea/screen.png" alt="Screenshot: Form to request deletion of your personnal data (it works)"/> <figcaption>First image is without accepting launchdarly in uMatrix, second is why accepting it. Enjoy the non-sensical error message.</figcaption> </figure> <p>So once their widget works: <q>There was an error during form submission. Please try again later.</q> Well I try right away (with google recaptcha allowed in the meantime): it works</p> @@ -31,8 +31,8 @@ If you didn't make this request, you can ignore this email. We won't delete your <p>So back where I was…</p> <p>I fiddle a bit with uMatrix on the loop-redirecting id.atlassian.com, end up creating a clean firefox profile, disable referer spoofing on it and it finally loads.</p> <figure> - <img src="https://queer.hacktivis.me/media/abbd992b-ccaa-403f-ad8a-7b0eea397e7c/screen.png" alt="Screenshot: We’ll permanently delete your account"/> - <img src="https://queer.hacktivis.me/media/62f7f0a1-12ea-4446-a286-90584c4706fc/screen.png" alt="Screenshot: Firefox pop-up about “How tracking protection works”"/> + <img loading="lazy" src="https://queer.hacktivis.me/media/abbd992b-ccaa-403f-ad8a-7b0eea397e7c/screen.png" alt="Screenshot: We’ll permanently delete your account"/> + <img loading="lazy" src="https://queer.hacktivis.me/media/62f7f0a1-12ea-4446-a286-90584c4706fc/screen.png" alt="Screenshot: Firefox pop-up about “How tracking protection works”"/> <figcaption>Finally… Extra: Enjoy this mozilla pop-up.</figcaption> </figure> <p>End of this bullshit: <a href="https://queer.hacktivis.me/objects/8f872036-e67e-4f2b-9284-b3153a77362a">2019-02-15 18:17</a> so about 45 minutes.</p> diff --git a/articles/Few updates about this website.xhtml b/articles/Few updates about this website.xhtml @@ -10,7 +10,7 @@ <h2>New colorscheme for this website</h2> <p>Few weeks ago I changed the colorscheme of my terminal from <a href="http://ethanschoonover.com/solarized">solarized</a> (which has quite too much blue even with redshift) to <a href="https://github.com/morhetz/gruvbox-contrib">gruvbox</a> (by the way here is a <a href="https://hacktivis.me/git/st/commit/e61affc3317385cdee0e749da20a2fbb22acb0f3.html">commit to patch st-0.8.1</a> with switch from light and dark), which also has better contrast and something I wanted for a long time: all the colors are viewable nicely, unless you set the same color on fg and bg and maybe few similar things.</p> <p>And having a colorscheme which has poor contrast even for my probably good eyes on a website is totally not something I wanted to keep. And so with this colorscheme default foreground with the soft background nicely passes the WCAG AAA level <a href="https://webaim.org/resources/contrastchecker/?fcolor=EBDBB2&amp;bcolor=32302F">with a ratio of 9.57:1</a>.</p> -<img src="/images/gruvbox-dark-colors.png" alt="Screenshot of the colors of gruvbox dark in my terminal"/> +<img loading="lazy" src="/images/gruvbox-dark-colors.png" alt="Screenshot of the colors of gruvbox dark in my terminal"/> <p>Anyway if you don’t like it, use the atom feed. 😜</p> <p><a href="https://queer.hacktivis.me/objects/5c38ffb7-bd3b-4dfd-a8d8-1d0ade0c8bc4">Post for comments and sharing on the fediverse.</a></p> </article> diff --git a/articles/My issue with Github (and Microsoft buying it).xhtml b/articles/My issue with Github (and Microsoft buying it).xhtml @@ -33,8 +33,8 @@ And one of my favorite thing from coders is <q>but GitHub allows you to edit wit <p>I posted about this on the fediverse before, probably on social.hacktivis.me (RIP). So here github with their dark pattern (Update is highlighted, so not enough privacy given?) is randomly asking me to confirm my account recovery settings. And it is actually bad for security because here it means that Facebook could gain access to Github Accounts. What could go wrong? (Note: I do have a bit of write access to few projects on github).</p> <p>Also I use the <abbr title="Time-based One-time Password Algorithm">TOTP</abbr> token regularly and I have recovery codes in case I would lose it (actually all stored and encrypted with <a href="https://www.passwordstore.org/">pass</a>, maybe I should change that).</p> <figure> - <img src="/images/github_confirm_recovery.png" alt="Github asking me to confirm my account recovery settings, I could risk getting locked out of my account"/> - <img src="/images/github_confirm_recovery_expanded.png" alt="Same but tooltips extended to see that “Recovery Tokens” is actually a sign-in with facebook in disguise"/> + <img loading="lazy" src="/images/github_confirm_recovery.png" alt="Github asking me to confirm my account recovery settings, I could risk getting locked out of my account"/> + <img loading="lazy" src="/images/github_confirm_recovery_expanded.png" alt="Same but tooltips extended to see that “Recovery Tokens” is actually a sign-in with facebook in disguise"/> </figure> <p>One thing I wonder is: <a href="https://queer.hacktivis.me/objects/aeb38dc5-61c9-47c9-b2c6-2827dc80dcb9">Is github putting a similar thing to people not using token?</a>. 2FA is quite useless in my case so I could remove tokens, and I could quite imagine other people doing that but on which 2FA actually increases security. Woops, less people being secure because of a bad design. (Also security ≠ usability is bullshit, but that will be for a later time)</p> <p><a href="https://queer.hacktivis.me/objects/4e657d4d-8eb2-40a2-af0d-1b2ec9531fe4">Post for comments and sharing on the fediverse.</a></p> diff --git a/articles/Politique de CW.xhtml b/articles/Politique de CW.xhtml @@ -5,7 +5,7 @@ <p>Je suis pour les CWs au maximum, c’est-à-dire qu’on relit son message (de toute façon ça évite au passage de faire des fautes et d’être mal compris·e) et on dit au préalable ce qui pourrait être perçu négativement par les personnes qui vont vous lire/écouter/…. Et non y’a pas besoin de boule de cristal pour ça, au pire tu ne penses pas/ne connais pas une oppression tu auras peut-être des réponses ou des messages dans ta timeline à propos justement de cette oppression.</p> <p>Le CW n’est pas de la censure mais un avertissement, une censure c’est quand on ne peut pas poster quelque chose, au contraire un CW peut permettre de poster des choses potentiellement polémiques en avertissant les gens, ce qui fait des réactions négatives moins fortes voire pas de réactions. Mais oui, en gros ça veut dire que tu dois faire attention à ce que tu dis et surtout comment tu le dis, mais franchement ça on le voit plus ou moins partout. Si tu ne vois pas trop en quoi quand quelqu’un·e te dit : Nope là je ne veux pas t’écouter/te laisser dire ça, ce n’est pas une censure, juste la personne qui te montre la porte, merci XKCD pour le message. ☺</p> <figure> - <img src="/images/xkcd_free_speech.png" alt="planche de XKCD sur la liberté d’expression, résumée à la phrase précédente"/> + <img loading="lazy" src="/images/xkcd_free_speech.png" alt="planche de XKCD sur la liberté d’expression, résumée à la phrase précédente"/> <figcaption>I can't remember where I heard this, but someone once said that defending a position by citing free speech is sort of the ultimate concession; you're saying that the most compelling thing you can say for your position is that it's not literally illegal to express.<br /> Je ne me souvient plus quand j’ai entendu ça, mais une personne a dit une fois que défendre sa position en citant la liberté d’expression est en quelque sorte la dernière chose; c’est dire que le plus gros argument que vous pouvez dire est que ce n’est pas littéralement illégal à exprimer.</figcaption> </figure> diff --git a/articles/linux-audio-output.xhtml b/articles/linux-audio-output.xhtml @@ -2,7 +2,7 @@ <a href="/articles/linux-audio-output"><h1>Linux Audio Output APIs</h1></a> <p>About a month ago I took a long afternoon being like "Okay whatever let's see how deep the rabbit hole of linux audio playback goes" (<a href="https://queer.hacktivis.me/objects/33fc99e9-c901-4764-8b75-27d78bf7cc7d">previously</a>, <a href="https://queer.hacktivis.me/objects/3a5e4919-e8ee-4e4c-b50c-899f4afac678">previously</a>). That was a mistake I guess but let's at least avoid others from doing the same and so share what I did as it's fairly complete (patches with reference/citations welcome btw).</p> <p>I consider here as an Audio Output API any reused code which takes a PCM audio stream as input and which is designed to end up to the sound card at some point. In a simple system there should just be some decoders and cross-platform librairies going to the system native API (ones which are nicely desgined being SunAudio and Plan9 audio).</p> -<figure><img title="Linux Audio Output APIs" src="/images/linux-audio-output.svg" /></figure> +<figure><img loading="lazy" title="Linux Audio Output APIs" src="/images/linux-audio-output.svg" /></figure> <p>You'll definitely need a large screen if you want to see the whole thing at once.</p> <h2>Other formats</h2> <ul> diff --git a/assemblee.xhtml b/assemblee.xhtml @@ -6,10 +6,10 @@ </head> <body> <section style="width:75%;margin:0 auto;"> - <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABFCAMAAABOvilkAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wFDww6HXYeohYAAABvUExURQAAAAAkbQAkkgBJbQBJkiQkJCRJJCRJkiRtkklJSUltkklttkmStm1tbW2StpKSkpKStpK2tpK227a2tra227bb29skANskJNtJJNtJSdttSdttbduSktu2ttvb29vb/9v///+2tv/b2//b/////85r+UAAAARKSURBVFjD7ZhRe1o3DIZVejQw1EcJIuuyho+Evv//N+7CB5K0gQMjpNuz+YaHYPu1ZOmTHOPjh3G3PHfcvbnT9ulp/bQeH1uMvjtz3B44/sPXk8b6bzDvDvrsj2sx54fv6Wp2HgI+fLu/FlMHrdyehvz6dCZzsjqSAtv7q9jZH827NfdXYG6OJ/v6CnYuRwTmCr6djInatyvYOcbcvj/z06h6X8HOx/dw7plMjTEf3p95TBGkTD29P/OIJAiIvALzeOBGXMO3xwI3IzZcw87VUTvhFMEdZ04XL7/NjjF1miqMMad3m376Uv1uLs+WEeaC5WTaL1ervv8ym3TdbPFpNQa9v4y5YNXN0WrZOr1Zt1gt+zHm+iLmAqbd3XyzOadf3l5k54LHWbdqv850IvLhohhaMu27HjazF2mi+eXV7DBzuem6rutvgc1q2nVdN+unXTcWt08XMOd69UzY3I428ScXs0PMyfKnitmP6tCJXdghZv9jwWzSMJooF+jt52d5Fdwtv3STXVU5njjff79U+6D/3HWTaYvcGwDNLm7CjjL1pWnu7Fndb2YAP9/qer29Qj90C+q7FfDYzfVm4Nz/+b5vpE/TRb8SsPr5BXHqg+xEO2c3y3nXTRY7b2rxRoNyfx7zuJ09PC66bnYLaNn3/Zs90Zlmfl1jv+R/Nf8zf2wmfwHzPe38rQIi6xv96n7UEv6irSxvzpJH0bFWFFBi4AD1te/0oy9DvNhNdfeH8mpffwOyP3VbUMGae1PUDFCQGWSByLZ7W+pKUKTIEDUVyEXm7qkCkCVTkUKRZIVIIlOp4MUCQw7UxDNTNVKWFFHbVYe1s1tWcApZSQpY8027EGthUWskplShUpKK4UosHZyspFwYWZpTnEKJihKc9DJckdoHQFHFqMKRk4kPBtY6OKN528k2p52N0k4YwmqCUasKjooqriSAQr4OhnClVEEuE4UMivDX0WyAAhwTRlaBQ4Qq0bwjnacJrigfrUMF6kczlfkv1tv44PHfrGX1w5hZ3IueRfO8UYt7ybPtNMcNZWaSGUlmtK+RkJm7LIkQRCbDRAGYiGhTQQIlkAmKyKHuZoqsSWSkMHAnDKymI5MXLNthMg1MgAWyTK/IQIW0bMXOBMgUBpQCWGnyUaQCMqA6UVSQZbb66bIAT4SMNDzBd3XOWlnBBDK1PZAN9dEiyn6eG1Cs8pwRbgnh7ThtlYG7FcBLCWRpiQ3MMhjcmAAee2a1ocipgKUlhCyhyCLIgVnCIRyZa1g12JngSTZP7Jl6ZuXg43y2s0WOtVvFBO7uUEirw06ku4lwoNiwah9DeKLmub1vNfi0YokbpCODDGRDbu2Y1VAjOYSBB7S7q4S3nkQGgRFmwizNzChW2yU4hJkFYWY1zaGYOSCzCsXMAnAzQVjB3AtpnoOXcLMSBm5ppmoWuNnOc6f3m3aObtR4H+0bEvGkEfrn6O1fUysELW0tI5MAAAAASUVORK5CYII=" alt="Liberté, Égalité, Fraternité ET Neutralité" style="float:left; margin-right:1.5em" /> + <img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABFCAMAAABOvilkAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wFDww6HXYeohYAAABvUExURQAAAAAkbQAkkgBJbQBJkiQkJCRJJCRJkiRtkklJSUltkklttkmStm1tbW2StpKSkpKStpK2tpK227a2tra227bb29skANskJNtJJNtJSdttSdttbduSktu2ttvb29vb/9v///+2tv/b2//b/////85r+UAAAARKSURBVFjD7ZhRe1o3DIZVejQw1EcJIuuyho+Evv//N+7CB5K0gQMjpNuz+YaHYPu1ZOmTHOPjh3G3PHfcvbnT9ulp/bQeH1uMvjtz3B44/sPXk8b6bzDvDvrsj2sx54fv6Wp2HgI+fLu/FlMHrdyehvz6dCZzsjqSAtv7q9jZH827NfdXYG6OJ/v6CnYuRwTmCr6djInatyvYOcbcvj/z06h6X8HOx/dw7plMjTEf3p95TBGkTD29P/OIJAiIvALzeOBGXMO3xwI3IzZcw87VUTvhFMEdZ04XL7/NjjF1miqMMad3m376Uv1uLs+WEeaC5WTaL1ervv8ym3TdbPFpNQa9v4y5YNXN0WrZOr1Zt1gt+zHm+iLmAqbd3XyzOadf3l5k54LHWbdqv850IvLhohhaMu27HjazF2mi+eXV7DBzuem6rutvgc1q2nVdN+unXTcWt08XMOd69UzY3I428ScXs0PMyfKnitmP6tCJXdghZv9jwWzSMJooF+jt52d5Fdwtv3STXVU5njjff79U+6D/3HWTaYvcGwDNLm7CjjL1pWnu7Fndb2YAP9/qer29Qj90C+q7FfDYzfVm4Nz/+b5vpE/TRb8SsPr5BXHqg+xEO2c3y3nXTRY7b2rxRoNyfx7zuJ09PC66bnYLaNn3/Zs90Zlmfl1jv+R/Nf8zf2wmfwHzPe38rQIi6xv96n7UEv6irSxvzpJH0bFWFFBi4AD1te/0oy9DvNhNdfeH8mpffwOyP3VbUMGae1PUDFCQGWSByLZ7W+pKUKTIEDUVyEXm7qkCkCVTkUKRZIVIIlOp4MUCQw7UxDNTNVKWFFHbVYe1s1tWcApZSQpY8027EGthUWskplShUpKK4UosHZyspFwYWZpTnEKJihKc9DJckdoHQFHFqMKRk4kPBtY6OKN528k2p52N0k4YwmqCUasKjooqriSAQr4OhnClVEEuE4UMivDX0WyAAhwTRlaBQ4Qq0bwjnacJrigfrUMF6kczlfkv1tv44PHfrGX1w5hZ3IueRfO8UYt7ybPtNMcNZWaSGUlmtK+RkJm7LIkQRCbDRAGYiGhTQQIlkAmKyKHuZoqsSWSkMHAnDKymI5MXLNthMg1MgAWyTK/IQIW0bMXOBMgUBpQCWGnyUaQCMqA6UVSQZbb66bIAT4SMNDzBd3XOWlnBBDK1PZAN9dEiyn6eG1Cs8pwRbgnh7ThtlYG7FcBLCWRpiQ3MMhjcmAAee2a1ocipgKUlhCyhyCLIgVnCIRyZa1g12JngSTZP7Jl6ZuXg43y2s0WOtVvFBO7uUEirw06ku4lwoNiwah9DeKLmub1vNfi0YokbpCODDGRDbu2Y1VAjOYSBB7S7q4S3nkQGgRFmwizNzChW2yU4hJkFYWY1zaGYOSCzCsXMAnAzQVjB3AtpnoOXcLMSBm5ppmoWuNnOc6f3m3aObtR4H+0bEvGkEfrn6O1fUysELW0tI5MAAAAASUVORK5CYII=" alt="Liberté, Égalité, Fraternité ET Neutralité" style="float:left; margin-right:1.5em" /> <strong>Le serveur (son propriétaire en fait) n’a pas envie de vous laisser accéder à cette ressource.</strong> <p>Et en même temps, vous l’avez bien cherché.</p> - <img style="display:block; clear:both; margin: 0 auto;padding-top:50px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMYAAAFICAMAAAA8iHFzAAACf1BMVEXeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATSc8c4AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98DEg8aAsdzPVQAAASwSURBVHja7d19VxNHFMfx+4KpWkSxrYKtjxUQ1IpiFZ9Qg2BpNSGiUiXKUvAJcF+QokfkSLIzs9ndmTv9/v7lHsxnZmezXmOuSLkZm1tL07W5MVGcqXRHppQiZtLvMq1RsZnuyqY6xEjaNsO6FKNph4xqUvSlHbNfESPNiB5FI4vRiGIz9GzHfDajEcVmaNmO/SZGr74nqXa5rYKRmBjLURwNJYcDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMMpm/Hajufxq/tqgZsb4xrcfvjtX3UvNWjtnxvXvfz5eicGwdq6M97sL1spHGNfOjXGifcnBkhXmtXNi/N6p5pcyETZr58LY6+WubLV2LoyMovXSFHZr58CoZ1VNe3hHWM/F8PJmb7l29oxmdtl9H2/PORhenr1s186a0e+FUdQab1fWTHUTJSj6C2esmeoWSmBYr501w8tfTKzXLmxG8a8OBgwYMGDAgAEDBgwY/y9G546/HkZmx18Lw9DxV8IwdfxVMMwdfw0Mi46/AoZNx18Bw6bjHz7DquMfPsPTq8vDOL64o015KkfHPwTGrhlKi84df/+MP9qV1Bw7/t4Z/7avee7W8ffNeN2pqOnU8ffMeN256qTLb/PLWCjq9XllnM4sO6GFkV228qniJwWMy+a6VAHjQxwMU915FYwJU9209ChgvDTVPbfZDO8MY92bOBgpDBgwYMCAAQMGDBgwqgsMGDBgwIDhi2H9u0LfDW+BAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYATP6O3Zyq/aGfbbBgMGDBgwYMCAAQMGjOCyGgcjiYOxFAfjURyMu3EwLsbBOBkH40AcDImFkcAIiFGP4k1cpiJgTIqMRsD4WWQwiqMRxR03DsZGHIx7W4x19YzP31n/VxRHQ47HwVB/OB7Ewej7wkiiuKZkTLdiRSSGq+psHIzt75Oe1axYdZnXEm6G42Ds+OJ7xVdVy22YUdCPhRkzm/RdU4rfASddB5Yp2AyRf3QqFtzH4CnYDJFFjYpXeaYShpd9uxkt1Y9Tmrejpx1D3elo5R09Gvht6kse6FI8zj8JVsFmiIxoUlzrPPdvVY9io7sBw6HkUBbjphbFfPY4ybfaz7eqy+qYcRp0BJfUVp4pv0t9zab6g6HjeFy1YwT+uYWntkN8g35GfGc/jPiF+oNhnGbqOYNOw6FDvV2NFzdx3GNqrlPsg3Q0RCJwPMmhkN7QFEuSK3uiUAR2XbUkfz7oPhfbeROIoi7dZSkIxax0m4cBKCak+1zyrjgqRWSvX8SmFJUVj4oXUlzueFPcliLzo6d3kH4pOE0PiGdSfAYqV5yVUlJX8xBleOatsFN9WkpMVS3eupScuQoQK1JBnpbdaT4q1aTUD2aMSnUp7SMNF6TaNMq4nIak+lwpGJEcED85/LI4xIz4zMWNQjZiQLxnssu+9eqwBJLLuf8loXVGgkrfjPuN6ZYEmX1//mdLWL4kYeeHcw8z/2Pn+79HRFEGhq7Umkny+dn+bZI0axNDR0r7wz4CjLYPK6+h4ngAAAAASUVORK5CYII=" alt="fuck you" /> + <img loading="lazy" style="display:block; clear:both; margin: 0 auto;padding-top:50px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMYAAAFICAMAAAA8iHFzAAACf1BMVEXeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATeBATSc8c4AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98DEg8aAsdzPVQAAASwSURBVHja7d19VxNHFMfx+4KpWkSxrYKtjxUQ1IpiFZ9Qg2BpNSGiUiXKUvAJcF+QokfkSLIzs9ndmTv9/v7lHsxnZmezXmOuSLkZm1tL07W5MVGcqXRHppQiZtLvMq1RsZnuyqY6xEjaNsO6FKNph4xqUvSlHbNfESPNiB5FI4vRiGIz9GzHfDajEcVmaNmO/SZGr74nqXa5rYKRmBjLURwNJYcDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgwYMMpm/Hajufxq/tqgZsb4xrcfvjtX3UvNWjtnxvXvfz5eicGwdq6M97sL1spHGNfOjXGifcnBkhXmtXNi/N6p5pcyETZr58LY6+WubLV2LoyMovXSFHZr58CoZ1VNe3hHWM/F8PJmb7l29oxmdtl9H2/PORhenr1s186a0e+FUdQab1fWTHUTJSj6C2esmeoWSmBYr501w8tfTKzXLmxG8a8OBgwYMGDAgAEDBgwY/y9G546/HkZmx18Lw9DxV8IwdfxVMMwdfw0Mi46/AoZNx18Bw6bjHz7DquMfPsPTq8vDOL64o015KkfHPwTGrhlKi84df/+MP9qV1Bw7/t4Z/7avee7W8ffNeN2pqOnU8ffMeN256qTLb/PLWCjq9XllnM4sO6GFkV228qniJwWMy+a6VAHjQxwMU915FYwJU9209ChgvDTVPbfZDO8MY92bOBgpDBgwYMCAAQMGDBgwqgsMGDBgwIDhi2H9u0LfDW+BAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYATP6O3Zyq/aGfbbBgMGDBgwYMCAAQMGjOCyGgcjiYOxFAfjURyMu3EwLsbBOBkH40AcDImFkcAIiFGP4k1cpiJgTIqMRsD4WWQwiqMRxR03DsZGHIx7W4x19YzP31n/VxRHQ47HwVB/OB7Ewej7wkiiuKZkTLdiRSSGq+psHIzt75Oe1axYdZnXEm6G42Ds+OJ7xVdVy22YUdCPhRkzm/RdU4rfASddB5Yp2AyRf3QqFtzH4CnYDJFFjYpXeaYShpd9uxkt1Y9Tmrejpx1D3elo5R09Gvht6kse6FI8zj8JVsFmiIxoUlzrPPdvVY9io7sBw6HkUBbjphbFfPY4ybfaz7eqy+qYcRp0BJfUVp4pv0t9zab6g6HjeFy1YwT+uYWntkN8g35GfGc/jPiF+oNhnGbqOYNOw6FDvV2NFzdx3GNqrlPsg3Q0RCJwPMmhkN7QFEuSK3uiUAR2XbUkfz7oPhfbeROIoi7dZSkIxax0m4cBKCak+1zyrjgqRWSvX8SmFJUVj4oXUlzueFPcliLzo6d3kH4pOE0PiGdSfAYqV5yVUlJX8xBleOatsFN9WkpMVS3eupScuQoQK1JBnpbdaT4q1aTUD2aMSnUp7SMNF6TaNMq4nIak+lwpGJEcED85/LI4xIz4zMWNQjZiQLxnssu+9eqwBJLLuf8loXVGgkrfjPuN6ZYEmX1//mdLWL4kYeeHcw8z/2Pn+79HRFEGhq7Umkny+dn+bZI0axNDR0r7wz4CjLYPK6+h4ngAAAAASUVORK5CYII=" alt="fuck you" /> <p style="text-align:justify;">Ce nom de domaine, comme beaucoup d’autres, a été saisi par les internautes à la suite <a href="https://fr.wikipedia.org/wiki/The_Pirate_Bay#Mesures_de_r.C3.A9pression">d’attaques</a> <a href="https://www.bortzmeyer.org/censure-francaise.html">répétées</a> à l’encontre de la <a href="https://fr.wikipedia.org/wiki/Neutralit%C3%A9_du_Net">Neutralité du Net</a> par les pouvoirs publics.</p> <p style="text-align:justify;">Conduire, financer, gérer, <a href="https://www.youtube.com/watch?v=7DV2P-eSlWI">superviser</a>, diriger ou proposer une atteinte à la Neutralité du Net revient à s'attaquer directement à la <a href="https://fr.wikipedia.org/wiki/Libert%C3%A9_d%27expression">liberté d'expression</a> du peuple et devrait être considéré comme une atteinte aux <a href="https://fr.wikipedia.org/wiki/Droits_de_l%27homme">droits humains</a>.</p> <p style="text-align:justify;">Il n’y aura aucune suite à cette saisie citoyenne.</p> diff --git a/decreases of usability.shtml b/decreases of usability.shtml @@ -23,10 +23,10 @@ <p>And this isn't about the Operating System or linux patchwork distro taking things from other systems, because this can sometimes be good (but not always, like do not be a clone, this never works in the end). What should never happen is programs that are part of the operating system context to behave differently like a special snowflake. (to me games are the only exception as they are very standalone in terms of interface and OS interaction)</p> <h2 id="GtkColorChooser"><a href="#GtkColorChooser">§</a> Gtk3 ColorChooser</h2> <p>GTK 3 came with the deprecation of the GtkColorSelection, which looks like basically any other colorpicker, you have a colorwheel, a way to tweak your color, optionnally a palette, a picker to grab a color from elsewhere, say your design guidelines and you have an entry where you can put a name or a <abbr title="Red Green Blue">RBG</abbr> hexcode.</p> - <img src="/images/GtkColorSelection.png" /> <img src="/images/GtkColorSelection_palette.png" /> + <img loading="lazy" src="/images/GtkColorSelection.png" /> <img loading="lazy" src="/images/GtkColorSelection_palette.png" /> <p>And next you have this bullshit, which is a huge usability failure. You are greated with a palette, now I don't know about everyone but how I do is usually pick a color close enough and adjust it with the color wheel. A bit like painting, you pick some pre-made color and you adjust it. Of course you still have the color wheel by pressing the Plus(+) button at the bottom but no way to go back.<br /> And let me address the <em>bear</em> (gnome2 icon to me is a bear and that got stuck) in the room: Where is the fucking colorpicker? Why is the color name entry stashed away? I need this shit basically all the time, heck I made a Gtk2 application back in 2012 that I used for years mainly for the colorpicker and getting or putting hexcodes.</p> - <img src="/images/GtkColorChooser.png" /> <img src="images/GtkColorChooser_custom.png" /> + <img loading="lazy" src="/images/GtkColorChooser.png" /> <img loading="lazy" src="images/GtkColorChooser_custom.png" /> <p>Also I have basically no idea how the ColorSquare works, x axis seems to be for the value, y seems to be saturation, okay fine but where do I find back my colors? Also Hue should always be a wheel, here for example adjusting the hue of red is basically impossible. I think this wasn't done by designers but by pure-coders that saw <abbr title="Hue Saturation Value">HSV</abbr> in a barebone way and re-invented a UI for it from scratch. The only improvement here is the alpha/transparency adjustment. So please go back to GtkColorSelection, put this alpha/transparency under the color wheel and it's done.</p> <p>And this is the kind of thing which isn't likely to change much until humans gets a way to see more colors (done) and have it fit into something like <abbr title="Hue Saturation Value">HSV</abbr> or <abbr title="Red Green Blue Alpha">RBGA</abbr>, otherwise it's just something else. and I'm ignoring <abbr title="Cyan Magenta Yellow Key/blacK">CMYK</abbr> because it's for the substractive model which is for paper/painting, while this is for the additive model which is for light (screen, photography, projection), both obeys to a quite different logics/environments and so should probably have different UIs/APIs.</p> <h2>See Also</h2> diff --git a/projects/badwolf.shtml b/projects/badwolf.shtml @@ -19,7 +19,7 @@ <em>Dalek Emperor</em>: I will not die! I cannot die!<br /> </details> </blockquote> - <a href="/images/badwolf_2020-05-15_light.png"><img class="thumb_inline right" src="/images/badwolf_2020-05-15_light.png" alt="Screenshot of badwolf (light theme) on this page"/></a> + <a href="/images/badwolf_2020-05-15_light.png"><img loading="lazy" class="thumb_inline right" src="/images/badwolf_2020-05-15_light.png" alt="Screenshot of badwolf (light theme) on this page"/></a> <p>BadWolf is a minimalist and privacy-oriented <a href="http://webkitgtk.org/">WebKitGTK+</a> browser.</p> <dl> <dt>Privacy-oriented</dt> diff --git a/templates/en/footer.shtml b/templates/en/footer.shtml @@ -1,7 +1,7 @@ <footer> - <a href="http://endsoftpatents.org/innovating-without-patents"><img src="/images/patent_free.png" alt="Patent Free" /></a> - <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="CC-BY-SA" src="/images/cc-by-sa.png" /></a> - <a href="/anybrowser"><img src="/images/anybrowser.png" alt="Anybrowser campaign"/></a> + <a href="http://endsoftpatents.org/innovating-without-patents"><img loading="lazy" src="/images/patent_free.png" alt="Patent Free" /></a> + <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img loading="lazy" alt="CC-BY-SA" src="/images/cc-by-sa.png" /></a> + <a href="/anybrowser"><img loading="lazy" src="/images/anybrowser.png" alt="Anybrowser campaign"/></a> <a href="http://moudbpmicyvvmhoh.onion">.onion</a> <a href="/privacy%20policy">Privacy Policy</a>(2019-11-27) This webthing agrees that <a href="https://simpleweb.iscute.ovh/">simple web is cute</a>~ ♥ diff --git a/templates/fr/footer.shtml b/templates/fr/footer.shtml @@ -1,7 +1,7 @@ <footer> - <a href="http://endsoftpatents.org/innovating-without-patents"><img src="/images/patent_free.png" alt="Patent Free" /></a> - <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="CC-BY-SA" src="/images/cc-by-sa.png" /></a> - <a href="/anybrowser"><img src="/images/anybrowser.png" alt="Campagne tous-navigateurs"/></a> + <a href="http://endsoftpatents.org/innovating-without-patents"><img loading="lazy" src="/images/patent_free.png" alt="Patent Free" /></a> + <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img loading="lazy" alt="CC-BY-SA" src="/images/cc-by-sa.png" /></a> + <a href="/anybrowser"><img loading="lazy" src="/images/anybrowser.png" alt="Campagne tous-navigateurs"/></a> <a href="http://moudbpmicyvvmhoh.onion">.onion</a> <a href="/politique%20de%20confidentialit%C3%A9">politique de confidentialité</a>(2019-11-27) Ce truc-web approuve que le <a href="https://simpleweb.iscute.ovh/">Web simple est mignon</a> diff --git a/templates/fr/sidebar.html b/templates/fr/sidebar.html @@ -1,4 +1,4 @@ <aside> - <a href="https://lqdn.fr/"><img src="/images/spport_lqdn_468_fr.gif" alt="Soutien, la quadrature du net"/></a> - <a href="https://internetdefenseleague.org/"><img src="/images/super_badge.png" alt="Proud Member of The Internet Defense League"/></a> + <a href="https://lqdn.fr/"><img loading="lazy" src="/images/spport_lqdn_468_fr.gif" alt="Soutien, la quadrature du net"/></a> + <a href="https://internetdefenseleague.org/"><img loading="lazy" src="/images/super_badge.png" alt="Proud Member of The Internet Defense League"/></a> </aside> diff --git a/à propos.shtml b/à propos.shtml @@ -9,7 +9,7 @@ <main id="info"> <h2>Base d’infos’</h2> <span id="avatar"> - <a href="./images/avatar_HD.png"><img class="u-photo" src="./images/avatar.png" alt="Avatar: Un loup hurlant, avec les couleurs de fiertés pansexuelles “peinte” dessus, un bonnet de noël est mis autour du museau"/></a><br /> + <a href="./images/avatar_HD.png"><img loading="lazy" class="u-photo" src="./images/avatar.png" alt="Avatar: Un loup hurlant, avec les couleurs de fiertés pansexuelles “peinte” dessus, un bonnet de noël est mis autour du museau"/></a><br /> <a href="./images/avatar.svg">vectoriel</a> </span> <ul>