tykayn/orgmode-to-gemini-blog
1
0
Fork 0
mirror of https://forge.chapril.org/tykayn/orgmode-to-gemini-blog synced 2025-06-20 09:04:42 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

add scss converter

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

351
html-websites/cil_gometz/2020/blog_cil_gometz_11_ecrire-une-comptine-en-python-bonjour-le-jour/index.html Normal file
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>

270
html-websites/cil_gometz/2020/blog_cil_gometz_12_panel-dactivites-de-la-rentree-post-covid19/index.html Normal file
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>

246
html-websites/cil_gometz/2020/blog_cil_gometz_1_a-propos-du-cil-de-gometz-la-ville/index.html Normal file
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>

227
html-websites/cil_gometz/2020/blog_cil_gometz_7_activites-en-cours/index.html Normal file
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>