up detection of slug

This commit is contained in:
Tykayn 2024-11-15 16:24:31 +01:00 committed by tykayn
parent 618c029c62
commit a0bb742d4c
46 changed files with 737 additions and 4848 deletions

View file

@ -1,351 +0,0 @@
<!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

@ -1,270 +0,0 @@
<!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

@ -1,246 +0,0 @@
<!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

@ -1,227 +0,0 @@
<!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

@ -1,31 +0,0 @@
<!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

@ -1,28 +0,0 @@
<!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

@ -1,125 +0,0 @@
* {
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,135 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
<meta property="og:locale" content="fr_FR">
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
<meta property="og:url" content="https://www.cipherbliss.com">
<meta property="og:site_name" content="">
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
<link href="/style.css" rel="stylesheet">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<meta name="author" content="Baptiste Lemoine">
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
href="https://www.cipherbliss.com/feed/">
<meta property="og:title" content="">
<meta property="og:locale" content="fr_FR">
<!-- Description de la page -->
<meta name="description" content="">
<meta name="reply-to" content="contact@cipherbliss.com">
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
</head>
<body>
<div id="page" class="page__la_page">
<header id="masthead" class="site-header">
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
<a href="/">
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
</a>
<h1 class="blog-title">Cipher Bliss</h1>
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<div class="template-header">
</div>
</div>
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="https://www.cipherbliss.com">
Accueil
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="https://www.cipherbliss.com">
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
class="img-fluid">
</a>
<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>
</div>
<div class="navbar-end">
<div class="navbar-item">
<form role="search" method="get" class="search-form" action="/">
<label>
<input class="search-field" placeholder="Recherche" value="" name="s"
type="search">
</label>
<input class="is-hidden search-submit" value="Rechercher" type="submit">
</form>
</div>
</div>
</div>
</nav>
</header>
<main class="body-wrap boxed-container">
<article class="content">
<header id="title-block-header">
<h1 class="title">cipherbliss_blog</h1>
</header>
<h2 id="bienvenue-sur-informageek-1">Bienvenue sur Informageek !</h2>
<p>&lt;img alt="<a
href="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png">https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png</a>"
src="<a
href="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png">https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png</a>"
/&gt;</p>
<p>Salut les ptis poulets et bienvenue dans un lieu de déperdition
geekesque où vont s'affronter divers centres d'intérêt autour des
nouvelles technologies, de la programmation et de l'insolite du web.
Bonne visite!</p>
<p>(&lt;a title="Internet" hreflang="fr" href="<a
href="https://fr.wikipedia.org/wiki/Internet">https://fr.wikipedia.org/wiki/Internet</a>"&gt;photo:
wikipédia page internet&lt;/a&gt;)</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
<p class="after-article">
</p>
</article>
</main>
<footer class="site-footer has-top-divider">
<div class="container">
<div class="site-footer-inner">
<div class="site-foot">
</div>
<nav class="footer-nav">
<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>
</nav>
</div>
</div>
</footer>
</div>
</body>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
</html>

View file

@ -138,6 +138,7 @@ href="https://web.archive.org/web/20240721071559/https://www.cipherbliss.com/">w
<a href="/ressources-de-café-vie-privée">Ressources</a>
</nav>
<a href="/tags/">Tags</a>
</nav>
</div>
</div>

View file

@ -79,17 +79,61 @@
<main class="body-wrap boxed-container">
<article class="content">
<header id="title-block-header">
<h1 class="title">cipherbliss_blog</h1>
</header>
<h1 id="cipherbliss">CipherBliss</h1>
<p>[contact](contact.org)</p>
<h1 id="articles">Articles</h1>
<h1 id="en-fr">en Fr</h1>
<h1 id="en-en">en En</h1>
<h1 id="flux-rss">Flux RSS</h1>
<h1 id="bisous">Bisous</h1>
<div id="page" class="page__la_page">
<header id="masthead" class="site-header">
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
<a href="/">
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
</a>
<h1 class="blog-title">Cipher Bliss</h1>
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
<div class="template-header">
</div>
</div>
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="https://www.cipherbliss.com">
Accueil
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="https://www.cipherbliss.com">
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
class="img-fluid">
</a>
<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>
</div>
<div class="navbar-end">
<div class="navbar-item">
<form role="search" method="get" class="search-form" action="/">
<label>
<input class="search-field" placeholder="Recherche" value="" name="s"
type="search">
</label>
<input class="is-hidden search-submit" value="Rechercher" type="submit">
</form>
</div>
</div>
</div>
</nav>
</header>
<main class="body-wrap boxed-container">
<article class="content">
Cipher Bliss
- - - - - - - - - - - -
<br/><a href=2024/05_cipherbliss_blog_suivi-de-rédaction-de-livre-orgmode>2024 Suivi de rédaction de livre Orgmode</a><br/><a href=2024/04_cipherbliss_blog_techniques-pour-planter-votre-association-ou-votre-entreprise>2024 Techniques pour planter votre association ou votre entreprise</a><br/><a href=2024/03-connaître-la-couleur-des-jours-edf-tempo-en-ligne-de-commande>2024 Connaître la couleur des jours EDF Tempo en ligne de commande</a><br/><a href=2024/10-tags>2024 Tags - Étiquettes de cipherbliss</a><br/><a href=2024/37-ressources-de-café-vie-privée>2024 Ressources de café vie privée</a><br/><a href=2024/58-ça-déménage>2024 Ça déménage</a><br/><a href=2024/56_cipherbliss_blog_soutien>2024 Soutien</a><br/><a href=2024/56_cipherbliss_blog_création-d'un-blog-gemini>2024 Création d'un blog gemini</a><br/><a href=2011/59_cipherbliss_blog_120_bienvenue-sur-informageek>2011 Bienvenue sur Informageek !</a><hr/><h1>Navigation</h1><br/><a href=/contact.html>Contact</a>
<p class="after-article">
</p>
@ -111,6 +155,35 @@
<a href="/ressources-de-café-vie-privée">Ressources</a>
</nav>
<a href="/tags/">Tags</a>
</nav>
</div>
</div>
</footer>
</div>
<p class="after-article">
</p>
</article>
</main>
<footer class="site-footer has-top-divider">
<div class="container">
<div class="site-footer-inner">
<div class="site-foot">
</div>
<nav class="footer-nav">
<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>
<a href="/tags/">Tags</a>
</nav>
</div>
</div>

View file

@ -195,6 +195,8 @@ li {
.site-footer {
min-height: 20vh;
padding: 2rem;
background: #aaa;
color: #dedede;
}
@media (max-width: 75ch) {

View file

@ -195,6 +195,8 @@ li {
.site-footer {
min-height: 20vh;
padding: 2rem;
background: #aaa;
color: #dedede;
}
@media (max-width: 75ch) {