Open Time
<p>Open time, open mind, open eyes</p>
2024-03-18T20:44:06+01:00
Franck Paul
urn:md5:61070eb8c883ae7581f861faefddecbf
Dotclear
Polyglotte n° 2
urn:md5:319f567f58bb1fb8de3b823e0225e119
2024-03-18T06:13:00+01:00
2024-03-18T11:04:22+01:00
Franck
Brèves
dotclear
<p>Voilà la liste complète des langues gérées avec <a href="https://dotclear.crowdin.com/dotclear" hreflang="en">Crowdin</a>, sachant que l’anglais sert de langue source (et donc n’est pas traduite) :</p>
<p><a href="https://open-time.net/public/screenshots/2024/langues-crowdin.jpg.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/screenshots/2024/langues-crowdin.jpg.jpg" alt="Copie d'écran de la liste des langues gérées avec Crowdin" class="media-center" height="720" width="431"></a></p>
<p>Gros plan sur la première partie :</p>
<p><a href="https://open-time.net/public/screenshots/2024/langues-incompletes.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/screenshots/2024/.langues-incompletes_w.jpg" alt="Copie d'écran de la liste des langues incomplètement traduites sur Crowdin" class="media-center" height="551" width="800"></a></p>
<p>Je me demande si ça vaut le coup de conserver les langues qui ne sont quasiment pas traduites :</p>
<ul>
<li>Luxembourgeois (1%)</li>
<li>Basque (7%)</li>
<li>Esperanto (8%)</li>
<li>Catalan (12%)</li>
<li>Occitan (13%)</li>
</ul>
<p><span class="information">Le chiffre entre parenthèses est le volume traduit.</span></p>
<p>PS : J’utilise DeepL comme <a href="https://open-time.net/post/2023/11/21/Polyglotte">moteur de traduction</a> et j’ai laissé tomber Watson parce qu’IBM me demandait des justifications, pour utiliser une version gratuite de leur moteur de traduction, qui me semblaient hors de propos.</p>
https://open-time.net/post/2024/03/18/Polyglotte-n-2#comment-form
https://open-time.net/feed/atom/comments/16023
Container query
urn:md5:b41d53c1bbe1b6dd817c835da234d297
2024-03-17T06:53:00+01:00
2024-03-18T08:06:06+01:00
Franck
Brèves
CSS
<p>Alors voilà, ici même sur ce blog et quand c’est affiché sur un écran assez grand, comme sur un <i lang="en">laptop</i>, les images possédant une légende et pouvant être affichées en grand (avec un clic dessus) sont affichées sans légende visible.</p>
<p>Celle-ci ne l’est qu’au survol — sauf si l’appareil utilisé ne permet pas le survol car dans ce cas la légende est affichée en dessous de l’image, comme sur petit écran.</p>
<p>Ça fonctionne très bien et c’est en œuvre depuis des années ici-même, regardez et survolez l’image avec votre souris préférée :</p>
<figure class="media-center">
<a href="https://open-time.net/public/illustrations/2024/IMG_4814.jpeg" title="Ouvrir le média"><img src="https://open-time.net/public/illustrations/2024/.IMG_4814_w.jpg" alt="Grande marée à Saint-Guénolé" height="533" width="800"></a>
<figcaption>Jour de grande marée aux rochers à Saint-Guénolé, mars 2024</figcaption>
</figure>
<p>Là où ça pose problème c’est lorsque l’image n’est pas suffisamment grande, je parle de celle affichée par défaut pas celle affichée lorsqu’on clique dessus, et que la légende au survol vient recouvrir la totalité d’icelle, il n’est plus alors possible de cliquer sur l’image pour afficher l’originale. Saynul n’est-ce pas ?</p>
<p>Voyez plutôt sur cet exemple :</p>
<figure class="media-center">
<a href="https://open-time.net/public/illustrations/2024/Julien-Malland-alias-Seth.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/illustrations/2024/.Julien-Malland-alias-Seth_s.jpg" alt="© Julien Malland alias Seth" height="135" width="240"></a>
<figcaption>© Julien Malland alias Seth, mars 2022, rue Buot dans le 13e arrondissement de Paris, mars 2024</figcaption>
</figure>
<p>Pas moyen de trouver un pixel ou deux pour cliquer et agrandir l’image ! Ou alors en visant super bien vers le bas, mais bof bof, spa pratique du tout !</p>
<p>Je me suis donc dit que ça ne pouvait durer et que dans ce cas il serait opportun de traiter l’affichage de la légende de la même manière que sur mobile ou sur les appareils ne permettant pas le survol.</p>
<p>J’ai donc bricolé un peu de CSS, à base de <i lang="en">container query</i>, c’est tout nouveau ça vient de sortir, et à ce qu’il me semble ça devrait me permettre de résoudre le problème énoncé de la manière suivante : Si le conteneur de l’image (un élément <code>figure</code>) a une hauteur inférieure à disons 100 pixels alors il faut traiter la légende de l’image comme si elle était affichée sur mobile (ou sur un appareil sans survol possible).</p>
<p>Voilà le code que j’ai imaginé :</p>
<pre><code class="language-css">:root {
--glass-lightness: 0%;
--glass-text: white;
}
figure {
position: relative;
display: block;
container-name: my-figure;
container-type: size;
}
figure figcaption {
font-size: 0.75em;
position: absolute;
width: fit-content;
top: 0;
padding: 1em;
transition: 0.6s ease;
opacity: 0;
--glass-lightness: 0%;
--glass-text: white;
color: var(--glass-text);
background: hsl(0 0% var(--glass-lightness) / 66%);
backdrop-filter: blur(40px);
}
figure:hover figcaption {
opacity: 1;
}
@media (any-hover: none) {
figure figcaption {
opacity: 1;
position: relative;
width: 100%;
}
}
@container my-figure (max-height: 100px) {
figure figcaption {
opacity: 1;
position: relative;
width: 100%;
}
}
</code></pre>
<p>Eh bien moi qui pensais avoir tout bien compris à cette nouvelle possibilité de CSS, ça ne fonctionne pas ! D’ailleurs j’ai même un petit <a href="https://codepen.io/franck-paul/pen/zYXrerP" hreflang="en">codepen</a> pour illustrer et jouer avec.</p>
<p>Vous savez ce que j’ai fait de travers ?</p>
<p>PS : J’ai demandé à <a href="https://ishadeed.com/" hreflang="en">Ahmad Shadeed</a> qui est justement en train d’écrire un article sur cet aspect s’il savait ce que j’avais foiré, mais je n’ai pas encore eu de réponse.</p>
<hr />
<p>Finalement j’ai ajouté quelques lignes de javascript et ça fera le job puisqu’il n’y a pas de solution évidente pour régler ce problème :</p>
<pre><code class="language-javascript"><br />// Cope with figure img smallest than figcaption (avoid full overlay)
const figures = document.querySelectorAll('#content figure');
figures?.forEach((figure) => {
const img = figure.querySelector('img');
const figcaption = figure.querySelector('figcaption');
if (!(img && figcaption && figcaption.offsetHeight <= img.offsetHeight + 44)) {
return;
}
figcaption.style.position = 'relative';
figcaption.style.opacity = 1;
figcaption.style.width = '100%';
});
</code></pre>
https://open-time.net/post/2024/03/17/Container-query#comment-form
https://open-time.net/feed/atom/comments/16022
J'ai du boulot
urn:md5:c769807d26532c799fdbc8e9293f081e
2024-03-16T07:34:00+01:00
2024-03-16T07:34:00+01:00
Franck
Brèves
dotclear
développement
javascript
<p>Après avoir obtenu quelques explications hier, merci Biou et Boris, j’ai finalement du code Javascript qui ne fait plus hurler LSP-Typescript :</p>
<pre><code class="language-javascript">/*global dotclear */
'use strict';
dotclear.ready(() => {
// DOM ready and content loaded
// Give focus to user field
/**
* @type {HTMLInputElement|null}
*/
const uid = document.querySelector('input[name=user_id]');
if (uid) uid.focus();
/**
* @type {HTMLElement|null}
*/
const ckh = document.getElementById('cookie_help');
if (ckh) ckh.style.display = navigator.cookieEnabled ? 'none' : '';
/**
* @type {HTMLInputElement|null}
*/
const upw = document.querySelector('input[name=user_pwd]');
if (!upw || !uid) {
return;
}
// Add an event listener to capture CR key press in user field to give to password field if it is empty
uid.addEventListener('keypress', (/** @type {UIEvent} */ event) => {
if (event.which == 13 && upw.value == '') {
// Password is empty, give focus to it
upw.focus();
// Stop handling of this event (CR keypress)
event.preventDefault();
}
});
});
</code></pre>
<p>Me reste uniquement à revoir l’usage du <code>wich</code> (ligne XXX) vu que c’est obsolète, mais dans l’ensemble c’est satisfaisant.</p>
<p>Accessoirement ça veut dire que j’ai un gros boulot pour reprendre et corriger les sources Javascript de Dotclear…</p>
https://open-time.net/post/2024/03/16/J-ai-du-boulot#comment-form
https://open-time.net/feed/atom/comments/16021
Seriously?
urn:md5:3894ed268b5ad080ef8a11bb80cedf2b
2024-03-15T06:18:00+01:00
2024-03-15T08:28:48+01:00
Franck
Brèves
développement
javascript
<p><a href="https://open-time.net/public/screenshots/2024/auth-js-lsp-typescript.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/screenshots/2024/.auth-js-lsp-typescript_w.jpg" alt="Copie d'écran du code javascript avec les indicateurs d'erreur fournis par LSP-Typescript" class="media-center" height="492" width="800"></a></p>
<p>LSP-Typescript, une fois activé, raconte un peu <em>portnawak</em>, je trouve, pas vous ?</p>
<pre><code class="language-javascript">/*global dotclear */
'use strict';
dotclear.ready(() => {
// DOM ready and content loaded
// Give focus to user field
const uid = document.querySelector('input[name=user_id]');
if (uid) uid.focus();
const ckh = document.getElementById('cookie_help');
if (ckh) ckh.style.display = navigator.cookieEnabled ? 'none' : '';
const upw = document.querySelector('input[name=user_pwd]');
if (!upw) {
return;
}
// Add an event listener to capture CR key press in user field to give to password field if it is empty
uid.addEventListener('keypress', (event) => {
if (event.which == 13 && upw.value == '') {
// Password is empty, give focus to it
upw.focus();
// Stop handling of this event (CR keypress)
event.preventDefault();
}
});
});
</code></pre>
<p>Ligne 9, il m’annonce que la méthode <code>focus()</code> n’est pas <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus" hreflang="en">connue</a> pour le type <strong>Element</strong> (HTML) retourné par la méthode <code>document.querySelector()</code>, oui oui.<br />
Et puis aussi que la propriété <code>which</code> n’est pas non plus <a href="https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/which" hreflang="en">connue</a> pour le type <strong>Event</strong> fourni en paramètre de la fonction de rappel de la méthode <code>addEventListener()</code>, ben voyons. Par contre il me dit pas que cette propriété est <mark><i lang="en">deprecated</i></mark> !?!</p>
<p>Je sais pas ce qu’ils ont fumé, mais c’est de la bonne !</p>
<p>Ou alors c’est moi qui me plante et j’aimerais très beaucoup qu’on m’explique pourquoi !</p>
<hr />
<p>Alors effectivement c’est moi qui me plante vu que LSP-Typescript infère les types des variables parfois pas tout à fait de la façon que je souhaite. Il faut donc que je documente les types de variable (<a href="https://jsdoc.app/" hreflang="en">JSDoc</a>) et que je corrige mon code le cas échéant.</p>
<p>PS : Je sais qu’il y a des trucs à compléter dans le code ci-dessus, c’est pas encore ceinture/bretelles, mais la question n’est pas là.</p>
https://open-time.net/post/2024/03/15/Seriously#comment-form
https://open-time.net/feed/atom/comments/16020
Index ou pas index ?
urn:md5:ed5be69c38157e1bc441ad39cf08b85d
2024-03-14T06:14:00+01:00
2024-03-14T06:14:00+01:00
Franck
Brèves
dotclear
développement
<p><img src="https://open-time.net/public/memojis/brain.jpg" alt="" class="media-center" height="421" width="421"></p>
<p>J’utilise <strong>Sublime Text 4</strong>, pour développer, et parfois aussi <strong>Visual Studio Code</strong> mais de façon anecdotique, et avec les deux et les extensions qui vont bien j’ai un index des symboles (variables, …) <strong>PHP</strong> et <strong>CSS</strong> correct — avec accès aux définitions, références, … — alors que <strong>JS</strong> pas moyen !</p>
<p>Et évidemment dès que j’active <abbr title="Language Server Protocol">LSP</abbr>-Typescript ce dernier hurle qu’il ne connait pas, par exemple, l’objet <samp>dotclear</samp> alors qu’il est indiqué pour ESLint (installé et actif dans les deux environnements de développement) comme <strong>global</strong> partout où il est utilisé avec un <code>/*global dotclear */</code> en début de fichier JS ou encore avec un <code>/*exported dotclear */</code> là où il est défini.</p>
<p>En fait le <strong>seul cas</strong> où l’accès à la définition d’un symbole JS fonctionne c’est quand le fichier où il est défini est <strong>ouvert</strong> dans l’éditeur (ST ou VSC).</p>
<p>Visiblement ça ne suffit pas à <strong><abbr title="Language Server Protocol">LSP</abbr>-Typescript</strong> (côté Sublime Text) ni à rien d’autre d’ailleurs parce qu’avec VSC, où <abbr title="Language Server Protocol">LSP</abbr> n’est pas actif (j’ai juste Intelephense pour la partie PHP), l’accès aux définitions fonctionne avec PHP et CSS mais pas avec JS.</p>
<p>Si ça se trouve c’est parce que j’utilise encore les scripts javascript à l’ancienne mode, sans passer par des <strong>modules</strong> ? Je sais pas !</p>
<p>J’ai un peu fouillé les internets sans trouver quelque chose de probant pour l’indexation des variables/constantes globales côté JS, mais peut-être que vous avez des billes ?</p>
<p>Bon en même temps, quand j’active <abbr title="Language Server Protocol">LSP</abbr>-Typescript j’ai droit un beau <samp>Property ‘focus’ does not exist on type ‘Element’.</samp> sur le code suivant :</p>
<pre><code class="language-javascript">const uid = document.querySelector('input[name=user_id]');
if (uid) uid.focus();
</code></pre>
<p>Je crois qu’il se fout de moi !</p>
https://open-time.net/post/2024/03/14/Index-ou-pas-index#comment-form
https://open-time.net/feed/atom/comments/16019
Notules non diplomatiques n° 29
urn:md5:7bcb4e7240b01c0b126d152250123ffa
2024-03-13T06:10:00+01:00
2024-03-13T06:10:00+01:00
Franck
Brèves
<figure class="media-center">
<a href="https://open-time.net/public/dcim/2019/10/22/_MG_3811.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/dcim/2019/10/22/._MG_3811_w.jpg" alt="Des personnes attablées à une terrasse de bistro sous les arbres" height="533" width="800"></a>
<figcaption>Le temps d’une pause, Voyage à Lisbonne, Lisbonne, Portugal, oct. 2019</figcaption>
</figure>
<p>J’imaginais le Portugal comme un pays progressiste, à gauche, soucieux des uns et des autres, où il fait bon vivre, à l’abri des bruits de bottes depuis la <a href="https://fr.wikipedia.org/w/index.php?title=R%C3%A9volution_des_%C5%92illets">révolution des Œillets</a>, sauf que non en fait, la droite est de nouveau majoritaire et l’extrême-droite lui emboîte le pas vu le résultat <a href="https://fr.wikipedia.org/wiki/%C3%89lections_l%C3%A9gislatives_portugaises_de_2024">des dernières élections législatives</a> ; saynul !</p>
<hr />
<div lang="en">
<blockquote>
<p>Kremlin accuses America of plotting cyberattack on Russian voting systems</p>
</blockquote>
<p><span lang="fr">[ Source : À peu près partout sur le net ]</span></p>
</div>
<p>Manquent pas de culot en Russie, surtout que vu leur système à candidat unique — les autres sont soit en prison, soit décédé·es accidentellement à l’insu de leur plein gré, soit soigneusement contrôlés —, ça ne changerait pas grand chose au résultat connu d’avance.<br />
Le rapport à la vérité à toujours été compliqué chez les politiques de tout bord et de toute nation ; mais là j’ai l’impression qu’on atteint des sommets de je-m’en-foutisme et, ou de crédulité collective côté peuple, si ce n’est les deux ! Ils ne font même plus semblant, c’est effrayant.</p>
<p>Et puis sinon ils vont aussi installer des bureaux de vote en Moldavie (qu’est pas encore à eux, je précise), oui oui ! Probablement à l’ambassade ou au consulat russe je pense, mais ça n’a pas l’air de plaire à la Moldavie, on se demande bien pourquoi !</p>
<hr />
<p>J’ai beaucoup aimé le vent que Catherine Ringer a mis à Macron en mode bas les pattes tu me touches pas !</p>
https://open-time.net/post/2024/03/13/Notules-non-diplomatiques-n-29#comment-form
https://open-time.net/feed/atom/comments/16018
À l'envers
urn:md5:a987dea718e91719dadd102ae4527a9a
2024-03-12T06:30:00+01:00
2024-03-12T06:30:00+01:00
Franck
Brèves
CSS
<p><img src="https://open-time.net/public/memojis/voila.jpg" alt="" class="media-center" height="421" width="421"></p>
<p>Ça fait quelques temps (années) que j’ai envie de reprendre toute la CSS de l’admin pour repartir from <i lang="en">scratch</i>. Sauf que <a href="https://open-time.net/post/2024/01/20/Lack-of-skills">niveau de compétences</a> étant, ça n’est définitivement pas la bonne solution.</p>
<p>J’ai finalement réalisé ce matin — on est jamais à l’abri d’une épiphanie, même après des années de code — que je prenais ça à l’envers !</p>
<p>Je m’explique. Plutôt que de partir d’une feuille blanche, ou <a href="https://codepen.io/franck-paul/pen/ZEqROEb">presque</a>, il vaut mieux, en tout cas pour ma pomme, repartir du bas, du plus petit, et remonter tranquillement vers l’englobant, vers le haut. Dis autrement, mieux vaut que je m’occupe des petits composants, en profitant des nouveautés CSS, et qu’une fois cette passe effectuée ce sera probablement plus aisé de faire de même pour les groupes de composants, etc jusqu’au niveau le plus haut (la page).</p>
<p>Alors le défaut évident de cette méthode est que je risque de dupliquer des choses côté CSS, mais c’est un pis-aller et ça me permet d’avancer.</p>
https://open-time.net/post/2024/03/12/A-l-envers#comment-form
https://open-time.net/feed/atom/comments/16017
Grande marée
urn:md5:0373f7b058f10d2f9d3ddb6cbdbb3717
2024-03-11T06:57:00+01:00
2024-03-11T06:57:00+01:00
Franck
Photos
Bretagne
France
hiver
<figure class="media-center">
<a href="https://open-time.net/public/illustrations/2024/IMG_4814.jpeg" title="Ouvrir le média"><img src="https://open-time.net/public/illustrations/2024/.IMG_4814_w.jpg" alt="Grande marée à Saint-Guénolé" height="533" width="800"></a>
<figcaption>Jour de grande marée aux rochers à Saint-Guénolé, mars 2024</figcaption>
</figure>
<p>Petite balade hier après-midi pour aller voir de visu comment la mer est rudement bien remplie en ce jour de coefficient à 110<sup id="fnref:ts1710093929.1"><a href="https://open-time.net/post/2024/03/11/Grande-maree#fn:ts1710093929.1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
<details>
<summary>Vidéos</summary>
<div class="media-center">
<video controls="" preload="auto" width="756" height="425">
<source src="https://open-time.net/public/illustrations/2024/IMG_4817.mp4">
</video>
</div>
<div class="media-center">
<video controls="" preload="auto" width="756" height="425">
<source src="https://open-time.net/public/illustrations/2024/IMG_4818.mp4">
</video>
</div>
</details>
<p>Et tout à l’heure on ira à Lesconil pour voir comment ça change avec un coefficient à 116, pas loin du maximum !</p>
<div class="footnotes" role="doc-endnotes">
<hr />
<ol>
<li id="fn:ts1710093929.1" role="doc-endnote">
<p>La maximum est à 120. <a href="https://open-time.net/post/2024/03/11/Grande-maree#fnref:ts1710093929.1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
</ol>
</div>
https://open-time.net/post/2024/03/11/Grande-maree#comment-form
https://open-time.net/feed/atom/comments/16016
Idée de (mini) conférence
urn:md5:0b59f6ac9cf473b5817dce220bdf0d9c
2024-03-10T06:42:00+01:00
2024-03-10T10:46:37+01:00
Franck
Brèves
<figure class="media-center">
<a href="https://open-time.net/public/illustrations/2024/AGPLv3_Logo.svg" title="Ouvrir le média"><img src="https://open-time.net/public/illustrations/2024/AGPLv3_Logo.svg" alt="Logo de la licence AGPLv3"></a>
<figcaption>Logo de la licence AGPLv3, domaine public, 18 novembre 2012</figcaption>
</figure>
<p>Sur une idée de Biou.</p>
<h3>Titre</h3>
<p>Looking for Martin, changement de licence d’un projet open-source, pièges et conseils</p>
<h3>Résumé</h3>
<p>Passer de la GPL-2.0-only à l’AGPL-3.0, en théorie c’est facile, en pratique ça peut l’être beaucoup moins !</p>
<h3>Description</h3>
<p>J’ai récemment voulu modifier la licence d’un projet open-source que je maintiens, pour basculer de la GPL-2.0-only à une AGPL-3.0 qui protège un peu mieux en cas d’usage commercial et je me suis heurté à l’absence de moyen de communication vers les contributrices et contributeurs qui avaient encore du code à eux dans le projet, comme par exemple ce Martin, que je ne connais pas et qui indiquait comme adresse email devnull@localhost.
Voyons ensemble les quelques pièges à éviter et quelques conseils à suivre pour éviter ça à l’avenir pendant la conduite de vos projets open-source…</p>
<hr />
<p>Voilà, moi je peux pas soumettre parce que je fais partie du staff Paris-Web, mais si ça branche quelqu’un ;-)</p>
https://open-time.net/post/2024/03/10/Changement-de-licence-d-un-projet-open-source-pieges-et-conseils#comment-form
https://open-time.net/feed/atom/comments/16015
Avant - après
urn:md5:b192b768434b44324f7189b51aa76027
2024-03-09T06:41:00+01:00
2024-03-09T09:33:05+01:00
Franck
Brèves
dotclear
<p>Juste pour le plaisir de la satisfaction, un avant-goût des derniers changements qui seront présents dans la 2.30 de Dotclear, avec un exemple de la légende affichée sous la liste des pages :</p>
<p>Dotclear 2.29, mode clair :</p>
<figure class="media-center">
<a href="https://open-time.net/public/screenshots/2024/light-2-29.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/screenshots/2024/light-2-29.jpg" alt="Légende de la liste des pages avec Dotclear 2.29" height="53" width="702"></a>
<figcaption>Légende de la liste des pages avec Dotclear 2.29 en mode clair, mars 2024</figcaption>
</figure>
<p>Dotclear 2.30, mode clair :</p>
<figure class="media-center">
<a href="https://open-time.net/public/screenshots/2024/light-2-30.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/screenshots/2024/light-2-30.jpg" alt="Légende de la liste des pages avec Dotclear 2.30" height="53" width="752"></a>
<figcaption>Légende de la liste des pages avec Dotclear 2.30 en mode clair, mars 2024</figcaption>
</figure>
<p>Dotclear 2.29, mode sombre :</p>
<figure class="media-center">
<a href="https://open-time.net/public/screenshots/2024/dark-2.29.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/screenshots/2024/dark-2.29.jpg" alt="Légende de la liste des pages avec Dotclear 2.29" height="53" width="702"></a>
<figcaption>Légende de la liste des pages avec Dotclear 2.29 en mode sombre, mars 2024</figcaption>
</figure>
<p>Dotclear 2.30, mode sombre :</p>
<figure class="media-center">
<a href="https://open-time.net/public/screenshots/2024/dark-2-30.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/screenshots/2024/dark-2-30.jpg" alt="Légende de la liste des pages avec Dotclear 2.30" height="53" width="752"></a>
<figcaption>Légende de la liste des pages avec Dotclear 2.30 en mode sombre, mars 2024</figcaption>
</figure>
<p>Et encore, le format PNG des copies d’écran affichées ici ne rend pas très bien l’aspect réel, je trouve.</p>
<hr />
<p>Et évidemment, y’avait encore un truc ou deux qui me gênait alors j’ai sévi ce matin pour renforcer le contraste, en mode sombre, de quelques icônes.</p>
https://open-time.net/post/2024/03/09/Avant-apres#comment-form
https://open-time.net/feed/atom/comments/16014
Autostop
urn:md5:e6a33bd6066b0113c43cc8c810dc72f7
2024-03-08T06:14:00+01:00
2024-03-08T06:14:00+01:00
Franck
Brèves
<p><a href="https://open-time.net/public/illustrations/2014/vieille-auto.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/illustrations/2014/vieille-auto.jpg" alt="Vieille auto" class="media-center" height="640" width="640"></a></p>
<p>Il faisait du stop à la sortie du Guil’ pour celles et ceux qui connaissent, et me souvenant des heures passées étant jeune à faire pareil, je m’arrête, sauf quand la bagnole est pleine, évidemment.</p>
<p>Il est monté, ravi d’avoir un carrosse pour l’emmener au village suivant, Plomeur pour celles et ceux qui connaissent, et éviter ainsi de marcher le long de cette route très passante et où le bas-côté n’est pas très large pour les rares piétons qui pourraient s’y aventurer.</p>
<p>On a bavardé un peu, peu parce que c’était pas loin, mais suffisamment pour qu’il me raconte qu’un connard fini avait fait semblant de s’arrêter sur le côté pour le prendre et était reparti juste au moment où il arrivait à sa portière…</p>
<p>Puis il s’est présenté, m’a raconté sa vie des derniers mois, rupture avec sa copine avec qui il était depuis vingt ans, qu’il habitait avant à Treff’ pour celles et ceux qui connaissent, et patali et patala… qu’on se raconte qu’on est ensemble pour la vie, que jamais etc. Vous savez la suite qui souvent s’arrange pour ne pas correspondre du tout à ce qu’on croit les temps précédents.</p>
<p>Bref, je l’ai déposé devant le tabac et suis reparti vers ma destination en me disant que j’aurais du lui demander la marque, le modèle et la couleur de la bagnole du connard des fois que je le croise un de ces quatre !</p>
https://open-time.net/post/2024/03/08/Autostop#comment-form
https://open-time.net/feed/atom/comments/16013
Ça commence à me plaire vraiment !
urn:md5:24e2f426b95fceffe2b8b6b0cd42d5e5
2024-03-07T06:25:00+01:00
2024-03-07T06:25:00+01:00
Franck
Brèves
dotclear
développement
<figure class="media-center svg-large">
<a href="https://open-time.net/public/illustrations/2023/logo-dotclear-green.svg" title="Ouvrir le média"><img src="https://open-time.net/public/illustrations/2023/logo-dotclear-green.svg" alt="Logo Dotclear"></a>
<figcaption>Logo Dotclear</figcaption>
</figure>
<p>Je termine doucement la bascule des images PNG qu’on utilise depuis des lustres dans Dotclear vers des versions SVG et avec les quelques retouches CSS que j’ai entrepris — amélioration progressive et continue est ce que je préfère finalement — l’aspect final des pages de l’administration devient de plus en plus plaisante (et subjectivement fluide).</p>
<p>J’ai repéré quelques défauts d’accessibilité, ça sera pour un peu plus tard vu que je commence à atteindre une légère saturation, signe qu’il faut que je me penche sur d’autres aspects. Cela dit, j’ai des trucs en suspens, PHP, Javascript, quelques plugins à finir, peut-être un thème à reprendre bien que pour ces derniers j’avoue que ce n’est pas trop, en ce moment, ma tasse de thé.</p>
<p>Et puis il y a <a href="https://git.dotclear.org/dev/dotclear/issues" hreflang="en">quelques tickets</a> à fermer (et aussi <a href="https://github.com/search?q=user%3Afranck-paul+is%3Aopen&type=issues">ceux-là</a>) …</p>
https://open-time.net/post/2024/03/07/Ca-commence-a-me-plaire-vraiment-#comment-form
https://open-time.net/feed/atom/comments/16012
Paire et passe !
urn:md5:963c87a91a2621861cee2995272aee7f
2024-03-06T06:02:00+01:00
2024-03-06T06:02:00+01:00
Franck
Brèves
dotclear
développement
<figure class="media-center">
<a href="https://open-time.net/public/illustrations/2017/paris-lumieres.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/illustrations/2017/.paris-lumieres_w.jpg" alt="Paris ville lumière : lampadaires allumés en plein jour rue Buot" height="800" width="800"></a>
<figcaption>Seriously #paris les lampadaires allumes en plein jour ?, juin 2017</figcaption>
</figure>
<p><a href="https://open-time.net/post/2024/02/27/Impasse-ou-manque">Finalement</a> j’ai retrouvé et obtenu l’accord de toutes celles et ceux qui étaient concerné·es au sujet du basculement de la GPLv2 vers l’AGPLv3 \o/</p>
<p>Sauf ce Martin, inconnu au bataillon — en tout cas de moi —, qui a fourni quelques traductions en allemand ; travail dérivé que je considérerai pour l’occasion comme acquis au changement de licence, d’ailleurs plus protecteur que l’actuelle.</p>
<p>Ça sera donc pour la prochaine version majeure, la 2.30 !</p>
<hr />
<p>Pour les développeurs de thèmes et plugins tiers, ça ne vous oblige à rien et l’éco-système actuel reste compatible.</p>
https://open-time.net/post/2024/03/06/Paire-et-passe-#comment-form
https://open-time.net/feed/atom/comments/16011
Presque pas communistes
urn:md5:14f5a01b6d9045634c6cb68fff873115
2024-03-05T06:29:00+01:00
2024-03-05T06:29:00+01:00
Franck
Brèves
<figure class="media-center">
<a href="https://open-time.net/public/illustrations/2024/Julien-Malland-alias-Seth.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/illustrations/2024/.Julien-Malland-alias-Seth_w.jpg" alt="© Julien Malland alias Seth" height="450" width="800"></a>
<figcaption>© Julien Malland alias Seth, mars 2022, rue Buot dans le 13e arrondissement de Paris, mars 2024</figcaption>
</figure>
<blockquote>
<p>Ai obtenu un travail assis entre les Russes, ou plutôt les Ukrainiennes qui n’y ressemblent pas. En effet elles ne sont presque pas communistes. J’en profite pour discuter et fortifier une opinion déjà existante.</p>
<p><span class="signature">Jacques André Marcel <span class="author">Prenel</span>, <cite><a href="https://lepetitlivrerouge.fr/2024/03/04/lundi-21-fevrier-1944/">Lundi 21 février 1944</a></cite></span></p>
</blockquote>
https://open-time.net/post/2024/03/05/Presque-pas-communistes#comment-form
https://open-time.net/feed/atom/comments/16010
Pourquoi compter ?
urn:md5:5b533a71a2ba5e940f0c77e4970b8c99
2024-03-04T06:41:00+01:00
2024-03-04T06:41:00+01:00
Franck
Brèves
<p><a href="https://open-time.net/public/illustrations/2024/marais-lesconil.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/illustrations/2024/.marais-lesconil_w.jpg" alt="Le marais à Lesconil" class="media-center" height="533" width="800"></a></p>
<p>Pourquoi compter ?</p>
<p>C’est une question que je me pose parfois quand je vois le compteur de billets qui s’incrémente de jour en jour et après quelques secondes de réflexion je me dis que non, à quoi bon s’esclaffer que plus de tant et que presque autant et …</p>
<p>C’est inutile, comme surement le nombre de pages qui s’affiche en bas de cette page, ou peut-être même le nombre de réactions (commentaires et parfois rétroliens) qui sont affichées à la fin.</p>
<p>488 caractères, 92 mots, ½ folio, moins d’une minute de lecture vois-je en bas de l’interface d’écriture au moment d’écrire cette phrase. Pourquoi faire ?</p>
<p>Ce blog n’est pas un concours et c’est seulement un petit plaisir, petite satisfaction que de prendre le temps d’un extrait ou d’un lien vers un texte qui m’a touché, comme <a href="https://open-time.net/post/2024/03/03/Ou-est-mon-humanite">hier</a>, ou alors de montrer un endroit ou quelque chose que j’ai pris en photo, ou encore quelques mots qui me viennent à l’esprit au moment où me prends l’envie d’écrire.</p>
<p>Je <q>micro-blogue</q> ai-je entendu dire à mon propos il y a quelques temps et je me suis posé la question de savoir ce qu’évoquait ce <em>micro</em>. Quel est le seuil, chez celui qui l’avait prononcé, à partir duquel on passe du micro au <em>normal</em> ? Est-ce un nombre de mots, de lignes, ou bien alors une qualité d’écriture, d’argumentation ou la présence de références, ou bien encore de construction — thèse, antithèse, synthèse ou introduction, propos, conclusion ?</p>
<p>Je n’ai pas la réponse, et puis aussitôt je me demande quoi compter ?</p>
<p>Personnellement je m’en tape et même si parfois je trouve mes billets un peu court je me rassure aussitôt en me disant que bien peu sont celles et ceux qui vont au delà de quelques lignes en ces temps de consommation de réseaux sociaux effrénés dont la multitude est extensible à l’infini alors que notre temps, bien au contraire…</p>
<p>Bref c’est bien quand je le juge, un peu plus long quand j’ai envie d’écrire, même si finalement ça n’a pas plus d’importance pour moi que pour quiconque.</p>
<p>Je n’ai de comptes à rendre à personne, sauf que ce n’est évidemment pas vrai, mais objectivement j’en ai peu et c’est très bien comme ça, sans compter (pouf pouf) que c’est très confortable à vivre, dès lors qu’on en a les moyens !</p>
<p>J’ai compté les heures et les jours petit, en attendant d’être suffisamment grand pour pouvoir me sauver ; on a vite pris la décision pour moi d’ailleurs. J’ai compté les sous, pendant des années et comme beaucoup d’entre nous, pour finir les fins de mois et en faisant profil bas devant les créanciers et les banquiers. J’ai compté quelques humiliations, quelques regrets, quelques plaisirs aussi, il ne faut pas se mentir, pendant bien des années. Et je ne compte pas mon bonheur depuis plus d’une décennie, bientôt deux, mais ça vous le savez, vous me qui me lisez !</p>
<p>3208 caractères, 605 mots, 2 folios, 3 minutes de lecture, vous avez eu du courage de lire jusqu’ici mes divagations, merci !</p>
https://open-time.net/post/2024/03/04/Pourquoi-compter#comment-form
https://open-time.net/feed/atom/comments/16009
Où est mon humanité ?
urn:md5:77200a628c81a777e5dca158c573938b
2024-03-03T06:54:00+01:00
2024-03-03T06:54:00+01:00
Franck
Brèves
<p><a href="https://open-time.net/public/illustrations/2018/vilnius-synagogue-1.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/illustrations/2018/.vilnius-synagogue-1_w.jpg" alt="Vilnius - synagogue" class="media-center" height="800" width="800"></a></p>
<blockquote>
<p>Tout ça peut sembler très loin de La Zone d’Intérêt et pourtant : le nazisme n’a-t-il pas exploiter les êtres humains qu’il ne considérait pas comme tel jusqu’à en faire des engrais, du savon ? Le morceau d’os que rencontre Rudolf Höss dans la rivière n’est-elle pas une forme de pollution (sans vouloir vexer qui que ce soit) ? Les désirs d’Hedwig Höss ne résonnent-ils pas avec la société de consommation : qu’importe l’alter ego, ce qui compte c’est mon intérêt, me nourrir, me vêtir, me loger et avoir de jolis objets ? La Zone d’Intérêt ne parle pas uniquement du passé, elle parle également de maintenant.</p>
<p>Ainsi, à la question sur le côté de la ligne où je me trouverais si j’avais vécu lors des années 39-45, j’ai ma réponse. Ne me reste plus qu’une seule question.</p>
<p>Où est mon humanité ?</p>
<p><span class="signature"><span class="author">jsamotyj</span>, <cite><a href="https://unstyloetdupapier.wordpress.com/2024/02/19/la-zone-dinteret-espace-de-questionnement-hs/">La Zone d’Intérêt : espace de questionnement</a></cite></span> (via <a href="https://blog.matoo.net/2024/03/02/la-zone-dinteret-jonathan-glazer/">Matoo</a>)</p>
</blockquote>
https://open-time.net/post/2024/03/03/Ou-est-mon-humanite#comment-form
https://open-time.net/feed/atom/comments/16008
Chaîne de bloc
urn:md5:bae27c8caa4f54bf93dffa5580f56af6
2024-03-02T09:43:00+01:00
2024-03-02T10:00:14+01:00
Franck
Brèves
<p><a href="https://open-time.net/public/illustrations/2014/dudu.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/illustrations/2014/dudu.jpg" alt="Porte-carte et porte-monnaie DuDu" class="media-center" height="640" width="640"></a></p>
<p>En fin 2016 <a href="https://open-time.net/post/2017/10/14/Capitalisse">j’achetais</a> 50€ de bitcoins. Aujourd’hui après avoir laissé trainer ça dans mon portefeuille virtuel et profité de quelques opérations de marketing diverses et variées auxquelles je n’ai pas compris grand chose, je me retrouve avec virtuellement plus de 4700€ disponibles !</p>
<p>J’ai donc du bitcoin (BTC), de l’ethereum (ETH), du stacks (STX), du Livepeer Token (LPT), du Stellar Lumen (XLM) et du bitcoin cash (BCH). Ne me demandez pas ce que ça représente, je n’en ai aucune idée.</p>
<p>Des fois je me dis que je devrais fermer tout ça, payer les impôts correspondants — je suppose que ça doit représenter 30% du total, <del>je ne connais pas la fiscalité qui s’y applique</del> <ins>voir ci-dessous</ins> —, et payer un bout des travaux en cours avec !</p>
<p>Et puis la flemme l’emporte…</p>
<hr />
<p><a href="https://www.economie.gouv.fr/cedef/regime-fiscal-cryptomonnaies">Fiscalité</a> : 30% réparti entre prélèvement forfaitaire et prélèvements sociaux :</p>
<blockquote>
<p>Quel que soit leur montant, les plus-values relèvent désormais automatiquement du régime du prélèvement forfaitaire unique. Cependant, les contribuables peuvent opter pour l’application du barème progressif de l’impôt sur le revenu au lieu du taux forfaitaire de 12,8 %.</p>
<p>La contribution de 17,2 % au titre des prélèvements sociaux reste redevable dans les deux cas.</p>
</blockquote>
<p>Je note si jamais j’ai plus la flemme, un jour !</p>
https://open-time.net/post/2024/03/02/Chaine-de-bloc#comment-form
https://open-time.net/feed/atom/comments/16007
Il m'avait échappé celui-ci
urn:md5:72fa95459d84f88c12107eead4d49c96
2024-03-01T10:45:00+01:00
2024-03-01T10:53:15+01:00
Franck
Brèves
CSS
dotclear
développement
<p><a href="https://open-time.net/public/screenshots/2024/cadenas.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/screenshots/2024/cadenas.jpg" alt="Copie d'écran du cadenas en regard de l'URL du billet" class="media-center" height="121" width="269"></a></p>
<p>Le cadenas plaqué sur le bord droit du bloc, spa terrible ! Par ailleurs sur mobile (portrait) ça vaudrait peut-être le coup d’élargir les blocs en question pour occuper tout l’espace.</p>
<p>Et il y en a surement d’autres que je n’ai pas encore découvert.</p>
<p>Comme quoi, remettre son ouvrage mille fois sur l’établi fait petit à petit son nid (à peu presque) :-)</p>
https://open-time.net/post/2024/03/01/Il-m-avait-echappe-celui-ci#comment-form
https://open-time.net/feed/atom/comments/16006
Bruno si tu me lis
urn:md5:3d673b9ad2beb67381b26163868586e9
2024-02-29T08:44:00+01:00
2024-02-29T08:45:47+01:00
Franck
Brèves
<p><img src="https://open-time.net/public/memojis/salut.jpg" alt="" class="media-center" height="421" width="421"></p>
<p>Tu as un mail dans ton <i lang="en">inbox</i> (ou dans tes spams) ;-)</p>
<p>PS : Message destiné à Bruno, aka Dsls</p>
https://open-time.net/post/2024/02/29/Bruno-si-tu-me-lis#comment-form
https://open-time.net/feed/atom/comments/16005
Napo
urn:md5:660fc20e5036f2d4005498ca2038d85b
2024-02-28T08:29:00+01:00
2024-02-28T08:39:12+01:00
Franck
Brèves
<figure class="media-center">
<a href="https://open-time.net/public/illustrations/2024/pizza.jpg" title="Ouvrir le média"><img src="https://open-time.net/public/illustrations/2024/.pizza_w.jpg" alt="Pizza napolitaine" height="450" width="800"></a>
<figcaption>Pizza napolitaine, câpres, anchois, olives noires, févr. 2024</figcaption>
</figure>
<p>Ça faisait un bail, voire deux, que je n’en avais pas fait, alors j’ai acheté ce qu’il manquait, essentiellement la garniture, et ai fait pousser une pâte<sup id="fnref:ts1709105952.1"><a href="https://open-time.net/post/2024/02/28/Napo#fn:ts1709105952.1" class="footnote-ref" role="doc-noteref">1</a></sup> pour faire une pizza aux trottoirs bien épais et croustillants comme je les aime !</p>
<p>On la nomme napolitaine dans les restaurants mais j’ai appris récemment qu’il faudrait plutôt la nommer romaine parce qu’il y a longtemps c’était là-bas qu’on faisait cette pizza aux anchois et câpres ; bon en vrai il y a autant de vérités que d’italiens, donc c’est difficile à affirmer ! Sinon il n’y a pas d’huile dans la pâte à pizza napolitaine.</p>
<div class="footnotes" role="doc-endnotes">
<hr />
<ol>
<li id="fn:ts1709105952.1" role="doc-endnote">
<p>Farine, sel, levure, huile et eau <a href="https://open-time.net/post/2024/02/28/Napo#fnref:ts1709105952.1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
</ol>
</div>
https://open-time.net/post/2024/02/28/Napo#comment-form
https://open-time.net/feed/atom/comments/16004