Browse Source

More links

master
David Larlet 5 months ago
parent
commit
11467e34f6

+ 216
- 0
cache/2021/587b80280806281157e5d25c92f7ca68/index.html View File

@@ -0,0 +1,216 @@
<!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>Pourquoi le pôle logiciels libres d'Etalab utilise SourceHut (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- 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="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- 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>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://man.sr.ht/~etalab/logiciels-libres/pourquoi-sourcehut.md">

<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>Pourquoi le pôle logiciels libres d'Etalab utilise SourceHut</h1>
</header>
<nav>
<p class="center">
<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="https://man.sr.ht/~etalab/logiciels-libres/pourquoi-sourcehut.md" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p><em>Go to the <a href="https://man.sr.ht/~etalab/logiciels-libres/why-sourcehut.md" rel="nofollow noopener">english version</a>.</em></p>
<p>Pour publier ses codes sources, chaque administration est libre de
choisir entre plusieurs options, présentées en mai 2018 dans la
<a href="https://www.numerique.gouv.fr/publications/politique-logiciel-libre/" rel="nofollow noopener">politique de contribution de l'Etat aux logiciels
libres</a>,
politique qui sera mise à jour en 2022.</p>
<p><a href="https://code.gouv.fr/#/stats" rel="nofollow noopener">Ces chiffres de code.gouv.fr</a>
l'indiquent : les administrations choisissent souvent de publier sur
GitHub. De nombreuses autres optent pour GitLab, via gitlab.com ou
une instance locale.</p>
<p><strong>Au sein d'Etalab, le pôle logiciels libres publie une partie de ses
codes sources sur <a href="https://sourcehut.org" rel="nofollow noopener">SourceHut</a>. Pourquoi ?</strong></p>
<p>Comme le montre <a href="https://github.com/etalab/etalab/blob/master/logiciels-libres.md#les-logiciels-libres-utilis%C3%A9s-par-etalab" rel="nofollow noopener">cette
liste</a>,
Etalab s'est tôt engagé dans le fait de recourir à des logiciels
libres : c'est d'abord cet engagement qui a décidé le pôle logiciels
libres à utiliser SourceHut pour publier une partie de ses codes
sources. C'est aussi pour montrer qu'il existe d'autres forges que
celles envisagées par défaut ou par habitude, et ainsi encourager
chaque administration à bien motiver ses choix d'hébergement de code.</p>
<p>Voici en détail les raisons qui ont guidé notre choix :</p>
<ul>
<li>
<p>SourceHut est un logiciel <a href="https://sr.ht/~sircmpwn/sourcehut/" rel="nofollow noopener">entièrement
libre</a>.</p>
</li>
<li>
<p>Parmi les forges dont le code source est entièrement libre,
SourceHut est la seule qui propose à la fois de l'intégration
continue et des listes de discussion.</p>
</li>
<li>
<p>Si vous voulez contribuer à un projet, vous n'avez pas besoin de
créer de compte sur SourceHut : il suffit d'une adresse de courriel
pour envoyer des correctifs et proposer des idées.</p>
</li>
<li>
<p>SourceHut ne collecte aucune donnée de ses utilisateurs.</p>
</li>
</ul>
<p><strong>Ce choix n'a pas vocation à s'imposer à d'autres administration</strong>,
ni même à tous nos projets, parce que la contribution via SourceHut
peut demander un effort d'adaptation. Mais il reflète les principes
auxquels Etalab est attaché et nous espérons qu'il vous permettra de
découvrir cette forge.</p>
</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>

+ 49
- 0
cache/2021/587b80280806281157e5d25c92f7ca68/index.md View File

@@ -0,0 +1,49 @@
title: Pourquoi le pôle logiciels libres d'Etalab utilise SourceHut
url: https://man.sr.ht/~etalab/logiciels-libres/pourquoi-sourcehut.md
hash_url: 587b80280806281157e5d25c92f7ca68

<p><em>Go to the <a href="https://man.sr.ht/~etalab/logiciels-libres/why-sourcehut.md" rel="nofollow noopener">english version</a>.</em></p>
<p>Pour publier ses codes sources, chaque administration est libre de
choisir entre plusieurs options, présentées en mai 2018 dans la
<a href="https://www.numerique.gouv.fr/publications/politique-logiciel-libre/" rel="nofollow noopener">politique de contribution de l'Etat aux logiciels
libres</a>,
politique qui sera mise à jour en 2022.</p>
<p><a href="https://code.gouv.fr/#/stats" rel="nofollow noopener">Ces chiffres de code.gouv.fr</a>
l'indiquent : les administrations choisissent souvent de publier sur
GitHub. De nombreuses autres optent pour GitLab, via gitlab.com ou
une instance locale.</p>
<p><strong>Au sein d'Etalab, le pôle logiciels libres publie une partie de ses
codes sources sur <a href="https://sourcehut.org" rel="nofollow noopener">SourceHut</a>. Pourquoi ?</strong></p>
<p>Comme le montre <a href="https://github.com/etalab/etalab/blob/master/logiciels-libres.md#les-logiciels-libres-utilis%C3%A9s-par-etalab" rel="nofollow noopener">cette
liste</a>,
Etalab s'est tôt engagé dans le fait de recourir à des logiciels
libres : c'est d'abord cet engagement qui a décidé le pôle logiciels
libres à utiliser SourceHut pour publier une partie de ses codes
sources. C'est aussi pour montrer qu'il existe d'autres forges que
celles envisagées par défaut ou par habitude, et ainsi encourager
chaque administration à bien motiver ses choix d'hébergement de code.</p>
<p>Voici en détail les raisons qui ont guidé notre choix :</p>
<ul>
<li>
<p>SourceHut est un logiciel <a href="https://sr.ht/~sircmpwn/sourcehut/" rel="nofollow noopener">entièrement
libre</a>.</p>
</li>
<li>
<p>Parmi les forges dont le code source est entièrement libre,
SourceHut est la seule qui propose à la fois de l'intégration
continue et des listes de discussion.</p>
</li>
<li>
<p>Si vous voulez contribuer à un projet, vous n'avez pas besoin de
créer de compte sur SourceHut : il suffit d'une adresse de courriel
pour envoyer des correctifs et proposer des idées.</p>
</li>
<li>
<p>SourceHut ne collecte aucune donnée de ses utilisateurs.</p>
</li>
</ul>
<p><strong>Ce choix n'a pas vocation à s'imposer à d'autres administration</strong>,
ni même à tous nos projets, parce que la contribution via SourceHut
peut demander un effort d'adaptation. Mais il reflète les principes
auxquels Etalab est attaché et nous espérons qu'il vous permettra de
découvrir cette forge.</p>

+ 190
- 0
cache/2021/6513cd7104f4e6a8c7b3e0d759b467d8/index.html View File

@@ -0,0 +1,190 @@
<!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>4 + 3 (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- 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="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- 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>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://adactio.com/journal/18620">

<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>4 + 3</h1>
</header>
<nav>
<p class="center">
<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="https://adactio.com/journal/18620" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p>I work a four-day week now.</p>

<p>It started with the first lockdown. Actually, for a while there, I was working just two days a week while we took a “wait and see” attitude at <a href="https://clearleft.com/">Clearleft</a> to see how The Situation was going to affect work. We weathered that storm, but rather than going back to a full five-day week I decided to try switching to four days instead.</p>

<p>This meant taking a pay cut. Time is literally money when it comes to work. But I decided it was worth it. That’s a privileged position to be in, I know. I managed to pay off the mortgage on our home last year so that reduced some financial pressure. But I also turned fifty, which made me think that I should really be padding some kind of theoretical nest egg. Still, the opportunity to reduce working hours looked good to me.</p>

<p>The ideal situation would be to have everyone switch to a four-day week without any reduction in pay. Some companies have done that but it wasn’t an option for Clearleft, alas.</p>

<p>I’m not the only one working a four-day week at Clearleft. A few people were doing it even before The Situation. We all take Friday as our non-work day, which makes for a nice long three-day weekend.</p>

<p>What’s really nice is that Friday has been declared a “no meeting” day for everyone at Clearleft. That means that those of us working a four-day week know we’re not missing out on anything and it’s pretty nice for people working a five-day week to have a day free of appointments. We have our end-of-week all-hands wind-down on Thursday afternoons.</p>

<p>I haven’t experienced any reduction in productivity. Quite the opposite. There may be a corollay to <a href="https://en.wikipedia.org/wiki/Parkinson%27s_law">Parkinson’s Law</a>: work contracts to fill the time available.</p>

<p>At one time, a six-day work week was the norm. It may well be that <a href="https://www.4dayweek.com/">a four-day work week</a> becomes the default over time. That could dovetail nicely with increasing automation.</p>

<p>I’ve got to say, I’m really, really liking this. It’s quite nice that when Wednesday rolls around, I can say “it’s almost the weekend!”</p>

<p>A three-day weekend feels normal to me now. I could imagine tilting the balance even more over time. Maybe every few years I could reduce the working by a day or half a day. So instead of going from a full-on five-day working week straight into retirement, it would be more of a gentle ratcheting down over the years.</p>
</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>

+ 23
- 0
cache/2021/6513cd7104f4e6a8c7b3e0d759b467d8/index.md View File

@@ -0,0 +1,23 @@
title: 4 + 3
url: https://adactio.com/journal/18620
hash_url: 6513cd7104f4e6a8c7b3e0d759b467d8

<p>I work a four-day week now.</p>

<p>It started with the first lockdown. Actually, for a while there, I was working just two days a week while we took a “wait and see” attitude at <a href="https://clearleft.com/">Clearleft</a> to see how The Situation was going to affect work. We weathered that storm, but rather than going back to a full five-day week I decided to try switching to four days instead.</p>

<p>This meant taking a pay cut. Time is literally money when it comes to work. But I decided it was worth it. That’s a privileged position to be in, I know. I managed to pay off the mortgage on our home last year so that reduced some financial pressure. But I also turned fifty, which made me think that I should really be padding some kind of theoretical nest egg. Still, the opportunity to reduce working hours looked good to me.</p>

<p>The ideal situation would be to have everyone switch to a four-day week without any reduction in pay. Some companies have done that but it wasn’t an option for Clearleft, alas.</p>

<p>I’m not the only one working a four-day week at Clearleft. A few people were doing it even before The Situation. We all take Friday as our non-work day, which makes for a nice long three-day weekend.</p>

<p>What’s really nice is that Friday has been declared a “no meeting” day for everyone at Clearleft. That means that those of us working a four-day week know we’re not missing out on anything and it’s pretty nice for people working a five-day week to have a day free of appointments. We have our end-of-week all-hands wind-down on Thursday afternoons.</p>

<p>I haven’t experienced any reduction in productivity. Quite the opposite. There may be a corollay to <a href="https://en.wikipedia.org/wiki/Parkinson%27s_law">Parkinson’s Law</a>: work contracts to fill the time available.</p>

<p>At one time, a six-day work week was the norm. It may well be that <a href="https://www.4dayweek.com/">a four-day work week</a> becomes the default over time. That could dovetail nicely with increasing automation.</p>

<p>I’ve got to say, I’m really, really liking this. It’s quite nice that when Wednesday rolls around, I can say “it’s almost the weekend!”</p>

<p>A three-day weekend feels normal to me now. I could imagine tilting the balance even more over time. Maybe every few years I could reduce the working by a day or half a day. So instead of going from a full-on five-day working week straight into retirement, it would be more of a gentle ratcheting down over the years.</p>

+ 193
- 0
cache/2021/c535b353e2af3eb65e4cf0de232bdad5/index.html View File

@@ -0,0 +1,193 @@
<!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>La semaine de 4 jours (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- 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="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- 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>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://blog.le-filament.com/posts/semaine-4jours/">

<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>La semaine de 4 jours</h1>
</header>
<nav>
<p class="center">
<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="https://blog.le-filament.com/posts/semaine-4jours/" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p>Au Filament depuis Janvier 2021 nous sommes passés à la semaine de 4 jours.</p>
<p>Cela faisait un petit moment qu’un de nos associé·es était à temps partiel le vendredi, et à force de nous parler des avantages, nous avons décidé de passer tous les salarié·es à temps complet à la semaine de 4 jours.</p>

<p>Après quelques vérifications sur ce qu’on avait le droit de faire ou pas (le droit du travail n’est pas forcément prévu pour, bizarrement…), nous avons choisi de faire d’une pierre deux coups en passant au forfait jour et en lançant une expérimentation pour un an : on ne travaille plus les vendredis en gardant notre salaire à temps plein.</p>
<p>L’idée de l’expérimentation était de pouvoir revenir en arrière s’il s’avérait que ça devenait trop compliqué financièrement pour la structure ou si cela se révélait un problème pour nos client·es (ou toute autre raison que nous n’avions pas anticipée).</p>
<p>Nous avons donc signé des avenants pour passer à un forfait jour de 181 jours.</p>
<h2 id="er-bilan">1er bilan</h2>
<p>Après un peu plus de 10 mois d’expérimentation nous avons dressé un premier bilan lors de notre séminaire annuel, pour la structure :</p>
<ul>
<li>impact financier maîtrisé, voire transparent</li>
<li>efficacité en hausse, temps productif par semaine en légère hausse</li>
<li>quelques urgences client·es / maintenance de l’infrastructure à gérer mais dans l’ensemble les client·es se sont adaptés à cette nouvelle contrainte C’est aussi un point positif pour les salaires, nous sommes toujours en dessous de la moyenne sur nos postes, mais ramené à un temps plein nous nous en rapprochons, ce qui aide aussi pour les recrutements !</li>
</ul>
<p>L’intérêt de la semaine de 4 jours étant avant tout d’avoir de meilleures conditions de travail, une meilleure répartition des temps pro et perso, il était important de vérifier avec chaque salarié·e son retour sur ces premiers mois :</p>
<ul>
<li>cela permet de s’engager dans des associations en tant que bénévole</li>
<li>cela permet de scier des planches, de bricoler, de faire des week-ends plus longs en famille, ou pour aller surfer sur la côte Basque Bref, ce qu’il en ressort c’est un meilleur équilibre avec cette journée off.</li>
</ul>
<p>Notons néanmoins que pour certain·es ça a été plus compliqué de ne vraiment pas allumer son ordi le vendredi : et si des client·es avait besoin de nous ? Et si on en profitait pour terminer l’administratif au calme ? Et si , et si ? Mais on s’améliore !</p>
<h2 id="la-suite">La Suite</h2>
<p>Ce 1er bilan étant très positif, nous avons donc décidé de poursuivre l’expérimentation pour un an de plus en allégeant un peu les règles et en permettant exceptionnellement, si l’activité le nécessite, de pouvoir travailler le vendredi, en mettant en place un accord de récupération de ce temps (grosse nouveauté pour nous !).</p>
<p>La suite sur ce sujet l’année prochaine !</p>
</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>

+ 26
- 0
cache/2021/c535b353e2af3eb65e4cf0de232bdad5/index.md View File

@@ -0,0 +1,26 @@
title: La semaine de 4 jours
url: https://blog.le-filament.com/posts/semaine-4jours/
hash_url: c535b353e2af3eb65e4cf0de232bdad5

<p>Au Filament depuis Janvier 2021 nous sommes passés à la semaine de 4 jours.</p>
<p>Cela faisait un petit moment qu’un de nos associé·es était à temps partiel le vendredi, et à force de nous parler des avantages, nous avons décidé de passer tous les salarié·es à temps complet à la semaine de 4 jours.</p>

<p>Après quelques vérifications sur ce qu’on avait le droit de faire ou pas (le droit du travail n’est pas forcément prévu pour, bizarrement…), nous avons choisi de faire d’une pierre deux coups en passant au forfait jour et en lançant une expérimentation pour un an : on ne travaille plus les vendredis en gardant notre salaire à temps plein.</p>
<p>L’idée de l’expérimentation était de pouvoir revenir en arrière s’il s’avérait que ça devenait trop compliqué financièrement pour la structure ou si cela se révélait un problème pour nos client·es (ou toute autre raison que nous n’avions pas anticipée).</p>
<p>Nous avons donc signé des avenants pour passer à un forfait jour de 181 jours.</p>
<h2 id="er-bilan">1er bilan</h2>
<p>Après un peu plus de 10 mois d’expérimentation nous avons dressé un premier bilan lors de notre séminaire annuel, pour la structure :</p>
<ul>
<li>impact financier maîtrisé, voire transparent</li>
<li>efficacité en hausse, temps productif par semaine en légère hausse</li>
<li>quelques urgences client·es / maintenance de l’infrastructure à gérer mais dans l’ensemble les client·es se sont adaptés à cette nouvelle contrainte C’est aussi un point positif pour les salaires, nous sommes toujours en dessous de la moyenne sur nos postes, mais ramené à un temps plein nous nous en rapprochons, ce qui aide aussi pour les recrutements !</li>
</ul>
<p>L’intérêt de la semaine de 4 jours étant avant tout d’avoir de meilleures conditions de travail, une meilleure répartition des temps pro et perso, il était important de vérifier avec chaque salarié·e son retour sur ces premiers mois :</p>
<ul>
<li>cela permet de s’engager dans des associations en tant que bénévole</li>
<li>cela permet de scier des planches, de bricoler, de faire des week-ends plus longs en famille, ou pour aller surfer sur la côte Basque Bref, ce qu’il en ressort c’est un meilleur équilibre avec cette journée off.</li>
</ul>
<p>Notons néanmoins que pour certain·es ça a été plus compliqué de ne vraiment pas allumer son ordi le vendredi : et si des client·es avait besoin de nous ? Et si on en profitait pour terminer l’administratif au calme ? Et si , et si ? Mais on s’améliore !</p>
<h2 id="la-suite">La Suite</h2>
<p>Ce 1er bilan étant très positif, nous avons donc décidé de poursuivre l’expérimentation pour un an de plus en allégeant un peu les règles et en permettant exceptionnellement, si l’activité le nécessite, de pouvoir travailler le vendredi, en mettant en place un accord de récupération de ce temps (grosse nouveauté pour nous !).</p>
<p>La suite sur ce sujet l’année prochaine !</p>

+ 6
- 0
cache/2021/index.html View File

@@ -73,6 +73,8 @@
<li><a href="/david/cache/2021/f5a7f2346b8c7317be12857b52321f52/" title="Accès à l’article dans le cache local : I helped pioneer UX design. What I see today disturbs me">I helped pioneer UX design. What I see today disturbs me</a> (<a href="https://www.fastcompany.com/90642462/i-helped-pioneer-ux-design-what-i-see-today-horrifies-me" title="Accès à l’article original distant : I helped pioneer UX design. What I see today disturbs me">original</a>)</li>
<li><a href="/david/cache/2021/6513cd7104f4e6a8c7b3e0d759b467d8/" title="Accès à l’article dans le cache local : 4 + 3">4 + 3</a> (<a href="https://adactio.com/journal/18620" title="Accès à l’article original distant : 4 + 3">original</a>)</li>
<li><a href="/david/cache/2021/c8678419b1c96d90ea066a3f6f6e3479/" title="Accès à l’article dans le cache local : When Are We Back To Normal?">When Are We Back To Normal?</a> (<a href="https://inessential.com/2020/12/31/when_are_we_back_to_normal" title="Accès à l’article original distant : When Are We Back To Normal?">original</a>)</li>
<li><a href="/david/cache/2021/60b5a14eec9d72fe274143aa3ccca32f/" title="Accès à l’article dans le cache local : avant le tremblement">avant le tremblement</a> (<a href="https://www.la-grange.net/2021/03/31/tremblement" title="Accès à l’article original distant : avant le tremblement">original</a>)</li>
@@ -125,6 +127,8 @@
<li><a href="/david/cache/2021/d685a0ad4878f3d833374164b49b3438/" title="Accès à l’article dans le cache local : Read the Principles - Design Justice Network">Read the Principles - Design Justice Network</a> (<a href="https://designjustice.org/read-the-principles" title="Accès à l’article original distant : Read the Principles - Design Justice Network">original</a>)</li>
<li><a href="/david/cache/2021/c535b353e2af3eb65e4cf0de232bdad5/" title="Accès à l’article dans le cache local : La semaine de 4 jours">La semaine de 4 jours</a> (<a href="https://blog.le-filament.com/posts/semaine-4jours/" title="Accès à l’article original distant : La semaine de 4 jours">original</a>)</li>
<li><a href="/david/cache/2021/9c9968045ffe697a08dc13df854247f1/" title="Accès à l’article dans le cache local : I should have loved biology">I should have loved biology</a> (<a href="https://jsomers.net/i-should-have-loved-biology/" title="Accès à l’article original distant : I should have loved biology">original</a>)</li>
<li><a href="/david/cache/2021/afd74b165f837caf94dd2098d161627a/" title="Accès à l’article dans le cache local : Apple’s photo scanning and our state of forced collective paranoia">Apple’s photo scanning and our state of forced collective paranoia</a> (<a href="https://interconnected.org/home/2021/08/06/paranoia" title="Accès à l’article original distant : Apple’s photo scanning and our state of forced collective paranoia">original</a>)</li>
@@ -605,6 +609,8 @@
<li><a href="/david/cache/2021/0f611ad6e0e6b46c2d6a5da863d6e0be/" title="Accès à l’article dans le cache local : Ce qui pourrait être autrement : éloge de l’inutilité">Ce qui pourrait être autrement : éloge de l’inutilité</a> (<a href="http://blog.sens-public.org/marcellovitalirosati/cequipourrait/inutilite.html" title="Accès à l’article original distant : Ce qui pourrait être autrement : éloge de l’inutilité">original</a>)</li>
<li><a href="/david/cache/2021/587b80280806281157e5d25c92f7ca68/" title="Accès à l’article dans le cache local : Pourquoi le pôle logiciels libres d'Etalab utilise SourceHut">Pourquoi le pôle logiciels libres d'Etalab utilise SourceHut</a> (<a href="https://man.sr.ht/~etalab/logiciels-libres/pourquoi-sourcehut.md" title="Accès à l’article original distant : Pourquoi le pôle logiciels libres d'Etalab utilise SourceHut">original</a>)</li>
<li><a href="/david/cache/2021/2057ddcf3fd20edd602cee1b08ac17e8/" title="Accès à l’article dans le cache local : Designing Branch: Sustainable Interaction Design Principles">Designing Branch: Sustainable Interaction Design Principles</a> (<a href="https://branch.climateaction.tech/2020/10/15/designing-branch-sustainable-interaction-design-principles/" title="Accès à l’article original distant : Designing Branch: Sustainable Interaction Design Principles">original</a>)</li>
<li><a href="/david/cache/2021/1357452f72e8fab727df874cbc2582d4/" title="Accès à l’article dans le cache local : Ataraxie numérique">Ataraxie numérique</a> (<a href="http://aswemay.fr/co/040011.html" title="Accès à l’article original distant : Ataraxie numérique">original</a>)</li>

Loading…
Cancel
Save