6 changed files with 222 additions and 25 deletions
+ 2
- 2
david/2021/06/16/index.html
View File
| @@ -62,7 +62,7 @@ | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
| </svg> Accueil</a> | |||
| • <a rel="next" href="/david/2021/06/17/" title="Publication suivante : API statique">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| @@ -88,7 +88,7 @@ | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/06/15/" title="Publication précédente : Avihonte">← Précédent</a> • | |||
| <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
| • <a rel="next" href="/david/2021/06/17/" title="Publication suivante : API statique">Suivant →</a> | |||
| </p> | |||
| </nav> | |||
| </article> | |||
+ 184
- 0
david/2021/06/17/index.html
View File
| @@ -0,0 +1,184 @@ | |||
| <!doctype html><!-- This is a valid HTML5 document. --> | |||
| <!-- Screen readers, SEO, extensions and so on. --> | |||
| <html lang="fr"> | |||
| <!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
| See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
| <meta charset="utf-8"> | |||
| <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
| <!-- The viewport meta is quite crowded and we are responsible for that. | |||
| See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |||
| <!-- Required to make a valid HTML5 document. --> | |||
| <title>API statique — David Larlet</title> | |||
| <meta name="description" content="Discussion avec les pyrates au sujet de blogs, d’articles, d’API et de minimalisme. J’imagine qu’un générateur d’API statique est possible, on est plutôt habitué·es à produire du HTML (qui est lui-même un format d’échange possible) mais on pourrait tout aussi bien générer un flux en JSON ou tout autres petits fichiers statiques pré-générés."> | |||
| <!-- That good ol' feed, subscribe :). --> | |||
| <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
| <!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
| <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
| <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
| <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
| <link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
| <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
| <link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
| <meta name="msapplication-TileColor" content="#f0f0ea"> | |||
| <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
| <meta name="theme-color" content="#f0f0ea"> | |||
| <!-- Documented, feel free to shoot an email. --> | |||
| <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
| <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
| <script> | |||
| function toggleTheme(themeName) { | |||
| document.documentElement.classList.toggle( | |||
| 'forced-dark', | |||
| themeName === 'dark' | |||
| ) | |||
| document.documentElement.classList.toggle( | |||
| 'forced-light', | |||
| themeName === 'light' | |||
| ) | |||
| } | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme !== 'undefined') { | |||
| toggleTheme(selectedTheme) | |||
| } | |||
| </script> | |||
| <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
| <article> | |||
| <header> | |||
| <h1>API statique</h1> | |||
| </header> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/06/16/" title="Publication précédente : Trans">← Précédent</a> • | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
| </svg> Accueil</a> | |||
| </p> | |||
| </nav> | |||
| <hr> | |||
| <p>Discussion avec les <a href="https://github.com/pyrates/">pyrates</a> au sujet de blogs, d’articles, d’API et de minimalisme. J’imagine qu’un générateur d’API statique est possible, on est plutôt habitué·es à produire du HTML (qui est lui-même un format d’échange possible) mais on pourrait tout aussi bien générer un <a href="https://jsonfeed.org/">flux en JSON</a> ou tout autres petits fichiers statiques pré-générés.</p> | |||
| <p>La dernière fois que j’ai essayé c’était pour tenter de créer un flux mastodon de manière statique ici-même mais la barre était trop haute pour ma maigre connaissance de cette combinaison de protocoles. Surtout que je n’avais pas vraiment d’autre intérêt que l’exploit technique en lui-même.</p> | |||
| <p>Il faudrait que je maintienne une page de tout ce que je n’ai pas réussi à faire pour compenser des <a href="/david/2021/05/28/">chaînes</a> plus reluisantes. Pour équilibrer. J’imagine que ça en dirait encore davantage sur mes compétences et ma capacité à me laisser échouer sur une page (web).</p> | |||
| <p>Et pendant ce temps là 🤩 :</p> | |||
| <blockquote lang="en"> | |||
| <p>They are little challenges I give myself, usually without too many stakes involved, and with small enough a scope so that I can ship it in a day or two, while keeping spare family time.</p> | |||
| <p><cite><em><a href="https://francoisbest.com/posts/2021/hashvatars">Representing SHA-256 Hashes As Avatars</a></em> (<a href="/david/cache/2021/be7ca5728939adfc50b9eef6818d6f63/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <nav> | |||
| <p class="center"> | |||
| <a rel="prev" href="/david/2021/06/16/" title="Publication précédente : Trans">← Précédent</a> • | |||
| <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
| </p> | |||
| </nav> | |||
| </article> | |||
| <hr> | |||
| <footer> | |||
| <p> | |||
| <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
| </svg> Accueil</a> • | |||
| <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
| </svg> Suivre</a> • | |||
| <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
| </svg> Pro</a> • | |||
| <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
| </svg> Email</a> • | |||
| <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
| </svg> Légal</abbr> | |||
| </p> | |||
| <template id="theme-selector"> | |||
| <form> | |||
| <fieldset> | |||
| <legend><svg class="icon icon-brightness-contrast"> | |||
| <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
| </svg> Thème</legend> | |||
| <label> | |||
| <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
| </label> | |||
| <label> | |||
| <input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
| </label> | |||
| </fieldset> | |||
| </form> | |||
| </template> | |||
| </footer> | |||
| <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
| <script> | |||
| function loadThemeForm(templateName) { | |||
| const themeSelectorTemplate = document.querySelector(templateName) | |||
| const form = themeSelectorTemplate.content.firstElementChild | |||
| themeSelectorTemplate.replaceWith(form) | |||
| form.addEventListener('change', (e) => { | |||
| const chosenColorScheme = e.target.value | |||
| localStorage.setItem('theme', chosenColorScheme) | |||
| toggleTheme(chosenColorScheme) | |||
| }) | |||
| const selectedTheme = localStorage.getItem('theme') | |||
| if (selectedTheme && selectedTheme !== 'undefined') { | |||
| form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
| } | |||
| } | |||
| const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
| window.addEventListener('load', () => { | |||
| let hasDarkRules = false | |||
| for (const styleSheet of Array.from(document.styleSheets)) { | |||
| let mediaRules = [] | |||
| for (const cssRule of styleSheet.cssRules) { | |||
| if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
| continue | |||
| } | |||
| // WARNING: Safari does not have/supports `conditionText`. | |||
| if (cssRule.conditionText) { | |||
| if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
| continue | |||
| } | |||
| } else { | |||
| if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
| continue | |||
| } | |||
| } | |||
| mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
| } | |||
| // WARNING: do not try to insert a Rule to a styleSheet you are | |||
| // currently iterating on, otherwise the browser will be stuck | |||
| // in a infinite loop… | |||
| for (const mediaRule of mediaRules) { | |||
| styleSheet.insertRule(mediaRule.cssText) | |||
| hasDarkRules = true | |||
| } | |||
| } | |||
| if (hasDarkRules) { | |||
| loadThemeForm('#theme-selector') | |||
| } | |||
| }) | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 2
- 0
david/2021/index.html
View File
| @@ -378,6 +378,8 @@ | |||
| <h2><a href="/david/2021/06/16/">Trans</a> (2021-06-16)</h2> | |||
| <h2><a href="/david/2021/06/17/">API statique</a> (2021-06-17)</h2> | |||
| </main> | |||
+ 13
- 0
david/2021/sources/2021-06-17 - API statique.md
View File
| @@ -0,0 +1,13 @@ | |||
| # API statique | |||
| Discussion avec les [pyrates](https://github.com/pyrates/) au sujet de blogs, d’articles, d’API et de minimalisme. J’imagine qu’un générateur d’API statique est possible, on est plutôt habitué·es à produire du HTML (qui est lui-même un format d’échange possible) mais on pourrait tout aussi bien générer un [flux en JSON](https://jsonfeed.org/) ou tout autres petits fichiers statiques pré-générés. | |||
| La dernière fois que j’ai essayé c’était pour tenter de créer un flux mastodon de manière statique ici-même mais la barre était trop haute pour ma maigre connaissance de cette combinaison de protocoles. Surtout que je n’avais pas vraiment d’autre intérêt que l’exploit technique en lui-même. | |||
| Il faudrait que je maintienne une page de tout ce que je n’ai pas réussi à faire pour compenser des [chaînes](/david/2021/05/28/) plus reluisantes. Pour équilibrer. J’imagine que ça en dirait encore davantage sur mes compétences et ma capacité à me laisser échouer sur une page (web). | |||
| Et pendant ce temps là 🤩 : | |||
| > [en] They are little challenges I give myself, usually without too many stakes involved, and with small enough a scope so that I can ship it in a day or two, while keeping spare family time. | |||
| > | |||
| > <cite>*[Representing SHA-256 Hashes As Avatars](https://francoisbest.com/posts/2021/hashvatars)* ([cache](/david/cache/2021/be7ca5728939adfc50b9eef6818d6f63/))</cite> | |||
+ 2
- 1
david/index.html
View File
| @@ -90,7 +90,8 @@ | |||
| <a href="/david/2021/06/13/">Constructivisme</a>, | |||
| <a href="/david/2021/06/14/">Manquer</a>, | |||
| <a href="/david/2021/06/15/">Avihonte</a>, | |||
| <a href="/david/2021/06/16/">Trans</a>. | |||
| <a href="/david/2021/06/16/">Trans</a>, | |||
| <a href="/david/2021/06/17/">API statique</a>. | |||
| </p> | |||
+ 19
- 22
david/log/index.xml
View File
| @@ -6,13 +6,31 @@ | |||
| <link href="https://larlet.fr/david/" rel="alternate" type="text/html" /> | |||
| <link href="https://larlet.fr/david/log/" rel="self" /> | |||
| <id>https://larlet.fr/david/</id> | |||
| <updated>2021-06-23T12:00:00+01:00</updated> | |||
| <updated>2021-06-24T12:00:00+01:00</updated> | |||
| <author> | |||
| <name>David Larlet</name> | |||
| <uri>https://larlet.fr/david/</uri> | |||
| </author> | |||
| <rights>Copyright (c) 2004-2021, David Larlet</rights> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">API statique</title> | |||
| <link href="https://larlet.fr/david/2021/06/17/" rel="alternate" type="text/html" /> | |||
| <updated>2021-06-17T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2021/06/17/</id> | |||
| <summary type="html"> | |||
| <p>Discussion avec les <a href="https://github.com/pyrates/">pyrates</a> au sujet de blogs, d’articles, d’API et de minimalisme. J’imagine qu’un générateur d’API statique est possible, on est plutôt habitué·es à produire du HTML (qui est lui-même un format d’échange possible) mais on pourrait tout aussi bien générer un <a href="https://jsonfeed.org/">flux en JSON</a> ou tout autres petits fichiers statiques pré-générés.</p> | |||
| <p>La dernière fois que j’ai essayé c’était pour tenter de créer un flux mastodon de manière statique ici-même mais la barre était trop haute pour ma maigre connaissance de cette combinaison de protocoles. Surtout que je n’avais pas vraiment d’autre intérêt que l’exploit technique en lui-même.</p> | |||
| <p>Il faudrait que je maintienne une page de tout ce que je n’ai pas réussi à faire pour compenser des <a href="https://larlet.fr/david/2021/05/28/">chaînes</a> plus reluisantes. Pour équilibrer. J’imagine que ça en dirait encore davantage sur mes compétences et ma capacité à me laisser échouer sur une page (web).</p> | |||
| <p>Et pendant ce temps là 🤩&nbsp;:</p> | |||
| <blockquote lang="en"> | |||
| <p>They are little challenges I give myself, usually without too many stakes involved, and with small enough a scope so that I can ship it in a day or two, while keeping spare family time.</p> | |||
| <p><cite><em><a href="https://francoisbest.com/posts/2021/hashvatars">Representing SHA-256&nbsp;Hashes As Avatars</a></em> (<a href="https://larlet.fr/david/cache/2021/be7ca5728939adfc50b9eef6818d6f63/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Trans</title> | |||
| <link href="https://larlet.fr/david/2021/06/16/" rel="alternate" type="text/html" /> | |||
| @@ -702,27 +720,6 @@ Ce mot, ce serait la <em>solstalgie</em>. La nostalgie d’une solit | |||
| <blockquote> | |||
| <p>L’autre considération est en termes de risque et du point de vue de l’individu, c’est-à-dire du point de vue centré sur le patient. Ce dont nous venons de parler est un point de vue purement démographique. D’une manière centrée sur le patient, <mark>l’immunité collective est à peu près hors sujet car tout le monde deviendra immunisé</mark>. 100&#8239;%, pas 70&nbsp;ou 80&#8239;%, mais <strong>100&#8239;% de la population seront inévitablement immunisés d’ici un an et demi</strong>. Soit par la vaccination, soit par une infection naturelle. Ce virus va devenir endémique, il ne disparaîtra pas. Quiconque décide maintenant activement de ne pas se faire vacciner sera inévitablement infecté. Vous ne pouvez rien y faire.</p> | |||
| </blockquote> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
| <entry xml:lang="fr"> | |||
| <title type="html">Empreinte</title> | |||
| <link href="https://larlet.fr/david/2021/05/17/" rel="alternate" type="text/html" /> | |||
| <updated>2021-05-17T12:00:00+01:00</updated> | |||
| <id>https://larlet.fr/david/2021/05/17/</id> | |||
| <summary type="html"> | |||
| <blockquote> | |||
| <p>Quand on est cadre sup’ en France, on s’inquiète de plus en plus de son empreinte carbone et de moins en moins de son empreinte connard&nbsp;: exploiter son prochain et voter pour des experts en précarisation du travail, c’est ok. Tuer les bébés phoques, ça, par contre, c’est non. Et qu’importe si l’un induit nécessairement l’autre, dans ce qu’ils appellent “le monde tel qu’il est” et qui correspond, en réalité, au mode de production capitaliste. Mais <mark>son mode individuel de consommation devient une nouvelle modalité de distinction sociale</mark> dans notre beau pays&nbsp;: le bourgeois de centre-ville trouvera du bio, du local, du «&nbsp;une fringue achetée – un arbre planté&nbsp;» et pourra ainsi payer pour laver sa conscience et surtout juger celle des autres.</p> | |||
| <p><cite><em><a href="https://www.frustrationmagazine.fr/livraison-rapide/">La livraison rapide, ou comment le capitalisme a fait de nous des bourreaux capricieux</a></em> (<a href="https://larlet.fr/david/cache/2021/3d24bdc0a4dfe935c5eb7ebd613fed3f/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <p>Ça pique. Dans la foulée je lis&nbsp;:</p> | |||
| <blockquote> | |||
| <p>Il semblerait aux catégories sociales privilégiées, qui ont détourné les dispositifs tels qu’Airbnb, qui permettait initialement aux classes moyennes d’augmenter leur pouvoir d’achat.</p> | |||
| <p>Le choix et les stratégies des groupes majoritaires permettent de conserver cet entre-soi nécessaire à la reproduction sociale. <mark>Mais il s’opère toujours au détriment des autres&nbsp;:</mark> à savoir les classes populaires et les personnes discriminées en fonction des critères liés à l’origine et à la précarité sociale notamment.</p> | |||
| <p><cite><em><a href="https://theconversation.com/les-consequences-de-lairbnbisation-des-villes-157004">Les conséquences de «&nbsp;l’airbnbisation&nbsp;» des villes</a></em> (<a href="https://larlet.fr/david/cache/2021/33d9a576ac9c0d0eb8b62f33c888ca15/">cache</a>)</cite></p> | |||
| </blockquote> | |||
| <hr/><p><a href="mailto:david@larlet.fr">Réagir ?</a></p></summary> | |||
| </entry> | |||
Loading…