Styling of abbr tags

david/2020/01/03/index.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>

david/2020/01/06/index.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>

david/2020/01/10/index.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>

david/2020/01/15/index.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>

david/2020/01/17/index.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>

david/2020/01/22/index.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>

david/2020/01/31/index.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>

david/2020/02-07.md

@@ -2,7 +2,7 @@
 
 *(Savoir) vivre dans un panoptique numérique.*
 
-Le plus triste est peut-être d’avoir réussi à compiler tous ces liens en moins d’un mois.
+Le plus triste est peut-être d’avoir réussi à compiler tous ces liens sur les <abbr title="Google Apple Facebook Amazon Microsoft et compagnie">GAFAM+</abbr> en moins d’un mois.
 
 .. include:: fragments/Evil.md
 .. include:: fragments/Mood.md

david/2020/02/07/index.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>
@@ -41,7 +41,7 @@
 <hr>
 
 <p><em>(Savoir) vivre dans un panoptique numérique.</em></p>
-<p>Le plus triste est peut-être d’avoir réussi à compiler tous ces liens en moins d’un mois.</p>
+<p>Le plus triste est peut-être d’avoir réussi à compiler tous ces liens sur les <abbr title="Google Apple Facebook Amazon Microsoft et compagnie">GAFAM+</abbr> en moins d’un mois.</p>
 <h2 id="evil">Evil <a href="#evil" title="Ancre vers cette partie">#</a></h2><blockquote>
 <p>The tech industry doesn’t intoxicate us like it did just a few years ago. Keeping up with its problems—and its fixes, and its fixes that cause new problems—is dizzying. Separating out the meaningful threats from the noise is hard. Is Facebook really the danger to democracy it looks like? Is Uber really worse than the system it replaced? Isn’t Amazon’s same-day delivery worth it? Which harms are real and which are hypothetical? Has the techlash gotten it right? And which of these companies is really the worst? Which ones might be, well, evil?</p>
 <p><cite><em><a href="https://slate.com/technology/2020/01/evil-list-tech-companies-dangerous-amazon-facebook-google-palantir.html">Which tech companies are doing the most harm?</a></em> (<a href="/david/cache/2020/566b71b4e3a0217d7a224f71aa255a35/">cache</a>)</cite></p>

david/2020/12/15/index.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>

david/2020/12/21/index.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>

david/2020/fragments/Pointe critique.md

@@ -0,0 +1,12 @@
+## Pointe critique
+
+<figure>
+    <img src="/static/david/2020/hydroquebec_pointe_critique.png" alt="Tableau rendant compte des gains en période de pointe critique par HydroQuébec" loading="lazy" />
+    <figcaption>20,83 $CAN depuis le début de l’hiver.</figcaption>
+</figure>
+
+Depuis cette année, [Hydro-Québec](https://fr.wikipedia.org/wiki/Hydro-Qu%C3%A9bec) (équivalent EDF/Enedis local) propose des [forfaits](http://www.hydroquebec.com/residentiel/espace-clients/tarifs/tarification-dynamique.html) qui notifient des périodes dites de « [pointe critique](http://www.hydroquebec.com/residentiel/espace-clients/consommation/consommation-electrique-hiver.html) » pendant lesquelles on acquiert des crédits si on réduit sa consommation. Je trouve l’initiative intéressante car j’y vois un effort collectif pour lisser les courbes de demande.
+
+*Pour remettre en contexte si vous trouvez que les chiffres sont particulièrement élevés, ces périodes correspondent à des températures avoisinant les -20°C et notre chauffage est exclusivement électrique.*
+
+Cela permet de reconsidérer l’usage de la bouilloire ou du grille-pain le matin, d’effectuer une cuisson au four avant 16h avec la pierre qui continue de chauffer la cuisine, de se questionner à nouveau sur l’usage du *streaming* sur ces périodes, de baisser le chauffage d’encore un degré, etc.

david/2020/index.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>

david/index.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>

david/log/index.xml

@@ -5,7 +5,7 @@
     <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>2020-01-23T12:00:00+01:00</updated>
+    <updated>2020-01-24T12:00:00+01:00</updated>
     <author>
         <name>David Larlet</name>
         <uri>https://larlet.fr/david/</uri>

david/templates/base_2020.html

@@ -21,7 +21,7 @@
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- Thank you Florens! -->
-<link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
+<link rel="stylesheet" href="/static/david/css/style_2020-01-24.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" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>