add scss converter

This commit is contained in:
Tykayn 2024-11-10 00:01:15 +01:00 committed by tykayn
parent 7b582215dd
commit 07cee6a65d
53 changed files with 4507 additions and 337 deletions

View file

@ -0,0 +1,351 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Cipher Bliss</title>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>cil_gometz</title>
<style>
html {
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 36em;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 12px;
}
h1 {
font-size: 1.8em;
}
}
@media print {
html {
background-color: white;
}
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC > ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
<header id="title-block-header">
<h1 class="title">cil_gometz</h1>
</header>
<h1 id="article">Article</h1>
<ul>
<li>ID: 73</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2020-08-03 12:43:44&gt;</li>
<li>modifié: &lt;2020-08-03 12:48:40&gt;</li>
<li>Index des articles du blog <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
<p><a href="id:88e764f9-db26-4260-af21-99e18b9a79b0">cours-de-python</a>
<a href="id:4de4ac73-e9f6-41bc-a178-e26cf6c0949a">programmation</a> <a
href="id:682dfd88-f1b9-4b60-8aa4-1714ba338dbe">cil<sub>gometz</sub></a></p>
<h2 id="écrire-une-comptine-en-python---bonjour-le-jour">écrire une
comptine en python - Bonjour le jour!</h2>
<p>Salut les Cilleux et cilleuses,</p>
<p>Georges est en vacances, mais je vous propose de pratiquer le python
en fabriquant une comptine que ma fille chantait à la crèche, histoire
de ne pas trop rouiller pendant l'été et de voir comme on peut faire de
la réutilisation. (et pourquoi pas, faire du python avec les enfants
:D)</p>
<p>Cette comptine étant habituellement utilisée en crèche ou ailleurs
pour que tous les enfants retiennent le prénom des autres.</p>
<p>On va donc revoir plusieurs éléments déjà vu à la MJC de Gometz: les
fonctions, les boucles et les listes.</p>
<p>Créez votre fichier python dans votre éditer de texte préféré, perso
je recommande PyCharm, version communautaire qui est donc gratuit et
très complet.</p>
<p><code
class="verbatim">sudo snap install pycharm-community --classic</code></p>
<p>donc, dans un fichier comptine<sub>python</sub>.py, on veut faire
notre comptine qui va chanter ceci:</p>
<blockquote>
<p><em>#### c'est l'heure de la chanson #####</em> //</p>
<p><em>- Par la fenêtre ouverte</em> //</p>
<p><em>- bonjour, bonjour</em> //</p>
<p><em>- Par la fenêtre ouverte</em></p>
<p><em>- bonjour, le jour</em></p>
<p>/ /</p>
<p><em>- bonjour les pythons!</em> //</p>
<p><em>- bonjour les abeilles!</em> //</p>
<p><em>- bonjour les fleurs!</em></p>
<p>/ /</p>
<p><em>- Par la fenêtre ouverte</em> //</p>
<p><em>- bonjour, bonjour</em> //</p>
<p><em>- Par la fenêtre ouverte</em> //</p>
<p><em>- bonjour, le jour</em></p>
</blockquote>
<p>nous avons donc une première ligne, un refrain, une suite de
bonjours, et un refrain.</p>
<p>Le plus simple est de commencer par la première ligne, qu'il suffit
d'imprimer avec print.</p>
<blockquote>
<pre class="example"><code>print(&quot;##### c&#39;est l&#39;heure de la chanson #####&quot;)
</code></pre>
</blockquote>
<p>Ensuite, nous avons notre refrain. Au lieu de faire plein de print,
nous pouvons faire une fonction qui va imprimer toutes les lignes de ce
refrain , comme ça on pourra l'appeler deux fois pour faire notre
comptine.</p>
<p>Définissons donc la fonction refrain. On va écrire notre chaîne de
caractères entre une triple paire de guillemets afin de pouvoir écrire
sur plusieurs lignes le contenu de notre print.</p>
<pre class="example"><code>def refrain():
print(&quot;&quot;&quot;
- Par la fenêtre ouverte
- bonjour, bonjour
- Par la fenêtre ouverte
- bonjour, le jour
&quot;&quot;&quot;)
</code></pre>
<p> </p>
<p>Ensuite nous avons plusieurs bonjours dit à un destinataire
différent. Nous pouvons donc faire une fonction qui dit bonjour, définir
une liste de destinataires, et dire bonjour à chacun d'eux avec une
boucle.</p>
<p>Commençons par la liste de destinataires que sont les pythons, les
abeilles et les fleurs. On utilise des crochets pour définir une liste
et l'attribuer à une variable.</p>
<pre class="example"><code>destinataires = [&#39;les pythons&#39;, &#39;les abeilles&#39;, &#39;les fleurs&#39;]
</code></pre>
<p>Pour leur dire bonjour on définit une fonction qui va avoir en
paramètre un destinataire, et on va imprimer dans la console un bonjour
avec le nom du destinataire. Pour mélanger ensemble une chaîne de
caractère et une variable, on va utiliser la substitution. ça consiste à
écrire dans la chaîne un %s, et après la chaîne à lui donner quoi
substituer avec un symbole pourcent % et le nom de la variable à
substituer. Ici on veut dire bonjour au destinataire, donc on écrit
<strong>% destinataire</strong>. il existe plusieurs façons de mélanger
des variables en python, le terme correct étant "concaténer". Je vous
laisse creuser le sujet si ça vous intéresse.</p>
<p>En tous cas, voici ce que donne notre fonction pour dire bonjour.</p>
<p>def dire<sub>bonjour</sub>(destinataire):</p>
<p>print('- bonjour %s!' % destinataire)</p>
<p>Nous n'avons plus qu'a rassembler le puzzle pour que lors de
l'éxécution de notre fichier de comptine on puisse voir la chanson en
entier. Il nous faut donc encore réaliser une boucle sur chaque élément
de notre liste de destinataires. On va utiliser la boucle <strong>for
in</strong> et leur passer le bonjour.</p>
<pre class="example"><code>for quelqun in destinataires:
dire_bonjour(quelqun)
Voilà!
</code></pre>
<p>Nous n'avons plus qu'à réorganiser nos lignes et demander au refrain
de s'exécuter avant et après la boucle.</p>
<pre class="example"><code># comptine de la chanson du bonjour
destinataires = [&#39;les pythons&#39;, &#39;les abeilles&#39;, &#39;les fleurs&#39;]
def refrain():
print(&quot;&quot;&quot;
- Par la fenêtre ouverte
- bonjour, bonjour
- Par la fenêtre ouverte
- bonjour, le jour
&quot;&quot;&quot;)
def dire_bonjour(destinataire):
print(&#39;- bonjour %s!&#39; % destinataire)
print(&quot;##### c&#39;est l&#39;heure de la chanson #####&quot;)
refrain()
for quelqun in destinataires:
dire_bonjour(quelqun)
refrain()
# et voilà!
</code></pre>
<p>exécuter le fichier python devrait donc nous faire apparaître en
console la chanson complète. Dans pycharm vous pouvez voir ce que ça
donne avec votre script juste en appuyant sur F6.</p>
<p>Vous pouvez tester ce fichier sur le site repl.it <a
href="https://repl.it/@tykayn/comptinebonjour#main.py">https://repl.it/@tykayn/comptinebonjour#main.py</a>
et le lancer avec le bouton "run" pour voir la comptine en console.</p>
<p>Il existe bien sûr tout un tas de façons de faire cette comptine en
python.</p>
<p>Vous pouvez essayer aussi en ajoutant d'autres destinataires dans la
liste.</p>
<p>J'espère que ce petit exercice vous aura amusé.</p>
<p>N'hésitez pas si vous avez des questions :)</p>
<p>Bon Lundi!  </p>
<h1 id="liens">Liens</h1>
<ul>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>

View file

@ -0,0 +1,270 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Cipher Bliss</title>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>cil_gometz</title>
<style>
html {
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 36em;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 12px;
}
h1 {
font-size: 1.8em;
}
}
@media print {
html {
background-color: white;
}
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC > ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
<header id="title-block-header">
<h1 class="title">cil_gometz</h1>
</header>
<h1 id="article">Article</h1>
<ul>
<li>ID: 80</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2020-09-09 15:20:39&gt;</li>
<li>modifié: &lt;2020-09-11 11:18:24&gt;</li>
<li>Index des articles du blog <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
<p><a
href="id:682dfd88-f1b9-4b60-8aa4-1714ba338dbe">cil<sub>gometz</sub></a></p>
<h2 id="panel-dactivités-de-la-rentrée-post-covid19">Panel d'activités
de la rentrée post COVID19</h2>
<p><a
href="https://www.cil-gometz.org/wp-content/uploads/2020/09/cil_activites_2020.png">[[<span>https://www.cil-gometz.org/wp-content/uploads/2020/09/cil_activites_2020-1024x801.png</span></a>]]</p>
<p>Voici quelques sujets que nous pouvons évoquer lors de nos réunions
hebdomadaires dans le cadre du CIL:</p>
<ul>
<li><p>Découvrir des logiciels libres en général</p></li>
<li><p>Comprendre le fonctionnement d'internet et du web</p></li>
<li><p>Installation de systèmes libres comme ubuntu sur ordinateur et
téléphone (on dit ordiphone parait-il)</p></li>
<li><p>Développer son site web, tenir un blog</p></li>
<li><p>S'auto héberger avec nextcloud et d'autres logiciels
libres</p></li>
<li><p>Faire de la création numérique, médias à imprimer, montage vidéo,
fichiers audio, livres numérique, création graphique, 3D</p></li>
<li><p>Contribuer à des projets libres, comment faire?</p></li>
<li><p>Contribution collaborative: de la bureautique simple de <a
href="https://www.cryptpad.fr">Cryptpad</a> à la cartographie <a
href="https://www.openstreetmap.org">openstreetmap</a> en passant par <a
href="https://www.wikipedia.org">wikipédia</a></p></li>
<li><p>Protéger sa vie privée, communication sécurisée, gestion des mots
de passe, chiffrement et cryptographie</p></li>
<li><p>Sauvegarder et compresser automatiquement ses fichiers</p></li>
<li><p>Organiser ses projets perso et boulot, seul ou à
plusieurs</p></li>
<li><p>Créer des synergies entre associations</p></li>
<li><p>Que faire avec un RaspberryPI ou un Arduino ?</p></li>
<li><p>Programmation, concepts généraux, outils, gestion de version, et
exercices en python</p></li>
<li><p>Découvrir la ligne de commande</p></li>
<li><p>Méthodes pour se documenter et apprendre</p></li>
<li><p>Un logiciel pour la monnaie libre: Duniter</p></li>
<li><p>Les réseaux sociaux fédérés et le fédiverse: Mastodon, Peertube,
Pixelfed, Mobilizon…</p></li>
<li><p>Questions réponses en tout genre</p></li>
<li><p>Nous échangeons entre les séances grâce à la liste de diffusion
<a
href="mailto:cil-gometz@framalistes.org">cil-gometz@framalistes.org</a>
(<a href="https://framalistes.org/sympa/subscribe/cil-gometz">abonnez
vous ici</a>)et y communiquons des sondages framadate pour savoir qui
viendra aux prochaines séances afin de les préparer au mieux. Ajoutez ce
contact à votre carnet d'adresses mail pour être certain qu'il n'arrive
pas dans les indésirables ou soit supprimé automatiquement.</p></li>
</ul>
<p>Chacun vient au CIL avec des compétences variées, du néophyte au plus
averti, pour échanger autour des sujets de leur choix, aucune assiduité
aux séances n'est requise. Si besoin nous organisons aussi des
visioconférences sur Jitsi / Matrix / Element, des outils libres bien
entendu.</p>
<p>Cependant, bien évidemment, plus on est de fous plus on rit.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>

View file

@ -0,0 +1,246 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Cipher Bliss</title>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>cil_gometz</title>
<style>
html {
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 36em;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 12px;
}
h1 {
font-size: 1.8em;
}
}
@media print {
html {
background-color: white;
}
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC > ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
<header id="title-block-header">
<h1 class="title">cil_gometz</h1>
</header>
<h1 id="article">Article</h1>
<ul>
<li>ID: 6</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2020-05-13 21:51:41&gt;</li>
<li>modifié: &lt;2020-05-18 18:27:56&gt;</li>
<li>Index des articles du blog <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
<h2 id="à-propos-du-cil-de-gometz-la-ville">à propos du CIL de Gometz la
ville</h2>
<p>Nous sommes des amateurs non-professionnels, certains d'entre nous
ont utilisé (ou utilisent) l'informatique dans le cadre de leur activité
professionnelle mais aucun d'entre nous n'est informaticien (sauf <a
href="https://www.cipherbliss.com">tykayn</a> qui a retapé ce site).</p>
<p>Nos déboires avec les logiciels commerciaux (surtout ceux de
Microsoft) font que nous nous sommes tournés vers les logiciels libres
et en particulier vers le système Linux dans ses diverse versions.Nous
ne sommes pas pour autant opposés à tout logiciel commercial mais si un
logiciel libre fait la même chose qu'un logiciel commercial, nous
préférons le logiciel libre.<br />
Chacune de nos réunions nous permet de progresser et de mieux comprendre
ce qu'est l'informatique : un peu de système (terminal et ligne de
commande), un peu de bureautique (traitement de texte, tableur…), un peu
de programmation (Python), un peu de gestion de photos… et voilà !</p>
<p>Tout amateur, même (et surtout) débutant, est le bien venu et nous
l'aiderons du mieux possible tout en profitant de ses connaissances.</p>
<p>MJC de Gometz le châtel le mardi de 14h à 16h</p>
<p><br />
<a
href="https://www.openstreetmap.org/#map=19/48.67847/2.13797&amp;layers=N">Afficher
une carte plus grande</a></p>
<p> </p>
<p>CIL (Club Informatique-Libre)</p>
<p>76 rue Saint Nicolas</p>
<p>91940 Gometz-le-Châtel - FRANCE</p>
<p> </p>
<p> </p>
<h1 id="liens">Liens</h1>
<ul>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>

View file

@ -0,0 +1,227 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Cipher Bliss</title>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>cil_gometz</title>
<style>
html {
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 36em;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 12px;
}
h1 {
font-size: 1.8em;
}
}
@media print {
html {
background-color: white;
}
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC > ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
<header id="title-block-header">
<h1 class="title">cil_gometz</h1>
</header>
<h1 id="article">Article</h1>
<ul>
<li>ID: 24</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2020-05-18 18:22:15&gt;</li>
<li>modifié: &lt;2020-05-18 18:50:25&gt;</li>
<li>Index des articles du blog <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
<h2 id="activités-en-cours">Activités en cours</h2>
<p>cette page répertorie les activités en cours pour l'association: *
nous avons un canal Riot / Matrix pour discuter et opérons des
rencontres via jitsi toutes les semaines. <a
href="https://riot.im/app/#/room/#cil-gometz:matrix.org">https://riot.im/app/#/room/#cil-gometz:matrix.org</a>
* cours de python et apprentissage, de l'hygiène numérique et des
logiciels libres, suivez nous sur la liste de diffusion framalistes. <a
href="https://framalistes.org/sympa/subscribe/cil-gometz">https://framalistes.org/sympa/subscribe/cil-gometz</a>
Voir les archives: <a
href="https://framalistes.org/sympa/arc/cil-gometz">https://framalistes.org/sympa/arc/cil-gometz</a></p>
<h1 id="liens">Liens</h1>
<ul>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Cipher Bliss</title>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<html><head><title>cil_gometz</title><link rel="stylesheet" href="/style.css"></link></head><body>
<h1>Navigation</h1><br><a href=/index.html>index.html</a><br><a href=/2020/blog_cil_gometz_12_panel-dactivites-de-la-rentree-post-covid19>2020 blog_cil_gometz_12_panel dactivites de la rentree post covid19</a><br><a href=/2020/blog_cil_gometz_11_ecrire-une-comptine-en-python-bonjour-le-jour>2020 blog_cil_gometz_11_ecrire une comptine en python bonjour le jour</a><br><a href=/2020/blog_cil_gometz_7_activites-en-cours>2020 blog_cil_gometz_7_activites en cours</a><br><a href=/2020/blog_cil_gometz_1_a-propos-du-cil-de-gometz-la-ville>2020 blog_cil_gometz_1_a propos du cil de gometz la ville</a></article></body></html>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Cipher Bliss</title>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>

View file

@ -0,0 +1,125 @@
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-size: 1rem;
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
}
body {
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 70ch;
color: #000;
background: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
margin-top: 1em;
margin-bottom: 2rem;
color: #333;
}
/* 1. Use a more-intuitive box-sizing model */
* {
box-sizing: border-box;
}
*::before, *::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
font-family: Helvetica, Arial, sans-serif;
padding-bottom: 20vh;
padding-left: 2rem;
padding-bottom: 2rem;
}
/* Improve media defaults */
img, picture, video, canvas, svg {
display: block;
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
max-width: 100%;
}
/* Inherit fonts for form controls */
input, button, textarea, select {
font: inherit;
}
/* Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
/* Improve line wrapping */
p {
text-wrap: pretty;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
h1 {
font-size: 4rem;
color: #221d30;
}
h2 {
font-size: 3rem;
}
h3 {
font-size: 1.5rem;
}
h1, h2, h3, h4, h5, h6 {
text-wrap: balance;
line-height: 1.3em;
}
#root, #__next {
isolation: isolate;
}
input, button, textarea, select {
font: inherit;
}
a {
display: inline-block;
padding: 0.5rem 2rem;
margin-right: 1rem;
margin-bottom: 1rem;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
#title-block-header {
border-bottom: 1px solid #333;
margin-bottom: 1rem;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
/*# sourceMappingURL=style_general.css.map */

View file

@ -1,16 +1,22 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<title>Cipher Bliss</title>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<a href="/">Retour à l'Accueil</a>
<hr/>
<!DOCTYPE html>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
@ -193,9 +199,8 @@ href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
<h2 id="des-sauvegardes-qui-durent-mille-ans-1">Des sauvegardes qui
durent mille ans</h2>
<p>ceci<sub>estduhtml</sub></p>
<p>&lt;! wp:paragraph &gt; &lt;p&gt;J'ai animé un atelier au cours du
premier camp CHATONS qui a eu lieu le week-end dernier. (Le &lt;a
href="<a
<p>J'ai animé un atelier au cours du premier camp CHATONS qui a eu lieu
le week-end dernier. (Le &lt;a href="<a
href="https://www.chatons.org/">https://www.chatons.org/</a>"&gt;Collectif
des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et
Solidaires&lt;/a&gt; vise à rassembler des structures proposant des
@ -204,10 +209,10 @@ décentralisés&lt;/strong&gt; afin de permettre aux utilisateur⋅ices de
&lt;a href="<a
href="https://www.chatons.org/search/by-service">https://www.chatons.org/search/by-service</a>"&gt;trouver
rapidement des alternatives&lt;/a&gt; respectueuses de leurs données et
de leur vie privée)&lt;/p&gt; &lt;! /wp:paragraph &gt;</p>
<p>&lt;! wp:paragraph &gt; &lt;p&gt;Pas de compte rendu du camp en lui
même pour tout de suite, cependant voici un résumé de l'atelier qui aura
duré près d'une heure.&lt;br&gt;&lt;a href="<a
de leur vie privée)#+begin<sub>src</sub> shell</p>
<p>Pas de compte rendu du camp en lui même pour tout de suite, cependant
voici un résumé de l'atelier qui aura duré près d'une
heure.&lt;br&gt;&lt;a href="<a
href="https://libreto.sans-nuage.fr/camps-chatons/programme">https://libreto.sans-nuage.fr/camps-chatons/programme</a>"&gt;<a
href="https://libreto.sans-nuage.fr/camps-chatons/programme">https://libreto.sans-nuage.fr/camps-chatons/programme</a>&lt;/a&gt;&lt;br&gt;&lt;br&gt;Comment
se protéger des pertes de données et ne pas perdre la confiance et les
@ -221,7 +226,7 @@ récupérer ses données éparpillées en ligne, historiser, chiffrer,
dédupliquer, compresser, répliquer, partager les clés d'accès, et
prévoir des restaurations périodiques, de sorte que les données les plus
cruciales survivent à leurs administrateurs et
administratrices.&lt;/p&gt; &lt;! /wp:paragraph &gt;</p>
administratrices.#+begin<sub>src</sub> shell</p>
<p>&lt;! wp:image
{"id":1598,"sizeSlug":"large","linkDestination":"none"} &gt; &lt;figure
class="wp-block-image size-large"&gt;&lt;img src="<a
@ -229,30 +234,27 @@ href="https://www.cipherbliss.com/wp-content/uploads/2021/09/Screenshot_2021-09-
alt="" class="wp-image-1598"/&gt;&lt;figcaption&gt;Jancovici et le
stockage à froid, une remarquable utilisation des couches géologiquement
stables&lt;/figcaption&gt;&lt;/figure&gt; &lt;! /wp:image &gt;</p>
<p>&lt;! wp:paragraph &gt; &lt;p&gt;&lt;br&gt;Liens:&lt;br&gt;Les
slides sont disponibles ici:&lt;br&gt;&lt;a href="<a
<p>&lt;br&gt;Liens:&lt;br&gt;Les slides sont disponibles
ici:&lt;br&gt;&lt;a href="<a
href="https://slides.com/tykayn/les-sauvegardes-automatiques">https://slides.com/tykayn/les-sauvegardes-automatiques</a>"&gt;<a
href="https://slides.com/tykayn/les-sauvegardes-automatiques">https://slides.com/tykayn/les-sauvegardes-automatiques</a>&lt;/a&gt;&lt;br&gt;&lt;br&gt;La
feuille de calcul pour cartographier son matériel&lt;br&gt;&lt;a
href="<a
href="https://cloud.tykayn.fr/index.php/s/KQfYHpaSpgwrWam">https://cloud.tykayn.fr/index.php/s/KQfYHpaSpgwrWam</a>"&gt;<a
href="https://cloud.tykayn.fr/index.php/s/KQfYHpaSpgwrWam">https://cloud.tykayn.fr/index.php/s/KQfYHpaSpgwrWam</a>&lt;/a&gt;&lt;/p&gt;
&lt;! /wp:paragraph &gt;</p>
<p>&lt;! wp:paragraph &gt; &lt;p&gt;Le site des CHATONS:
&lt;br&gt;&lt;a href="<a
href="https://cloud.tykayn.fr/index.php/s/KQfYHpaSpgwrWam">https://cloud.tykayn.fr/index.php/s/KQfYHpaSpgwrWam</a>&lt;/a&gt;#+begin<sub>src</sub>
shell</p>
<p>Le site des CHATONS: &lt;br&gt;&lt;a href="<a
href="https://www.chatons.org">https://www.chatons.org</a>"&gt;<a
href="https://www.chatons.org">https://www.chatons.org</a>&lt;/a&gt;&lt;/p&gt;
&lt;! /wp:paragraph &gt;</p>
<p>&lt;! wp:paragraph &gt; &lt;p&gt;Le forum où tout se
discute:&lt;br&gt;&lt;a href=" <a
href="https://www.chatons.org">https://www.chatons.org</a>&lt;/a&gt;#+begin<sub>src</sub>
shell</p>
<p>Le forum où tout se discute:&lt;br&gt;&lt;a href=" <a
href="https://forum.chatons.org">https://forum.chatons.org</a>"&gt; <a
href="https://forum.chatons.org">https://forum.chatons.org</a>&lt;/a&gt;&lt;/p&gt;
&lt;! /wp:paragraph &gt;</p>
<p>&lt;! wp:paragraph &gt; &lt;p&gt;La documentation pour ne pas
réinventer la roue: &lt;br&gt;&lt;a href="<a
href="https://forum.chatons.org">https://forum.chatons.org</a>&lt;/a&gt;#+begin<sub>src</sub>
shell</p>
<p>La documentation pour ne pas réinventer la roue: &lt;br&gt;&lt;a
href="<a
href="https://wiki.chatons.org">https://wiki.chatons.org</a>"&gt;<a
href="https://wiki.chatons.org">https://wiki.chatons.org</a>&lt;/a&gt;&lt;/p&gt;
&lt;! /wp:paragraph &gt;</p>
href="https://wiki.chatons.org">https://wiki.chatons.org</a>&lt;/a&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
@ -261,9 +263,10 @@ href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</body>
</html>
<footer>
<hr/>
<a href='/'>Retour à l'Accueil</a>
</footer>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>
</html>

View file

@ -1,16 +1,22 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<title>Cipher Bliss</title>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<a href="/">Retour à l'Accueil</a>
<hr/>
<!DOCTYPE html>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
@ -192,15 +198,15 @@ href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="nouvelles-doctobre-2021-1">Nouvelles d'Octobre 2021</h2>
<p>ceci<sub>estduhtml</sub></p>
<p>&lt;! wp:paragraph &gt; &lt;p&gt;j'espère que ça roule pour tout le
monde en ce début de vacances.&lt;br&gt;J'ai pu faire un atelier sur la
création graphique et le dessin à Gometz, et suite à son succès je
réitère l'expérience pendant les 4 prochaines semaines et ai publié ces
évènements sur l'agenda du libre et sur mobilizon.&lt;br&gt;J'en ai
profité aussi pour alimenter le mobilizon d'OSM avec les prochains
évènements référencés sur le wiki, l'agenda du libre, microcosm, et
d'autres recherches.&lt;br&gt;&lt;br&gt;La nouvelle version de Framadate
avance, on peut tester les maquettes sur sketch, un outil non libre
<p>j'espère que ça roule pour tout le monde en ce début de
vacances.&lt;br&gt;J'ai pu faire un atelier sur la création graphique et
le dessin à Gometz, et suite à son succès je réitère l'expérience
pendant les 4 prochaines semaines et ai publié ces évènements sur
l'agenda du libre et sur mobilizon.&lt;br&gt;J'en ai profité aussi pour
alimenter le mobilizon d'OSM avec les prochains évènements référencés
sur le wiki, l'agenda du libre, microcosm, et d'autres
recherches.&lt;br&gt;&lt;br&gt;La nouvelle version de Framadate avance,
on peut tester les maquettes sur sketch, un outil non libre
:D&lt;br&gt;&lt;a href="<a
href="https://www.sketch.com/s/5833607c-e93e-4e9b-9c7e-0614238c6d8c/a/JnbVGxk/play">https://www.sketch.com/s/5833607c-e93e-4e9b-9c7e-0614238c6d8c/a/JnbVGxk/play</a>"&gt;<a
href="https://www.sketch.com/s/5833607c-e93e-4e9b-9c7e-0614238c6d8c/a/JnbVGxk/play">https://www.sketch.com/s/5833607c-e93e-4e9b-9c7e-0614238c6d8c/a/JnbVGxk/play</a>&lt;/a&gt;&lt;br&gt;J'ai
@ -219,13 +225,12 @@ j'ai enfin pu participer a une réunion mensuelle CHATONS, victoire! du
coup y'a de l'activité à suivre sur le forum chatons :D&lt;br&gt;&lt;a
href="<a
href="https://forum.chatons.org">https://forum.chatons.org</a>"&gt;<a
href="https://forum.chatons.org">https://forum.chatons.org</a>&lt;/a&gt;&lt;/p&gt;
&lt;! /wp:paragraph &gt;</p>
<p>&lt;! wp:paragraph &gt; &lt;p&gt;On prévoit de lancer le premier
chapéro parisien de l'année en Novembre, voir les détails sur le
forum.&lt;br&gt;&lt;br&gt;J'avance sur ma gestion de tâches avec emacs /
orgmode. Le chemin est long mais ça vaut le coup.&lt;br&gt;&lt;br&gt;et
vous quoi de beau?&lt;/p&gt; &lt;! /wp:paragraph &gt;</p>
href="https://forum.chatons.org">https://forum.chatons.org</a>&lt;/a&gt;#+begin<sub>src</sub>
shell</p>
<p>On prévoit de lancer le premier chapéro parisien de l'année en
Novembre, voir les détails sur le forum.&lt;br&gt;&lt;br&gt;J'avance sur
ma gestion de tâches avec emacs / orgmode. Le chemin est long mais ça
vaut le coup.&lt;br&gt;&lt;br&gt;et vous quoi de beau?</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
@ -234,9 +239,10 @@ href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</body>
</html>
<footer>
<hr/>
<a href='/'>Retour à l'Accueil</a>
</footer>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>
</html>

View file

@ -1,16 +1,22 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<title>Cipher Bliss</title>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<a href="/">Retour à l'Accueil</a>
<hr/>
<!DOCTYPE html>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
@ -180,70 +186,54 @@
<header id="title-block-header">
<h1 class="title">cipherbliss_blog</h1>
</header>
<h1 id="article">Article</h1>
<ul>
<li>ID: 1606</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2021-10-23 19:50:28&gt;</li>
<li>modifié: &lt;2021-10-23 19:50:28&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="vidéo-du-premier-chatons-camp-2021">Vidéo du premier CHATONS
Camp 2021</h2>
<p>ceci<sub>estduhtml</sub></p>
<p>&lt;iframe title="Présentation du collectif des Chatons (Camp Chatons
2021)" src="<a
href="https://video.colibris-outilslibres.org/videos/embed/e320c9f7-e1d4-4e47-bc92-eacb1280e282">https://video.colibris-outilslibres.org/videos/embed/e320c9f7-e1d4-4e47-bc92-eacb1280e282</a>"
width="560" height="315" frameborder="0" sandbox="allow-same-origin
allow-scripts allow-popups"
allowfullscreen="allowfullscreen"&gt;&lt;/iframe&gt; Voici un premier
aperçu du camp CHATONS qui a eu lieu dans l'éco lieu du Vigan, nommé la
fabrègue. On peut m'y voir faire mon atelier sur les backups qui durent
mille ans, un prérequis pour fonder son propre CHATONS.</p>
<h1 id="vidéo-du-premier-chatons-camp-2021">Vidéo du premier CHATONS
Camp 2021</h1>
<p><span id="error-block"></span>* :PROPERTIES: :CUSTOM<sub>ID</sub>:
error-title :END: <span id="error-content"></span><span
id="video-password-block"></span>* :PROPERTIES: :CUSTOM<sub>ID</sub>:
video-password-title :END: <span
id="video-password-content"></span><span
id="video-password-error"></span><a
href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0cmVtIiBoZWlnaHQ9IjRyZW0iIHZpZXdib3g9IjAgMCAyNCAyNCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzRjNGM0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjExIiB4PSIzIiB5PSIxMSIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PHBhdGggZD0iTTcgMTFWN2E1IDUgMCAwIDEgMTAgMHY0Ij48L3BhdGg+PC9nPjwvc3ZnPg==">data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0cmVtIiBoZWlnaHQ9IjRyZW0iIHZpZXdib3g9IjAgMCAyNCAyNCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzRjNGM0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjExIiB4PSIzIiB5PSIxMSIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PHBhdGggZD0iTTcgMTFWN2E1IDUgMCAwIDEgMTAgMHY0Ij48L3BhdGg+PC9nPjwvc3ZnPg==</a>
<span id="video-wrapper"></span></p>
<p>Voici un premier aperçu du camp CHATONS qui a eu lieu dans l'éco lieu
du Vigan, nommé la fabrègue. On peut m'y voir faire mon atelier sur les
backups qui durent mille ans, un prérequis pour fonder son propre
CHATONS.</p>
<p>Je vous en dirai plus un peu plus tard mais c'était tellement
chouette ces quelques 3 jours pour faire ensemble plein de choses,
découvrir les initatives existantes pour se libérer des GAFAM et
apprendre les uns des autres, le tout dans une ambiance super
décontractée, avec un lieu incroyablement prometteur.</p>
<p>Voici quelques éléments en plus, vous en trouverez bien d'autres sur
le forum des chatons. &lt;a href="<a
href="https://forum.chatons.org">https://forum.chatons.org</a>"&gt;<a
href="https://forum.chatons.org">https://forum.chatons.org</a>&lt;/a&gt;
&lt;ul&gt; &lt;li&gt;la &lt;a href="<a
href="https://video.colibris-outilslibres.org/w/u3HfhsQgKZkKZxsNf29D8G">https://video.colibris-outilslibres.org/w/u3HfhsQgKZkKZxsNf29D8G</a>"
rel="noopener nofollow ugc"&gt;vidéo de présentation du collectif
Chatons &lt;span class="badge badge-notification clicks" title="12
clics"&gt;12&lt;/span&gt;&lt;/a&gt; , déjà 168 vues en 3 jours, soit
léquivalent du million sur youtube ø/&lt;/li&gt; &lt;li&gt;les
restitutions des souvenirs du futur des chatons en 2031, &lt;a href="<a
href="https://video.colibris-outilslibres.org/w/6SkAsiKdTrfueyJsiC6b8a">https://video.colibris-outilslibres.org/w/6SkAsiKdTrfueyJsiC6b8a</a>"
rel="noopener nofollow ugc"&gt;groupe 1&lt;/a&gt;, &lt;a href="<a
href="https://video.colibris-outilslibres.org/w/ckzGy9msoigFQ3Xrx6qmQT">https://video.colibris-outilslibres.org/w/ckzGy9msoigFQ3Xrx6qmQT</a>"
rel="noopener nofollow ugc"&gt;groupe 2&lt;/a&gt;, &lt;a href="<a
href="https://video.colibris-outilslibres.org/w/292CD5GY48M838HLgqNASn">https://video.colibris-outilslibres.org/w/292CD5GY48M838HLgqNASn</a>"
rel="noopener nofollow ugc"&gt;groupe  &lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="<a
href="https://photos.colibris-outilslibres.org/index.php?/category/409">https://photos.colibris-outilslibres.org/index.php?/category/409</a>"
rel="noopener nofollow ugc"&gt;les photos&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt; Tout est disponible sous licence CC BY SA (Attribution
Edouard Marchal).</p>
<p>&lt;a href="<a
href="https://forum.chatons.org/c/collectif/camp-chatons-2021/85">https://forum.chatons.org/c/collectif/camp-chatons-2021/85</a>"&gt;<a
href="https://forum.chatons.org/c/collectif/camp-chatons-2021/85">https://forum.chatons.org/c/collectif/camp-chatons-2021/85</a>&lt;/a&gt;</p>
<p>&amp;nbsp;</p>
<h1 id="liens">Liens</h1>
le forum des chatons. <a
href="https://forum.chatons.org">https://forum.chatons.org</a></p>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
<li>la <a
href="https://video.colibris-outilslibres.org/w/u3HfhsQgKZkKZxsNf29D8G">vidéo
de présentation du collectif Chatons 12</a> , déjà 168 vues en 3 jours,
soit l'équivalent du million sur youtube o/ - les restitutions des
souvenirs du futur des chatons en 2031, <a
href="https://video.colibris-outilslibres.org/w/6SkAsiKdTrfueyJsiC6b8a">groupe
1</a>, <a
href="https://video.colibris-outilslibres.org/w/ckzGy9msoigFQ3Xrx6qmQT">groupe
2</a>, <a
href="https://video.colibris-outilslibres.org/w/292CD5GY48M838HLgqNASn">groupe </a>
- <a
href="https://photos.colibris-outilslibres.org/index.php?/category/409">les
photos</a></li>
</ul>
<p>Tout est disponible sous licence CC BY SA (Attribution Edouard
Marchal).</p>
<p><a
href="https://forum.chatons.org/c/collectif/camp-chatons-2021/85">https://forum.chatons.org/c/collectif/camp-chatons-2021/85</a></p>
</body>
</html>
<footer>
<hr/>
<a href='/'>Retour à l'Accueil</a>
</footer>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>
</html>

View file

@ -1,16 +1,22 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<title>Cipher Bliss</title>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<a href="/">Retour à l'Accueil</a>
<hr/>
<!DOCTYPE html>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
@ -246,9 +252,10 @@ href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</body>
</html>
<footer>
<hr/>
<a href='/'>Retour à l'Accueil</a>
</footer>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>
</html>

View file

@ -0,0 +1,246 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Cipher Bliss</title>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>cipherbliss_blog</title>
<style>
html {
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 36em;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 12px;
}
h1 {
font-size: 1.8em;
}
}
@media print {
html {
background-color: white;
}
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC > ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
<header id="title-block-header">
<h1 class="title">cipherbliss_blog</h1>
</header>
<h1 id="ressources-de-café-vie-privée-1">Ressources de café vie
privée</h1>
<p>Voici de quoi se repérer dans la jungle des notions voisines à celle
de la vie privée.</p>
<p>Vous retrouverez ici de nombreuses notions abordées lors des cafés
vie privée que janime, avec dautres personnes intéressées par les les
enjeux autour des logiciels libres et des communs, tel que le groupe <a
href="https://web.archive.org/web/20240617080716/https://www.liness.org/">Liness</a>
en Essonne.</p>
<p>Les slides de mes présentations et les autres fichiers de support de
présentation sont disponibles dans <a
href="https://web.archive.org/web/20240617080716/https://cloud.tykayn.fr/index.php/s/FQ57cqXmJ6ngDfo">le
dossier de partage nextcloud</a>: <a
href="https://web.archive.org/web/20240617080716/https://cloud.tykayn.fr/index.php/s/FQ57cqXmJ6ngDfo"><span>https://cloud.tykayn.fr/index.php/s/FQ57cqXmJ6ngDfo</span></a></p>
<p>Vous pouvez me contacter via les divers moyens listés dans <a
href="https://web.archive.org/web/20240617080716/https://www.cipherbliss.com/contact">la
page dédiée aux moyens de contact</a>.</p>
<p>Dans un café vie privée on vulgarise auprès du grand public des
enjeux et des notions autour de la vie privée et des technologies
numériques. Voici quelques sujets régulièrement abordés dans les
ateliers:</p>
<p>Comprendre les dangers dun monde sans vie privée répandu sous la
fameuse idée que l' »on a rien à cacher », communiquer de façon
sécurisée, réaliser des sauvegardes automatiques, comprendre
larchitecture dinternet et du web, contribuer au libre, défendre le
droit daccès à linformation de qualité, comprendre les sciences,
sortir des GAFAM, adopter <a
href="https://web.archive.org/web/20240617080716/https://www.chatons.org/">les
CHATONS</a>, protéger des accès avec des <a
href="https://web.archive.org/web/20240617080716/https://www.cipherbliss.com/comment-ne-plus-perdre-de-temps-avec-ses-mots-de-passe/">gestionnaires
de mot de passe</a>, sortir des bulles de filtrage des médias sociaux,
récupérer son temps dattention, suivre les évolutions juridiques et les
atteintes aux libertés fondamentales, remettre la solidarité humaine et
lémancipation au cœur des enjeux de société.</p>
<p>Des évènements et groupes de personnes similaires peuvent être
retrouvés dans l<a
href="https://web.archive.org/web/20240617080716/https://www.agendadulibre.org/">agenda
du libre</a> et dans le fédiverse.</p>
<p>Des recettes de cookies sous licence libre, la fameuse pâtisserie qui
habite dans nos navigateurs web : <a
href="https://web.archive.org/web/20240617080716/https://www.cuisine-libre.org/cookies"><span>https://www.cuisine-libre.org/cookies</span></a></p>
<p>Trouver des alternatives aux logiciels privateurs: <a
href="https://web.archive.org/web/20240617080716/https://alternativeto.net/"><span>https://alternativeto.net</span></a></p>
<p>Le covoiturage libre: <a
href="https://web.archive.org/web/20240617080716/https://www.mobicoop.fr/"><span>https://www.mobicoop.fr</span></a></p>
<p>Sci hub pour libérer laccès aux publications scientifiques: <a
href="https://web.archive.org/web/20240617080716/https://sci-hub.hkvisa.net/"><span>https://sci-hub.hkvisa.net</span></a></p>
<p>Bon voyage sur les internets!</p>
</body>
</html>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>

View file

@ -0,0 +1,243 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Cipher Bliss</title>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>cipherbliss_blog</title>
<style>
html {
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 36em;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 12px;
}
h1 {
font-size: 1.8em;
}
}
@media print {
html {
background-color: white;
}
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC > ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
<header id="title-block-header">
<h1 class="title">cipherbliss_blog</h1>
</header>
<h1 id="tags-1">Tags</h1>
<p>Étiquettes</p>
<p><a href="file:///tag/ai/">AI</a> <a
href="file:///tag/archives/">archives</a> <a
href="file:///tag/autohebergement/">autohébergement</a> <a
href="file:///tag/backup/">backup</a> <a
href="file:///tag/blockchain/">blockchain</a> <a
href="file:///tag/borg/">borg</a> <a
href="file:///tag/caisse/">caisse</a> <a
href="file:///tag/comptabilite/">comptabilité</a> <a
href="file:///tag/comptes/">comptes</a> <a
href="file:///tag/data-visualisation/">data visualisation</a> <a
href="file:///tag/design/">design</a> <a
href="file:///tag/email/">email</a> <a
href="file:///tag/entreprise/">entreprise</a> <a
href="file:///tag/entreprise-individuelle/">entreprise individuelle</a>
<a href="file:///tag/ethereum/">ethereum</a> <a
href="file:///tag/facebook/">facebook</a> <a
href="file:///tag/factures/">factures</a> <a
href="file:///tag/floss/">FLOSS</a> <a
href="file:///tag/fediverse/">fédiverse</a> <a
href="file:///tag/gestion-de-projet/">gestion de projet</a> <a
href="file:///tag/gestion-du-temps/">gestion du temps</a> <a
href="file:///tag/gestionnaire-de-mot-de-passe/">gestionnaire de mot de
passe</a> <a href="file:///tag/gimp/">gimp</a> <a
href="file:///tag/git/">git</a> <a
href="file:///tag/logiciellibre/">logiciellibre</a> <a
href="file:///tag/logiciel-libre/">logiciel libre</a> <a
href="file:///tag/mastodon/">mastodon</a> <a
href="file:///tag/mobilizon/">mobilizon</a> <a
href="file:///tag/mot-de-passe/">mot de passe</a> <a
href="file:///tag/mysql/">mysql</a> <a
href="file:///tag/nextcloud/">nextcloud</a> <a
href="file:///tag/open-source/">open source</a> <a
href="file:///tag/openstreetmap/">openstreetmap</a> <a
href="file:///tag/orgmode/">orgmode</a> <a
href="file:///tag/osm/">OSM</a> <a href="file:///tag/photos/">photos</a>
<a href="file:///tag/pim/">pim</a> <a
href="file:///tag/projet/">projet</a> <a
href="file:///tag/prevision/">prévision</a> <a
href="file:///tag/python/">python</a> <a
href="file:///tag/reseau-social/">réseau social</a> <a
href="file:///tag/sauvegardes/">sauvegardes</a> <a
href="file:///tag/script/">script</a> <a href="file:///tag/ux/">UX</a>
<a href="file:///tag/vie-privee/">vie privée</a></p>
</body>
</html>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>

View file

@ -0,0 +1,339 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Cipher Bliss</title>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>cipherbliss_blog</title>
<style>
html {
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 36em;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 12px;
}
h1 {
font-size: 1.8em;
}
}
@media print {
html {
background-color: white;
}
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC > ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
/* CSS for syntax highlighting */
pre > code.sourceCode { white-space: pre; position: relative; }
pre > code.sourceCode > span { line-height: 1.25; }
pre > code.sourceCode > span:empty { height: 1.2em; }
.sourceCode { overflow: visible; }
code.sourceCode > span { color: inherit; text-decoration: inherit; }
div.sourceCode { margin: 1em 0; }
pre.sourceCode { margin: 0; }
@media screen {
div.sourceCode { overflow: auto; }
}
@media print {
pre > code.sourceCode { white-space: pre-wrap; }
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
}
pre.numberSource code
{ counter-reset: source-line 0; }
pre.numberSource code > span
{ position: relative; left: -4em; counter-increment: source-line; }
pre.numberSource code > span > a:first-child::before
{ content: counter(source-line);
position: relative; left: -1em; text-align: right; vertical-align: baseline;
border: none; display: inline-block;
-webkit-touch-callout: none; -webkit-user-select: none;
-khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none;
padding: 0 4px; width: 4em;
color: #aaaaaa;
}
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
div.sourceCode
{ }
@media screen {
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
}
code span.al { color: #ff0000; font-weight: bold; } /* Alert */
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
code span.at { color: #7d9029; } /* Attribute */
code span.bn { color: #40a070; } /* BaseN */
code span.bu { color: #008000; } /* BuiltIn */
code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
code span.ch { color: #4070a0; } /* Char */
code span.cn { color: #880000; } /* Constant */
code span.co { color: #60a0b0; font-style: italic; } /* Comment */
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
code span.do { color: #ba2121; font-style: italic; } /* Documentation */
code span.dt { color: #902000; } /* DataType */
code span.dv { color: #40a070; } /* DecVal */
code span.er { color: #ff0000; font-weight: bold; } /* Error */
code span.ex { } /* Extension */
code span.fl { color: #40a070; } /* Float */
code span.fu { color: #06287e; } /* Function */
code span.im { color: #008000; font-weight: bold; } /* Import */
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
code span.kw { color: #007020; font-weight: bold; } /* Keyword */
code span.op { color: #666666; } /* Operator */
code span.ot { color: #007020; } /* Other */
code span.pp { color: #bc7a00; } /* Preprocessor */
code span.sc { color: #4070a0; } /* SpecialChar */
code span.ss { color: #bb6688; } /* SpecialString */
code span.st { color: #4070a0; } /* String */
code span.va { color: #19177c; } /* Variable */
code span.vs { color: #4070a0; } /* VerbatimString */
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
</style>
</head>
<body>
<header id="title-block-header">
<h1 class="title">cipherbliss_blog</h1>
</header>
<h1
id="connaître-la-couleur-des-jours-edf-tempo-en-ligne-de-commande-1">Connaître
la couleur des jours EDF Tempo en ligne de commande</h1>
<p>EDF expose une API pour connaître les couleurs de jour TEMPO, mais
cette api n'est pas bien référencée sur le wouaib, ce sont donc des
sites qui n'ont rien à voir qui vous donneront cette info avec moult
trackers et pubs de partout.</p>
<p>Voici l'url dont vous avez besoin:</p>
<p>&gt; <a
href="https://api-commerce.edf.fr/commerce/activet/v1/calendrier-jours-effacement?option=TEMPO&amp;dateApplicationBorneInf=%7Bdate_inférieure%7D&amp;dateApplicationBorneSup=%7Bdate_supérieure%7D&amp;identifiantConsommateur=src">https://api-commerce.edf.fr/commerce/activet/v1/calendrier-jours-effacement?option=TEMPO&amp;dateApplicationBorneInf={date_inférieure}&amp;dateApplicationBorneSup={date_supérieure}&amp;identifiantConsommateur=src</a></p>
<p>Cette API de commerce EDF ne fonctionne que si vous demandez des
dates ayant 365 jours d'écart de différence, et si vous ne mettez pas de
zéro précédant le numéro de journée au format année-mois-jour. Autre
limitation, la couleur du jour du lendemain vous sera donnée seulement à
partir de 11h du matin dans la journée.</p>
<p>Fabriquez vous un petit script en python pour aller pêcher ce
calendrier, piocher les couleurs des deux derniers jours. Il vous
suffira d'un alias de commande pour lancer "python
mon<sub>scripttempo</sub>.py" en ayant le dossier où le script est placé
dans votre variable d'environnement PATH.</p>
<div class="sourceCode" id="cb1"><pre
class="sourceCode python"><code class="sourceCode python"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="im">import</span> requests</span>
<span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="im">import</span> json</span>
<span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> datetime <span class="im">import</span> datetime, timedelta </span>
<span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> date_il_y_a_un_an(date):</span>
<span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a> date_obj <span class="op">=</span> datetime.strptime(date, <span class="st">&quot;%Y-%m-</span><span class="sc">%d</span><span class="st">&quot;</span>)</span>
<span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a> date_il_y_a_un_an <span class="op">=</span> date_obj <span class="op">-</span> timedelta(days<span class="op">=</span><span class="dv">365</span>)</span>
<span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a> <span class="cf">return</span> date_il_y_a_un_an.strftime(<span class="st">&quot;%Y-%m-</span><span class="sc">%d</span><span class="st">&quot;</span>)</span>
<span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> get_tempo_for_today_and_tomorrow():</span>
<span id="cb1-12"><a href="#cb1-12" aria-hidden="true" tabindex="-1"></a> <span class="co"># Obtenir la date d&#39;aujourd&#39;hui</span></span>
<span id="cb1-13"><a href="#cb1-13" aria-hidden="true" tabindex="-1"></a> datenow <span class="op">=</span> datetime.now()</span>
<span id="cb1-14"><a href="#cb1-14" aria-hidden="true" tabindex="-1"></a> sup <span class="op">=</span> (datenow <span class="op">+</span> timedelta(days<span class="op">=</span><span class="dv">1</span>))</span>
<span id="cb1-15"><a href="#cb1-15" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-16"><a href="#cb1-16" aria-hidden="true" tabindex="-1"></a> inf <span class="op">=</span> date_il_y_a_un_an(datenow.strftime(<span class="st">&quot;%Y-%m-</span><span class="sc">%d</span><span class="st">&quot;</span>))</span>
<span id="cb1-17"><a href="#cb1-17" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-18"><a href="#cb1-18" aria-hidden="true" tabindex="-1"></a> <span class="co"># Obtenir la date de demain</span></span>
<span id="cb1-19"><a href="#cb1-19" aria-hidden="true" tabindex="-1"></a> sup <span class="op">=</span> sup.strftime(<span class="st">&quot;%Y-%m-</span><span class="sc">%d</span><span class="st">&quot;</span>)</span>
<span id="cb1-20"><a href="#cb1-20" aria-hidden="true" tabindex="-1"></a> sup <span class="op">=</span> sup.replace(<span class="st">&quot;-0&quot;</span>, <span class="st">&quot;-&quot;</span>)</span>
<span id="cb1-21"><a href="#cb1-21" aria-hidden="true" tabindex="-1"></a> inf <span class="op">=</span> inf.replace(<span class="st">&quot;-0&quot;</span>, <span class="st">&quot;-&quot;</span>)</span>
<span id="cb1-22"><a href="#cb1-22" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-23"><a href="#cb1-23" aria-hidden="true" tabindex="-1"></a> <span class="co"># print(&quot;Date inf :&quot;, inf)</span></span>
<span id="cb1-24"><a href="#cb1-24" aria-hidden="true" tabindex="-1"></a> <span class="co"># print(&quot;Date sup:&quot;, sup)</span></span>
<span id="cb1-25"><a href="#cb1-25" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-26"><a href="#cb1-26" aria-hidden="true" tabindex="-1"></a> <span class="co"># URL de l&#39;API d&#39;EDF pour récupérer les informations sur les couleurs des jours de l&#39;offre Tempo</span></span>
<span id="cb1-27"><a href="#cb1-27" aria-hidden="true" tabindex="-1"></a> url <span class="op">=</span> <span class="ss">f&quot;https://api-commerce.edf.fr/commerce/activet/v1/calendrier-jours-effacement?option=TEMPO&amp;dateApplicationBorneInf=</span><span class="sc">{</span>inf<span class="sc">}</span><span class="ss">&amp;dateApplicationBorneSup=</span><span class="sc">{</span>sup<span class="sc">}</span><span class="ss">&amp;identifiantConsommateur=src&quot;</span></span>
<span id="cb1-28"><a href="#cb1-28" aria-hidden="true" tabindex="-1"></a> <span class="bu">print</span>(url)</span>
<span id="cb1-29"><a href="#cb1-29" aria-hidden="true" tabindex="-1"></a> <span class="co"># Effectuer la requête HTTP et récupérer la réponse JSON</span></span>
<span id="cb1-30"><a href="#cb1-30" aria-hidden="true" tabindex="-1"></a> response <span class="op">=</span> requests.get(url)</span>
<span id="cb1-31"><a href="#cb1-31" aria-hidden="true" tabindex="-1"></a> data <span class="op">=</span> json.loads(response.text)</span>
<span id="cb1-32"><a href="#cb1-32" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-33"><a href="#cb1-33" aria-hidden="true" tabindex="-1"></a> <span class="co"># Récupérer la liste des couleurs des jours pour les 30 prochains jours</span></span>
<span id="cb1-34"><a href="#cb1-34" aria-hidden="true" tabindex="-1"></a> calendrier <span class="op">=</span> data[<span class="st">&quot;content&quot;</span>][<span class="st">&quot;options&quot;</span>][<span class="dv">0</span>][<span class="st">&quot;calendrier&quot;</span>]</span>
<span id="cb1-35"><a href="#cb1-35" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-36"><a href="#cb1-36" aria-hidden="true" tabindex="-1"></a> texte_retour<span class="op">=</span><span class="st">&quot;&quot;</span></span>
<span id="cb1-37"><a href="#cb1-37" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-38"><a href="#cb1-38" aria-hidden="true" tabindex="-1"></a> <span class="co"># # Afficher les couleurs des jours pour le prochain jour</span></span>
<span id="cb1-39"><a href="#cb1-39" aria-hidden="true" tabindex="-1"></a> <span class="cf">for</span> jour <span class="kw">in</span> calendrier[<span class="op">-</span><span class="dv">2</span>:]:</span>
<span id="cb1-40"><a href="#cb1-40" aria-hidden="true" tabindex="-1"></a> date <span class="op">=</span> jour[<span class="st">&quot;dateApplication&quot;</span>]</span>
<span id="cb1-41"><a href="#cb1-41" aria-hidden="true" tabindex="-1"></a> code_couleur <span class="op">=</span> jour[<span class="st">&quot;statut&quot;</span>]</span>
<span id="cb1-42"><a href="#cb1-42" aria-hidden="true" tabindex="-1"></a> <span class="cf">if</span> code_couleur <span class="op">==</span> <span class="st">&quot;TEMPO_BLEU&quot;</span>:</span>
<span id="cb1-43"><a href="#cb1-43" aria-hidden="true" tabindex="-1"></a> texte_retour<span class="op">+=</span>(<span class="ss">f&quot;</span><span class="ch">\033</span><span class="ss">[34m</span><span class="sc">{</span>date<span class="sc">}</span><span class="ss">: journée </span><span class="sc">{</span>code_couleur<span class="sc">}</span><span class="ch">\033</span><span class="ss">[0m</span><span class="ch">\n</span><span class="ss">&quot;</span>)</span>
<span id="cb1-44"><a href="#cb1-44" aria-hidden="true" tabindex="-1"></a> <span class="cf">elif</span> code_couleur <span class="op">==</span> <span class="st">&quot;TEMPO_BLANC&quot;</span>:</span>
<span id="cb1-45"><a href="#cb1-45" aria-hidden="true" tabindex="-1"></a> texte_retour<span class="op">+=</span>(<span class="ss">f&quot;</span><span class="ch">\033</span><span class="ss">[37m</span><span class="sc">{</span>date<span class="sc">}</span><span class="ss">: journée </span><span class="sc">{</span>code_couleur<span class="sc">}</span><span class="ch">\033</span><span class="ss">[0m</span><span class="ch">\n</span><span class="ss">&quot;</span>)</span>
<span id="cb1-46"><a href="#cb1-46" aria-hidden="true" tabindex="-1"></a> <span class="cf">elif</span> code_couleur <span class="op">==</span> <span class="st">&quot;TEMPO_ROUGE&quot;</span>:</span>
<span id="cb1-47"><a href="#cb1-47" aria-hidden="true" tabindex="-1"></a> texte_retour<span class="op">+=</span>(<span class="ss">f&quot;</span><span class="ch">\033</span><span class="ss">[31m</span><span class="sc">{</span>date<span class="sc">}</span><span class="ss">: journée </span><span class="sc">{</span>code_couleur<span class="sc">}</span><span class="ch">\033</span><span class="ss">[0m</span><span class="ch">\n</span><span class="ss">&quot;</span>)</span>
<span id="cb1-48"><a href="#cb1-48" aria-hidden="true" tabindex="-1"></a> <span class="cf">else</span>:</span>
<span id="cb1-49"><a href="#cb1-49" aria-hidden="true" tabindex="-1"></a> texte_retour<span class="op">+=</span>(<span class="ss">f&quot;</span><span class="sc">{</span>date<span class="sc">}</span><span class="ss">: journée </span><span class="sc">{</span>code_couleur<span class="sc">}</span><span class="ss">&quot;</span>)</span>
<span id="cb1-50"><a href="#cb1-50" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-51"><a href="#cb1-51" aria-hidden="true" tabindex="-1"></a> <span class="cf">return</span> texte_retour</span>
<span id="cb1-52"><a href="#cb1-52" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-53"><a href="#cb1-53" aria-hidden="true" tabindex="-1"></a>texte <span class="op">=</span> get_tempo_for_today_and_tomorrow()</span>
<span id="cb1-54"><a href="#cb1-54" aria-hidden="true" tabindex="-1"></a><span class="bu">print</span>(texte)</span>
<span id="cb1-55"><a href="#cb1-55" aria-hidden="true" tabindex="-1"></a></span></code></pre></div>
<p>Bonne réduction des pointes de conso!</p>
</body>
</html>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>

View file

@ -1,22 +1,29 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<title>Cipher Bliss</title>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<a href="/">Retour à l'Accueil</a>
<hr/>
<html><head><title>cipherbliss_blog</title></head><body> # cipherbliss_blog - Articles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
<html><head><title>cipherbliss_blog</title><link rel="stylesheet" href="/style.css"></link></head><body>
<h1>Navigation</h1><br><a href=/index.html>index.html</a><br><a href=/contact.html>contact.html</a><h1>Articles en Français</h1><br><a href=/2022/cipherbliss_blog_241_programme-pour-une-annee-2022-moins-pire>2022 cipherbliss_blog_241_programme pour une annee 2022 moins pire</a><br><a href=/2021/cipherbliss_blog_240_video-du-premier-chatons-camp-2021>2021 cipherbliss_blog_240_video du premier chatons camp 2021</a><br><a href=/2021/cipherbliss_blog_239_nouvelles-doctobre-2021>2021 cipherbliss_blog_239_nouvelles doctobre 2021</a><br><a href=/2021/cipherbliss_blog_238_des-sauvegardes-qui-durent-mille-ans>2021 cipherbliss_blog_238_des sauvegardes qui durent mille ans</a></article></body></html>
<footer>
<hr/>
<a href='/'>Retour à l'Accueil</a>
</footer>
<h1>Navigation</h1><br><a href=/index.html>index.html</a><br><a href=/contact.html>contact.html</a><h1>Articles en Français</h1><br><a href=/2024/20241109231603-connaître-la-couleur-des-jours-edf-tempo-en-ligne-de-commande>2024 20241109231603 connaître la couleur des jours edf tempo en ligne de commande</a><br><a href=/2024/20241109231110-tags>2024 20241109231110 tags</a><br><a href=/2024/20241109230937-ressources-de-café-vie-privée>2024 20241109230937 ressources de café vie privée</a><br><a href=/2022/cipherbliss_blog_241_programme-pour-une-annee-2022-moins-pire>2022 cipherbliss_blog_241_programme pour une annee 2022 moins pire</a><br><a href=/2021/cipherbliss_blog_240_video-du-premier-chatons-camp-2021>2021 cipherbliss_blog_240_video du premier chatons camp 2021</a><br><a href=/2021/cipherbliss_blog_239_nouvelles-doctobre-2021>2021 cipherbliss_blog_239_nouvelles doctobre 2021</a><br><a href=/2021/cipherbliss_blog_238_des-sauvegardes-qui-durent-mille-ans>2021 cipherbliss_blog_238_des sauvegardes qui durent mille ans</a></article></body></html>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>
</html>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Cipher Bliss</title>
<link rel="stylesheet" href="/style.css"></link>
</head>
<body>
<header>
<h1>Cipher Bliss</h1>
<p>Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</header>
<hr/>
<main>
</main>
<hr/>
<footer>
<nav><a href="/">Accueil</a><a href="https://portfolio.cipherbliss.com">Portfolio</a><a href="/feed">Flux RSS</a><a href="/contact">Contact</a><a href="/ressources-de-café-vie-privée">Ressources</a></nav>
</footer>
</body>
</html>

View file

@ -10,7 +10,6 @@ html {
}
body {
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
@ -20,12 +19,7 @@ body {
background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
margin-top: 1em;
margin-bottom: 2rem;
@ -33,9 +27,10 @@ h6 {
}
/* 1. Use a more-intuitive box-sizing model */
*,
*::before,
*::after {
* {
box-sizing: border-box;
}
*::before, *::after {
box-sizing: border-box;
}
@ -49,11 +44,7 @@ body {
}
/* Improve media defaults */
img,
picture,
video,
canvas,
svg {
img, picture, video, canvas, svg {
display: block;
width: 100%;
margin-top: 1rem;
@ -62,21 +53,12 @@ svg {
}
/* Inherit fonts for form controls */
input,
button,
textarea,
select {
input, button, textarea, select {
font: inherit;
}
/* Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
@ -89,7 +71,7 @@ p {
h1 {
font-size: 4rem;
color: #221d30
color: #221d30;
}
h2 {
@ -100,28 +82,26 @@ h3 {
font-size: 1.5rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
h1, h2, h3, h4, h5, h6 {
text-wrap: balance;
line-height: 1.3em;
}
#root,
#__next {
#root, #__next {
isolation: isolate;
}
input,
button,
textarea,
select {
input, button, textarea, select {
font: inherit;
}
a {
display: inline-block;
padding: 0.5rem 2rem;
margin-right: 1rem;
margin-bottom: 1rem;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
@ -140,4 +120,6 @@ li {
body {
padding: 1rem;
}
}
}
/*# sourceMappingURL=style_general.css.map */