up css and nav

This commit is contained in:
Tykayn 2024-11-04 11:52:45 +01:00 committed by tykayn
parent 356a365eec
commit c17b922673
1521 changed files with 145858 additions and 53170 deletions

View file

@ -0,0 +1,4 @@
<html><head><title>cil_gometz</title></head><body> # cil_gometz - Articles
- - - - - - - - - - - - - - - - - - - - - - - -
<h1> Navigation</h1><h1></h1> Articles en Français</h1><br><a href=/lang_fr/20211213135552_blog_cil_gometz_21_livres-numeriques-calibre-et-liseuses.html>20211213135552_blog_cil_gometz_21_livres-numeriques-calibre-et-liseuses.html</a><br><a href=/lang_fr/20211021114042_blog_cil_gometz_20_creation-graphique-au-cil.html>20211021114042_blog_cil_gometz_20_creation-graphique-au-cil.html</a><br><a href=/lang_fr/20211021113826_blog_cil_gometz_19_facebook-est-mort-vive-la-decentralisation.html>20211021113826_blog_cil_gometz_19_facebook-est-mort-vive-la-decentralisation.html</a><br><a href=/lang_fr/20211021113339_blog_cil_gometz_18_article-dans-le-castelgometzien-n264.html>20211021113339_blog_cil_gometz_18_article-dans-le-castelgometzien-n264.html</a><br><a href=/lang_fr/20210909190502_blog_cil_gometz_17_disponibilites-pour-la-rentree-du-cil.html>20210909190502_blog_cil_gometz_17_disponibilites-pour-la-rentree-du-cil.html</a><br><a href=/lang_fr/20210617115715_blog_cil_gometz_16_article-pour-le-journal-de-gometz-juin-2021.html>20210617115715_blog_cil_gometz_16_article-pour-le-journal-de-gometz-juin-2021.html</a><br><a href=/lang_fr/20210112160009_blog_cil_gometz_15_presentation-pour-creer-ses-propres-ebooks-a-partir-de-textes-en-markdown.html>20210112160009_blog_cil_gometz_15_presentation-pour-creer-ses-propres-ebooks-a-partir-de-textes-en-markdown.html</a><br><a href=/lang_fr/20200911154512_blog_cil_gometz_14_inscrivez-vous-pour-les-reunions-de-septembre.html>20200911154512_blog_cil_gometz_14_inscrivez-vous-pour-les-reunions-de-septembre.html</a><br><a href=/lang_fr/20200909152039_blog_cil_gometz_12_panel-dactivites-de-la-rentree-post-covid19.html>20200909152039_blog_cil_gometz_12_panel-dactivites-de-la-rentree-post-covid19.html</a><br><a href=/lang_fr/20200902174116_blog_cil_gometz_13_forum-des-assos-2020-dimanche-6-septembre.html>20200902174116_blog_cil_gometz_13_forum-des-assos-2020-dimanche-6-septembre.html</a><br><a href=/lang_fr/20200803124344_blog_cil_gometz_11_ecrire-une-comptine-en-python-bonjour-le-jour.html>20200803124344_blog_cil_gometz_11_ecrire-une-comptine-en-python-bonjour-le-jour.html</a><br><a href=/lang_fr/20200712124742_blog_cil_gometz_10_70.html>20200712124742_blog_cil_gometz_10_70.html</a><br><a href=/lang_fr/20200712121229_blog_cil_gometz_9_pacte-du-logiciel-libre-de-lapril-pour-les-elections.html>20200712121229_blog_cil_gometz_9_pacte-du-logiciel-libre-de-lapril-pour-les-elections.html</a><br><a href=/lang_fr/20200518182500_blog_cil_gometz_8_codage-dans-%e2%84%a4-p%e2%84%a4.html>20200518182500_blog_cil_gometz_8_codage-dans-%e2%84%a4-p%e2%84%a4.html</a><br><a href=/lang_fr/20200518182215_blog_cil_gometz_7_activites-en-cours.html>20200518182215_blog_cil_gometz_7_activites-en-cours.html</a><br><a href=/lang_fr/20200518181947_blog_cil_gometz_6_notre-liste-de-diffusion-framaliste.html>20200518181947_blog_cil_gometz_6_notre-liste-de-diffusion-framaliste.html</a><br><a href=/lang_fr/20200518181634_blog_cil_gometz_4_cours-de-python.html>20200518181634_blog_cil_gometz_4_cours-de-python.html</a><br><a href=/lang_fr/20200518181618_blog_cil_gometz_5_les-amis-du-club.html>20200518181618_blog_cil_gometz_5_les-amis-du-club.html</a><br><a href=/lang_fr/20200518181355_blog_cil_gometz_3_libre-en-fete-2019.html>20200518181355_blog_cil_gometz_3_libre-en-fete-2019.html</a><br><a href=/lang_fr/20200518172243_blog_cil_gometz_2_installation-de-linux-version-ubuntu.html>20200518172243_blog_cil_gometz_2_installation-de-linux-version-ubuntu.html</a><br><a href=/lang_fr/20200513215141_blog_cil_gometz_1_a-propos-du-cil-de-gometz-la-ville.html>20200513215141_blog_cil_gometz_1_a-propos-du-cil-de-gometz-la-ville.html</a><h1> Articles in English</h1></article></body></html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,33 @@
<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>
<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>
<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>
<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>
@ -43,7 +210,9 @@ Chacune de nos réunions nous permet de progresser et de mieux comprendre ce qu'
<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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,52 +175,90 @@
<li>status: publish</li>
<li>publié le: &lt;2020-05-18 17:22:43&gt;</li>
<li>modifié: &lt;2021-12-13 14:03:28&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="installation-de-linux-version-ubuntu-1">Installation de Linux (version Ubuntu)</h2>
<h2 id="installation-de-linux-version-ubuntu-1">Installation de Linux
(version Ubuntu)</h2>
<p>:CUSTOM<sub>ID</sub>: décider</p>
<p>:END:</p>
<p>Si une fois ces étapes franchies il reste moins de 60 Go libres il n'est pas raisonnable d'installer Linux… sinon il faut se lancer en utilisant le troisième choix de l'installateur… On arrive donc au moment des choix cruciaux… sans qu'il y ait encore de risque parce que l'installateur ne fait que préparer une liste de commandes sans les effectuer : ce n'est qu'à la fin, une fois l'ordre d'exécution donné que cette liste de commandes sera appliquée.</p>
<p>Le partitionnement</p>
<p>Sur cet ordinateur deux systèmes sont déjà installés, Windows XP (réparti sur les partitions sda2 et sda4, formatées en ntfs) et Linux (réparti sur les partitions sda7 pour « swap » , sda5 et sda6 formatées en ext4). Votre ordinateur n'est évidemment pas configuré de la même façon ! Il faudra, dans l'ordre :</p>
<div class="END drawer">
<p>Si une fois ces étapes franchies il reste moins de 60 Go libres il
n'est pas raisonnable d'installer Linux… sinon il faut se lancer en
utilisant le troisième choix de l'installateur… On arrive donc au moment
des choix cruciaux… sans qu'il y ait encore de risque parce que
l'installateur ne fait que préparer une liste de commandes sans les
effectuer : ce n'est qu'à la fin, une fois l'ordre d'exécution donné que
cette liste de commandes sera appliquée.</p>
</div>
<p>Sur cet ordinateur deux systèmes sont déjà installés, Windows XP
(réparti sur les partitions sda2 et sda4, formatées en ntfs) et Linux
(réparti sur les partitions sda7 pour « swap » , sda5 et sda6
formatées en ext4). Votre ordinateur n'est évidemment pas configuré de
la même façon ! Il faudra, dans l'ordre :</p>
<ul>
<li>Réduire la partition Windows pour laisser au moins 60 Go disponibles. Cette commande doit être exécutée avant de poursuivre mais elle est sans danger.</li>
<li>Dans l'espace libre ainsi obtenu, créer une partition pour « swap » de 2 ou 3 Go qui ne sera pas formatée ni montée.</li>
<li>Dans le reste de l'espace libre, créer une partition pour « / » de 20 à 30 Go qui sera formatée en « ext4 » et montée sur « / »</li>
<li>Créer avec tout ce qui reste une partition pour « /home » qui sera formatée en « ext4 » et montée sur « /home ».</li>
<li>Réduire la partition Windows pour laisser au moins 60 Go
disponibles. Cette commande doit être exécutée avant de poursuivre mais
elle est sans danger.</li>
<li>Dans l'espace libre ainsi obtenu, créer une partition pour « swap »
de 2 ou 3 Go qui ne sera pas formatée ni montée.</li>
<li>Dans le reste de l'espace libre, créer une partition pour « / » de
20 à 30 Go qui sera formatée en « ext4 » et montée sur « / »</li>
<li>Créer avec tout ce qui reste une partition pour « /home » qui sera
formatée en « ext4 » et montée sur « /home ».</li>
</ul>
<p>Et après…</p>
<p>Arrivé là, l'installateur vous rappellera quels ont été vos choix et vous demandera si on les exécute… c'est à partir de là que le retour en arrière est « difficile »… pas toujours impossible mais difficile. Bien entendu il y aura quelques questions basiques du genre « comment tu t'appelles ? » etc. mais plus rien de difficile. Il faut choisir un nom d'utilisateur et un mot de passe… choisissez les bien et souvenez-vous en ! N'oubliez pas la règle générale pour les mots de passe : une base combinant chiffres et lettres suffixée par la cible du mot de passe « en clair ».</p>
<p>Arrivé là, l'installateur vous rappellera quels ont été vos choix et
vous demandera si on les exécute… c'est à partir de là que le retour en
arrière est « difficile »… pas toujours impossible mais difficile. Bien
entendu il y aura quelques questions basiques du genre « comment tu
t'appelles ? » etc. mais plus rien de difficile. Il faut choisir un nom
d'utilisateur et un mot de passe… choisissez les bien et souvenez-vous
en ! N'oubliez pas la règle générale pour les mots de passe : une base
combinant chiffres et lettres suffixée par la cible du mot de passe « en
clair ».</p>
<h2 id="annexe">Annexe</h2>
<p>Liste des répertoires principaux et leur rôle :</p>
<ul>
<li>/ le répertoire racine</li>
<li>/bin les fichiers exécutables (en binaire)  (initialisation du système
<li>/bin les fichiers exécutables (en binaire)  (initialisation du
système
<ul>
<li>commandes « essentielles »)</li>
</ul></li>
<li>/boot le noyau vmlinuz et les fichiers de démarrage</li>
<li>/dev répertoire de fichiers spéciaux, qui servent de canaux de communication avec les périphériques (disques, adaptateur réseau, cartes son etc…). Ce sont les « devices ».</li>
<li>/etc les fichiers de configuration du système et les principaux scripts de paramétrage</li>
<li>/dev répertoire de fichiers spéciaux, qui servent de canaux de
communication avec les périphériques (disques, adaptateur réseau, cartes
son etc…). Ce sont les « devices ».</li>
<li>/etc les fichiers de configuration du système et les principaux
scripts de paramétrage</li>
<li>/etc/rc.d scripts de démarrage du système</li>
<li>/etc/X11 scripts de configuration du serveur X</li>
<li>/etc/sysconfig configuration des périphériques</li>
<li>/etc/cron description des tâches périodiques à effectuer</li>
<li>/etc/skel fichiers recopiés dans le dossier personnel d'un nouvel utilisateur</li>
<li>/etc/skel fichiers recopiés dans le dossier personnel d'un nouvel
utilisateur</li>
<li>/home la racine des répertoires personnels des utilisateurs</li>
<li>/lib les bibliothèques et les modules du noyau</li>
<li>/mnt la racine des points de montage des systèmes de fichiers périphériques ou extérieurs (cd, disquette, nfs ..).</li>
<li>/opt lieu d'installation d'applications supplémentaires (comme starOffice, java ..)</li>
<li>/mnt la racine des points de montage des systèmes de fichiers
périphériques ou extérieurs (cd, disquette, nfs ..).</li>
<li>/opt lieu d'installation d'applications supplémentaires (comme
starOffice, java ..)</li>
<li>/root répertoire personnel du super-utilisateur root</li>
<li>/sbin les fichiers exécutables pour l'administration du système</li>
<li>/tmp stockage des fichiers temporaires</li>
<li>/usr programmes accessibles à tout utilisateur; sa structure reproduit celle de la racine /</li>
<li>/var données variables liées à la machine (fichiers d'impression, traces de connexions http, smb .. dans /var/log)</li>
<li>/proc ce pseudo-répertoire contient une « image » du système ( /proc/kcore est l'image de la RAM</li>
<li>/usr programmes accessibles à tout utilisateur; sa structure
reproduit celle de la racine /</li>
<li>/var données variables liées à la machine (fichiers d'impression,
traces de connexions http, smb .. dans /var/log)</li>
<li>/proc ce pseudo-répertoire contient une « image » du système (
/proc/kcore est l'image de la RAM</li>
</ul>
<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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,21 +175,31 @@
<li>status: publish</li>
<li>publié le: &lt;2020-05-18 18:13:55&gt;</li>
<li>modifié: &lt;2021-12-13 14:02:10&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="libre-en-fête-2019">Libre en fête 2019</h2>
<p><strong>23-24 mars 2019</strong> salle de musique espace Barbara Gometz-le-Châtel 10h 16h Exposition / démonstrations /conférences Les logiciels libres, pourquoi et comment… ne laissez pas les GAFAM vous piller et vous espionner sans réagir : venez vous informer !</p>
<p><strong>23-24 mars 2019</strong> salle de musique espace Barbara
Gometz-le-Châtel 10h 16h Exposition / démonstrations /conférences Les
logiciels libres, pourquoi et comment… ne laissez pas les GAFAM vous
piller et vous espionner sans réagir : venez vous informer !</p>
<p><strong>samedi 23 mars</strong></p>
<ul>
<li>10h-11h : Qu'est-ce qu'un logiciel libre ? Un format libre ?</li>
<li>11h-12h : Exemples de logiciels libres en démonstration (VLC, LibreOffice, Digikam, Rhythmbox, Firefox, K3b, Xcas, Calc, Python…)</li>
<li>12h-12h30 : De l'intérêt financier à utiliser des logiciels libres : l'exemple de Voisins-le-Bretonneux.</li>
<li>11h-12h : Exemples de logiciels libres en démonstration (VLC,
LibreOffice, Digikam, Rhythmbox, Firefox, K3b, Xcas, Calc, Python…)</li>
<li>12h-12h30 : De l'intérêt financier à utiliser des logiciels libres :
l'exemple de Voisins-le-Bretonneux.</li>
<li>Pause déjeuner</li>
<li>14h-16h : Système libre : Linux, installation, utilisation, les différentes versions… et toujours exemples de logiciels libres en démonstration.</li>
<li>14h-16h : Système libre : Linux, installation, utilisation, les
différentes versions… et toujours exemples de logiciels libres en
démonstration.</li>
</ul>
<p><strong>dimanche 24 mars</strong></p>
<ul>
<li>10h-11h30 : Qu'est-ce qu'internet ? Projection d'une conférence de Benjamin Bayart</li>
<li>10h-11h30 : Qu'est-ce qu'internet ? Projection d'une conférence de
Benjamin Bayart</li>
<li>11h30-12h30 : La loi sur la vente liée et son non-respect.</li>
<li>Pause déjeuner</li>
<li>14h-15h : L'éventualité d'une mini-taxe sur les GAFAM</li>
@ -48,7 +208,9 @@
</ul>
<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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,19 +175,29 @@
<li>status: publish</li>
<li>publié le: &lt;2020-05-18 18:16:18&gt;</li>
<li>modifié: &lt;2021-12-13 14:04:16&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="les-amis-du-club-1">Les amis du Club</h2>
<p>Quelques amis à découvrir  </p>
<ul>
<li><a href="https://www.gometzlechatel.fr/">Mairie Gometz-le-Châtel</a></li>
<li><a href="http://www.april.org/">APRIL</a> (Association pour la Promotion de l'Informatique Libre)</li>
<li><a href="http://www./aful.org">AFUL</a> (Association Francophone des Utilisateurs du Libre)</li>
<li><a href="https://framasoft.org/fr/">FRAMASOFT (Fondation pour la distribution de logiciels libres)</a></li>
<li><a href="https://www.ubuntu-fr.org/">UBUNTU (la version la plus populaire et la plus utilisée de Linux)</a></li>
<li><a href="https://www.pseudo-sciences.org/">AFIS (Association Française pour l'Information Scientifique)</a></li>
<li><a href="https://www.anumby.org/">AnumBy (Atelier Numérique de Bures-sur-Yvette)</a></li>
<li><a href="https://liness.org/">Liness</a> (Linux en Essonne… à Juvisy sur Orge)</li>
<li><a href="https://www.gometzlechatel.fr/">Mairie
Gometz-le-Châtel</a></li>
<li><a href="http://www.april.org/">APRIL</a> (Association pour la
Promotion de l'Informatique Libre)</li>
<li><a href="http://www./aful.org">AFUL</a> (Association Francophone des
Utilisateurs du Libre)</li>
<li><a href="https://framasoft.org/fr/">FRAMASOFT (Fondation pour la
distribution de logiciels libres)</a></li>
<li><a href="https://www.ubuntu-fr.org/">UBUNTU (la version la plus
populaire et la plus utilisée de Linux)</a></li>
<li><a href="https://www.pseudo-sciences.org/">AFIS (Association
Française pour l'Information Scientifique)</a></li>
<li><a href="https://www.anumby.org/">AnumBy (Atelier Numérique de
Bures-sur-Yvette)</a></li>
<li><a href="https://liness.org/">Liness</a> (Linux en Essonne… à Juvisy
sur Orge)</li>
</ul>
<p>Notre addresse: <em>CIL (Club Informatique-Libre)</em></p>
<p><em>76 rue Saint Nicolas</em></p>
@ -45,7 +205,9 @@
<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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,19 +175,43 @@
<li>status: publish</li>
<li>publié le: &lt;2020-05-18 18:16:34&gt;</li>
<li>modifié: &lt;2020-05-18 18:28:19&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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:4de4ac73-e9f6-41bc-a178-e26cf6c0949a">programmation</a> <a href="id:4c6e26e5-7ec2-4af3-a3c6-fd138db6d96b">ecrire-une-comptine-en-python-bonjour-le-jour</a></p>
<p><a href="id:4de4ac73-e9f6-41bc-a178-e26cf6c0949a">programmation</a>
<a
href="id:4c6e26e5-7ec2-4af3-a3c6-fd138db6d96b">ecrire-une-comptine-en-python-bonjour-le-jour</a></p>
<h2 id="cours-de-python-1">Cours de Python</h2>
<p>Pour programmer en Python il est souhaitable de disposer d'un EDI (Environnement de Développement Intégré) et parmi les nombreux EDI disponibles <a href="https://pyzo.org/index.html">PYZO</a> en est un commode.</p>
<p>Pour programmer en Python il est souhaitable de disposer d'un EDI
(Environnement de Développement Intégré) et parmi les nombreux EDI
disponibles <a href="https://pyzo.org/index.html">PYZO</a> en est un
commode.</p>
<pre class="example"><code>Pour l&#39;installer il suffit de suivre le mode d&#39;emploi joint.
sudo apt-get install python3-pip python3-pyqt5 &amp;&amp; sudo python3 -m pip install pyzo --upgrade &amp;&amp; pyzo&amp;
</code></pre>
<p>Nous sommes des amateurs non-professionnels, certains d'entre nous ont utisé (ou utilisent) l'informatique dans le cadre de leur activité professionnelle mais aucun d'entre nous n'est informaticien. 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. 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à ! 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. Rendez-vous à la MJC de Gometz la ville le mardi de 14h à 16h  </p>
<p>Nous sommes des amateurs non-professionnels, certains d'entre nous
ont utisé (ou utilisent) l'informatique dans le cadre de leur activité
professionnelle mais aucun d'entre nous n'est informaticien. 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. 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à ! 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. Rendez-vous à la MJC de Gometz la ville le mardi de 14h à
16h  </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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,13 +175,21 @@
<li>status: publish</li>
<li>publié le: &lt;2020-05-18 18:19:47&gt;</li>
<li>modifié: &lt;2020-05-18 18:51:35&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="notre-liste-de-diffusion-framaliste-1">Notre liste de diffusion framaliste</h2>
<p>Abonnez-vous à la liste de diffusion par email: <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>
<h2 id="notre-liste-de-diffusion-framaliste-1">Notre liste de diffusion
framaliste</h2>
<p>Abonnez-vous à la liste de diffusion par email: <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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,13 +175,25 @@
<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>
<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>
<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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,14 +175,27 @@
<li>status: publish</li>
<li>publié le: &lt;2020-05-18 18:25:00&gt;</li>
<li>modifié: &lt;2020-05-18 18:48:39&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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>
<p><a
href="id:682dfd88-f1b9-4b60-8aa4-1714ba338dbe">cil<sub>gometz</sub></a></p>
<h2 id="codage-dans-p">Codage dans /p</h2>
<p>Division entière (euclidienne)Diviser a par b c'est chercher combien de fois on peut trouver b dans a. Par exemple, diviser 15 par 7 c'est se demander combien de fois il y a 7 dans 15… et la réponseest 2. Cette réponse s'appelle quotient euclidien.Si q est le quotient de a par b on n'a pas en général a=b×q. L'écart entre a et b×q est appelé reste et si on appelle r ce reste on a: a=b×q+rRemarque: le reste r de la division de a par b est toujours compris entre 0 et b:0⩽r&lt;b <a href="https://www.cil-gometz.org/wp-content/uploads/2020/03/Explications.pdf">suite dans le pdf d'Explications</a></p>
<p>Division entière (euclidienne)Diviser a par b c'est chercher combien
de fois on peut trouver b dans a. Par exemple, diviser 15 par 7 c'est se
demander combien de fois il y a 7 dans 15… et la réponseest 2. Cette
réponse s'appelle quotient euclidien.Si q est le quotient de a par b on
n'a pas en général a=b×q. L'écart entre a et b×q est appelé reste et si
on appelle r ce reste on a: a=b×q+rRemarque: le reste r de la division
de a par b est toujours compris entre 0 et b:0⩽r&lt;b <a
href="https://www.cil-gometz.org/wp-content/uploads/2020/03/Explications.pdf">suite
dans le pdf d'Explications</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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,17 +175,33 @@
<li>status: publish</li>
<li>publié le: &lt;2020-07-12 12:12:29&gt;</li>
<li>modifié: &lt;2020-07-12 12:13:27&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="pacte-du-logiciel-libre-de-lapril-pour-les-élections">Pacte du logiciel libre de l'APRIL pour les élections</h2>
<p>Voici un modèle de message à envoyer à ses élus pour les encourager à signer le pacte du logiciel libre de l'APRIL</p>
<h2 id="pacte-du-logiciel-libre-de-lapril-pour-les-élections">Pacte du
logiciel libre de l'APRIL pour les élections</h2>
<p>Voici un modèle de message à envoyer à ses élus pour les encourager à
signer le pacte du logiciel libre de l'APRIL</p>
<blockquote>
<p>Les élections municipales approchent et les bruits qui courent laissent penser que peut-être deux listes seraient en présence à Gometz-le-Châtel… Au cas où vous seriez concerné(e), je vous propose de signer le "Pacte du logiciel libre" que je vous joins en pdf (format libre qui permet à chacun de lire le document quel que soit le terminal utilisé - et en étant assuré de ne pas recevoir de virus !). S'il vous reste un peu de temps vous pouvez aussi vous informer <strong><a href="https://april.org/s-engager-pour-le-logiciel-libre-a-l-occasion-des-municipales-de-mars-2020">ici</a></strong>. Cordialement, <a href="https://april.org/s-engager-pour-le-logiciel-libre-a-l-occasion-des-municipales-de-mars-2020">https://april.org/s-engager-pour-le-logiciel-libre-a-l-occasion-des-municipales-de-mars-2020</a>  </p>
<p>Les élections municipales approchent et les bruits qui courent
laissent penser que peut-être deux listes seraient en présence à
Gometz-le-Châtel… Au cas où vous seriez concerné(e), je vous propose de
signer le "Pacte du logiciel libre" que je vous joins en pdf (format
libre qui permet à chacun de lire le document quel que soit le terminal
utilisé - et en étant assuré de ne pas recevoir de virus !). S'il vous
reste un peu de temps vous pouvez aussi vous informer <strong><a
href="https://april.org/s-engager-pour-le-logiciel-libre-a-l-occasion-des-municipales-de-mars-2020">ici</a></strong>.
Cordialement, <a
href="https://april.org/s-engager-pour-le-logiciel-libre-a-l-occasion-des-municipales-de-mars-2020">https://april.org/s-engager-pour-le-logiciel-libre-a-l-occasion-des-municipales-de-mars-2020</a>
 </p>
</blockquote>
<p>Georges VINCENTS</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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,17 +175,59 @@
<li>status: publish</li>
<li>publié le: &lt;2020-07-12 12:47:42&gt;</li>
<li>modifié: &lt;2020-07-13 13:52:06&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="article-pour-le-journal-municipal-260">Article pour le journal municipal 260</h2>
<p>Voici le texte de l'article du CIL pour le journal municipal, le "Castelgometzien" N°260  début juillet 2020. Bonne réception. PS : Nous espérons que la nouvelle municipalité cessera bientôt de soutenir les GAFAM en utilisant des logiciels libres…</p>
<h2 id="article-pour-le-journal-municipal-260">Article pour le journal
municipal 260</h2>
<p>Voici le texte de l'article du CIL pour le journal municipal, le
"Castelgometzien" N°260  début juillet 2020. Bonne réception. PS : Nous
espérons que la nouvelle municipalité cessera bientôt de soutenir les
GAFAM en utilisant des logiciels libres…</p>
<blockquote>
<p>Le confinement imposé par le gouvernement pour lutter contre la Covid19 a imposé l'arrêt des activités du <strong>CIL</strong> <strong>(Club informatique libre)</strong> en plein apprentissage de la programmation. Nous reprendrons donc cet apprentissage en septembre ! Pendant ce confinement, les contacts via l'internet ont été démultipliés, les communications via Whatsapp (entreprise américaine rachetée par Facebook), Zoom (entreprise américaine), MSN (entreprise américaine propriété de Microsoft) les achats via Amazon (entreprise américaine) et autres logiciels des GAFAM (Google-Amazon-Facebook-Apple-Microsoft) ont explosé puisque la politique européenne fait que nous sommes totalement dépendants de ces entreprises. Même les enseignants n'avaient d'autre possibilité pour joindre les élèves que ces satanés GAFAM… qui en ont profité pour accroître leurs bénéfices et pour compléter leurs collectes de données personnelles : une aubaine tous ces jeunes qui ne savent pas se protéger et qui étaient obligés de se connecter tous les jours et plusieurs fois par jour ! Pourtant, il existe des logiciels de communication éthiques, libres, respectueux de la vie privée, mais comme ils ne sont jamais cités par les médias, plus jamais proposés par les administrations (alors qu'ils ont été recommandés dans tout l'enseignement supérieur pendant des années) ils restent confidentiels, utilisés seulement par quelques militants… dont le CIL ! Chacun a vu à quel point le pays a été démuni, n'ayant plus les moyens de produire ni masques, ni tests, ni sur-blouses, mais a-t-on réalisé que nous sommes encore plus démunis dans le domaine de l'informatique, complètement dépendants des États-Unis, de la Chine et de la Corée ? *Le CIL continue de conseiller l'utilisation des logiciels libres et peut vous aider dans leur installation et leur prise en main.* Au début de l'année 2021, quand les salles seront à nouveau ouvertes, et que les réunions de plus de 10 personnes seront possibles, le CIL espère pouvoir organiser une « Install-Party<sup>*</sup> ». Georges VINCENTS (pour le CIL) contact : <a href="mailto:cil-gometz@sfr.fr">cil-gometz@sfr.fr</a> /* Une « Install-Party » est une réunion-conférence où les logiciels libres sont exposés en démonstration et installés gratuitement sur les ordinateurs des participants qui le souhaitent./</p>
<p>Le confinement imposé par le gouvernement pour lutter contre la
Covid19 a imposé l'arrêt des activités du <strong>CIL</strong>
<strong>(Club informatique libre)</strong> en plein apprentissage de la
programmation. Nous reprendrons donc cet apprentissage en septembre !
Pendant ce confinement, les contacts via l'internet ont été
démultipliés, les communications via Whatsapp (entreprise américaine
rachetée par Facebook), Zoom (entreprise américaine), MSN (entreprise
américaine propriété de Microsoft) les achats via Amazon (entreprise
américaine) et autres logiciels des GAFAM
(Google-Amazon-Facebook-Apple-Microsoft) ont explosé puisque la
politique européenne fait que nous sommes totalement dépendants de ces
entreprises. Même les enseignants n'avaient d'autre possibilité pour
joindre les élèves que ces satanés GAFAM… qui en ont profité pour
accroître leurs bénéfices et pour compléter leurs collectes de données
personnelles : une aubaine tous ces jeunes qui ne savent pas se protéger
et qui étaient obligés de se connecter tous les jours et plusieurs fois
par jour ! Pourtant, il existe des logiciels de communication éthiques,
libres, respectueux de la vie privée, mais comme ils ne sont jamais
cités par les médias, plus jamais proposés par les administrations
(alors qu'ils ont été recommandés dans tout l'enseignement supérieur
pendant des années) ils restent confidentiels, utilisés seulement par
quelques militants… dont le CIL ! Chacun a vu à quel point le pays a été
démuni, n'ayant plus les moyens de produire ni masques, ni tests, ni
sur-blouses, mais a-t-on réalisé que nous sommes encore plus démunis
dans le domaine de l'informatique, complètement dépendants des
États-Unis, de la Chine et de la Corée ? *Le CIL continue de conseiller
l'utilisation des logiciels libres et peut vous aider dans leur
installation et leur prise en main.* Au début de l'année 2021, quand les
salles seront à nouveau ouvertes, et que les réunions de plus de 10
personnes seront possibles, le CIL espère pouvoir organiser une
« Install-Party<sup>*</sup> ». Georges VINCENTS (pour le CIL) contact :
<a href="mailto:cil-gometz@sfr.fr">cil-gometz@sfr.fr</a> /* Une
« Install-Party » est une réunion-conférence où les logiciels libres
sont exposés en démonstration et installés gratuitement sur les
ordinateurs des participants qui le souhaitent./</p>
</blockquote>
<p>Georges Vincents (pour le CIL)</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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,17 +175,32 @@
<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>
<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><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>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>
<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>
@ -52,14 +217,21 @@
<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>
<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>
<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
@ -69,20 +241,39 @@ print(&quot;&quot;&quot;
&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>
<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>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>
<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>
<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;]
@ -109,16 +300,24 @@ 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>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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,13 +175,27 @@
<li>status: publish</li>
<li>publié le: &lt;2020-09-02 17:41:16&gt;</li>
<li>modifié: &lt;2020-09-11 11:18:50&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="forum-des-assos-2020-dimanche-6-septembre-1">Forum des assos 2020 Dimanche 6 Septembre</h2>
<p>Venez (équipés de votre masque) à notre rencontre au forum des associations ce Dimanche dans la salle Barbara. Vous avez des parkings à voiture et vélo à proximité. Nous vous présenterons notre club d'informatique! <a href="https://www.openstreetmap.org/node/861163786#map=18/48.67722/2.13312">https://www.openstreetmap.org/node/861163786#map=18/48.67722/2.13312</a> <a href="https://www.openstreetmap.org/?mlat=48.67721&amp;mlon=2.13313#map=18/48.67721/2.13313">Afficher une carte plus grande</a> Vous pouvez toujours suivre nos actualités en vous inscrivant à notre newsgroup hébergée chez Framalistes. <a href="https://framalistes.org/sympa/info/cil-gometz">https://framalistes.org/sympa/info/cil-gometz</a></p>
<h2 id="forum-des-assos-2020-dimanche-6-septembre-1">Forum des assos
2020 Dimanche 6 Septembre</h2>
<p>Venez (équipés de votre masque) à notre rencontre au forum des
associations ce Dimanche dans la salle Barbara. Vous avez des parkings à
voiture et vélo à proximité. Nous vous présenterons notre club
d'informatique! <a
href="https://www.openstreetmap.org/node/861163786#map=18/48.67722/2.13312">https://www.openstreetmap.org/node/861163786#map=18/48.67722/2.13312</a>
<a
href="https://www.openstreetmap.org/?mlat=48.67721&amp;mlon=2.13313#map=18/48.67721/2.13313">Afficher
une carte plus grande</a> Vous pouvez toujours suivre nos actualités en
vous inscrivant à notre newsgroup hébergée chez Framalistes. <a
href="https://framalistes.org/sympa/info/cil-gometz">https://framalistes.org/sympa/info/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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,39 +175,68 @@
<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>
<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">[[<a href="https://www.cil-gometz.org/wp-content/uploads/2020/09/cil_activites_2020-1024x801.png">https://www.cil-gometz.org/wp-content/uploads/2020/09/cil_activites_2020-1024x801.png</a></a>]]</p>
<p>Voici quelques sujets que nous pouvons évoquer lors de nos réunions hebdomadaires dans le cadre du CIL:</p>
<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>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>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>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>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>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>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>
<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>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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,15 +175,23 @@
<li>status: publish</li>
<li>publié le: &lt;2020-09-11 15:45:12&gt;</li>
<li>modifié: &lt;2020-09-21 13:01:09&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="inscrivez-vous-pour-les-réunions-de-septembre">Inscrivez vous pour les réunions de Septembre</h2>
<p>Voici le framadate pour les réunions du mois de Septembre. N'oubliez pas de vous inscrire pour que l'on puisse prévoir au mieux nos sujets d'étude :)<br />
<a href="https://framadate.org/XpXcBD2XekomlWfD">https://framadate.org/XpXcBD2XekomlWfD</a></p>
<h2 id="inscrivez-vous-pour-les-réunions-de-septembre">Inscrivez vous
pour les réunions de Septembre</h2>
<p>Voici le framadate pour les réunions du mois de Septembre. N'oubliez
pas de vous inscrire pour que l'on puisse prévoir au mieux nos sujets
d'étude :)<br />
<a
href="https://framadate.org/XpXcBD2XekomlWfD">https://framadate.org/XpXcBD2XekomlWfD</a></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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,29 +175,55 @@
<li>status: publish</li>
<li>publié le: &lt;2021-01-12 16:00:09&gt;</li>
<li>modifié: &lt;2021-01-12 16:09:10&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="présentation-pour-créer-ses-propres-ebooks-à-partir-de-textes-en-markdown">Présentation pour créer ses propres ebooks à partir de textes en markdown</h2>
<p>Merci tout le monde pour votre retour par mail et pour votre présence aujourd'hui :) Nous avons été jusqu'a 7 gens en ligne sur big blue button. (poke <span class="citation" data-cites="ButterflyOfFire">@ButterflyOfFire</span><span class="citation" data-cites="mstdn.fr">@mstdn.fr</span> <span class="citation" data-cites="mikonos">@mikonos</span> <span class="citation" data-cites="cil_gometz">@cil_gometz</span> ) Je vous remets les liens que nous avons échangé pendant la discussion où nous avons parlé génération d'ebook, conversion de fichier, bibliothèque Calibre, traduction, transcription orale, espéranto, langues régionales, syntaxe markdown, latex ou latek, contribution à plusieurs:</p>
<h2
id="présentation-pour-créer-ses-propres-ebooks-à-partir-de-textes-en-markdown">Présentation
pour créer ses propres ebooks à partir de textes en markdown</h2>
<p>Merci tout le monde pour votre retour par mail et pour votre présence
aujourd'hui :) Nous avons été jusqu'a 7 gens en ligne sur big blue
button. (poke @ButterflyOfFire@mstdn.fr @mikonos @cil<sub>gometz</sub> )
Je vous remets les liens que nous avons échangé pendant la discussion où
nous avons parlé génération d'ebook, conversion de fichier, bibliothèque
Calibre, traduction, transcription orale, espéranto, langues régionales,
syntaxe markdown, latex ou latek, contribution à plusieurs:</p>
<ul>
<li><a href="https://slides.com/tykayn/faire-ses-ebook">https://slides.com/tykayn/faire-ses-ebook</a></li>
<li><a href="https://forge.chapril.org/tykayn/ebook-from-md">https://forge.chapril.org/tykayn/ebook-from-md</a></li>
<li><a href="https://forge.chapril.org/tykayn/ebook-from-md/archive/master.zip">https://forge.chapril.org/tykayn/ebook-from-md/archive/master.zip</a></li>
<li><a href="https://www.markdownguide.org/basic-syntax/">https://www.markdownguide.org/basic-syntax/</a></li>
<li><a
href="https://slides.com/tykayn/faire-ses-ebook">https://slides.com/tykayn/faire-ses-ebook</a></li>
<li><a
href="https://forge.chapril.org/tykayn/ebook-from-md">https://forge.chapril.org/tykayn/ebook-from-md</a></li>
<li><a
href="https://forge.chapril.org/tykayn/ebook-from-md/archive/master.zip">https://forge.chapril.org/tykayn/ebook-from-md/archive/master.zip</a></li>
<li><a
href="https://www.markdownguide.org/basic-syntax/">https://www.markdownguide.org/basic-syntax/</a></li>
<li><a href="https://www.zettlr.com/">https://www.zettlr.com/</a></li>
<li><a href="https://perso.limsi.fr/pointal/python:courspython3">https://perso.limsi.fr/pointal/python:courspython3</a></li>
<li><a href="https://weblate.framasoft.org/">https://weblate.framasoft.org/</a></li>
<li><a href="https://crowdin.com/project/mastodon">https://crowdin.com/project/mastodon</a></li>
<li><a href="https://bobkordeo.github.io/ILO/">https://bobkordeo.github.io/ILO/</a></li>
<li><a href="https://demo.hedgedoc.org/KWwbiVTvQqajBRA-1PWNGw?both">https://demo.hedgedoc.org/KWwbiVTvQqajBRA-1PWNGw?both</a></li>
<li><a href="https://www.cipherbliss.com">https://www.cipherbliss.com</a></li>
<li><a href="https://www.cil-gometz.org">https://www.cil-gometz.org</a></li>
<li><a href="https://creativecommons.org/choose/">https://creativecommons.org/choose/</a></li>
<li><a
href="https://perso.limsi.fr/pointal/python:courspython3">https://perso.limsi.fr/pointal/python:courspython3</a></li>
<li><a
href="https://weblate.framasoft.org/">https://weblate.framasoft.org/</a></li>
<li><a
href="https://crowdin.com/project/mastodon">https://crowdin.com/project/mastodon</a></li>
<li><a
href="https://bobkordeo.github.io/ILO/">https://bobkordeo.github.io/ILO/</a></li>
<li><a
href="https://demo.hedgedoc.org/KWwbiVTvQqajBRA-1PWNGw?both">https://demo.hedgedoc.org/KWwbiVTvQqajBRA-1PWNGw?both</a></li>
<li><a
href="https://www.cipherbliss.com">https://www.cipherbliss.com</a></li>
<li><a
href="https://www.cil-gometz.org">https://www.cil-gometz.org</a></li>
<li><a
href="https://creativecommons.org/choose/">https://creativecommons.org/choose/</a></li>
</ul>
<p>voilà, en espérant que vous réaliserez de chouettes ebook illustrés un de ces jours et que vous les ferez passer sous licence ouverte ;) à plusse!</p>
<p>voilà, en espérant que vous réaliserez de chouettes ebook illustrés
un de ces jours et que vous les ferez passer sous licence ouverte ;) à
plusse!</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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,33 +175,149 @@
<li>status: publish</li>
<li>publié le: &lt;2021-06-17 11:57:15&gt;</li>
<li>modifié: &lt;2021-06-17 11:58:38&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="article-pour-le-journal-de-gometz---juin-2021">Article pour le journal de Gometz - Juin 2021</h2>
<p>Les beaux jours reviennent et nous avons vu apparaître notre première médaille de la récupération de données pour Guillaume Rozières, analyste de données et créateur, avec une dizaine de contributeurs bénévoles, du très fameux site vitemadose.covidtracker.fr, inspiré par le dashboard covid créé par des membres du forum Team Open Data.</p>
<p>Le site web "Vite Ma Dose" permet à tout un chacun de trouver des créneaux de vaccination sur plusieurs sites de prises de rendez vous en ligne, grâce à l'art subtil du data scraping, ou grattage de données, qui va récupérer des informations à plusieurs endroits. Là où une solution à un problème national aurait dû être pris en charge et rémunérée par l'état pour mettre en avant la tant espérée "souveraineté numérique" garantissant l'indépendance de nos outils numériques critiques au fonctionnement du pays, c'est le travail de quelques bénévoles qui a apporté la meilleure progression à la décrue de l'épidémie.</p>
<p>Alors que la loi de 2016 pour une république numérique impose l'utilisation de formats ouverts à source réutilisables (donc, pas de pdf ni de formats comme ceux de Microsoft) et la publication de jeux de données dans toutes les administrations pour communiquer aussi bien avec les autres administrations pour le grand public, cela reste l'exception et les demandes doivent être systématiquement faites à la CADA, la Commission d'Accès aux Documents administratifs, crée en 1976. Pour avoir accès à des informations simples sur l'activité de sa mairie ou d'un ministère, qui fonctionnent avec l'argent de tous les citoyens et doivent leur rendre des comptes publics depuis la naissance de la constitution. Le site madada.fr fournit à ce sujet des informations précieuses.</p>
<p>Quelques efforts ont été faits mais il faut se rendre à l'évidence, la loi n'est pas respectée au cœur même de nos services publics. Les mentalités doivent encore évoluer énormément pour faire circuler l'information afin que les meilleures décisions soient prises ensemble, et non plus de façon autoritaire et unilatérale.</p>
<p>Les contributeurs de Vite ma dose ont du développer des scripts pour aller chercher des informations qui auraient dû être accessibles par des moyens beaucoup plus officiels.</p>
<p>Mais cette souveraineté demeure une légende, telle la femme de l'inspecteur Columbo dont on entend souvent parler, mais que l'on ne voit jamais. Il a d'ailleurs été avancé récemment que la souveraineté allait être mise en place par quelques grands acteurs des USA, ce qui est absolument antinomique avec la notion de souveraineté. Pour rappel, le Patriot Act leur impose de faire de la télémétrie conservée ad-vitam et de divulguer à la haute administration Etats-Unienne toute information qu'ils jugeraient utile pour faire pression de façon efficace, et en attendant, d'en extraire le maximum.</p>
<p>Les données de santé sont cruciales pour tout le monde et on s'attendrait à ce que tout soit fait pour qu'elles demeurent maîtrisées par les premiers concernés et non vendues au plus offrant. Or ce n'est pas ce qui est la norme, c'est même inscrit en texte très clair pour de nombreuses entreprises dans leurs conditions générales "nous pouvons faire ce que nous voulons pour un temps indéterminé de tout ce qui se trouve sur votre téléphone et de tout ce que vous publiez sur notre service", quand bien même il serait indiqué que le service est "conforme au RGPD", il peut dans les faits faire des choses immondes et contraires à l'éthique la plus élémentaire sans que l'on s'en rende compte. Gmail par exemple, viole le secret professionnel sans en être inquiété depuis toujours, car c'est inscrit dans ses GCU (que vous avez approuvées probablement sans les lire comme le commun des mortels !) lorsque Google vous a imposé la création d'un compte… </p>
<p><a
href="id:682dfd88-f1b9-4b60-8aa4-1714ba338dbe">cil<sub>gometz</sub></a></p>
<h2 id="article-pour-le-journal-de-gometz---juin-2021">Article pour le
journal de Gometz - Juin 2021</h2>
<p>Les beaux jours reviennent et nous avons vu apparaître notre première
médaille de la récupération de données pour Guillaume Rozières, analyste
de données et créateur, avec une dizaine de contributeurs bénévoles, du
très fameux site vitemadose.covidtracker.fr, inspiré par le dashboard
covid créé par des membres du forum Team Open Data.</p>
<p>Le site web "Vite Ma Dose" permet à tout un chacun de trouver des
créneaux de vaccination sur plusieurs sites de prises de rendez vous en
ligne, grâce à l'art subtil du data scraping, ou grattage de données,
qui va récupérer des informations à plusieurs endroits. Là où une
solution à un problème national aurait dû être pris en charge et
rémunérée par l'état pour mettre en avant la tant espérée "souveraineté
numérique" garantissant l'indépendance de nos outils numériques
critiques au fonctionnement du pays, c'est le travail de quelques
bénévoles qui a apporté la meilleure progression à la décrue de
l'épidémie.</p>
<p>Alors que la loi de 2016 pour une république numérique impose
l'utilisation de formats ouverts à source réutilisables (donc, pas de
pdf ni de formats comme ceux de Microsoft) et la publication de jeux de
données dans toutes les administrations pour communiquer aussi bien avec
les autres administrations pour le grand public, cela reste l'exception
et les demandes doivent être systématiquement faites à la CADA, la
Commission d'Accès aux Documents administratifs, crée en 1976. Pour
avoir accès à des informations simples sur l'activité de sa mairie ou
d'un ministère, qui fonctionnent avec l'argent de tous les citoyens et
doivent leur rendre des comptes publics depuis la naissance de la
constitution. Le site madada.fr fournit à ce sujet des informations
précieuses.</p>
<p>Quelques efforts ont été faits mais il faut se rendre à l'évidence,
la loi n'est pas respectée au cœur même de nos services publics. Les
mentalités doivent encore évoluer énormément pour faire circuler
l'information afin que les meilleures décisions soient prises ensemble,
et non plus de façon autoritaire et unilatérale.</p>
<p>Les contributeurs de Vite ma dose ont du développer des scripts pour
aller chercher des informations qui auraient dû être accessibles par des
moyens beaucoup plus officiels.</p>
<p>Mais cette souveraineté demeure une légende, telle la femme de
l'inspecteur Columbo dont on entend souvent parler, mais que l'on ne
voit jamais. Il a d'ailleurs été avancé récemment que la souveraineté
allait être mise en place par quelques grands acteurs des USA, ce qui
est absolument antinomique avec la notion de souveraineté. Pour rappel,
le Patriot Act leur impose de faire de la télémétrie conservée ad-vitam
et de divulguer à la haute administration Etats-Unienne toute
information qu'ils jugeraient utile pour faire pression de façon
efficace, et en attendant, d'en extraire le maximum.</p>
<p>Les données de santé sont cruciales pour tout le monde et on
s'attendrait à ce que tout soit fait pour qu'elles demeurent maîtrisées
par les premiers concernés et non vendues au plus offrant. Or ce n'est
pas ce qui est la norme, c'est même inscrit en texte très clair pour de
nombreuses entreprises dans leurs conditions générales "nous pouvons
faire ce que nous voulons pour un temps indéterminé de tout ce qui se
trouve sur votre téléphone et de tout ce que vous publiez sur notre
service", quand bien même il serait indiqué que le service est "conforme
au RGPD", il peut dans les faits faire des choses immondes et contraires
à l'éthique la plus élémentaire sans que l'on s'en rende compte. Gmail
par exemple, viole le secret professionnel sans en être inquiété depuis
toujours, car c'est inscrit dans ses GCU (que vous avez approuvées
probablement sans les lire comme le commun des mortels !) lorsque Google
vous a imposé la création d'un compte… </p>
<p><span id="magicdomid15"></span></p>
<p><span id="magicdomid16"></span> Le documentaire de Cash investigation, publié ce mois dernier montre à quel point de très grands acteurs du numérique violent allégrement la protection des données personnelles du monde entier afin d'asseoir une domination militaire et technologique au détriment des personnes, et les données de santé n'y font pas exception. Le projet de Health Data Hub n'y fait pas exception, et la CNIL, le gendarme de la protection de la vie privée, recommande de ne PAS utiliser Google drive et Zoom.</p>
<p><span id="magicdomid16"></span> Le documentaire de Cash
investigation, publié ce mois dernier montre à quel point de très grands
acteurs du numérique violent allégrement la protection des données
personnelles du monde entier afin d'asseoir une domination militaire et
technologique au détriment des personnes, et les données de santé n'y
font pas exception. Le projet de Health Data Hub n'y fait pas exception,
et la CNIL, le gendarme de la protection de la vie privée, recommande de
ne PAS utiliser Google drive et Zoom.</p>
<p><span id="magicdomid17"></span></p>
<p><span id="magicdomid18"></span> Ce dont ce documentaire oublie de parler c'est qu'il existe depuis des dizaines d'années des moyens techniques de reprendre le contrôle sur ces dérives dont les GAFAM ne sont que la partie visible de l'iceberg.</p>
<p><span id="magicdomid19"></span> Il nous est possible de riposter sur énormément de fronts, tel que l'éducation, la loi, l'application de sanctions à la hauteur pour les monopoles, la mise à disposition d'outils libres par défaut, l'inclusion citoyenne et la gouvernance éthique.</p>
<p><span id="magicdomid18"></span> Ce dont ce documentaire oublie de
parler c'est qu'il existe depuis des dizaines d'années des moyens
techniques de reprendre le contrôle sur ces dérives dont les GAFAM ne
sont que la partie visible de l'iceberg.</p>
<p><span id="magicdomid19"></span> Il nous est possible de riposter sur
énormément de fronts, tel que l'éducation, la loi, l'application de
sanctions à la hauteur pour les monopoles, la mise à disposition
d'outils libres par défaut, l'inclusion citoyenne et la gouvernance
éthique.</p>
<p><span id="magicdomid20"></span></p>
<p><span id="magicdomid21"></span> Les logiciels libres (pas seulement open source) sont cruciaux pour ce faire et sont déjà majoritairement constituants des fondations de nombreuses entreprises, dont les GAFAM qui font marcher leurs services en bénéficiant du travail de nombreux bénévoles. GNU/Linux représente 95% des data-center dans le monde entier, est aussi la base de Mac OS et d'Android, fait fonctionner les voitures Tesla et la quasi totalité des ordinateurs et objets connectés, sauf pour le grand public où Microsoft pompe allégrement l'intégralité de votre activité en ligne.</p>
<p><span id="magicdomid21"></span> Les logiciels libres (pas seulement
open source) sont cruciaux pour ce faire et sont déjà majoritairement
constituants des fondations de nombreuses entreprises, dont les GAFAM
qui font marcher leurs services en bénéficiant du travail de nombreux
bénévoles. GNU/Linux représente 95% des data-center dans le monde
entier, est aussi la base de Mac OS et d'Android, fait fonctionner les
voitures Tesla et la quasi totalité des ordinateurs et objets connectés,
sauf pour le grand public où Microsoft pompe allégrement l'intégralité
de votre activité en ligne.</p>
<p><span id="magicdomid22"></span></p>
<p><span id="magicdomid23"></span> On peut protéger ses données avec du chiffrement robuste pour les communications et le stockage, en intervenant avec des acteurs compétents en matière de droit comme c'est le cas des associations InterHop ou La Quadrature du Net, en réglementant contre les monopoles, en exigeant des formats de fichiers ouverts, en utilisant des outils numériques dépourvus de pisteurs avec GNU+Linux, en exportant leurs données hors de Google, en s'informant et en testant des choses dans un Groupe d'Utilisateurs de Logiciels Libres (GULL) tel que le CIL de Gometz, en faisant de la visio-conférence sur un BigBlueButton ou un Jitsi, en utilisant les outils libres réservés à l'éducation nationale quand on est enseignant avec apps.education.fr, en discutant sur XMPP, en quittant Whatsapp, en cessant de faire la promotion de services hostiles à leurs utilisateurs et en les sanctionnant, en adoptant un téléphone libéré par défaut comme en vend la e.foundation, Librem, ou PinePhone, en prenant un founisseur d'accès internet associatif comme franciliens.net, en naviguant sur internet avec Firefox ou le TorBrowser, en visitant un "CHATONS" comme proposé par chatons.org, en organisant des évènements sur Mobilizon au lieu de Facebook (mobilizon.chapril.org), en écoutant les actualités du libre sur CauseCommune.fm dans l'émission "Libre à vous!" réalisée par l'April, en essayant à plusieurs des outils libres alternatifs, en suggérant des idées ou en se renseignant via un moteur de recherche qui ne vous piste pas tel que Duckduckgo ou Startpage…</p>
<p><span id="magicdomid23"></span> On peut protéger ses données avec du
chiffrement robuste pour les communications et le stockage, en
intervenant avec des acteurs compétents en matière de droit comme c'est
le cas des associations InterHop ou La Quadrature du Net, en
réglementant contre les monopoles, en exigeant des formats de fichiers
ouverts, en utilisant des outils numériques dépourvus de pisteurs avec
GNU+Linux, en exportant leurs données hors de Google, en s'informant et
en testant des choses dans un Groupe d'Utilisateurs de Logiciels Libres
(GULL) tel que le CIL de Gometz, en faisant de la visio-conférence sur
un BigBlueButton ou un Jitsi, en utilisant les outils libres réservés à
l'éducation nationale quand on est enseignant avec apps.education.fr, en
discutant sur XMPP, en quittant Whatsapp, en cessant de faire la
promotion de services hostiles à leurs utilisateurs et en les
sanctionnant, en adoptant un téléphone libéré par défaut comme en vend
la e.foundation, Librem, ou PinePhone, en prenant un founisseur d'accès
internet associatif comme franciliens.net, en naviguant sur internet
avec Firefox ou le TorBrowser, en visitant un "CHATONS" comme proposé
par chatons.org, en organisant des évènements sur Mobilizon au lieu de
Facebook (mobilizon.chapril.org), en écoutant les actualités du libre
sur CauseCommune.fm dans l'émission "Libre à vous!" réalisée par
l'April, en essayant à plusieurs des outils libres alternatifs, en
suggérant des idées ou en se renseignant via un moteur de recherche qui
ne vous piste pas tel que Duckduckgo ou Startpage…</p>
<p><span id="magicdomid24"></span></p>
<p><span id="magicdomid25"></span> Vous l'aurez compris, les pistes sont nombreuses et peuvent sembler compliquées à mettre en pratique à première vue. Mais heureusement, tout comme il n'est nul besoin d'être un cador en microélectronique pour faire fonctionner une cafetière, on peut profiter de technologies efficaces sans avoir à les maîtriser d'un bout à l'autre le fonctionnement de ce que l'on utilise, grâce à l'entraide et à l'utilisation de choses déjà construites. Par exemple concernant le chiffrement, c'est déjà en place sur tous les smartphones de plus de 2015, et sur la messagerie Signal, sans que vous n'ayez eu à configurer quoi que ce soit. Mais la découverte et l'éducation aux outils menant à une société libre sont cruciaux pour garder la main sur nos vies, en ligne et hors ligne. C'est pourquoi nous vous invitons à suivre nos activités du Club Informatique Libre de Gometz sur <a href="https://www.cil-gometz.org">www.cil-gometz.org</a> et à vous inscrire à notre newsgroup afin de savoir quand nous pourrons de nouveau nous voir à la MJC de Gometz. à bientôt!</p>
<p><span id="magicdomid25"></span> Vous l'aurez compris, les pistes sont
nombreuses et peuvent sembler compliquées à mettre en pratique à
première vue. Mais heureusement, tout comme il n'est nul besoin d'être
un cador en microélectronique pour faire fonctionner une cafetière, on
peut profiter de technologies efficaces sans avoir à les maîtriser d'un
bout à l'autre le fonctionnement de ce que l'on utilise, grâce à
l'entraide et à l'utilisation de choses déjà construites. Par exemple
concernant le chiffrement, c'est déjà en place sur tous les smartphones
de plus de 2015, et sur la messagerie Signal, sans que vous n'ayez eu à
configurer quoi que ce soit. Mais la découverte et l'éducation aux
outils menant à une société libre sont cruciaux pour garder la main sur
nos vies, en ligne et hors ligne. C'est pourquoi nous vous invitons à
suivre nos activités du Club Informatique Libre de Gometz sur <a
href="https://www.cil-gometz.org">www.cil-gometz.org</a> et à vous
inscrire à notre newsgroup afin de savoir quand nous pourrons de nouveau
nous voir à la MJC de Gometz. à bientôt!</p>
<p><span id="magicdomid26"></span></p>
<p><span id="magicdomid27"></span> Librement, tykayn pour le CIL.</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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,27 +175,50 @@
<li>status: publish</li>
<li>publié le: &lt;2021-09-09 19:05:02&gt;</li>
<li>modifié: &lt;2021-10-21 11:34:35&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="disponibilités-pour-la-rentrée-du-cil">Disponibilités pour la rentrée du CIL</h2>
<h2 id="disponibilités-pour-la-rentrée-du-cil">Disponibilités pour la
rentrée du CIL</h2>
<p>Hello,</p>
<p>c'est bon j'ai bien reçu les clés de la salle, on va pouvoir s'organiser régulièrement.</p>
<p>Comme c'est une nouvelle année j'aimerais que chacun dans cette liste réponde à ce sondage framadate pour trouver les créneaux qui arrangeraient le plus de monde. Personne n'a à justifier ses disponibilités par écrit, cliquez juste sur les coches vertes là où ça vous arrange:</p>
<p><a href="https://date.chapril.org/AsCW5DeHfxOPiQWx">https://date.chapril.org/AsCW5DeHfxOPiQWx</a></p>
<p>Comme je travaille à domicile près de la salle, je suis très flexible, donc j'ai mis du vert quasiment partout.</p>
<p>c'est bon j'ai bien reçu les clés de la salle, on va pouvoir
s'organiser régulièrement.</p>
<p>Comme c'est une nouvelle année j'aimerais que chacun dans cette liste
réponde à ce sondage framadate pour trouver les créneaux qui
arrangeraient le plus de monde. Personne n'a à justifier ses
disponibilités par écrit, cliquez juste sur les coches vertes là où ça
vous arrange:</p>
<p><a
href="https://date.chapril.org/AsCW5DeHfxOPiQWx">https://date.chapril.org/AsCW5DeHfxOPiQWx</a></p>
<p>Comme je travaille à domicile près de la salle, je suis très
flexible, donc j'ai mis du vert quasiment partout.</p>
<p>Lieu:</p>
<p>pour ceux qui ne connaissent pas encore le lieu, vous pouvez passer la porte en métal, elle est un peu raide mais ouverte, il y a de quoi accrocher des vélos aussi à proximité. La MJC est à cette adresse sur openstreetmap, un fameux projet de cartographie libre :</p>
<p><a href="https://www.openstreetmap.org/node/2902258515">Mairie de Gometz-le-Châtel, 76, Rue Saint-Nicolas, Gometz-le-Châtel</a></p>
<p>pour ceux qui ne connaissent pas encore le lieu, vous pouvez passer
la porte en métal, elle est un peu raide mais ouverte, il y a de quoi
accrocher des vélos aussi à proximité. La MJC est à cette adresse sur
openstreetmap, un fameux projet de cartographie libre :</p>
<p><a href="https://www.openstreetmap.org/node/2902258515">Mairie de
Gometz-le-Châtel, 76, Rue Saint-Nicolas, Gometz-le-Châtel</a></p>
<p>Canaux de communication:</p>
<p>écrivez à <a href="mailto:cil-gometz@framalistes.org">cil-gometz@framalistes.org</a></p>
<p>Si vous souhaitez rejoindre le groupe de messagerie instantanée Signal, vous pouvez m'envoyer votre numéro de téléphone au 0627130837 et je vous ajouterai.</p>
<p>Merci aux deux nouvelles recrues qui sont passées aujourd'hui discuter de choses diverses et variées,</p>
<p>et merci pour ces pistes de réflexion Maryse et Alban, hâte de voir tout ça avec vous ! :)</p>
<p>J'espère avoir un maximum de réponses au <a href="https://%20https://date.chapril.org/AsCW5DeHfxOPiQWx">framadate ci dessus</a> pour qu'on puisse faire au mieux,</p>
<p>écrivez à <a
href="mailto:cil-gometz@framalistes.org">cil-gometz@framalistes.org</a></p>
<p>Si vous souhaitez rejoindre le groupe de messagerie instantanée
Signal, vous pouvez m'envoyer votre numéro de téléphone au 0627130837 et
je vous ajouterai.</p>
<p>Merci aux deux nouvelles recrues qui sont passées aujourd'hui
discuter de choses diverses et variées,</p>
<p>et merci pour ces pistes de réflexion Maryse et Alban, hâte de voir
tout ça avec vous ! :)</p>
<p>J'espère avoir un maximum de réponses au <a
href="https://%20https://date.chapril.org/AsCW5DeHfxOPiQWx">framadate ci
dessus</a> pour qu'on puisse faire au mieux,</p>
<p>bonne fin de journée tout le monde!</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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,30 +175,60 @@
<li>status: publish</li>
<li>publié le: &lt;2021-10-21 11:33:39&gt;</li>
<li>modifié: &lt;2021-10-21 11:33:39&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="article-dans-le-castelgometzien-n264-1">Article dans le Castelgometzien n°264</h2>
<p>Le CIL comme beaucoup d'associations reposant sur le bénévolat a durement vécu la pandémie COVID et les mesures sanitaires nécessaires qu'elle a entraînées.</p>
<p>La première conséquence est le changement d'animateur : mes occupations et mon âge font que je laisse la place à Baptiste alias <a href="https://www.cipherbliss.com">Tykayn</a>, informaticien professionnel spécialisé en réseau et sécurité et surtout libriste convaincu !</p>
<p>La deuxième conséquence est l'utilisation de moyens de communication à distance : nous pouvons nous réunir en visioconférence en suivant ce mode d'emploi :</p>
<p><a
href="id:682dfd88-f1b9-4b60-8aa4-1714ba338dbe">cil<sub>gometz</sub></a></p>
<h2 id="article-dans-le-castelgometzien-n264-1">Article dans le
Castelgometzien n°264</h2>
<p>Le CIL comme beaucoup d'associations reposant sur le bénévolat a
durement vécu la pandémie COVID et les mesures sanitaires nécessaires
qu'elle a entraînées.</p>
<p>La première conséquence est le changement d'animateur : mes
occupations et mon âge font que je laisse la place à Baptiste alias <a
href="https://www.cipherbliss.com">Tykayn</a>, informaticien
professionnel spécialisé en réseau et sécurité et surtout libriste
convaincu !</p>
<p>La deuxième conséquence est l'utilisation de moyens de communication
à distance : nous pouvons nous réunir en visioconférence en suivant ce
mode d'emploi :</p>
<ul>
<li><p>demander son inscription au CIL à contactCHEZcipherbliss.com (remplacez CHEZ par @)</p></li>
<li><p>s'inscrire dans le calendrier des réunions sur <a href="https://date.chapril.org/OIMThM8CVwO6hSMH">https://date.chapril.org/OIMThM8CVwO6hSMH</a></p></li>
<li><p>participer sur BigBlueButton <a href="https://bbb.faimaison.net/b/ty--u1l-wsc-p8l">https://bbb.faimaison.net/b/ty--u1l-wsc-p8l</a></p></li>
<li><p>demander son inscription au CIL à contactCHEZcipherbliss.com
(remplacez CHEZ par @)</p></li>
<li><p>s'inscrire dans le calendrier des réunions sur <a
href="https://date.chapril.org/OIMThM8CVwO6hSMH">https://date.chapril.org/OIMThM8CVwO6hSMH</a></p></li>
<li><p>participer sur BigBlueButton <a
href="https://bbb.faimaison.net/b/ty--u1l-wsc-p8l">https://bbb.faimaison.net/b/ty--u1l-wsc-p8l</a></p></li>
</ul>
<p>Tous ces sites sont sécurisés… et n'utilisent que des logiciels libres !</p>
<p>A propos de logiciels libres, voua avez sûrement appris que Facebook et ses filiales Whatsapp, Instagram et d'autres ont subi un blackout de plusieurs heures début Octobre : c'est peut être l'occasion de chercher à comprendre pourquoi et comment, quels sont les risques d'utiliser ces services que personne ne contrôle. A ce sujet vous pouvez lire l'article de Stéphane Bortzmeyer : <a href="https://www.bortzmeyer.org/facebook-octobre-2021.html">https://www.bortzmeyer.org/facebook-octobre-2021.html</a></p>
<p>Pour plus d'informations sur la fuite d'informations personnelles issue de Facebook en mars 2020 :</p>
<p><a href="https://www.francetvinfo.fr/internet/reseaux-sociaux/facebook/facebook-la-lanceuse-d-alerte-a-l-origine-d-une-importante-fuite-de-documents-sort-de-l-ombre_4794645.html">https://www.francetvinfo.fr/internet/reseaux-sociaux/facebook/facebook-la-lanceuse-d-alerte-a-l-origine-d-une-importante-fuite-de-documents-sort-de-l-ombre_4794645.html</a></p>
<p>… et pour ceux qui se demandent s'il y a un rapport entre fuite de données et blackout :</p>
<p><a href="https://www.numerama.com/tech/744871-questions-sur-la-pretendue-fuite-touchant-15-milliard-de-profils-facebook.html">https://www.numerama.com/tech/744871-questions-sur-la-pretendue-fuite-touchant-15-milliard-de-profils-facebook.html</a></p>
<p>Enfin, si vous souhaitez vous mettre à l'abri, sachez qu'il existe des alternatives libres à ces services opaques : Mastodon peut très bien remplacer Facebook, Signal peut aussi remplacer Whatsapp…</p>
<p>Tous ces sites sont sécurisés… et n'utilisent que des logiciels
libres !</p>
<p>A propos de logiciels libres, voua avez sûrement appris que Facebook
et ses filiales Whatsapp, Instagram et d'autres ont subi un blackout de
plusieurs heures début Octobre : c'est peut être l'occasion de chercher
à comprendre pourquoi et comment, quels sont les risques d'utiliser ces
services que personne ne contrôle. A ce sujet vous pouvez lire l'article
de Stéphane Bortzmeyer : <a
href="https://www.bortzmeyer.org/facebook-octobre-2021.html">https://www.bortzmeyer.org/facebook-octobre-2021.html</a></p>
<p>Pour plus d'informations sur la fuite d'informations personnelles
issue de Facebook en mars 2020 :</p>
<p><a
href="https://www.francetvinfo.fr/internet/reseaux-sociaux/facebook/facebook-la-lanceuse-d-alerte-a-l-origine-d-une-importante-fuite-de-documents-sort-de-l-ombre_4794645.html">https://www.francetvinfo.fr/internet/reseaux-sociaux/facebook/facebook-la-lanceuse-d-alerte-a-l-origine-d-une-importante-fuite-de-documents-sort-de-l-ombre_4794645.html</a></p>
<p>… et pour ceux qui se demandent s'il y a un rapport entre fuite de
données et blackout :</p>
<p><a
href="https://www.numerama.com/tech/744871-questions-sur-la-pretendue-fuite-touchant-15-milliard-de-profils-facebook.html">https://www.numerama.com/tech/744871-questions-sur-la-pretendue-fuite-touchant-15-milliard-de-profils-facebook.html</a></p>
<p>Enfin, si vous souhaitez vous mettre à l'abri, sachez qu'il existe
des alternatives libres à ces services opaques : Mastodon peut très bien
remplacer Facebook, Signal peut aussi remplacer Whatsapp…</p>
<p>A bientôt, avec le CIL pour une informatique LIBRE !</p>
<p>Georges VINCENTS</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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,21 +175,42 @@
<li>status: publish</li>
<li>publié le: &lt;2021-10-21 11:38:26&gt;</li>
<li>modifié: &lt;2021-10-21 11:38:26&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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:e4fb9f3f-370e-4364-bb7c-826c93cc8307">degafam</a></p>
<h2 id="facebook-est-mort-vive-la-décentralisation">Facebook est mort, vive la décentralisation</h2>
<p>Vous avez probablement constaté le blackout qui a touché facebook (et ses filiales: whatsapp et instagram) depuis aujourd'hui et qui montre à quel point il est dangereux de mettre tous ses œufs dans le même panier</p>
<p>Pour une explication de ce qui s'est passé et pourquoi ça risque d'être très compliqué de tout faire refonctionner rapidement, vous pouvez lire cet article de Stéphane Bortzmeyer:</p>
<p><a href="https://www.bortzmeyer.org/facebook-octobre-2021.html">https://www.bortzmeyer.org/facebook-octobre-2021.html</a></p>
<p>C'est l'occasion de découvrir et d'essayer réellement des moyens de communication décentralisés et libres qui permettent de la résiliance et de la forte résistance aux pannes telles que celle ci.</p>
<p>Je vous invite à faire connaissance avec le Fédiverse, l'univers fédéré, et essayer des alternatives telles que Mastodon en tant que média social. Peut être que l'abscence de publicité et de suppression des posts de vos contacts vous fera apprécier la différence.</p>
<p>Vous pouvez créer votre compte ici et faire un coucou en postant une petite présentation: <a href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a></p>
<h2 id="facebook-est-mort-vive-la-décentralisation">Facebook est mort,
vive la décentralisation</h2>
<p>Vous avez probablement constaté le blackout qui a touché facebook (et
ses filiales: whatsapp et instagram) depuis aujourd'hui et qui montre à
quel point il est dangereux de mettre tous ses œufs dans le même
panier</p>
<p>Pour une explication de ce qui s'est passé et pourquoi ça risque
d'être très compliqué de tout faire refonctionner rapidement, vous
pouvez lire cet article de Stéphane Bortzmeyer:</p>
<p><a
href="https://www.bortzmeyer.org/facebook-octobre-2021.html">https://www.bortzmeyer.org/facebook-octobre-2021.html</a></p>
<p>C'est l'occasion de découvrir et d'essayer réellement des moyens de
communication décentralisés et libres qui permettent de la résiliance et
de la forte résistance aux pannes telles que celle ci.</p>
<p>Je vous invite à faire connaissance avec le Fédiverse, l'univers
fédéré, et essayer des alternatives telles que Mastodon en tant que
média social. Peut être que l'abscence de publicité et de suppression
des posts de vos contacts vous fera apprécier la différence.</p>
<p>Vous pouvez créer votre compte ici et faire un coucou en postant une
petite présentation: <a
href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a></p>
<p>n'oubliez pas de dire ici quel pseudo vous avez pris ;)</p>
<p>Après <a href="https://www.icij.org/investigations/pandora-papers/global-investigation-tax-havens-offshore/">la sortie publique des Pandora Papers</a>, c'est une semaine qui commence bien.</p>
<p>Après <a
href="https://www.icij.org/investigations/pandora-papers/global-investigation-tax-havens-offshore/">la
sortie publique des Pandora Papers</a>, c'est une semaine qui commence
bien.</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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,19 +175,30 @@
<li>status: publish</li>
<li>publié le: &lt;2021-10-21 11:40:42&gt;</li>
<li>modifié: &lt;2021-10-21 11:40:42&gt;</li>
<li>Index des articles du blog <a href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub> posts</a></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="création-graphique-au-cil">Création graphique au CIL</h2>
<p>suite au succès de la dernière fois où on avait causé de création graphique et montage vidéo avec des outils libres, je vous propose de garder cette thématique pour les 4 prochaines semaines.</p>
<p>suite au succès de la dernière fois où on avait causé de création
graphique et montage vidéo avec des outils libres, je vous propose de
garder cette thématique pour les 4 prochaines semaines.</p>
<p>Certains ont créé un compte mastodon sur l'instance cipherbliss</p>
<p><a href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a></p>
<p>On a pu discuter de Krita pour le dessin, GIMP pour la retouche photo ou la création d'affiches / bannières, KDEnlive pour le montage vidéo, OBS pour la diffusion en direct sur peertube et d'autres choses.</p>
<p>Hier Mardi avec Sylvie on a vu comment faire une clé USB de démarrage pour installer du Linux Mint.</p>
<p>Les vacances arrivent mais la MJC sera ouverte, c'est justement un des moments où les gens sont le plus disponibles pour y aller.</p>
<p><a
href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a></p>
<p>On a pu discuter de Krita pour le dessin, GIMP pour la retouche photo
ou la création d'affiches / bannières, KDEnlive pour le montage vidéo,
OBS pour la diffusion en direct sur peertube et d'autres choses.</p>
<p>Hier Mardi avec Sylvie on a vu comment faire une clé USB de démarrage
pour installer du Linux Mint.</p>
<p>Les vacances arrivent mais la MJC sera ouverte, c'est justement un
des moments où les gens sont le plus disponibles pour y aller.</p>
<p>Rendez-vous Lundi prochain donc!</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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

View file

@ -6,116 +6,400 @@
<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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
<p>:livres:</p>
<h1 id="article">Article</h1>
<ul>
<li>ID: 156</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2021-12-13 13:55:52&gt;</li>
<li>modifié: &lt;2021-12-16 11:48:09&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="livres-numériques-calibre-et-liseuses">Livres numériques, Calibre et liseuses</h2>
<p>** Quelques généralités</p>
<p>Les « livres numériques » (e-book en anglais pour <em>electronic book</em>) sont des fichiers informatiques et comme tous les fichiers informatiques ils peuvent être copiés facilement, rapidement… pour quelques centimes la copie.</p>
<p>Pour lire un livre numérique il faut soit un ordinateur muni d'un logiciel adapté soit une « liseuse ».</p>
<p>Le logiciel le plus adapté pour lire les livres numériques sur ordinateur est un logiciel libre (code public donc garanti et gratuit ce qui ne gâche rien) : <strong>Calibre</strong>.</p>
<div class="LIVRES drawer">
</div>
<p>Les « livres numériques » (e-book en anglais pour <em>electronic
book</em>) sont des fichiers informatiques et comme tous les fichiers
informatiques ils peuvent être copiés facilement, rapidement… pour
quelques centimes la copie.</p>
<p>Pour lire un livre numérique il faut soit un ordinateur muni d'un
logiciel adapté soit une « liseuse ».</p>
<p>Le logiciel le plus adapté pour lire les livres numériques sur
ordinateur est un logiciel libre (code public donc garanti et gratuit ce
qui ne gâche rien) : <strong>Calibre</strong>.</p>
<p>Quant aux livres eux-même on peut se les procurer…</p>
<ul>
<li>En les téléchargeant sur des sites commerciaux comme la FNAC, Cultura, Amazon et alors on obtient des fichiers qui contiennent des DRM : ces DRM « digital rights management », ont pour objectif de contrôler l'utilisation qui est faite des œuvres numériques : Ils rendent difficile la recopie. Lorsqu'on achète un livre numérique on n'achète en fait que le droit de le lire, ni de le modifier ni de le passer gratuitement ou non à un ami. (ce sont des <a href="https://www.gnu.org/proprietary/proprietary-drm.fr.html">menottes numériques</a>)<br />
<li>En les téléchargeant sur des sites commerciaux comme la FNAC,
Cultura, Amazon et alors on obtient des fichiers qui contiennent des
DRM : ces DRM « digital rights management », ont pour objectif de
contrôler l'utilisation qui est faite des œuvres numériques : Ils
rendent difficile la recopie. Lorsqu'on achète un livre numérique on
n'achète en fait que le droit de le lire, ni de le modifier ni de le
passer gratuitement ou non à un ami. (ce sont des <a
href="https://www.gnu.org/proprietary/proprietary-drm.fr.html">menottes
numériques</a>)<br />
</li>
<li>En les téléchargeant sur des sites plus ou moins légaux où les fichiers ne contiennent pas de DRM .</li>
<li>En les téléchargeant sur des sites plus ou moins légaux où les
fichiers ne contiennent pas de DRM .</li>
</ul>
<h2 class="western" id="les-liseuses">Les liseuses</h2>
<p>Il en existe plusieurs marques : kobo, kindle, vivlio… qui sont respectivement les marques de la FNAC, de AMAZON et CULTURA…</p>
<p>Toutes sont utilisables, les écrans sont plus ou moins lisibles, plus ou moins contrastés et toutes plus ou moins espionnées. Ce mode d'emploi est réalisé avec une vivlio.</p>
<h2 id="section"><img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image1-300x50.png" /></h2>
<p><img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image2-300x45.png" /> <img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image3-300x149.png" /> <img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image4.png" /> <img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image5-300x91.png" /> <img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image6-300x90.png" /> <img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image7-300x71.png" /> <img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image8-300x176.png" /> <img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image9-300x169.png" /> <img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image10-300x40.png" /> <img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image11-300x193.png" /> <img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image12-300x26.png" /> <img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image13-63x300.png" /> <img src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image14-300x155.png" /></p>
<h2 class="western" id="les-sources-de-livres-numériques">Les sources de livres numériques</h2>
<h3 class="western" id="les-sites-commerciaux">Les sites commerciaux</h3>
<p>Ces sites vendent des livres numériques protégés par des DRM (systèmes anti-copie) qui nécessitent souvent des manipulations pas évidentes (dont la création d'un compte chez Adobe…) Les livres obtenus de cette façon contrairement aux livres sur papier - ne peuvent pas être prêtés, ne peuvent pas être recopiés pour être lus sur différentes liseuses.</p>
<h3 class="western" id="les-sites-non-commerciaux">Les sites non commerciaux</h3>
<p>Bien sûr ces sites sont plus ou moins légaux mais ils ne font que compenser les actes de piraterie des grandes multinationales comme Amazon et des éditeurs qui recherchent avant tout le profit : quand vous achetez un « vrai livre » vous pouvez le passer à qui vous voulez, il peut être lu par une dizaine de personnes et vous pouvez même le mettre dans une boite à « livres voyageurs » alors qu'un fichier de livre numérique commercial est verrouillé puisque en fait vous n'achetez que le droit de lire le fichier, pas de le transmettre ni de le copier.</p>
<p>Même si on peut trouver que les livres numériques sont trop chers puisque une fois le fichier créé sa recopie en de nombreux exemplaires ne coûte que quelques centimes par copie contrairement au livre papier dont l'impression reste coûteuse - ce serait bien qu'on puisse malgré tout rémunérer les auteurs mais rien n'est prévu en ce sens et je n'ai pas trouvé comment faire !</p>
<p>Parmi ces sites, deux sont simples d'accès (<strong>Fourtoutici</strong> et <strong>Z-library</strong>) et contiennent énormément de choses, un troisième (<strong>Télécharge-magazines</strong>) est spécialisé dans les magazines récents… et en cherchant un peu il y en d'autres !</p>
<p>Il en existe plusieurs marques : kobo, kindle, vivlio… qui sont
respectivement les marques de la FNAC, de AMAZON et CULTURA…</p>
<p>Toutes sont utilisables, les écrans sont plus ou moins lisibles, plus
ou moins contrastés et toutes plus ou moins espionnées. Ce mode d'emploi
est réalisé avec une vivlio.</p>
<h2 id="section"><img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image1-300x50.png" /></h2>
<p><img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image2-300x45.png" />
<img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image3-300x149.png" />
<img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image4.png" />
<img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image5-300x91.png" />
<img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image6-300x90.png" />
<img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image7-300x71.png" />
<img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image8-300x176.png" />
<img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image9-300x169.png" />
<img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image10-300x40.png" />
<img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image11-300x193.png" />
<img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image12-300x26.png" />
<img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image13-63x300.png" />
<img
src="https://www.cil-gometz.org/wp-content/uploads/2021/12/image14-300x155.png" /></p>
<h2 class="western" id="les-sources-de-livres-numériques">Les sources de
livres numériques</h2>
<h3 class="western" id="les-sites-commerciaux">Les sites
commerciaux</h3>
<p>Ces sites vendent des livres numériques protégés par des DRM
(systèmes anti-copie) qui nécessitent souvent des manipulations pas
évidentes (dont la création d'un compte chez Adobe…) Les livres obtenus
de cette façon contrairement aux livres sur papier - ne peuvent pas
être prêtés, ne peuvent pas être recopiés pour être lus sur différentes
liseuses.</p>
<h3 class="western" id="les-sites-non-commerciaux">Les sites non
commerciaux</h3>
<p>Bien sûr ces sites sont plus ou moins légaux mais ils ne font que
compenser les actes de piraterie des grandes multinationales comme
Amazon et des éditeurs qui recherchent avant tout le profit : quand vous
achetez un « vrai livre » vous pouvez le passer à qui vous voulez, il
peut être lu par une dizaine de personnes et vous pouvez même le mettre
dans une boite à « livres voyageurs » alors qu'un fichier de livre
numérique commercial est verrouillé puisque en fait vous n'achetez que
le droit de lire le fichier, pas de le transmettre ni de le copier.</p>
<p>Même si on peut trouver que les livres numériques sont trop chers
puisque une fois le fichier créé sa recopie en de nombreux exemplaires
ne coûte que quelques centimes par copie contrairement au livre papier
dont l'impression reste coûteuse - ce serait bien qu'on puisse malgré
tout rémunérer les auteurs mais rien n'est prévu en ce sens et je n'ai
pas trouvé comment faire !</p>
<p>Parmi ces sites, deux sont simples d'accès
(<strong>Fourtoutici</strong> et <strong>Z-library</strong>) et
contiennent énormément de choses, un troisième
(<strong>Télécharge-magazines</strong>) est spécialisé dans les
magazines récents… et en cherchant un peu il y en d'autres !</p>
<ul>
<li><ul>
<li><ul>
<li>- <strong>**</strong> Fourtoutici</li>
<li><ul>
<li></li>
</ul></li>
</ul></li>
</ul></li>
</ul>
<p>L'adresse du site est <a href="https://fourtoutici.pro/">https://fourtoutici.pro/</a> on y trouve des livres numériques sans DRM</p>
<p>Comme indiqué dès l'accès au site, l'utilisation des fichiers fournis se fait sous la responsabilité de l'utilisateur.</p>
<p>Pour télécharger un livre il faut descendre sur l'écran jusqu'à la zone de recherche, écrire le nom  de l'ouvrage ou de l'auteur puis dans la liste de fichiers obtenue choisir celui qui est désiré.</p>
<p>L'adresse du site est <a
href="https://fourtoutici.pro/">https://fourtoutici.pro/</a> on y trouve
des livres numériques sans DRM</p>
<p>Comme indiqué dès l'accès au site, l'utilisation des fichiers fournis
se fait sous la responsabilité de l'utilisateur.</p>
<p>Pour télécharger un livre il faut descendre sur l'écran jusqu'à la
zone de recherche, écrire le nom  de l'ouvrage ou de l'auteur puis dans
la liste de fichiers obtenue choisir celui qui est désiré.</p>
<p>Par exemple, si je cherche Émile Zola, j'obtiens :</p>
<p>Le symbole à gauche de chaque ligne indique le format du fichier proposé et le format le plus pratique est e-pub représenté par un petit carré vert (rien à voir avec *pub*licité c'est une *pub*lication). La deuxième colonne indique le nombre de téléchargements effectués (sans grand intérêt) mais c'est là qu'il faut cliquer pour accéder au téléchargement.</p>
<p>Supposons que je veuille « une page d'amour », je clique alors sur le symbole du téléchargement e  t j'obtiens la fenêtre suivante :</p>
<p>Il suffit de recopier le code donné (ici e374) dans la zone de saisie et de cliquer sur le bouton « Télécharger » : le fichier est enregistré dans l'ordinateur en quelques secondes. Attention le code change à chaque fois !</p>
<p>Il ne reste plus qu'à transférer le fichier sur la liseuse… avec un câble usb et en utilisant soit un gestionnaire de fichiers soit une application dédiée comme <strong>Calibre</strong> qui est un excellent logiciel libre disponible sur Mac, Linux et Wintruc. Plus loin un paragraphe spécial est consacré à ce transfert.</p>
<p>Le symbole à gauche de chaque ligne indique le format du fichier
proposé et le format le plus pratique est e-pub représenté par un petit
carré vert (rien à voir avec *pub*licité c'est une *pub*lication). La
deuxième colonne indique le nombre de téléchargements effectués (sans
grand intérêt) mais c'est là qu'il faut cliquer pour accéder au
téléchargement.</p>
<p>Supposons que je veuille « une page d'amour », je clique alors sur le
symbole du téléchargement e  t j'obtiens la fenêtre suivante :</p>
<p>Il suffit de recopier le code donné (ici e374) dans la zone de saisie
et de cliquer sur le bouton « Télécharger » : le fichier est enregistré
dans l'ordinateur en quelques secondes. Attention le code change à
chaque fois !</p>
<p>Il ne reste plus qu'à transférer le fichier sur la liseuse… avec un
câble usb et en utilisant soit un gestionnaire de fichiers soit une
application dédiée comme <strong>Calibre</strong> qui est un excellent
logiciel libre disponible sur Mac, Linux et Wintruc. Plus loin un
paragraphe spécial est consacré à ce transfert.</p>
<ul>
<li><ul>
<li><ul>
<li>- <strong>**</strong> Z-library</li>
<li><ul>
<li></li>
</ul></li>
</ul></li>
</ul></li>
</ul>
<p>C'est un site hébergé (je crois) au Canada. Il propose des livres dans plusieurs langues (et il f  aut donc être attentif à la langue du livre sélectionné si on veut lire en français).</p>
<p>L'adresse est <a href="https://fr1lib.org/">https://fr1lib.org/</a> et la page d'accueil obtenue est :</p>
<p>Il y a deux modes de fonctionnement suivant qu'on s'enregistre en donnant une adresse mail un nom et quelques infos de plus ou non.</p>
<p>Sans être enregistré on peut télécharger 5 livres par semaine, en étant enregistré la limite est plus élevée.</p>
<p>Le principe est le même qu'avec <strong>Fourtoutici </strong>: on indique ce qu'on cherche dans la zone de saisie ce qui permet d'obtenir une liste des fichiers disponibles, on choisit celui qu'on souhaite (en faisant attention à la langue!) et on télécharge.</p>
<p>On peut utiliser les paramètres de recherche pour imposer une année, une plage d'années, une langue ou une extension de fichier (par exemple epub)…</p>
<p>En reprenant l'exemple de Émile Zola et sans utiliser de préférences :</p>
<p>C'est un site hébergé (je crois) au Canada. Il propose des livres
dans plusieurs langues (et il f  aut donc être attentif à la langue du
livre sélectionné si on veut lire en français).</p>
<p>L'adresse est <a href="https://fr1lib.org/">https://fr1lib.org/</a>
et la page d'accueil obtenue est :</p>
<p>Il y a deux modes de fonctionnement suivant qu'on s'enregistre en
donnant une adresse mail un nom et quelques infos de plus ou non.</p>
<p>Sans être enregistré on peut télécharger 5 livres par semaine, en
étant enregistré la limite est plus élevée.</p>
<p>Le principe est le même qu'avec <strong>Fourtoutici </strong>: on
indique ce qu'on cherche dans la zone de saisie ce qui permet d'obtenir
une liste des fichiers disponibles, on choisit celui qu'on souhaite (en
faisant attention à la langue!) et on télécharge.</p>
<p>On peut utiliser les paramètres de recherche pour imposer une année,
une plage d'années, une langue ou une extension de fichier (par exemple
epub)…</p>
<p>En reprenant l'exemple de Émile Zola et sans utiliser de
préférences :</p>
<p>On obtient la liste dont le début est :</p>
<p>Si, par exemple, on souhaite Germinal en français sous la forme epub on clique sur le livre et on arrive à :</p>
<p>Si, par exemple, on souhaite Germinal en français sous la forme epub
on clique sur le livre et on arrive à :</p>
<p><br />
<br />
<br />
<br />
… la suite est « évidente » soit on télécharge et il suffira de transférer le fichier sur la liseuse soit on a une Kindle et on peut l'envoyer directement dessus… à condition qu'elle soit reliée à l'ordinateur et reconnue par cet ordinateur ce qui n'est pas gagné si l'ordinateur n'est pas muni du virus nommé Windows.</p>
<h2 class="western" id="le-transfert-dordinateur-à-liseuse">Le transfert d'ordinateur à liseuse</h2>
<h3 class="western" id="avec-un-gestionnaire-de-fichiers">Avec un gestionnaire de fichiers</h3>
<p>D'abord il faut localiser l'endroit où le fichier a été enregistré ensuite il faut brancher la liseuse à l'ordinateur avec un câble usb. En général la liseuse affiche sur son écran un choix comme « charger la liseuse » ou « transférer des fichiers »  et on choisit « transférer des fichiers ».</p>
<p>L'explorateur de fichier montre alors l'arborescence de la mémoire interne de la liseuse si bien qu'il ne reste qu'à copier le fichier de l'ordinateur pour le coller dans la liseuse. Le transfert est très rapide parce que les fichiers sont petits : Germinal ne fait même pas un Mo c'est à dire le quart d'une photo banale.</p>
… la suite est « évidente » soit on télécharge et il suffira de
transférer le fichier sur la liseuse soit on a une Kindle et on peut
l'envoyer directement dessus… à condition qu'elle soit reliée à
l'ordinateur et reconnue par cet ordinateur ce qui n'est pas gagné si
l'ordinateur n'est pas muni du virus nommé Windows.</p>
<h2 class="western" id="le-transfert-dordinateur-à-liseuse">Le transfert
d'ordinateur à liseuse</h2>
<h3 class="western" id="avec-un-gestionnaire-de-fichiers">Avec un
gestionnaire de fichiers</h3>
<p>D'abord il faut localiser l'endroit où le fichier a été enregistré
ensuite il faut brancher la liseuse à l'ordinateur avec un câble usb. En
général la liseuse affiche sur son écran un choix comme « charger la
liseuse » ou « transférer des fichiers »  et on choisit « transférer des
fichiers ».</p>
<p>L'explorateur de fichier montre alors l'arborescence de la mémoire
interne de la liseuse si bien qu'il ne reste qu'à copier le fichier de
l'ordinateur pour le coller dans la liseuse. Le transfert est très
rapide parce que les fichiers sont petits : Germinal ne fait même pas un
Mo c'est à dire le quart d'une photo banale.</p>
<h3 class="western" id="avec-calibre">Avec Calibre</h3>
<p>Bien sûr il faut avoir installé le programme <strong>Calibre</strong></p>
<p>Avec Linux c'est plus facile, il n'y a pas à aller fouiller sur l'internet, la logithèque fait le travail !</p>
<p>Bien sûr il faut avoir installé le programme
<strong>Calibre</strong></p>
<p>Avec Linux c'est plus facile, il n'y a pas à aller fouiller sur
l'internet, la logithèque fait le travail !</p>
<p>Une fois installé, on lance <strong>Calibre…</strong></p>
<p>Ici apparaissent les livres déjà téléchargés (sur mon ordinateur, sur le vôtre ça ne sera pas pareil !).</p>
<p>Calibre permet de les lire directement sur l'ordinateur ou de les transférer sur la liseuse. Il faut d'abord « Ajouter des livres » c'est à dire en cliquant sur le bouton ad-hoc indiquer à Calibre où sont les nouveaux livres qui viennent d'être téléchargés en cliquant dessus. Calibre les ajoute alors à sa liste.</p>
<p>Ensuite en connectant la liseuse avec un câble usb et en attendant un peu (parfois pas loin d'une minute) Calibre fait apparaître un nouveau bouton en haut de l'écran pour « Envoyer vers le périphérique ».</p>
<p>Pour transférer les fichiers il suffit alors de les sélectionner et de cliquer sur le bouton fait pour ça.</p>
<h2 class="western" id="complément-sur-calibre">Complément sur Calibre</h2>
<p>En fait il s'agit d'un logiciel très complet pour gérer les livres numériques. Il permet :</p>
<p>Ici apparaissent les livres déjà téléchargés (sur mon ordinateur, sur
le vôtre ça ne sera pas pareil !).</p>
<p>Calibre permet de les lire directement sur l'ordinateur ou de les
transférer sur la liseuse. Il faut d'abord « Ajouter des livres » c'est
à dire en cliquant sur le bouton ad-hoc indiquer à Calibre où sont les
nouveaux livres qui viennent d'être téléchargés en cliquant dessus.
Calibre les ajoute alors à sa liste.</p>
<p>Ensuite en connectant la liseuse avec un câble usb et en attendant un
peu (parfois pas loin d'une minute) Calibre fait apparaître un nouveau
bouton en haut de l'écran pour « Envoyer vers le périphérique ».</p>
<p>Pour transférer les fichiers il suffit alors de les sélectionner et
de cliquer sur le bouton fait pour ça.</p>
<h2 class="western" id="complément-sur-calibre">Complément sur
Calibre</h2>
<p>En fait il s'agit d'un logiciel très complet pour gérer les livres
numériques. Il permet :</p>
<ul>
<li><p>De convertir des livres d'un format à un autre… voir ci-contre la liste des  formats de sortie disponibles ; les formats d'entrée possibles sont les mêmes et Calibre indique le format du fichier sélectionné.</p></li>
<li><p>De convertir des livres d'un format à un autre… voir ci-contre la
liste des  formats de sortie disponibles ; les formats d'entrée
possibles sont les mêmes et Calibre indique le format du fichier
sélectionné.</p></li>
<li><p>De lire un livre numérique comme sur une liseuse.</p></li>
<li><p>D'obtenir des livres sur des sites commerciaux en précisant le prix et la p <br />
<li><p>D'obtenir des livres sur des sites commerciaux en précisant le
prix et la p <br />
résence ou l'absence de DRM… par exemple :</p></li>
</ul>
<p>Dans la colonne de gauche on peut cocher les sources à utiliser et il y en a beaucoup dont certaines dans des pays étrangers.</p>
<p>Les zones de saisie en haut permettent de chercher par titre, par auteur et par mot clé.</p>
<p>La fenêtre centrale affiche les fichiers trouvés en précisant par un cadenas ouvert ou fermé pour signaler « sans DRM » ou « avec DRM » ainsi que le format du fichier (très souvent epub).</p>
<p>Après, il faut essayer de s'en servir pour comprendre tout ce qu'on peut faire avec… par exemple, si vous vous sentez une âme d'auteur vous pouvez écrire un roman (avec OO-Writer bien sûr, plutôt qu'avec MS-Word) et le transformer en livre numérique…</p>
<p>Dans la colonne de gauche on peut cocher les sources à utiliser et il
y en a beaucoup dont certaines dans des pays étrangers.</p>
<p>Les zones de saisie en haut permettent de chercher par titre, par
auteur et par mot clé.</p>
<p>La fenêtre centrale affiche les fichiers trouvés en précisant par un
cadenas ouvert ou fermé pour signaler « sans DRM » ou « avec DRM » ainsi
que le format du fichier (très souvent epub).</p>
<p>Après, il faut essayer de s'en servir pour comprendre tout ce qu'on
peut faire avec… par exemple, si vous vous sentez une âme d'auteur vous
pouvez écrire un roman (avec OO-Writer bien sûr, plutôt qu'avec MS-Word)
et le transformer en livre numérique…</p>
<p>texte : Georges Vincents,</p>
<p>photo: <a href="https://unsplash.com/photos/s0O6Bk4WP08">Photo par Mathilde LMD</a>, woman wearing white and black tank midi dress reading book on bed</p>
<p>photo: <a href="https://unsplash.com/photos/s0O6Bk4WP08">Photo par
Mathilde LMD</a>, woman wearing white and black tank midi dress reading
book on bed</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>
<li>blog<sub>cilgometz</sub> <a
href="id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9">blog cil<sub>gometz</sub>
posts</a></li>
</ul>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,200 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 309</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-11-26 17:01:59&gt;</li>
<li>modifié: &lt;2011-11-26 17:47:37&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="bienvenue-sur-informageek-1">Bienvenue sur Informageek !</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;img alt="<a
href="http://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png">http://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png</a>"
src="<a
href="http://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png">http://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png</a>"
/&gt;&lt;/p&gt; &lt;p&gt;&lt;br /&gt;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!&lt;/p&gt; &lt;p&gt;(&lt;a
title="Internet" hreflang="fr" href="<a
href="http://fr.wikipedia.org/wiki/Internet">http://fr.wikipedia.org/wiki/Internet</a>"&gt;photo:
wikipédia page internet&lt;/a&gt;)&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,221 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 306</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-11-29 15:31:13&gt;</li>
<li>modifié: &lt;2011-11-29 15:31:13&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="geek-nerd-dork-1">Geek, nerd, dork?</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;img src="<a
href="http://blog.artlemoine.com/public/i/2011/11novembre/bebe_geek.jpg">http://blog.artlemoine.com/public/i/2011/11novembre/bebe_geek.jpg</a>"
alt="bebe geek" style="display:block; margin:0 auto;" /&gt;&lt;br /&gt;
Pour savoir de quoi on parle avec les mots geek (prononcer comme dans un
gâteau ou du gui) , nerd ou encore dork il convient de mettre les choses
au clair.&lt;br /&gt; &lt;img src="<a
href="http://www.gizmodo.fr/wp-content/uploads/2010/03/nerd_dork_geek_venn_diagram.jpg">http://www.gizmodo.fr/wp-content/uploads/2010/03/nerd_dork_geek_venn_diagram.jpg</a>"
alt="" /&gt; (&lt;a href="<a
href="http://www.gizmodo.fr/">http://www.gizmodo.fr/</a>"&gt;graphique
venant de gizmodo&lt;/a&gt;)&lt;br /&gt;&lt;br /&gt; Certains vous
diront que &lt;em&gt;geek&lt;/em&gt; est tout comme
&lt;em&gt;otaku&lt;/em&gt;, signifiant qu'il s'agit de personnes plus
expertes en savoir dans un certain domaine que n'importe quel expert (ce
qui est très balèze), quoique otaku soit plus approprié pour les sous
cultures Japonaises. Certains confondent encore
&lt;em&gt;geek&lt;/em&gt;(personne vouant une passion à l'informatique
et à la programmation tout en sortant peu de chez elle),
&lt;em&gt;no-life&lt;/em&gt; (qui n'a pas de vie sous entendu de vie
sociale, différent de mort, inanimé, zombie, ou fan de patrick
sebastien) et &lt;em&gt;gamer&lt;/em&gt;(personne qui passe sa vie sur
des jeux vidéos qu'il s'agisse de meuporg ou de jeux solo) alors que ce
sont des catégories distinctes bien que cumulables.&lt;br /&gt; On
aurait bien tort de se dire geek quand on touche un peu de Photoshop ou
qu'on passe son temps sur youtube ou facebook, à moins que la notion de
geek soit aussi volubile que celle de l'art ou du droit de vote.&lt;br
/&gt;&lt;br /&gt; Puisqu'on dit de moi que je suis hypersocial, que je
fais du badminton pas régulièrement et que je gère quelques langages de
programmation web tout en appréciant les jeux vidéos à petite dose
(surtout avec d'autres gens, un bon mario kart, super smash bros brawl,
un bonne partie de barres à mines sur half life) je m'autoproclamme rien
du tout. Ou peut être geek. Enfin enfin, et pour vous c'est quoi?
:)&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,209 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 305</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-11-29 16:15:19&gt;</li>
<li>modifié: &lt;2011-12-01 06:32:16&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="ssd-tuto-de-remplacement-sur-pc-portable-laptop-1">SSD tuto de
remplacement sur pc portable / laptop</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;a href="<a
href="http://tykay.free.fr/index.php/post/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD">http://tykay.free.fr/index.php/post/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD</a>"&gt;&lt;img
src="<a
href="http://blog.artlemoine.com/public/i/2011/05mai/ssd_remplacement%20_%20tuto/laptop_acer_remplacement_hard_drive_to_solid_state_drive%20(1).JPG">http://blog.artlemoine.com/public/i/2011/05mai/ssd_remplacement%20_%20tuto/laptop_acer_remplacement_hard_drive_to_solid_state_drive%20(1).JPG</a>"
alt="remplacer un disque dur de pc portable" style="display:block;
margin:0 auto;" /&gt;&lt;/a&gt; (&lt;a href="<a
href="http://fr.wikipedia.org/wiki/Solid-state_drive">http://fr.wikipedia.org/wiki/Solid-state_drive</a>"&gt;c'est
quoi un SSD?&lt;/a&gt;)&lt;br /&gt; Vous voulez bénéficier des
performances des disques durs les plus rapides du monde sur votre pc
portable? Voici un tuto détaillé que j'ai écrit l'an dernier pour faire
ça sur un pc portable acer aspire 7: &lt;a href="<a
href="http://tykay.free.fr/index.php/post/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD">http://tykay.free.fr/index.php/post/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD</a>"&gt;hacking
de PC portable, tutoriel pour placer un SSD&lt;/a&gt; Comme montré sur
le graphique ci dessous les temps d'accès au disque en comparaison:
&lt;img src="<a
href="http://fr.euro-web.com/imgs-news/2009-08/20090824-test-ssd-graph-acces.gif">http://fr.euro-web.com/imgs-news/2009-08/20090824-test-ssd-graph-acces.gif</a>"
alt="" style="display:block; margin:0 auto;" /&gt; ça change vraiment la
vie une telle rapidité en plus de rendre moins fragile aux chocs le
système *0*&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,206 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 304</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-11-29 17:49:43&gt;</li>
<li>modifié: &lt;2011-11-29 17:49:43&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="connaissances-de-base-en-tableur-1">Connaissances de base en
tableur</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;img src="<a
href="http://techsourcemedia.com/store/image/cache/data/OpenOffice-500x500.jpg">http://techsourcemedia.com/store/image/cache/data/OpenOffice-500x500.jpg</a>"
alt="" /&gt; vous aimeriez bien savoir comment gérer vos comptes ou quoi
que ce soit avec des logiciels de tableur tel que Ms Excel et Open
office&amp;nbsp;? Voici un de mes &lt;a
href="/index.php?tag/tuto"&gt;tuto&lt;/a&gt; de ce qu'il y a à savoir en
connaissance de base. &lt;a href="<a
href="http://tykay.free.fr/index.php/post/2010/08/31/Trucs-de-classeur-excel-%2C-Open-Office">http://tykay.free.fr/index.php/post/2010/08/31/Trucs-de-classeur-excel-%2C-Open-Office</a>"&gt;Trucs
de classeur excel , Open Office&lt;/a&gt; Hop, un chaud brevage, un bon
fauteuil et c'est pari! :3 Pour aller plus loin vous avez la &lt;a
href="<a
href="http://fr.openoffice.org/Documentation/How-to/indexht-calc.html">http://fr.openoffice.org/Documentation/How-to/indexht-calc.html</a>"
hreflang="fr" title="docu officielle open office calc
tableur"&gt;documentation officieile de open office calc&lt;/a&gt; ou
encore celle de Ms excel si vous trouvez parce que je ne trouve rien
d'officiel :D&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,209 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 303</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-11-30 15:50:35&gt;</li>
<li>modifié: &lt;2011-11-30 16:05:31&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="ninite---multi-installeur">Ninite - multi installeur</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;a href="<a
href="http://ninite.com/">http://ninite.com/</a>"&gt;&lt;img src="<a
href="http://ninite.com/static/app/img/ninite.png?v=0cd28">http://ninite.com/static/app/img/ninite.png?v=0cd28</a>"
alt="" /&gt;&lt;/a&gt; Vous avez fait acquisition d'un nouvel ordi, ou
bien vous venez de faire table rase de votre machine et vous sentez que
ça va être une plaie de réinstaller tout plein de vos programmes
préférés. Eh bien podutout grâce à &lt;a href="<a
href="http://ninite.com/">http://ninite.com/</a>"&gt;Ninite.com&lt;/a&gt;.&lt;br
/&gt;&lt;br /&gt;&lt;/p&gt;</p>
<p>&lt;p&gt;Vous cochez les applications que vous voulez installer, vous
récupérez l'installateur et ensuite en l'exécutant il se charge tout
seul de mettre en place ce que vous avez sélectionné &lt;strong&gt;sans
installer les toolbars pourries&lt;/strong&gt; qu'on vous propose
parfois et qui réduisent l'espace visuel des navigateurs comme vous
pouvez en retirer 3 ou 4 à chaque fois que vous passez sur l'ordi de vos
parents. ;) &lt;br /&gt;&lt;br /&gt; L'appli Ninite se chargera aussi de
vérifier les mises à jour des programmes que vous avez choisi
d'installer, vous pourrez aussi supprimer des programmes si vous en avez
installé mais qui finalement ne vous plaisent pas. Avoir le choix, si ça
c'est pas merveilleux!&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,295 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 302</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-11-30 17:02:48&gt;</li>
<li>modifié: &lt;2011-11-30 17:28:28&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="restauration-de-fichiers-1">Restauration de fichiers</h2>
<h3 id="testdisk">Testdisk</h3>
<div class="sourceCode" id="cb1"><pre
class="sourceCode bash"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="ex">apt-get</span> install testdisk</span></code></pre></div>
<p>scanner le bon disque en utilisant son chemin dans /dev</p>
<div class="sourceCode" id="cb2"><pre
class="sourceCode bash"><code class="sourceCode bash"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a><span class="ex">testdisk</span> /dev/dsj</span></code></pre></div>
<p>sélectionner le disque, si on trouve des dossiers les sélectionner
avec ":" puis faire C pour copier la sélection ailleurs. choisir le
dossier où copier, appuyer sur C encore pour commencer la copie.</p>
<h3 id="foremost">foremost</h3>
<div class="sourceCode" id="cb3"><pre
class="sourceCode bash"><code class="sourceCode bash"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="ex">apt-get</span> install foremost</span></code></pre></div>
<p>Imaginons que vous supprimiez le fichier
/boot/images/fichier<sub>effacé</sub>.jpg, il vous suffira de lancer
cette commande:</p>
<div class="sourceCode" id="cb4"><pre
class="sourceCode bash"><code class="sourceCode bash"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a><span class="ex">foremost</span> <span class="at">-t</span> jpg <span class="at">-i</span> /dev/sda1 <span class="at">-o</span> /home/dossier/restauration</span></code></pre></div>
<p>Loutil Foremost cherchera alors les fichiers de type jpg effacés sur
la partition /dev/sda1 correspondant au dossier /boot/images où se
situait le fichier effacé pour le restaurer dans le dossier
/home/dossier/restauration.</p>
<h3 id="article-de-blog">Article de blog</h3>
<p>:html:</p>
<div class="sourceCode" id="cb5"><pre
class="sourceCode html"><code class="sourceCode html"><span id="cb5-1"><a href="#cb5-1" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb5-2"><a href="#cb5-2" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">p</span><span class="dt">&gt;&lt;</span><span class="kw">img</span> <span class="er">src</span><span class="ot">=</span><span class="st">&quot;http://whyismycomputersoslow.us/wp-content/uploads/2011/11/broken-computer-300x234.jpg&quot;</span> <span class="er">alt</span><span class="ot">=</span><span class="st">&quot;&quot;</span> <span class="dt">/&gt;</span></span>
<span id="cb5-3"><a href="#cb5-3" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">br</span> <span class="dt">/&gt;</span></span>
<span id="cb5-4"><a href="#cb5-4" aria-hidden="true" tabindex="-1"></a>Vous avez par inadvertance supprimé un dossier de la carte mémoire de votre appareil photo ou de votre ordi? (après avoir fait table rase et juste avant d&#39;<span class="dt">&lt;</span><span class="kw">a</span> <span class="er">href</span><span class="ot">=</span><span class="st">&quot;/index.php?post/2011/11/30/Ninite-multi-installeur&quot;</span><span class="dt">&gt;</span>installer plein de programmes en une seule fois<span class="dt">&lt;/</span><span class="kw">a</span><span class="dt">&gt;</span> par exemple)<span class="dt">&lt;</span><span class="kw">br</span> <span class="dt">/&gt;</span></span>
<span id="cb5-5"><a href="#cb5-5" aria-hidden="true" tabindex="-1"></a>Don&#39;t panic! vous pourrez encore les récupérer, surtout si vous n&#39;enregistrez pas quoi que ce soit par dessus.</span>
<span id="cb5-6"><a href="#cb5-6" aria-hidden="true" tabindex="-1"></a>Parce qu&#39;en fait sur les disques ou les lecteurs flash (cartes mémoires, clés usb...) quand vous supprimez un fichier c&#39;est son nom qui est effacé, et le reste des données devient disponible à la réécriture.<span class="dt">&lt;</span><span class="kw">br</span> <span class="dt">/&gt;</span></span>
<span id="cb5-7"><a href="#cb5-7" aria-hidden="true" tabindex="-1"></a>Pas besoin de payer pour retrouver vos données et autres si chères photos ou films de vacances, choppez au choix un de ces utilitaires totalement gratuits:<span class="dt">&lt;</span><span class="kw">br</span> <span class="dt">/&gt;</span></span>
<span id="cb5-8"><a href="#cb5-8" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">br</span> <span class="dt">/&gt;&lt;/</span><span class="kw">p</span><span class="dt">&gt;</span></span>
<span id="cb5-9"><a href="#cb5-9" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb5-10"><a href="#cb5-10" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb5-11"><a href="#cb5-11" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">blockquote</span><span class="dt">&gt;&lt;</span><span class="kw">p</span><span class="dt">&gt;&lt;</span><span class="kw">a</span> <span class="er">href</span><span class="ot">=</span><span class="st">&quot;http://www.jetelecharge.com/Utilitaires/5766.php&quot;</span><span class="dt">&gt;</span>Undelete360<span class="dt">&lt;/</span><span class="kw">a</span><span class="dt">&gt;&lt;</span><span class="kw">br</span> <span class="dt">/&gt;</span></span>
<span id="cb5-12"><a href="#cb5-12" aria-hidden="true" tabindex="-1"></a>Si vos fichiers trouvés par l&#39;utilitaire ont été réécrits vous ne pourrez pas les récupérer. Faut pas déconner non plus.</span>
<span id="cb5-13"><a href="#cb5-13" aria-hidden="true" tabindex="-1"></a>(une fois que vous avez fait une recherche de fichiers pour en cocher plusieurs à restaurer cliquez sur un puis maintenez shift et cliquez sur un autre, ça sélectionnera tous les fichiers entre deux. Vous n&#39;avez plus qu&#39;a appuyer sur le gros bouton &quot;récupérer&quot;<span class="dt">&lt;</span><span class="kw">br</span> <span class="dt">/&gt;&lt;/</span><span class="kw">p</span><span class="dt">&gt;</span></span>
<span id="cb5-14"><a href="#cb5-14" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">p</span><span class="dt">&gt;</span></span>
<span id="cb5-15"><a href="#cb5-15" aria-hidden="true" tabindex="-1"></a>Vous avez aussi <span class="dt">&lt;</span><span class="kw">a</span> <span class="er">href</span><span class="ot">=</span><span class="st">&quot;http://www.jetelecharge.com/Utilitaires/1488.php&quot;</span><span class="dt">&gt;</span>Recuva<span class="dt">&lt;/</span><span class="kw">a</span><span class="dt">&gt;&lt;</span><span class="kw">br</span> <span class="dt">/&gt;</span></span>
<span id="cb5-16"><a href="#cb5-16" aria-hidden="true" tabindex="-1"></a>ou <span class="dt">&lt;</span><span class="kw">a</span> <span class="er">href</span><span class="ot">=</span><span class="st">&quot;http://www.jetelecharge.com/Utilitaires/2602.php&quot;</span><span class="dt">&gt;</span>PC Inspector File Recovery <span class="dt">&lt;/</span><span class="kw">a</span><span class="dt">&gt;&lt;</span><span class="kw">br</span> <span class="dt">/&gt;</span></span>
<span id="cb5-17"><a href="#cb5-17" aria-hidden="true" tabindex="-1"></a>Vouala vouala, enjoyez bien la récupération de vos données les petits coquinous.<span class="dt">&lt;/</span><span class="kw">p</span><span class="dt">&gt;&lt;/</span><span class="kw">blockquote</span><span class="dt">&gt;</span></span>
<span id="cb5-18"><a href="#cb5-18" aria-hidden="true" tabindex="-1"></a></span></code></pre></div>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,220 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 301</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-12-01 07:02:37&gt;</li>
<li>modifié: &lt;2011-12-01 07:08:46&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="dotclear---commenter-sans-être-obligé-de-preview">Dotclear -
commenter sans être obligé de preview</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;img src="<a
href="http://fr.dotclear.org/affiliates/o-logo.png">http://fr.dotclear.org/affiliates/o-logo.png</a>"
alt="" style="display:block; margin:0 auto;" /&gt;&lt;br /&gt; Vous avez
un (multi)blog installé avec la plateforme &lt;a href="<a
href="http://fr.dotclear.org">http://fr.dotclear.org</a>"&gt;dotclear&lt;/a&gt;
et souhaiteriez que vos visiteurs puissent commenter sans avoir
obligatoirement à prévisualiser ce qu'ils ont écrit? &lt;br /&gt;
Facile, rendez vous dans votre interface d'admin. Puis cliquez sur…
&lt;br /&gt;&lt;/p&gt; &lt;ul&gt; &lt;li&gt;&lt;img src="<a
href="http://blog.artlemoine.com/admin/images/menu/themes.png">http://blog.artlemoine.com/admin/images/menu/themes.png</a>"
alt="" /&gt; Apparence du blog &lt;br /&gt;&lt;/li&gt; &lt;li&gt;éditeur
de thème &lt;br /&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;post.html&lt;/strong&gt; &lt;br /&gt;&lt;/li&gt;
&lt;/ul&gt; &lt;p&gt;Reprérez la ligne:&lt;/p&gt; &lt;pre&gt;
&lt;tpl:IfCommentPreview&gt;&lt;input type=&amp;quot;submit&amp;quot;
class=&amp;quot;submit&amp;quot; value=&amp;quot;{{tpl:lang
send}}&amp;quot; /&gt;&lt;/tpl:IfCommentPreview&gt;&lt;/p&gt;
&lt;/pre&gt;</p>
<p>&lt;p&gt;Et remplacez là par:&lt;/p&gt; &lt;pre&gt; &lt;!
&lt;tpl:IfCommentPreview&gt; &gt; &lt;input
type=&amp;quot;submit&amp;quot; class=&amp;quot;submit&amp;quot;
value=&amp;quot;{{tpl:lang send}}&amp;quot; /&gt; &lt;!
&lt;/tpl:IfCommentPreview&gt; &gt; &lt;/p&gt;&lt;/pre&gt;</p>
<p>&lt;p&gt;Ce qui mettra en commentaire les instructions qui disent
d'afficher le bouton d'envoi seulement si la prévisualisation est
activée.&lt;br /&gt; Cliquez sur le bouton &lt;em&gt;Enregistrer
(s)&lt;/em&gt; &lt;br /&gt; Et vous verrez le bouton
&lt;em&gt;Envoyer&lt;/em&gt; disponible dans les commentaires. Youpi!
&lt;br /&gt; Oubliez pas de vous équiper d'un bon plugin antispam ;)
&lt;br /&gt;&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,251 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 300</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-12-02 14:32:54&gt;</li>
<li>modifié: &lt;2011-12-03 03:58:16&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="url-maker-1.6---publier-des-liens-sans-avoir-à-les-écrire">url
maker 1.6 - publier des liens sans avoir à les écrire</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;a href="<a
href="http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip">http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip</a>"&gt;&lt;img
src="<a
href="http://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg">http://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg</a>"
alt="url maker1.6" style="display:block; margin:0 auto;"
/&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Un script bon pour la flemme en
php/js écrit par mes soins qui fouille des dossiers et donne les codes
(html, ou wiki pour les blogs, ou bbcode pour les forums) pour
&lt;strong&gt;publier des liens sans avoir à les écrire un par
un&lt;/strong&gt; vers plein de fichiers selon quelques options et des
dossiers rangés par année/mois.&lt;br /&gt; &lt;a href="<a
href="http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip">http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip</a>"&gt;URL
maker 1.6 est Téléchargeable ici.&lt;/a&gt;&lt;br /&gt; Les versions
suivantes seront disponible sur &lt;a href="<a
href="http://artlemoine.com">http://artlemoine.com</a>"&gt;mon
portfolio&lt;/a&gt; (dans la partie &lt;strong&gt;Free
DL&lt;/strong&gt;) qui héberge ce blog et les autres.&lt;br /&gt; J'ai
fait une vidéo avec la version précédente pour montrer à quoi ça sert et
à quel point on peut partager des images rapidement (bien que ça
pourrait toujours être amélioré avec du python…)&lt;br /&gt; on peut par
exemple avoir tous les liens d'images vers leur taille plus grande qui
se trouverait dans un dossier nommé "g" ou encore choisir une taille à
laquelle afficher les images (pour le langage html). Combiné à une
lightbox ça peut vous faire une gallerie web assez facilement bien que
le but premier soit de pouvoir mettre en ligne sur un blog toutes les
images d'un dossier&lt;/p&gt; &lt;h3&gt;Pour vous en servir&lt;/h3&gt;
&lt;p&gt;Il vous suffit d'un espace web.&lt;/p&gt; &lt;ul&gt;
&lt;li&gt;&lt;a href="<a
href="http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip">http://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip</a>"&gt;&lt;img
src="<a
href="http://artlemoine.com/decoration/dl.png">http://artlemoine.com/decoration/dl.png</a>"
alt="" /&gt;Choppez l'archive zip&lt;/a&gt; Ø/&lt;/li&gt;
&lt;li&gt;dézippez l'archive, balancez son contenu sur votre espace
web.&lt;/li&gt; &lt;li&gt;Rendez vous sur index.php dans votre
navigateur web et vous n'aurez qu'a cliquer sur "enregistrer" pour que
l'install mémorise une adresse absolue dans un fichier texte.&lt;/li&gt;
&lt;/ul&gt; &lt;p&gt;C'est vraiment très facile à utiliser. Vous n'avez
plus qu'a mettre vos tas d'images dans les sous dossiers ( essayez dans
le dossier &lt;strong&gt;2011/12decembre&lt;/strong&gt; par exemple,
puis rendez vous dans la page d'index.php, et hop magie, le script
explore directement le dossier 2011/12decembre parce que c'est l'année
et le mois courant. Quand je vous disais que c'était bon pour la
flemme!) de votre installation et de les parcourir avec l'appli puis de
cliquer sur le bouton "copy" spécialement démesuré pour plus de flemme
et à coller où vous voulez vos liens&amp;nbsp;! :D &lt;/p&gt; &lt;br
/&gt;&lt;iframe src="<a
href="http://www.youtube.com/embed/W0_QBdNk6Xs">http://www.youtube.com/embed/W0_QBdNk6Xs</a>"
allowfullscreen="" frameborder="0" height="315"
width="420"&gt;&lt;/iframe&gt; (C'était sur la version 1.0 , les choses
ont assez changé dans l'interface mais le principe est le même: on
balance nos images sur le serveur, on va sur la page d'index d'url maker
et y'a plus qu'a copier les liens. Ne faites pas attention à l'arrière
plan de chat j'en ai tout &lt;a title="tykayn blog, le vortex à chats"
hreflang="fr" href="<a
href="http://tykay.free.fr/">http://tykay.free.fr/</a>"&gt;un
vortex&lt;/a&gt; ni à la musique piquée à ma mère grand)&lt;br /&gt;
&lt;p&gt;Merci de ne l'utiliser que dans un cadre de gratuité.&lt;br
/&gt; Et n'oubliez pas quand vous faites un script: donner des noms
significatifs à vos variables vous épargnera de longues heures à chasser
les bugs. Je suis ouvert à toute suggestion d'amélioration.
Enjoyez.&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,216 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 298</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-12-06 03:39:12&gt;</li>
<li>modifié: &lt;2011-12-06 03:42:38&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="lier-une-image-aléatoire-dans-un-dossier">Lier une image
aléatoire dans un dossier</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;img src="<a
href="http://www.casinovirtuelenligne.com/wp-content/themes/pokerhall/images/roulette.jpg">http://www.casinovirtuelenligne.com/wp-content/themes/pokerhall/images/roulette.jpg</a>"
alt="" style="display:block; margin:0 auto;" /&gt;&lt;br /&gt; Vous
rêvez de faire une bannière montrant aléatoirement une image parmi un
dossier à chaque fois que vous chargez la page de votre site?
Informageek vous offre gracieusement ce script à placer dans une page
index.php du dossier comportant vos images à montrer aléatoirement.
&lt;br /&gt;&lt;/p&gt; &lt;pre&gt; &lt;?php <em>* Faire un lien vers
cette page php pour afficher aléatoirement une image se trouvant dans le
même dossier *</em> $dir = dir('.'); $images = array(); while($entry =
$dir-&gt;read()) { if(is<sub>file</sub>($entry) &amp;amp;&amp;amp;
eregi(&amp;quot;(\.(jpg|jpeg|png|gif))$&amp;quot;,$entry)
&amp;amp;&amp;amp; substr($entry,0,1) !== '.' ) { $images[] = $entry ; }
} $dir-&gt;close(); $image =
imagecreatefromjpeg($images[array<sub>rand</sub>($images,1)]);
header(&amp;quot;Content-type:image/jpeg&amp;quot;); imagejpeg($image);
//*/ ?&gt; &lt;/pre&gt;</p>
<p>&lt;p&gt;Pour lier votre image mettez ce code HTML dans votre page où
vous voulez afficher votre image en prenant soin de remplacer
&lt;em&gt;mon-dossier-d-images-de-bannieres/&lt;/em&gt; par le bon
chemin vers votre dossier d'images comportant le script dans
index.php:&lt;/p&gt; &lt;pre&gt; &lt;img
src=&amp;quot;mon-dossier-d-images-de-bannieres/&amp;quot;
alt=&amp;quot;banniere random de site&amp;quot; title=&amp;quot;ma
banniere&amp;quot; /&gt; &lt;/pre&gt;</p>
<p>&lt;p&gt;Magique! Enjoyez!&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,214 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 296</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-12-06 04:49:56&gt;</li>
<li>modifié: &lt;2011-12-06 04:50:44&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="retour-haptique-haptic-feedback-1">retour haptique haptic
feedback</h2>
<p>:html:</p>
<p>&lt;iframe width="480" height="274" src="<a
href="http://www.youtube.com/embed/trM7mXOjNFY">http://www.youtube.com/embed/trM7mXOjNFY</a>"
frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
&lt;br/&gt;&lt;br/&gt; Les écrans tactiles sont plutôt révolutionnaires
parce qu'ils permettent une flexibilité assez énorme question intreface.
Cependant il manque un certain retour de sensation comme on peut en avec
avec le ressort des touches d'un clavier ou les indices en relief qu'on
peut trouver sur les touches F et J d'un clavier AZERTY ou
QWERTY.&lt;br/&gt; Une possibilité est de greffer des petits écrans sur
des touches de clavier, une autre est de créer un retour magnétique et
de s'équiper de gants. On vous parlera surement de combien le magnétisme
ça craint pour le corps humain. Dans ce cas il faut aussi que vous ayez
peur des forces magnétiques venant des fils électriques de votre souris,
de votre câble d'alimentation et surtout de vos canaux nerveux qui
HOMONDIEU marchent eux aussi à l'électricité. &lt;br/&gt; &lt;iframe
width="560" height="315" src="<a
href="http://www.youtube.com/embed/UiQ0AnlfBu4">http://www.youtube.com/embed/UiQ0AnlfBu4</a>"
frameborder="0" allowfullscreen&gt;&lt;/iframe&gt; hou le joli clavier
qui doit pomper un max de batterie! &lt;br/&gt;&lt;br/&gt; Bientôt, des
claviers tablettes où chaque pixel pourra se soulever ou se baisser.
&lt;br/&gt; Enfin, un grand pas sera surtout fait quand tout notre
mobilier électronique sera devenu waterproof et que la batterie tiendra
vraimentt une semaine. mais peut être que je lis trop de science fiction
:D</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,221 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 295</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-12-09 04:20:31&gt;</li>
<li>modifié: &lt;2011-12-09 04:20:31&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="smartphone-voiture-pourquoi-choisir-1">Smartphone, voiture,
pourquoi choisir</h2>
<p>:html:</p>
<p>Ils sont fous ces Japonais de chez Toyota. Voilà qu'ils proposent une
concept-car qui fera smartphone.&lt;br/&gt; &lt;iframe width="480"
height="274" src="<a
href="http://www.youtube.com/embed/jxat4x7VhMU">http://www.youtube.com/embed/jxat4x7VhMU</a>"
frameborder="0" allowfullscreen&gt;&lt;/iframe&gt; Je ne suis pas
persuadé de la vraie utilité d'écrans transparents qui en matière
d'ergonomie ne doivent vraiment pas aider à l'utilisateur car il serait
distrait par le fond. Toutefois c'est certain, la couleur choisissable
et personnalisable va plaire. &lt;br/&gt;Manquerait plus qu'a coupler la
carroserie à une surface photovoltaïque faite de &lt;a href="<a
href="http://www.filmphotovoltaique.com/film-photovoltaique-organique-fenetre-isolation-thermique/#more-230">http://www.filmphotovoltaique.com/film-photovoltaique-organique-fenetre-isolation-thermique/#more-230</a>"
&gt;cellules imprimables. &lt;img src="<a
href="http://www.filmphotovoltaique.com/wp-content/uploads/2011/10/film-photovoltaique-organique-flexible-150x136.jpg">http://www.filmphotovoltaique.com/wp-content/uploads/2011/10/film-photovoltaique-organique-flexible-150x136.jpg</a>"
alt="film photovoltaique organique"/&gt;&lt;/a&gt;&lt;br/&gt;&lt;br/&gt;
Avoir une rayure sur le capot va prendre un tout autre sens à moins
qu'on se décide à blinder le tout un peu comme le summum de la concept
car, j'ai nommé K3000 (une série où chacune des transformation est un
modèle Ford). &lt;iframe frameborder="0" width="480" height="276"
src="<a
href="http://www.dailymotion.com/embed/video/x4fg2v">http://www.dailymotion.com/embed/video/x4fg2v</a>"&gt;&lt;/iframe&gt;&lt;br
/&gt; Knight Industries Three Thousand qui en plus d'avoir mieux qu'un
Siri embarqué (Kitt qui peut faire de l'humour contrairement à Siri)
peut changer de modèle de voiture en pleine conduite (jvous raconte pas
les soucis de pression de l'air dans le cockpit), lire et écouter à
travers les murs par infrarouge ou rayons X (rien à foutre de la santé
des gens!), micro longue portée, se propulser à l'hélium, détecter de la
radioactivité, dispenser des premiers soins, générer des objets avec une
imprimante 3D, grappin, détecteurs environnementaux mieux que les robots
qui vont sur Mars, mitraillette et lance roquettes amovibles… Voilà qui
fera pâlir batman et sa batmobile qui pour toute arme furtive dispose de
néons bleus. :)</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,210 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 294</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-12-09 05:45:53&gt;</li>
<li>modifié: &lt;2011-12-09 05:45:53&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="un-peu-de-réalité-augmentée-magique">Un peu de réalité augmentée
magique</h2>
<p>:html:</p>
<p>&lt;iframe src="<a
href="http://player.vimeo.com/video/27887843?title=0&amp;byline=0&amp;portrait=0&amp;color=CEBB2F">http://player.vimeo.com/video/27887843?title=0&amp;byline=0&amp;portrait=0&amp;color=CEBB2F</a>"
width="400" height="225" frameborder="0" webkitAllowFullScreen
mozallowfullscreen allowFullScreen&gt;&lt;/iframe&gt;&lt;p&gt;&lt;a
href="<a
href="http://vimeo.com/27887843">http://vimeo.com/27887843</a>"&gt;Innovators@Google
presents: Marco Tempest&lt;/a&gt; from &lt;a href="<a
href="http://vimeo.com/magician">http://vimeo.com/magician</a>"&gt;Marco
Tempest&lt;/a&gt; on &lt;a href="<a
href="http://vimeo.com">http://vimeo.com</a>"&gt;Vimeo&lt;/a&gt;.&lt;/p&gt;
&lt;br/&gt;&lt;br/&gt;&lt;a href="<a
href="http://marcotempest.com/">http://marcotempest.com/</a>"
hreflang="en"&gt;Marco Tempest&lt;/a&gt;, travaille chez
Google.&lt;br/&gt;Il nous raconte comment la magie et la haute
technologie se confondent dans une petite explication spectaculaire (en
Anglais). Il réalise trois petits spectacles alliant des technologies
C++ open source, du suivi de mouvement (motion tracking) avec des
caméras à capture rapide, trois smartphones, un simple carton plume
devenu interactif et de bonnes vieilles cartes qui prennent une nouvelle
dimension.&lt;br/&gt; Bon dimanche à vous.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,195 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 293</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-12-18 23:14:05&gt;</li>
<li>modifié: &lt;2011-12-18 23:14:05&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="ne-souriez-pas-aux-inconnus-1">Ne souriez pas aux inconnus</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;img src="<a
href="http://beautifuldecay.com/wp-content/uploads/2011/12/maj-street_art_12_New_York-.jpg">http://beautifuldecay.com/wp-content/uploads/2011/12/maj-street_art_12_New_York-.jpg</a>"
alt="" /&gt; Ne souriez pas aux inconnus. Une image extraite du métro de
New York que l'on pourrait très bien trouver de par nos latitudes
Parisiennes tant de nombreuses personnes se sont passées le
mot.&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,216 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 292</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-12-19 17:57:54&gt;</li>
<li>modifié: &lt;2011-12-19 17:57:54&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="désignations-dans-une-équipe">Désignations dans une équipe</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;img alt="" src="<a
href="http://a6.idata.over-blog.com/500x357/0/36/60/83/Tre-la-roche/la-parabole-des-aveugles.jpg">http://a6.idata.over-blog.com/500x357/0/36/60/83/Tre-la-roche/la-parabole-des-aveugles.jpg</a>"
/&gt;&lt;/p&gt; &lt;p&gt;(la parabole des aveugles illustre
merveilleusement ce billet)&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;&lt;strong&gt;le Chef de projet:&lt;/strong&gt; Est
la personne qui pense que 9 femmes peuvent livrer un bébé en un
mois.&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Le Développeur:&lt;/strong&gt;
pense que ça va prendre 18 mois pour livrer un bébé.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Le Coordinateur de site:&lt;/strong&gt; pense
qu'une seule femme peut livrer neuf bébés en un mois.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Le Client:&lt;/strong&gt; ne sait pas pourquoi
il veut un bébé.&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Le Gérant de
marchés:&lt;/strong&gt; pense qu'il peut livrer un bébé même si aucun
homme ou femme ne sont disponibles.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;l'Équipe d'optimisation des
ressources:&lt;/strong&gt; pensent qu'ils n'ont pas besoin d'hommes ou
de femmes, ils vont produire un enfant sans aucune ressource.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;L'Équipe de documentation:&lt;/strong&gt; pense
qu'ils s'en moquent si un enfant est livré, ils vont juste documenter
pendant neuf mois.&lt;/li&gt; &lt;li&gt;&lt;strong&gt;L'Inspecteur de
qualité:&lt;/strong&gt; est la personne qui n'est jamais contente du
PROCESSUS de confection de bébé.&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Le
Testeur:&lt;/strong&gt; est la personne qui dit à chaque fois à sa femme
que ce n'est pas le Bon bébé.&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Le Chef
des Ressources humaines:&lt;/strong&gt; est la personne qui pense qu'un
singe peut faire un bébé humain en 9 mois.&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;mwah ah ah!&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,201 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 291</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-12-19 18:49:02&gt;</li>
<li>modifié: &lt;2011-12-19 18:50:00&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="fonction-random-picture-1">Fonction Random picture</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;a href="<a
href="http://artlemoine.com/medias/apps/random-picture/">http://artlemoine.com/medias/apps/random-picture/</a>"&gt;&lt;img
src="<a
href="http://artlemoine.com/medias/apps/random-picture/icon_random_picture.png">http://artlemoine.com/medias/apps/random-picture/icon_random_picture.png</a>"
alt="logo" style="float:left; margin: 0 1em 1em 0;" /&gt;Le script
Random picture est expliqué et disponible ici&lt;/a&gt; et sur &lt;a
href="<a href="http://artlemoine.com">http://artlemoine.com</a>"&gt;mon
portfolio artlemoine.com&lt;/a&gt; (section Web). C'est une fonction php
qui permet d'afficher une image choisie au hasard dans un dossier.
Pratique pour faire une bannière changeante par exemple. Et tout ça sans
utiliser la librairie GD contrairement à ma proposition précédente.
Enjoy!&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,207 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 290</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-12-27 22:59:52&gt;</li>
<li>modifié: &lt;2012-07-26 20:29:14&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="internet-meme-database---know-your-meme">Internet Meme Database
- Know Your Meme</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;a href="knowyourmeme.com"&gt;&lt;img src="<a
href="http://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg">http://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg</a>"
alt="Know your meme team" style="display:block; margin:0 auto;"
/&gt;&lt;/a&gt; La sous-culture de l'intra web vous donne envie de vous
rouler en boule dans un coin en proférant des insultes à l'égard des
hamsters? Voici un site qui va vous en apprendre un maximum et vous
évitera d'être déboussolé quand vous verrez des parents irreponsables se
passer un bébé en le jetant par dessus une crevasse, une nana qui vous
raconte qu'elle s'appelle boxxxy, un policier qui a un spray de la
puissance d'une navette spatiale. Tout est expliqué sur le site &lt;a
href="knowyourmeme.com"&gt;Know your meme&lt;/a&gt; (qui ne veut pas
dire connais ta mère grand mais connais tes mémé). Les philosoraptors,
me gusta, trollfaces, derp, insane kids et autres Yo Dawg n'auront plus
de secrets pour vous <strong>0</strong> Oui enfin, faut causer un peu
&lt;a href="<a
href="http://tykay.free.fr/index.php/post/2009/11/12/La-v%C3%A9rit%C3%A9-sur-les-Anglais">http://tykay.free.fr/index.php/post/2009/11/12/La-v%C3%A9rit%C3%A9-sur-les-Anglais</a>"&gt;le
Shakespeare&lt;/a&gt; aussi.&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,212 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 289</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2012-01-02 11:58:40&gt;</li>
<li>modifié: &lt;2012-01-02 12:04:13&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="entrée-du-tgv-à-lyon-perrache---vue-conducteur">Entrée du TGV à
Lyon perrache - vue conducteur</h2>
<p>:html:</p>
<p>à l'occasion des 30 balais du TGV, certains ont pu le visiter depuis
la cabine conducteur pendant un trajet.&lt;br /&gt;voilà une vidéo de
&lt;a hreflang="fr" href="<a
href="http://gonzague.me">http://gonzague.me</a>"&gt;Gonzague&lt;/a&gt;,
bloggeux et testeur de produits divers de nouvelles technologies.&lt;br
/&gt;&lt;iframe width="500" height="284" src="<a
href="http://www.youtube.com/embed/VPIXnU0DJ9U">http://www.youtube.com/embed/VPIXnU0DJ9U</a>"
frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br /&gt; &lt;br
/&gt;Pour avoir pris le TGV Paris Lyon plusieurs fois, c'est autre chose
vue passager :D &lt;br /&gt;Notez tout le bazar du tableau de bord. Je
savais déjà que le conducteur devait tenir et relâcher régulièrement le
volant qui est en fait la manette d'accélération et que la &lt;a
href="<a
href="http://geillon.pagesperso-orange.fr/trains/signaux/">http://geillon.pagesperso-orange.fr/trains/signaux/</a>"&gt;signalisation
des trains&lt;/a&gt; était affichée sur la gauche de la voie. &lt;br
/&gt;Par exemple: &lt;img src="<a
href="http://geillon.pagesperso-orange.fr/trains/signaux/panc7.gif">http://geillon.pagesperso-orange.fr/trains/signaux/panc7.gif</a>"
/&gt; Ce panneau là demande à ce qu'on garde un air neutre au volant
même en l'annonce de grèves. mwarh arh arh!&lt;br /&gt; Tiens ça me
rappelle que je connais quelqu'unnnnn qui m'avait dit qu'il pourrait me
faire faire une visite de cabine de TGV en marche aussi. Votre sainteté,
si vous m'écoutez, je suis toujours partant. B-)&lt;br /&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,236 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 288</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2012-01-04 11:08:42&gt;</li>
<li>modifié: &lt;2012-01-04 11:25:21&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="se-débarrasser-de-ie-6">Se débarrasser de IE 6</h2>
<p>:html:</p>
<p>&lt;p&gt;Quand est ce qu'on pourra enfin se débarrasser de IE 6
(certains veulent le sauver :D &lt;a href="<a
href="http://www.saveie6.com/">http://www.saveie6.com/</a>"
hreflang="en"&gt;<a
href="http://www.saveie6.com/">http://www.saveie6.com/</a>&lt;/a&gt;
heureusement que c'est pour déconner) quand on considère la conception
d'un design pour le web? Hébien, très bientôt il me semble.&lt;br
<em>&gt; ce qui permettra de &lt;a href="<a
href="http://www.sitepoint.com/10-cool-things-well-be-able-to-do-once-ie6-is-dead/">http://www.sitepoint.com/10-cool-things-well-be-able-to-do-once-ie6-is-dead/</a>"&gt;faire
plein de choses cool&lt;/a&gt; comme utiliser les &lt;em&gt;sélecteurs
d'enfants&lt;/em&gt; en css, &lt;em&gt;min-width&lt;/em&gt;,
&lt;em&gt;max-width&lt;/em&gt;, ne plus passer 90% du temps de design à
trafiquer le style pour que ça s'affiche pareil pour chaque visiteur,
gagner du temps (et donc du pognon), pouvoir se servir de
&lt;em&gt;z-index&lt;/em&gt;, bosser dans la joie et la bonne humeur.
Levons les bras ø</em> Vous pouvez accélérer le mouvement en plaçant sur
vos sites un encart conditionnel incitant vos visiteurs à prendre
conscience qu'ils utilisent une technologie trop vulnérable, trop
vieille et qui leur pourrit leur expérience utilisateur, &lt;a href="<a
href="http://tykay.free.fr/index.php/post/2011/11/01/Comment-dire-%C3%A0-Internet-Explorer-qu-il-est-trop-vieux">http://tykay.free.fr/index.php/post/2011/11/01/Comment-dire-%C3%A0-Internet-Explorer-qu-il-est-trop-vieux</a>"
hreflang="fr" title="Comment dire à Internet Explorer qu'il est trop
vieux"&gt;comme je l'ai expliqué dans ce billet.&lt;/a&gt; &lt;br
/&gt;&lt;br /&gt; J'ai pris les &lt;a href="<a
href="http://www.w3schools.com/browsers/browsers_stats.asp">http://www.w3schools.com/browsers/browsers_stats.asp</a>"&gt;statistiques
de fréquentations de w3c school&lt;/a&gt; pour monter ces petits
graphiques avec le tableur open office: &lt;a href="<a
href="http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/g/versions_IE_2009-2011.jpg">http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/g/versions_IE_2009-2011.jpg</a>"&gt;&lt;img
src="<a
href="http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/versions_IE_2009-2011.jpg">http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/versions_IE_2009-2011.jpg</a>"
alt="versions IE 2009 2011" style="display:block; margin:0 auto;"
/&gt;&lt;/a&gt;&lt;/p&gt;</p>
<p>&lt;p&gt;&lt;a href="<a
href="http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/g/navigateurs_2009-2011.jpg">http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/g/navigateurs_2009-2011.jpg</a>"&gt;&lt;img
src="<a
href="http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/navigateurs_2009-2011.jpg">http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/navigateurs_2009-2011.jpg</a>"
alt="navigateurs 2009 2011" style="display:block; margin:0 auto;"
/&gt;&lt;/a&gt; Ici on peut donc voir l'avancée de chrome et le léger
recul de internet exlporer en général entre 2009 et fin 2011. &lt;a
href="<a
href="http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/g/resolutions.jpg">http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/g/resolutions.jpg</a>"&gt;&lt;img
src="<a
href="http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/resolutions.jpg">http://blog.artlemoine.com/public/i/2012/01janvier/browsers_stats/resolutions.jpg</a>"
alt="resolutions" style="display:block; margin:0 auto;" /&gt;&lt;/a&gt;
Pour les résolutions d'écran, la plupart des gens en ont des plus
grandes que 1024px de large, ce qui permet d'envisager des designs de
sites de plus des sacro saints 960px de large pour le
contenu.&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,203 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 287</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2012-01-13 23:16:42&gt;</li>
<li>modifié: &lt;2012-01-13 23:18:36&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="jusquoù-peut-on-zoomer-dans-lunivers">Jusqu'où peut on zoomer
dans l'univers ?</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;img src="<a
href="http://www.science.gouv.fr/images/dossier/dos_mystereorigine_160109/infog_histoireunivers.gif">http://www.science.gouv.fr/images/dossier/dos_mystereorigine_160109/infog_histoireunivers.gif</a>"
alt="" /&gt; Jusqu'où peut on zoomer dans l'univers ?&lt;br /&gt; &lt;a
href="<a
href="http://www.primaxstudio.com/stuff/scale_of_universe/scale-of-universe-v1.swf">http://www.primaxstudio.com/stuff/scale_of_universe/scale-of-universe-v1.swf</a>"
hreflang="en"&gt;La réponse interactive dans cette animation&lt;/a&gt;
qui met en rapport des choses les plus gigantesques ( 93 milliard
d'années lumière , 9.3 * 10<sup>26</sup> mètres )jusqu'a la &lt;a
href="<a
href="http://fr.wikipedia.org/wiki/Longueur_de_Planck">http://fr.wikipedia.org/wiki/Longueur_de_Planck</a>"
hreflang="fr" title="il en avait une toute petite, de longueur,
planck"&gt;longueur de Planck&lt;/a&gt; (10<sup>-35</sup> mètres)&lt;br
/&gt; &lt;br /&gt; Tout simplement amazaing!&lt;br /&gt;&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -1,210 +0,0 @@
<!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="article">Article</h1>
<ul>
<li>ID: 286</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2012-01-14 18:20:02&gt;</li>
<li>modifié: &lt;2012-01-14 18:20:02&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="tron-legacy-les-effets-spéciaux">Tron legacy : les effets
spéciaux</h2>
<p>:html:</p>
<p>&lt;p&gt;&lt;img alt="" src="<a
href="http://jtnimoy.net/178/TRON_GFX_DG_04.JPG">http://jtnimoy.net/178/TRON_GFX_DG_04.JPG</a>"
width="500" /&gt;&lt;/p&gt; &lt;p&gt;jtnimoy se présente comme une
licorne de la Silicon valley, il est un artiste de software et s'est
occupé en équipe des effets spéciaux et de tous les systèmes dans Tron:
l'héritage avec Bradley "GMUNK" Munkowitz, Jake Sargeant, et David
"dlew" LewandowskiIl. Il a aussi fait &lt;a hreflang="en" href="<a
href="http://www.balldroppings.com/js/">http://www.balldroppings.com/js/</a>"&gt;BallDroppings&lt;/a&gt;
, le jeu sonore interactif en javascript et en d'autres
langages.&lt;/p&gt; &lt;p&gt;Il raconte comme certains films tels que
Hackers ou Jurassic Park (qui devrait s'appeller Crétacé Park en fait vu
les bestioles présentes), ou encore Matrix, Battle Royale, Die Hard4…
comportait des choses assez affreuses pour quiconque s'y connait un
minimum en programmation.&lt;/p&gt; &lt;p&gt;&lt;img alt="" src="<a
href="http://www.balldroppings.com/images/artbanner.gif">http://www.balldroppings.com/images/artbanner.gif</a>"
/&gt;&lt;/p&gt; &lt;p&gt;Retrouvez sa présentation intégrale de la
démarche de conception des effets visuels sur Tron Legacy sur son
site:&lt;/p&gt; &lt;p&gt;&lt;a hreflang="en" href="<a
href="http://jtnimoy.net/?q=178">http://jtnimoy.net/?q=178</a>"&gt;<a
href="http://jtnimoy.net/?q=178">http://jtnimoy.net/?q=178</a>&lt;/a&gt;&lt;/p&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

View file

@ -168,29 +168,15 @@
<header id="title-block-header">
<h1 class="title">cipherbliss_blog</h1>
</header>
<h1 id="article">Article</h1>
<ul>
<li>ID: 299</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-12-04 18:57:51&gt;</li>
<li>modifié: &lt;2011-12-04 18:59:30&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="my-first-crowbar---manette-pour-half-life">My first crowbar -
manette pour half life</h2>
<p>:html:</p>
<p>&lt;iframe width="500" height="284" src="<a
href="http://www.youtube.com/embed/aW49Mjn5f0g">http://www.youtube.com/embed/aW49Mjn5f0g</a>"
frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br /&gt;Qui n'a
jamais rêvé de pouvoir jouer a half life avec une vraie crowbarre (pied
de biche) tel un joueur de wii. Voici qui ravira les enfants.&lt;br
/&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
<h1 id="soutien-1">Soutien</h1>
<p>[2024-11-03] Si vous aimez ce que nous faisons à Cipher Bliss, vous
pouvez nous soutenir de plusieurs façons: en faisant un micro don sur
liberapay. Donner : <a
href="https://liberapay.com/cipherbliss/donate">https://liberapay.com/cipherbliss/donate</a></p>
<p>Le plus simple nous pour nous faire connaître étant de partager cet
article. Suivez moi sur Mastodon @tykayn@mastodon.cipherbliss.com. <a
href="https://mastodon.cipherbliss.com/@tykayn">https://mastodon.cipherbliss.com/@tykayn</a></p>
<p>Ce site restera libre comme un gnou dans la nature et sans pubs,
parce qu'on vous aime. Que la source soit avec vous!</p>
</body>
</html>

View file

@ -1,4 +1,674 @@
<html><head><title>dragonfeu_blog</title></head><body> # dragonfeu_blog - Articles
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cil_gometz</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>qzine_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>tykayn_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>dragonfeu_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><html><head><title>dragonfeu_blog</title></head><body> # dragonfeu_blog - Articles
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
<br><a href=/index.html>index.html</a><br><a href=/lang_fr/2024-11-02-coucou-gemini.html>2024-11-02-coucou-gemini.html</a><br><a href=/lang_fr/2024-09-08-strategie-mitigation-accident-fusion-coeur-epr2.html>2024-09-08-strategie-mitigation-accident-fusion-coeur-epr2.html</a><br><a href=/lang_fr/2024-05-15-l-aventure-superphenix.html>2024-05-15-l-aventure-superphenix.html</a><br><a href=/lang_fr/2023-06-10-recap-centrale-zaporijia.html>2023-06-10-recap-centrale-zaporijia.html</a><br><a href=/lang_fr/2023-06-09-recapitulatif-contenu-threads.html>2023-06-09-recapitulatif-contenu-threads.html</a><br><a href=/lang_en/2024-11-02-coucou-gemini.html>2024-11-02-coucou-gemini.html</a></article></body></html>
<h1> Navigation</h1><br><a href=/index.html>index.html</a><h1></h1> Articles en Français</h1><br><a href=/lang_fr/2024-11-02-coucou-gemini.html>2024-11-02-coucou-gemini.html</a><br><a href=/lang_fr/2024-09-08-strategie-mitigation-accident-fusion-coeur-epr2.html>2024-09-08-strategie-mitigation-accident-fusion-coeur-epr2.html</a><br><a href=/lang_fr/2024-05-15-l-aventure-superphenix.html>2024-05-15-l-aventure-superphenix.html</a><br><a href=/lang_fr/2023-06-10-recap-centrale-zaporijia.html>2023-06-10-recap-centrale-zaporijia.html</a><br><a href=/lang_fr/2023-06-09-recapitulatif-contenu-threads.html>2023-06-09-recapitulatif-contenu-threads.html</a><h1> Articles in English</h1><br><a href=/lang_en/2024-11-02-coucou-gemini.html>2024-11-02-coucou-gemini.html</a></article></body></html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

View file

@ -2,157 +2,663 @@
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cil_gometz</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>qzine_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>tykayn_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>dragonfeu_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1rem;
max-width: 600px;
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
color: #000;
background: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", "Noto Sans", Times, serif;
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 */
*, *::before, *::after {
*,
*::before,
*::after {
box-sizing: border-box;
}
/* 2. Remove default margin */
* {
margin: 0;
}
body {
/* 3. Add accessible line-height */
line-height: 1.5;
/* 4. Improve text rendering */
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 5. Improve media defaults */
img, picture, video, canvas, svg {
/* Improve media defaults */
img,
picture,
video,
canvas,
svg {
display: block;
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
max-width: 100%;
}
/* 6. Inherit fonts for form controls */
input, button, textarea, select {
/* Inherit fonts for form controls */
input,
button,
textarea,
select {
font: inherit;
}
/* 7. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
/* Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
/* 8. Improve line wrapping */
/* Improve line wrapping */
p {
text-wrap: pretty;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
h1, h2, h3, h4, h5, h6 {
text-wrap: balance;
h1 {
font-size: 3.5rem;
}
/*
9. Create a root stacking context
*/
#root, #__next {
h2 {
font-size: 2rem;
}
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 {
input,
button,
textarea,
select {
font: inherit;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>dragonfeu_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1rem;
max-width: 600px;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", "Noto Sans", Times, serif;
}
/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after {
box-sizing: border-box;
}
/* 2. Remove default margin */
* {
margin: 0;
}
body {
/* 3. Add accessible line-height */
line-height: 1.5;
/* 4. Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 5. Improve media defaults */
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
/* 6. Inherit fonts for form controls */
input, button, textarea, select {
font: inherit;
}
/* 7. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
/* 8. Improve line wrapping */
p {
text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
text-wrap: balance;
}
/*
9. Create a root stacking context
*/
#root, #__next {
isolation: isolate;
}
input, button, textarea, select {
font: inherit;
}
</style></head>
<body>
<!DOCTYPE html>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
@ -160,12 +666,162 @@ input, button, textarea, select {
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>dragonfeu_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -177,7 +833,13 @@ input, button, textarea, select {
</body>
</html>
</body>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>
</body>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

View file

@ -2,157 +2,663 @@
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cil_gometz</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>qzine_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>tykayn_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
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 */
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 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: 3.5rem;
}
h2 {
font-size: 2rem;
}
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;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>dragonfeu_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1rem;
max-width: 600px;
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
color: #000;
background: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", "Noto Sans", Times, serif;
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 */
*, *::before, *::after {
*,
*::before,
*::after {
box-sizing: border-box;
}
/* 2. Remove default margin */
* {
margin: 0;
}
body {
/* 3. Add accessible line-height */
line-height: 1.5;
/* 4. Improve text rendering */
/* Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 5. Improve media defaults */
img, picture, video, canvas, svg {
/* Improve media defaults */
img,
picture,
video,
canvas,
svg {
display: block;
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
max-width: 100%;
}
/* 6. Inherit fonts for form controls */
input, button, textarea, select {
/* Inherit fonts for form controls */
input,
button,
textarea,
select {
font: inherit;
}
/* 7. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
/* Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
/* 8. Improve line wrapping */
/* Improve line wrapping */
p {
text-wrap: pretty;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
h1, h2, h3, h4, h5, h6 {
text-wrap: balance;
h1 {
font-size: 3.5rem;
}
/*
9. Create a root stacking context
*/
#root, #__next {
h2 {
font-size: 2rem;
}
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 {
input,
button,
textarea,
select {
font: inherit;
}
ul {
padding-left: 4ch;
padding-right: 4ch;
}
li {
margin-bottom: 1em;
}
@media (max-width: 20rem) {
body {
padding: 1rem;
}
}
</style></head>
<body>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>dragonfeu_blog</title>
<style type='text/css'>* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1rem;
max-width: 600px;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", "Noto Sans", Times, serif;
}
/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after {
box-sizing: border-box;
}
/* 2. Remove default margin */
* {
margin: 0;
}
body {
/* 3. Add accessible line-height */
line-height: 1.5;
/* 4. Improve text rendering */
-webkit-font-smoothing: antialiased;
}
/* 5. Improve media defaults */
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
/* 6. Inherit fonts for form controls */
input, button, textarea, select {
font: inherit;
}
/* 7. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
/* 8. Improve line wrapping */
p {
text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
text-wrap: balance;
}
/*
9. Create a root stacking context
*/
#root, #__next {
isolation: isolate;
}
input, button, textarea, select {
font: inherit;
}
</style></head>
<body>
<!DOCTYPE html>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
@ -160,12 +666,162 @@ input, button, textarea, select {
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>dragonfeu_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -177,7 +833,13 @@ input, button, textarea, select {
</body>
</html>
</body>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>
</body>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,35 +175,69 @@
<li>status: draft</li>
<li>publié le: &lt;2012-01-09 15:42:01&gt;</li>
<li>modifié: &lt;2012-01-09 15:42:01&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="comptes-rendus-de-conventions-avant-2012-1">Comptes rendus de conventions avant 2012</h2>
<p>Ici sont regroupées tous les comptes rendus de conventions où !Q à été publié.<br />
<h2 id="comptes-rendus-de-conventions-avant-2012-1">Comptes rendus de
conventions avant 2012</h2>
<p>Ici sont regroupées tous les comptes rendus de conventions où !Q à
été publié.<br />
</p>
<hr />
<p>Ici sont regroupées tous les comptes rendus de conventions où !Q à été publié.</p>
<p>Ah, que de nostalgie. La toute première publication date d'Octobre 2006, c'était à la Manga Expo n°1 de Paris. :') Que de chemin parcouru en six ans on a pris le temps de produire 4 numéros et on travaille actuellement au 5eme.</p>
<p><a href="https://tykay.free.fr/index.php/post/2011/11/14/Anim-Est-2011-compte-rendu">Anim Est - Novembre 2011</a></p>
<p>-<a href="http://tykay.free.fr/index.php/post/2011/11/16/Dessins-d-anim-est">Dessins</a></p>
<p><a href="http://tykay.free.fr/index.php/post/2011/09/14/photos-d-Harajuku-2011">Harajuku Bercy  - Septembre 2011</a></p>
<p>-<a href="http://tykay.free.fr/index.php/post/2011/09/13/Dipl%C3%B4me-et-Dessins-de-harajuku-2011">Dessins</a></p>
<p><a href="http://tykay.free.fr/index.php/post/2011/07/09/Japan-Expo-2011-compte-rendu-imag%C3%A9">Japan Expo - Juillet 2011</a></p>
<p>-<a href="http://tykay.free.fr/index.php/post/2011/07/07/Cosplays-de-Japan-Expo-2011">Cosplays</a></p>
<p>-<a href="http://tykay.free.fr/index.php/post/2011/07/07/Dessins-de-Japan-Expo-2011">Dessins</a></p>
<p>Ici sont regroupées tous les comptes rendus de conventions où !Q à
été publié.</p>
<p>Ah, que de nostalgie. La toute première publication date d'Octobre
2006, c'était à la Manga Expo n°1 de Paris. :') Que de chemin parcouru
en six ans on a pris le temps de produire 4 numéros et on travaille
actuellement au 5eme.</p>
<p><a
href="https://tykay.free.fr/index.php/post/2011/11/14/Anim-Est-2011-compte-rendu">Anim
Est - Novembre 2011</a></p>
<p>-<a
href="http://tykay.free.fr/index.php/post/2011/11/16/Dessins-d-anim-est">Dessins</a></p>
<p><a
href="http://tykay.free.fr/index.php/post/2011/09/14/photos-d-Harajuku-2011">Harajuku
Bercy  - Septembre 2011</a></p>
<p>-<a
href="http://tykay.free.fr/index.php/post/2011/09/13/Dipl%C3%B4me-et-Dessins-de-harajuku-2011">Dessins</a></p>
<p><a
href="http://tykay.free.fr/index.php/post/2011/07/09/Japan-Expo-2011-compte-rendu-imag%C3%A9">Japan
Expo - Juillet 2011</a></p>
<p>-<a
href="http://tykay.free.fr/index.php/post/2011/07/07/Cosplays-de-Japan-Expo-2011">Cosplays</a></p>
<p>-<a
href="http://tykay.free.fr/index.php/post/2011/07/07/Dessins-de-Japan-Expo-2011">Dessins</a></p>
<p>Geek Faeries - Juin 2011</p>
<p><a href="http://tykay.free.fr/index.php/post/2011/03/22/Made-in-asia-compte-rendu">Made in Asia Bruxelles - Mars 2011</a></p>
<p><a href="http://tykay.free.fr/index.php/post/2010/09/27/Harajuku-festival-2010">Harajuku Bercy  - Septembre 2010</a></p>
<p><a href="http://tykay.free.fr/index.php/post/2010/07/12/Photos-de-japan-expo-2010">Japan Expo - Juillet 2010</a></p>
<p>-<a href="http://tykay.free.fr/index.php/post/2010/07/11/Dessins-de-japan-expo-2010">Dessins</a></p>
<p><a
href="http://tykay.free.fr/index.php/post/2011/03/22/Made-in-asia-compte-rendu">Made
in Asia Bruxelles - Mars 2011</a></p>
<p><a
href="http://tykay.free.fr/index.php/post/2010/09/27/Harajuku-festival-2010">Harajuku
Bercy  - Septembre 2010</a></p>
<p><a
href="http://tykay.free.fr/index.php/post/2010/07/12/Photos-de-japan-expo-2010">Japan
Expo - Juillet 2010</a></p>
<p>-<a
href="http://tykay.free.fr/index.php/post/2010/07/11/Dessins-de-japan-expo-2010">Dessins</a></p>
<p>Manga Expo 2007</p>
<p><a href="http://tykay.free.fr/index.php/post/2007/07/11/Japan-Expo2007">[[<a href="http://tykay.free.fr/dotclear2/public/3.0/JE2007/2/.DSC06356_s.jpg">http://tykay.free.fr/dotclear2/public/3.0/JE2007/2/.DSC06356_s.jpg</a></a>]]</p>
<p><a href="http://tykay.free.fr/index.php/post/2007/07/11/Japan-Expo2007">Japan Expo 2007</a></p>
<p><a href="http://tykay.free.fr/index.php/post/2006/11/21/Anim-Est-2006-Y-a-t-il-une-vie-apres-HardGay">Anim'Est 2006</a></p>
<p><a href="http://tykay.free.fr/index.php/post/2006/10/29/Manga-Expo">[[<a href="http://membres.lycos.fr/tkbl/animest2006/img/DSC00887.JPG">http://membres.lycos.fr/tkbl/animest2006/img/DSC00887.JPG</a></a><a href="http://tykay.free.fr/dotclear2/public/me/2/02.JPG">http://tykay.free.fr/dotclear2/public/me/2/02.JPG</a>]]</p>
<p><a href="http://tykay.free.fr/index.php/post/2006/10/29/Manga-Expo">Manga Expo 2006</a></p>
<p><a
href="http://tykay.free.fr/index.php/post/2007/07/11/Japan-Expo2007">[[<span>http://tykay.free.fr/dotclear2/public/3.0/JE2007/2/.DSC06356_s.jpg</span></a>]]</p>
<p><a
href="http://tykay.free.fr/index.php/post/2007/07/11/Japan-Expo2007">Japan
Expo 2007</a></p>
<p><a
href="http://tykay.free.fr/index.php/post/2006/11/21/Anim-Est-2006-Y-a-t-il-une-vie-apres-HardGay">Anim'Est
2006</a></p>
<p><a
href="http://tykay.free.fr/index.php/post/2006/10/29/Manga-Expo">[[<span>http://membres.lycos.fr/tkbl/animest2006/img/DSC00887.JPG</span></a><img
src="http://tykay.free.fr/dotclear2/public/me/2/02.JPG" />]]</p>
<p><a
href="http://tykay.free.fr/index.php/post/2006/10/29/Manga-Expo">Manga
Expo 2006</a></p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,17 +175,36 @@
<li>status: publish</li>
<li>publié le: &lt;2012-01-14 18:33:35&gt;</li>
<li>modifié: &lt;2012-01-14 18:33:35&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="fétichisme-des-poignées-de-porte.-zêtes-prévenus">Fétichisme des poignées de porte. zêtes prévenus</h2>
<h2 id="fétichisme-des-poignées-de-porte.-zêtes-prévenus">Fétichisme des
poignées de porte. zêtes prévenus</h2>
<p><br />
Dans le fanzine !Q n°4 consacré à la masturbation et aux sextoys mais pas forcément en même temps, vous pouvez voir un strip qui commence par cette case ci-dessus.</p>
<p>J'ai découvert récemment qu'<a href="https://doorknobgirl.tumblr.com/">un thumblr consacré au fétichisme des poignées de porte existait</a>, même que c'est tellement WTF qu'on ne peut pas décrocher le […]</p>
Dans le fanzine !Q n°4 consacré à la masturbation et aux sextoys mais
pas forcément en même temps, vous pouvez voir un strip qui commence par
cette case ci-dessus.</p>
<p>J'ai découvert récemment qu'<a
href="https://doorknobgirl.tumblr.com/">un thumblr consacré au
fétichisme des poignées de porte existait</a>, même que c'est tellement
WTF qu'on ne peut pas décrocher le […]</p>
<hr />
<p><img src="http://blog.artlemoine.com/public/i/2012/01janvier/floodage/poignee_porte_story.jpg" /> Dans le fanzine !Q n°4 consacré à la masturbation et aux sextoys mais pas forcément en même temps, vous pouvez voir un strip qui commence par cette case ci-dessus. J'ai découvert récemment qu'un tumblr consacré au fétichisme des poignées de porte existait, même que c'est tellement WTF qu'on ne peut pas décrocher le regard. <a href="http://doorknobgirl.tumblr.com/">http://doorknobgirl.tumblr.com/</a> <img src="http://bipolaires.files.wordpress.com/2011/06/p.jpg" /> Maïa mazaurette, auteur du blog de sexactu voit dans ce fétichisme un aspect rassurant parce qu'avoir une porte ça veut dire qu'on a un toit. hmhmhm. à méditer. Sacrés Japonais, ils m'étonneront toujours.</p>
<p><img
src="http://blog.artlemoine.com/public/i/2012/01janvier/floodage/poignee_porte_story.jpg" />
Dans le fanzine !Q n°4 consacré à la masturbation et aux sextoys mais
pas forcément en même temps, vous pouvez voir un strip qui commence par
cette case ci-dessus. J'ai découvert récemment qu'un tumblr consacré au
fétichisme des poignées de porte existait, même que c'est tellement WTF
qu'on ne peut pas décrocher le regard. <a
href="http://doorknobgirl.tumblr.com/">http://doorknobgirl.tumblr.com/</a>
<img src="http://bipolaires.files.wordpress.com/2011/06/p.jpg" /> Maïa
mazaurette, auteur du blog de sexactu voit dans ce fétichisme un aspect
rassurant parce qu'avoir une porte ça veut dire qu'on a un toit. hmhmhm.
à méditer. Sacrés Japonais, ils m'étonneront toujours.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,20 +175,42 @@
<li>status: publish</li>
<li>publié le: &lt;2012-02-08 19:57:23&gt;</li>
<li>modifié: &lt;2012-02-08 19:57:23&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="recueil-de-fantasmes-1">Recueil de fantasmes</h2>
<p>Voici une page spécialement faite pour recuillir de façon anonyme des fantasmes des lecteurs du site. Après avoir constaté les méthodologies pauvres de quelques magazines comme Marianne qui cet été s'interrogeait sur les VRAIS fantasmes des Français en leur proposant un quizz à choix multiples et en abandonnant donc tout témoignage réellement personnel en dehors […]</p>
<p>Voici une page spécialement faite pour recuillir de façon anonyme des
fantasmes des lecteurs du site. Après avoir constaté les méthodologies
pauvres de quelques magazines comme Marianne qui cet été s'interrogeait
sur les VRAIS fantasmes des Français en leur proposant un quizz à choix
multiples et en abandonnant donc tout témoignage réellement personnel en
dehors […]</p>
<hr />
<p>Voici une page spécialement faite pour recuillir de façon anonyme des fantasmes des lecteurs du site. Après avoir constaté les méthodologies pauvres de quelques magazines comme Marianne qui cet été s'interrogeait sur les VRAIS fantasmes des Français en leur proposant un quizz à choix multiples et en abandonnant donc tout témoignage réellement personnel en dehors des clichés, je me suis construit ce petit formulaire simple. Je précise qu'on a tout à fait le droit d'avoir des fantasmes sexuels tout à fait classiques, voire ne pas en avoir de partiCULier, faut pas déconner! Comme toujours chez !Q on a le droit de déconner, mais notez qu'il serait encore plus intéressant de partager vos vraies envies à vous, celles qui vous excitent vraiment de l'intérieur. allez zou, hommes, femmes et autres <a href="https://fr.wikipedia.org/wiki/Pansexualit%C3%A9">pansexuels</a>, participez! <img src="http://qzine.fr/wp-includes/images/smilies/icon_smile.gif" /></p>
<p>Voici une page spécialement faite pour recuillir de façon anonyme des
fantasmes des lecteurs du site. Après avoir constaté les méthodologies
pauvres de quelques magazines comme Marianne qui cet été s'interrogeait
sur les VRAIS fantasmes des Français en leur proposant un quizz à choix
multiples et en abandonnant donc tout témoignage réellement personnel en
dehors des clichés, je me suis construit ce petit formulaire simple. Je
précise qu'on a tout à fait le droit d'avoir des fantasmes sexuels tout
à fait classiques, voire ne pas en avoir de partiCULier, faut pas
déconner! Comme toujours chez !Q on a le droit de déconner, mais notez
qu'il serait encore plus intéressant de partager vos vraies envies à
vous, celles qui vous excitent vraiment de l'intérieur. allez zou,
hommes, femmes et autres <a
href="https://fr.wikipedia.org/wiki/Pansexualit%C3%A9">pansexuels</a>,
participez! <img
src="http://qzine.fr/wp-includes/images/smilies/icon_smile.gif" /></p>
<p>N'hésitez pas à faire passer le lien</p>
<blockquote>
<p><a href="http://qzine.fr/sondages/q5/index.php">http://qzine.fr/sondages/q5/index.php</a></p>
<p><a
href="http://qzine.fr/sondages/q5/index.php">http://qzine.fr/sondages/q5/index.php</a></p>
</blockquote>
<p>pour rendre le contenu encore plus proche d'un maximum de gens!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,20 +175,85 @@
<li>status: publish</li>
<li>publié le: &lt;2012-02-08 20:41:19&gt;</li>
<li>modifié: &lt;2012-02-08 20:41:19&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="qzine-sur-sexactu.com">Qzine sur sexactu.com</h2>
<p>[[<a href="https://qzine.fr/boutique/">https://qzine.fr/boutique/</a>][]]</p>
<p>D'habitude quand j'ai des retours sur les fanzines !Q ça peut aller de l'éruption de boutons au passage sous le bureau bouquet d'organes sexuels de plantes de fleurs. J'ai entendu des « putain! »(la rédaction tient à préciser qu'elle n'a rien contre les putain), des « quoi vous croyez que c'est avec ce […]</p>
<p>[[<a
href="https://qzine.fr/boutique/">https://qzine.fr/boutique/</a>][]]</p>
<p>D'habitude quand j'ai des retours sur les fanzines !Q ça peut aller
de l'éruption de boutons au passage sous le bureau bouquet d'organes
sexuels de plantes de fleurs. J'ai entendu des « putain! »(la rédaction
tient à préciser qu'elle n'a rien contre les putain), des « quoi vous
croyez que c'est avec ce […]</p>
<hr />
<p><a href="http://qzine.fr/boutique/">[[<a href="http://qzine.fr/boutique/img/articles/4.jpg">http://qzine.fr/boutique/img/articles/4.jpg</a></a>]] D'habitude quand j'ai des retours sur les fanzines !Q ça peut aller de l'éruption de boutons au <del>passage sous le bureau</del> bouquet <del>d'organes sexuels de plantes</del> de fleurs. J'ai entendu des « putain! »(la rédaction tient à préciser qu'elle n'a rien contre les putain), des « /quoi vous croyez que c'est avec ce genre d'images que vous dites du bien de la sexualité?/« , des « /ce qui est bien avec eux [nous, les gens de qzine] c'est qu'on peut parler de sexe comme du temps qu'il fait, et c'est pas vulgaire/« , et des « /je soutiens carrément votre action, il faut libérer le corps des femmes/ » , « ça c'est très bien de dire que les femmes aussi regardent du porno et que y'a pas de honte à se faire du bien », « tu me dédicaces mon !Q ? » , « owi »… Je ne sais comment, vu que le lien n'a jamais été posté sur <a href="http://qzine.fr/forum">le forum !Q</a>, mais une version pdf non finie du fanzine !Q4 (avec plein de pages blanches et autres contenus manquants sans correction) sur le thème masturbation et sextoys a été donnée en lecture à une blogueuse que j'aime bien: Maïa Mazaurette. (écrivain, reportage-woman, expatriée dans un pays aux moeurs curieuses, la Danoisie, et scénariste avec Arthur de Pins ce qui est quand même un peu la classe, bossant pour FluidezoneG , fétichiste des câbles RJ45…) Sur son chouette blog nommé sexactu « parler de sexe sans parler de cul » elle a donc dit ceci:</p>
<p><a
href="http://qzine.fr/boutique/">[[<span>http://qzine.fr/boutique/img/articles/4.jpg</span></a>]]
D'habitude quand j'ai des retours sur les fanzines !Q ça peut aller de
l'éruption de boutons au <del>passage sous le bureau</del> bouquet
<del>d'organes sexuels de plantes</del> de fleurs. J'ai entendu des
« putain! »(la rédaction tient à préciser qu'elle n'a rien contre les
putain), des « /quoi vous croyez que c'est avec ce genre d'images que
vous dites du bien de la sexualité?/« , des « /ce qui est bien avec eux
[nous, les gens de qzine] c'est qu'on peut parler de sexe comme du temps
qu'il fait, et c'est pas vulgaire/« , et des « /je soutiens carrément
votre action, il faut libérer le corps des femmes/ » , « ça c'est très
bien de dire que les femmes aussi regardent du porno et que y'a pas de
honte à se faire du bien », « tu me dédicaces mon !Q ? » , « owi »… Je
ne sais comment, vu que le lien n'a jamais été posté sur <a
href="http://qzine.fr/forum">le forum !Q</a>, mais une version pdf non
finie du fanzine !Q4 (avec plein de pages blanches et autres contenus
manquants sans correction) sur le thème masturbation et sextoys a été
donnée en lecture à une blogueuse que j'aime bien: Maïa Mazaurette.
(écrivain, reportage-woman, expatriée dans un pays aux moeurs curieuses,
la Danoisie, et scénariste avec Arthur de Pins ce qui est quand même un
peu la classe, bossant pour FluidezoneG , fétichiste des câbles RJ45…)
Sur son chouette blog nommé sexactu « parler de sexe sans parler de
cul » elle a donc dit ceci:</p>
<blockquote>
<p>Enfin, on m'informe de l'existence de qZine, un magazine en pdf qui parle de masturbation. Note personnelle : je ne sais pas si le style manga doit nécessairement appartenir aux Japonais par décret artistique. Mais le copier-coller infini des mêmes silhouettes, et pire, de la même stylisation du sexe, pourrait bien me faire m'empaler sur un câble USB. C'est-à-dire qu'à un moment le cliché dépasse l'érotique. Donc voilà, coming-out : pour moi, le manga sans recherche (parce que ça laisse un tas de mangas originaux, tout de même) vient officiellement de franchir le cap de l'insoutenable énervement, MAIS BORDEL voulez-vous bien au moins ESSAYER de dessiner différemment de douze millions d'autres personnes ? Juste par affirmation de votre individualité ? Sérieusement.</p>
<p>Enfin, on m'informe de l'existence de qZine, un magazine en pdf qui
parle de masturbation. Note personnelle : je ne sais pas si le style
manga doit nécessairement appartenir aux Japonais par décret artistique.
Mais le copier-coller infini des mêmes silhouettes, et pire, de la même
stylisation du sexe, pourrait bien me faire m'empaler sur un câble USB.
C'est-à-dire qu'à un moment le cliché dépasse l'érotique. Donc voilà,
coming-out : pour moi, le manga sans recherche (parce que ça laisse un
tas de mangas originaux, tout de même) vient officiellement de franchir
le cap de l'insoutenable énervement, MAIS BORDEL voulez-vous bien au
moins ESSAYER de dessiner différemment de douze millions d'autres
personnes ? Juste par affirmation de votre individualité ?
Sérieusement.</p>
</blockquote>
<p>(<a href="http://www.gqmagazine.fr/sexactu/articles/les-monologues-du-tetin/12489">source</a>) Hehe, merci Omaha de ton soutien dans les commentaires! <img src="http://qzine.fr/wp-includes/images/smilies/icon_smile.gif" /> Je ne m'attendais pas à un compte rendu approfondi mais je suis quand même étonné, surtout venant de la part de quelqu'un capable de critiques éclairées sur les absurdités et dictats relatifs à l'apparence et comme on devrait se méfier de la superficialité surtout dans les magazines féminins qui décidément devraient arrêter de prendre les femmes pour des connes… que le commentaire ne s'attarde que sur l'aspect visuel du fanzine. Je pense que la vingtaine de personnes illustrant le fanzine ne renie pas ses influences Japonaises et qu'il est certain qu'on ne peut pas plaire à tout le monde. Mais toudmême y'a franchement pas que du mangasse dans les fanzines Q, justement qu'on cherche à lutter contre les tabous et la pensée unique, ça me ferait mal! <img src="http://qzine.fr/wp-includes/images/smilies/icon_biggrin.gif" /> Mais bon, le fichier qu'on lui a passé n'était pas une version finale, on va dire que c'est pour ça. Tant qu'on parle de Maïa, elle avait fait un chouette site de témoignages d'hommes relatant leur rapport avec leur pénis, une initiative sans doute trop avant-gardiste pour avoir perduré dans ce monde où parler de sexe est tolérable tant qu'il s'agit de parler de femmes en même temps. RIP donc Encyclopenis.net , j'aurais bien voulu avoir le temps de pouvoir consulter l'intégralité des témoignages. Et donc, de l'actu et du fun sexuel avec du WTF et des coups de gueule parfois: c'est <a href="http://www.gqmagazine.fr/sexactu">par ici sexactu</a>.</p>
<p>(<a
href="http://www.gqmagazine.fr/sexactu/articles/les-monologues-du-tetin/12489">source</a>)
Hehe, merci Omaha de ton soutien dans les commentaires! <img
src="http://qzine.fr/wp-includes/images/smilies/icon_smile.gif" /> Je ne
m'attendais pas à un compte rendu approfondi mais je suis quand même
étonné, surtout venant de la part de quelqu'un capable de critiques
éclairées sur les absurdités et dictats relatifs à l'apparence et comme
on devrait se méfier de la superficialité surtout dans les magazines
féminins qui décidément devraient arrêter de prendre les femmes pour des
connes… que le commentaire ne s'attarde que sur l'aspect visuel du
fanzine. Je pense que la vingtaine de personnes illustrant le fanzine ne
renie pas ses influences Japonaises et qu'il est certain qu'on ne peut
pas plaire à tout le monde. Mais toudmême y'a franchement pas que du
mangasse dans les fanzines Q, justement qu'on cherche à lutter contre
les tabous et la pensée unique, ça me ferait mal! <img
src="http://qzine.fr/wp-includes/images/smilies/icon_biggrin.gif" />
Mais bon, le fichier qu'on lui a passé n'était pas une version finale,
on va dire que c'est pour ça. Tant qu'on parle de Maïa, elle avait fait
un chouette site de témoignages d'hommes relatant leur rapport avec leur
pénis, une initiative sans doute trop avant-gardiste pour avoir perduré
dans ce monde où parler de sexe est tolérable tant qu'il s'agit de
parler de femmes en même temps. RIP donc Encyclopenis.net , j'aurais
bien voulu avoir le temps de pouvoir consulter l'intégralité des
témoignages. Et donc, de l'actu et du fun sexuel avec du WTF et des
coups de gueule parfois: c'est <a
href="http://www.gqmagazine.fr/sexactu">par ici sexactu</a>.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,18 +175,54 @@
<li>status: publish</li>
<li>publié le: &lt;2012-02-10 15:32:55&gt;</li>
<li>modifié: &lt;2012-02-10 15:32:55&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="le-sexe-au-japon">Le sexe au japon</h2>
<p>Reportage de sexe autour du monde très sympathique et plein de diversité animé par un Québecois visitant un pays aux gens attachants avec enfin des gens au bon accent Anglish et quelques commentaires d'Agnès Giard (qu'on verra peut être aux Eroteek Faeries en juin à Orléans) que je connais surtout pour son blog aux articles […]</p>
<p>Reportage de sexe autour du monde très sympathique et plein de
diversité animé par un Québecois visitant un pays aux gens attachants
avec enfin des gens au bon accent Anglish et quelques commentaires
d'Agnès Giard (qu'on verra peut être aux Eroteek Faeries en juin à
Orléans) que je connais surtout pour son blog aux articles […]</p>
<hr />
<p>Reportage de sexe autour du monde très sympathique et plein de diversité animé par un Québecois visitant un pays aux gens attachants avec enfin des gens au bon accent Anglish et quelques commentaires d'Agnès Giard (qu'on verra peut être aux Eroteek Faeries en juin à Orléans) que je connais surtout pour son blog aux articles toujours formidablement bien documentés « <a href="https://sexes.blogs.liberation.fr/">les 400 culs</a>« . ça Cause de la vision du sexe dans les couples Japonais avec pour une fois non pas des « experts » qui n'ont jamais fréquenté les milieux dont ils parlent mais des gens concernés de près par les sujets abordés: la BDSM, l'art et l'érotisme, les queers, la notion de pureté, les escort girls, l'art de l'attachement à la corde, les transgenres, les sextoys… Attention, c'est pas safe for work, Si vous avez trois fois 15 minutes à consacrer à la biodiversité culturelle, faites vous plaisir c'est la maison qui régale. (Merci <a href="http://elk64.deviantart.com/">Elk</a> pour l'info <img src="http://qzine.fr/wp-includes/images/smilies/icon_wink.gif" /> ) Partie 1/3:</p>
<p><a href="http://www.dailymotion.com/video/xhnzm0_le-sexe-au-japon-1-3_travel">Le Sexe au Japon 1/3</a> <em>par <a href="http://www.dailymotion.com/Inferno-san">Inferno-san</a></em> Partie 2/3:</p>
<p><a href="http://www.dailymotion.com/video/xho1hk_le-sexe-au-japon-2-3_travel">Le Sexe au Japon 2/3</a> <em>par <a href="http://www.dailymotion.com/Inferno-san">Inferno-san</a></em> Partie 3/3:</p>
<p><a href="http://www.dailymotion.com/video/xho3cp_le-sexe-au-japon-3-3_travel">Le Sexe au Japon 3/3</a> <em>par <a href="http://www.dailymotion.com/Inferno-san">Inferno-san</a></em> Un doCUmentaire qui vaut le détour <img src="http://qzine.fr/wp-includes/images/smilies/icon_smile.gif" /></p>
<p>Reportage de sexe autour du monde très sympathique et plein de
diversité animé par un Québecois visitant un pays aux gens attachants
avec enfin des gens au bon accent Anglish et quelques commentaires
d'Agnès Giard (qu'on verra peut être aux Eroteek Faeries en juin à
Orléans) que je connais surtout pour son blog aux articles toujours
formidablement bien documentés « <a
href="https://sexes.blogs.liberation.fr/">les 400 culs</a>« . ça Cause
de la vision du sexe dans les couples Japonais avec pour une fois non
pas des « experts » qui n'ont jamais fréquenté les milieux dont ils
parlent mais des gens concernés de près par les sujets abordés: la BDSM,
l'art et l'érotisme, les queers, la notion de pureté, les escort girls,
l'art de l'attachement à la corde, les transgenres, les sextoys…
Attention, c'est pas safe for work, Si vous avez trois fois 15 minutes à
consacrer à la biodiversité culturelle, faites vous plaisir c'est la
maison qui régale. (Merci <a href="http://elk64.deviantart.com/">Elk</a>
pour l'info <img
src="http://qzine.fr/wp-includes/images/smilies/icon_wink.gif" /> )
Partie 1/3:</p>
<p><a
href="http://www.dailymotion.com/video/xhnzm0_le-sexe-au-japon-1-3_travel">Le
Sexe au Japon 1/3</a> <em>par <a
href="http://www.dailymotion.com/Inferno-san">Inferno-san</a></em>
Partie 2/3:</p>
<p><a
href="http://www.dailymotion.com/video/xho1hk_le-sexe-au-japon-2-3_travel">Le
Sexe au Japon 2/3</a> <em>par <a
href="http://www.dailymotion.com/Inferno-san">Inferno-san</a></em>
Partie 3/3:</p>
<p><a
href="http://www.dailymotion.com/video/xho3cp_le-sexe-au-japon-3-3_travel">Le
Sexe au Japon 3/3</a> <em>par <a
href="http://www.dailymotion.com/Inferno-san">Inferno-san</a></em> Un
doCUmentaire qui vaut le détour <img
src="http://qzine.fr/wp-includes/images/smilies/icon_smile.gif" /></p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,20 +175,39 @@
<li>status: publish</li>
<li>publié le: &lt;2012-02-16 07:01:18&gt;</li>
<li>modifié: &lt;2012-02-16 07:01:18&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="sondage-anonyme-masturbation-et-sextoys-1">Sondage anonyme masturbation et sextoys</h2>
<p>à l'heure où je publie ce sondage sur ce nouveau site on compte 386 votes à ce formulaire Questionnant sur nos habitudes et contextes relatifs à notre rapport avec la masturbation et les sextoys.<br />
<a href="https://qzine.fr/sondages/statistique.php">\\ Cliquez ici pour participer au sondage!</a><br />
<h2 id="sondage-anonyme-masturbation-et-sextoys-1">Sondage anonyme
masturbation et sextoys</h2>
<p>à l'heure où je publie ce sondage sur ce nouveau site on compte 386
votes à ce formulaire Questionnant sur nos habitudes et contextes
relatifs à notre rapport avec la masturbation et les sextoys.<br />
<a href="https://qzine.fr/sondages/statistique.php">\\ Cliquez ici pour
participer au sondage!</a><br />
Répondez au plus près de […]</p>
<hr />
<p>à l'heure où je publie ce sondage sur ce nouveau site on compte 386 votes à ce formulaire Questionnant sur nos habitudes et contextes relatifs à notre rapport avec la masturbation et les sextoys. <a href="http://qzine.fr/sondages/statistique.php">[[<a href="http://qzine.fr/sondages/sondage_masturbation_sextoys.jpg">http://qzine.fr/sondages/sondage_masturbation_sextoys.jpg</a></a> Cliquez ici pour participer au sondage!]] Répondez au plus près de la réalité possible pour que l'on puisse lutter contre les tabous mais aussi embrasser la diversité de chacun. Vous pourrez voir les graphiques et témoignages anonymes une fois que vous aurez voté. Je publierai le lien des résultats quand davantage de réponses complèteront l'étude. Mon but est de recueillir au moins 1000 réponses à ce sondage. Faites le passer autour de vous à des personnes sexuellement majeures et de tous les âges au delà ! <img src="http://qzine.fr/wp-includes/images/smilies/icon_smile.gif" /></p>
<p>à l'heure où je publie ce sondage sur ce nouveau site on compte 386
votes à ce formulaire Questionnant sur nos habitudes et contextes
relatifs à notre rapport avec la masturbation et les sextoys. <a
href="http://qzine.fr/sondages/statistique.php">[[<span>http://qzine.fr/sondages/sondage_masturbation_sextoys.jpg</span></a>
Cliquez ici pour participer au sondage!]] Répondez au plus près de la
réalité possible pour que l'on puisse lutter contre les tabous mais
aussi embrasser la diversité de chacun. Vous pourrez voir les graphiques
et témoignages anonymes une fois que vous aurez voté. Je publierai le
lien des résultats quand davantage de réponses complèteront l'étude. Mon
but est de recueillir au moins 1000 réponses à ce sondage. Faites le
passer autour de vous à des personnes sexuellement majeures et de tous
les âges au delà ! <img
src="http://qzine.fr/wp-includes/images/smilies/icon_smile.gif" /></p>
<blockquote>
<p><code>http://qzine.fr/sondages/statistique.php</code></p>
<p><code
class="verbatim">http://qzine.fr/sondages/statistique.php</code></p>
</blockquote>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,49 +175,252 @@
<li>status: publish</li>
<li>publié le: &lt;2012-02-20 20:12:14&gt;</li>
<li>modifié: &lt;2012-02-20 20:12:14&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="fugu-chaulnes-compte-rendu-1">Fugu chaulnes compte rendu</h2>
<p>:html:</p>
<p>&lt;p&gt;Non loin d&amp;#8217;Amiens dans le ch&amp;#8217;nord, se déroulait Samedi le premier &lt;a href="<a href="http://wafutsu.e-monsite.com/agenda/fugu-chaulnes.html">http://wafutsu.e-monsite.com/agenda/fugu-chaulnes.html</a>" title="site de fugu chaulnes"&gt;Fugu chaulnes&lt;/a&gt;.&lt;br /&gt; &lt;a rel="lightbox" href="<a href="http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09941.JPG">http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09941.JPG</a>" title="br / "&gt;&lt;/a&gt;&lt;br/&gt;&lt;br /&gt; &lt;a href="<a href="http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09942.JPG">http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09942.JPG</a>" rel="lightbox[114]" title="br / "&gt;&lt;/a&gt;&lt;br/&gt;&lt;br /&gt; &lt;a href="<a href="http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09944.JPG">http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09944.JPG</a>" rel="lightbox[114]" title="br / "&gt;&lt;/a&gt;&lt;br/&gt;&lt;br /&gt; &lt;a href="<a href="http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09945.JPG">http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09945.JPG</a>" rel="lightbox[114]" title="br / "&gt;&lt;/a&gt;&lt;br/&gt;&lt;br /&gt; &lt;a href="<a href="http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09947.JPG">http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09947.JPG</a>" rel="lightbox[114]" title="br / "&gt;&lt;/a&gt;&lt;br/&gt;&lt;br /&gt; &lt;a […]&lt;hr&gt;&lt;! Start Shareaholic LikeButtonSetTop Automatic &gt;&lt;! End Shareaholic LikeButtonSetTop Automatic &gt;</p>
<p>Non loin dAmiens dans le chnord, se déroulait Samedi le premier &lt;a title="site de fugu chaulnes" href="<a href="http://wafutsu.e-monsite.com/agenda/fugu-chaulnes.html">http://wafutsu.e-monsite.com/agenda/fugu-chaulnes.html</a>"&gt;Fugu chaulnes&lt;/a&gt;.</p>
<p>Dans un cadre plus intimiste que ce quon a lhabitude de faire, lambiance était plutôt détendue et les organisateurs cosplayés hyper motivés ø/ Jai eu la joie de faire connaissance avec des standeux motivés, de revoir &lt;a title="gallerie deviantart de asian cloud" href="<a href="http://asiancloud.deviantart.com/">http://asiancloud.deviantart.com/</a>"&gt;AsianCloud et son nuage qui passe&lt;/a&gt;.</p>
<p>Jestime le public à 200 personnes en tout dans la journée, et ne pas se sentir comme dans une boite à sardines est une bonne chose. ça ne nous a pas coûté un bras de nous restaurer et ça aussi ça change la vie. Mon équipe scénographique disait cependant quil serait bon davoir davantage de poubelles à disposition et dindiquer que lon peut emprunter certains escaliers car certaines personnes nosaient pas sy aventurer de peur dentrer dans un lieu privé.</p>
<p>&lt;img title="DSC09964" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09964.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09964.JPG</a>" alt="DSC09964" /&gt;</p>
<p>&lt;!more&gt; &lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09941.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09941.JPG</a>" rel="lightbox"&gt;&lt;img title="DSC09941" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09941.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09941.JPG</a>" alt="DSC09941" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09942.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09942.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09942" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09942.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09942.JPG</a>" alt="DSC09942" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09944.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09944.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09944" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09944.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09944.JPG</a>" alt="DSC09944" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09945.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09945.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09945" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09945.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09945.JPG</a>" alt="DSC09945" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09947.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09947.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09947" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09947.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09947.JPG</a>" alt="DSC09947" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09948.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09948.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09948" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09948.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09948.JPG</a>" alt="DSC09948" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09949.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09949.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09949" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09949.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09949.JPG</a>" alt="DSC09949" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09952.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09952.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09952" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09952.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09952.JPG</a>" alt="DSC09952" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09954.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09954.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09954" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09954.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09954.JPG</a>" alt="DSC09954" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09956.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09956.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09956" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09956.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09956.JPG</a>" alt="DSC09956" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09957.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09957.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09957" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09957.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09957.JPG</a>" alt="DSC09957" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09958.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09958.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09958" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09958.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09958.JPG</a>" alt="DSC09958" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09960.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09960.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09960" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09960.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09960.JPG</a>" alt="DSC09960" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09962.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09962.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09962" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09962.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09962.JPG</a>" alt="DSC09962" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09970.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09970.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09970" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09970.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09970.JPG</a>" alt="DSC09970" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09971.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09971.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09971" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09971.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09971.JPG</a>" alt="DSC09971" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09972.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09972.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09972" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09972.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09972.JPG</a>" alt="DSC09972" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09973.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09973.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09973" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09973.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09973.JPG</a>" alt="DSC09973" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09977.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09977.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09977" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09977.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09977.JPG</a>" alt="DSC09977" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09981.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09981.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09981" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09981.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09981.JPG</a>" alt="DSC09981" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09983.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09983.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09983" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09983.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09983.JPG</a>" alt="DSC09983" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09986.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09986.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09986" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09986.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09986.JPG</a>" alt="DSC09986" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09987.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09987.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09987" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09987.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09987.JPG</a>" alt="DSC09987" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09990.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09990.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09990" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09990.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09990.JPG</a>" alt="DSC09990" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09993.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09993.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09993" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09993.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09993.JPG</a>" alt="DSC09993" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09994.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09994.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09994" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09994.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09994.JPG</a>" alt="DSC09994" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09994.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09994.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC10003" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC10003.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC10003.JPG</a>" alt="DSC10003" /&gt;&lt;/a&gt;</p>
<p>hopla les dédicaces que jai fait: &lt;a title="panty &amp;amp; stocky with gaterbelt" href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09950.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09950.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09950" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09950.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09950.JPG</a>" alt="DSC09950" /&gt;&lt;/a&gt; Une Panty de &lt;a href="<a href="http://www.youtube.com/watch?v=ooA21BGBFLM">http://www.youtube.com/watch?v=ooA21BGBFLM</a>"&gt;panty &amp;amp; stocky with gaterbelt&lt;/a&gt; &lt;a title="DSC09955" href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09953.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09953.JPG</a>" rel="lightbox[114]"&gt;« &amp;gt;&lt;img title="DSC09953" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09953.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09953.JPG</a>" alt="DSC09953" /&gt;&lt;/a&gt; aubergine woman &lt;a title="DSC09965" href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09955.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09955.JPG</a>" rel="lightbox[114]"&gt;« &amp;gt;&lt;img title="DSC09955" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09955.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09955.JPG</a>" alt="DSC09955" /&gt;&lt;/a&gt; du chapelet anal version saut à lélastique &lt;a title="DSC09988" href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09965.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09965.JPG</a>" rel="lightbox[114]"&gt;« &amp;gt;&lt;img title="DSC09965" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09965.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09965.JPG</a>" alt="DSC09965" /&gt;&lt;/a&gt; du ranma 1/2+1 = ranma 3/2 &lt;a title="AsianCloud et son nuage qui passe" href="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09988.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09988.JPG</a>" rel="lightbox[114]"&gt;&lt;img title="DSC09988" src="<a href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09988.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09988.JPG</a>" alt="DSC09988" /&gt;&lt;/a&gt; du yuri parce que les fanzines avec du yuri ça manque que nous disait une organisatrice &lt;img class="wp-smiley" src="<a href="http://qzine.fr/wp-includes/images/smilies/icon_smile.gif">http://qzine.fr/wp-includes/images/smilies/icon_smile.gif</a>" alt=":)" /&gt;</p>
<p>On a pu tester notre chevalet-carton plume pour exposer nos badges, ce qui donne bien plus de place sur la table pour exposer nos fanzines et faire la causette. On a eu la visite du conseil municipal, environ une vingtaine de personnes qui venait découvrir en quoi consistait chaque stand. un coin jeu vidéos rétros ainsi que des parties de cartes Japonais comme on en voit dans le film summer wars, un coin karaoké (qui bien quisolé se mélangeait à la musique du reste de la salle), du cosplay sur scène (dailleurs on avait une bonne vue dessus), un coin photographes pros, des chevaliers du zodiaque version abrégé, la visite de deux doubleuses Françaises: Patricia Legrand et Léa Gabrièle, qui ont fait une démonstration dune minute de doublage en live sur le dessin animé de Sakura card captor et qui ont répondu à quelques questions pour nous en apprendre plus sur le métier de comédien de doublage et leur carrière. Les organisateurs nous ont offert graciseuement à midi un verre au bar, ce qui est aussi une bonne occasion de faire connaissance avec dautres standeux dans une ambiance détendue.</p>
<p>Le concert de fin de journée mêlait instrument traditionnel japonais et beat box, ce qui donnait un mélange vraiment sympa, toute la salle bougeait en rythme. Je mettrai une vidéo. &lt;strong&gt;Fugu Chaulnes, on y reviendra avec plaisir!&lt;/strong&gt;</p>
<p>Allez zou maintenant on bosse sur le fanzine !Q n°5 qui parlera de fantasmes! &lt;img src="<a href="http://th03.deviantart.net/fs71/150/i/2012/050/1/e/q_n5_couverture_by_tykayn-d4qas65.jpg">http://th03.deviantart.net/fs71/150/i/2012/050/1/e/q_n5_couverture_by_tykayn-d4qas65.jpg</a>" alt="couverture !Q 5" /&gt; &lt;a title="participer au fanzine Q 5" href="<a href="http://tykayn.deviantart.com/journal/Q5-vous-recrute-o-286035076">http://tykayn.deviantart.com/journal/Q5-vous-recrute-o-286035076</a>"&gt;Participez y! &lt;/a&gt;:3 &lt;div class="shr-publisher-114"&gt;&lt;/div&gt; &lt;! Start Shareaholic LikeButtonSetBottom Automatic &gt;&lt;! End Shareaholic LikeButtonSetBottom Automatic &gt;</p>
<p>&lt;p&gt;Non loin d&amp;#8217;Amiens dans le ch&amp;#8217;nord, se
déroulait Samedi le premier &lt;a href="<a
href="http://wafutsu.e-monsite.com/agenda/fugu-chaulnes.html">http://wafutsu.e-monsite.com/agenda/fugu-chaulnes.html</a>"
title="site de fugu chaulnes"&gt;Fugu chaulnes&lt;/a&gt;.&lt;br /&gt;
&lt;a rel="lightbox" href="<a
href="http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09941.JPG">http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09941.JPG</a>"
title="br / "&gt;&lt;/a&gt;&lt;br/&gt;&lt;br /&gt; &lt;a href="<a
href="http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09942.JPG">http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09942.JPG</a>"
rel="lightbox[114]" title="br / "&gt;&lt;/a&gt;&lt;br/&gt;&lt;br /&gt;
&lt;a href="<a
href="http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09944.JPG">http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09944.JPG</a>"
rel="lightbox[114]" title="br / "&gt;&lt;/a&gt;&lt;br/&gt;&lt;br /&gt;
&lt;a href="<a
href="http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09945.JPG">http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09945.JPG</a>"
rel="lightbox[114]" title="br / "&gt;&lt;/a&gt;&lt;br/&gt;&lt;br /&gt;
&lt;a href="<a
href="http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09947.JPG">http://www.ailesse.info/~tykayn/bazar/kotlife/2012/02fevrier/fugu_chaulnes/g/DSC09947.JPG</a>"
rel="lightbox[114]" title="br / "&gt;&lt;/a&gt;&lt;br/&gt;&lt;br /&gt;
&lt;a […]&lt;hr&gt;&lt;! Start Shareaholic LikeButtonSetTop Automatic
&gt;&lt;! End Shareaholic LikeButtonSetTop Automatic &gt;</p>
<p>Non loin dAmiens dans le chnord, se déroulait Samedi le premier
&lt;a title="site de fugu chaulnes" href="<a
href="http://wafutsu.e-monsite.com/agenda/fugu-chaulnes.html">http://wafutsu.e-monsite.com/agenda/fugu-chaulnes.html</a>"&gt;Fugu
chaulnes&lt;/a&gt;.</p>
<p>Dans un cadre plus intimiste que ce quon a lhabitude de faire,
lambiance était plutôt détendue et les organisateurs cosplayés hyper
motivés ø/ Jai eu la joie de faire connaissance avec des standeux
motivés, de revoir &lt;a title="gallerie deviantart de asian cloud"
href="<a
href="http://asiancloud.deviantart.com/">http://asiancloud.deviantart.com/</a>"&gt;AsianCloud
et son nuage qui passe&lt;/a&gt;.</p>
<p>Jestime le public à 200 personnes en tout dans la journée, et ne pas
se sentir comme dans une boite à sardines est une bonne chose. ça ne
nous a pas coûté un bras de nous restaurer et ça aussi ça change la vie.
Mon équipe scénographique disait cependant quil serait bon davoir
davantage de poubelles à disposition et dindiquer que lon peut
emprunter certains escaliers car certaines personnes nosaient pas sy
aventurer de peur dentrer dans un lieu privé.</p>
<p>&lt;img title="DSC09964" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09964.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09964.JPG</a>"
alt="DSC09964" /&gt;</p>
<p>&lt;!more&gt; &lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09941.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09941.JPG</a>"
rel="lightbox"&gt;&lt;img title="DSC09941" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09941.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09941.JPG</a>"
alt="DSC09941" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09942.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09942.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09942" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09942.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09942.JPG</a>"
alt="DSC09942" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09944.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09944.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09944" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09944.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09944.JPG</a>"
alt="DSC09944" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09945.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09945.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09945" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09945.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09945.JPG</a>"
alt="DSC09945" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09947.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09947.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09947" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09947.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09947.JPG</a>"
alt="DSC09947" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09948.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09948.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09948" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09948.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09948.JPG</a>"
alt="DSC09948" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09949.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09949.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09949" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09949.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09949.JPG</a>"
alt="DSC09949" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09952.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09952.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09952" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09952.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09952.JPG</a>"
alt="DSC09952" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09954.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09954.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09954" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09954.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09954.JPG</a>"
alt="DSC09954" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09956.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09956.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09956" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09956.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09956.JPG</a>"
alt="DSC09956" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09957.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09957.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09957" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09957.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09957.JPG</a>"
alt="DSC09957" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09958.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09958.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09958" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09958.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09958.JPG</a>"
alt="DSC09958" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09960.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09960.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09960" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09960.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09960.JPG</a>"
alt="DSC09960" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09962.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09962.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09962" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09962.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09962.JPG</a>"
alt="DSC09962" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09970.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09970.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09970" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09970.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09970.JPG</a>"
alt="DSC09970" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09971.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09971.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09971" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09971.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09971.JPG</a>"
alt="DSC09971" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09972.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09972.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09972" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09972.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09972.JPG</a>"
alt="DSC09972" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09973.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09973.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09973" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09973.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09973.JPG</a>"
alt="DSC09973" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09977.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09977.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09977" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09977.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09977.JPG</a>"
alt="DSC09977" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09981.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09981.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09981" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09981.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09981.JPG</a>"
alt="DSC09981" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09983.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09983.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09983" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09983.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09983.JPG</a>"
alt="DSC09983" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09986.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09986.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09986" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09986.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09986.JPG</a>"
alt="DSC09986" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09987.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09987.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09987" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09987.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09987.JPG</a>"
alt="DSC09987" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09990.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09990.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09990" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09990.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09990.JPG</a>"
alt="DSC09990" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09993.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09993.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09993" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09993.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09993.JPG</a>"
alt="DSC09993" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09994.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09994.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09994" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09994.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC09994.JPG</a>"
alt="DSC09994" /&gt;&lt;/a&gt;</p>
<p>&lt;a title="&amp;lt;br /&amp;gt; " href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09994.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/g/DSC09994.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC10003" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC10003.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/DSC10003.JPG</a>"
alt="DSC10003" /&gt;&lt;/a&gt;</p>
<p>hopla les dédicaces que jai fait: &lt;a title="panty &amp;amp;
stocky with gaterbelt" href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09950.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09950.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09950" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09950.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09950.JPG</a>"
alt="DSC09950" /&gt;&lt;/a&gt; Une Panty de &lt;a href="<a
href="http://www.youtube.com/watch?v=ooA21BGBFLM">http://www.youtube.com/watch?v=ooA21BGBFLM</a>"&gt;panty
&amp;amp; stocky with gaterbelt&lt;/a&gt; &lt;a title="DSC09955"
href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09953.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09953.JPG</a>"
rel="lightbox[114]"&gt;« &amp;gt;&lt;img title="DSC09953" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09953.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09953.JPG</a>"
alt="DSC09953" /&gt;&lt;/a&gt; aubergine woman &lt;a title="DSC09965"
href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09955.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09955.JPG</a>"
rel="lightbox[114]"&gt;« &amp;gt;&lt;img title="DSC09955" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09955.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09955.JPG</a>"
alt="DSC09955" /&gt;&lt;/a&gt; du chapelet anal version saut à
lélastique &lt;a title="DSC09988" href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09965.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09965.JPG</a>"
rel="lightbox[114]"&gt;« &amp;gt;&lt;img title="DSC09965" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09965.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09965.JPG</a>"
alt="DSC09965" /&gt;&lt;/a&gt; du ranma 1/2+1 = ranma 3/2 &lt;a
title="AsianCloud et son nuage qui passe" href="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09988.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/g/DSC09988.JPG</a>"
rel="lightbox[114]"&gt;&lt;img title="DSC09988" src="<a
href="http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09988.JPG">http://blog.artlemoine.com/public/i/2012/02fevrier/fugu_chaulnes/dessins/DSC09988.JPG</a>"
alt="DSC09988" /&gt;&lt;/a&gt; du yuri parce que les fanzines avec du
yuri ça manque que nous disait une organisatrice &lt;img
class="wp-smiley" src="<a
href="http://qzine.fr/wp-includes/images/smilies/icon_smile.gif">http://qzine.fr/wp-includes/images/smilies/icon_smile.gif</a>"
alt=":)" /&gt;</p>
<p>On a pu tester notre chevalet-carton plume pour exposer nos badges,
ce qui donne bien plus de place sur la table pour exposer nos fanzines
et faire la causette. On a eu la visite du conseil municipal, environ
une vingtaine de personnes qui venait découvrir en quoi consistait
chaque stand. un coin jeu vidéos rétros ainsi que des parties de cartes
Japonais comme on en voit dans le film summer wars, un coin karaoké (qui
bien quisolé se mélangeait à la musique du reste de la salle), du
cosplay sur scène (dailleurs on avait une bonne vue dessus), un coin
photographes pros, des chevaliers du zodiaque version abrégé, la visite
de deux doubleuses Françaises: Patricia Legrand et Léa Gabrièle, qui ont
fait une démonstration dune minute de doublage en live sur le dessin
animé de Sakura card captor et qui ont répondu à quelques questions pour
nous en apprendre plus sur le métier de comédien de doublage et leur
carrière. Les organisateurs nous ont offert graciseuement à midi un
verre au bar, ce qui est aussi une bonne occasion de faire connaissance
avec dautres standeux dans une ambiance détendue.</p>
<p>Le concert de fin de journée mêlait instrument traditionnel japonais
et beat box, ce qui donnait un mélange vraiment sympa, toute la salle
bougeait en rythme. Je mettrai une vidéo. &lt;strong&gt;Fugu Chaulnes,
on y reviendra avec plaisir!&lt;/strong&gt;</p>
<p>Allez zou maintenant on bosse sur le fanzine !Q n°5 qui parlera de
fantasmes! &lt;img src="<a
href="http://th03.deviantart.net/fs71/150/i/2012/050/1/e/q_n5_couverture_by_tykayn-d4qas65.jpg">http://th03.deviantart.net/fs71/150/i/2012/050/1/e/q_n5_couverture_by_tykayn-d4qas65.jpg</a>"
alt="couverture !Q 5" /&gt; &lt;a title="participer au fanzine Q 5"
href="<a
href="http://tykayn.deviantart.com/journal/Q5-vous-recrute-o-286035076">http://tykayn.deviantart.com/journal/Q5-vous-recrute-o-286035076</a>"&gt;Participez
y! &lt;/a&gt;:3 &lt;div class="shr-publisher-114"&gt;&lt;/div&gt; &lt;!
Start Shareaholic LikeButtonSetBottom Automatic &gt;&lt;! End
Shareaholic LikeButtonSetBottom Automatic &gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
<ul>
<li><a href="id:717360bb-79c2-4144-bcd4-0a01fa1efc00">cosplay</a></li>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,39 +175,117 @@
<li>status: publish</li>
<li>publié le: &lt;2012-03-01 05:54:35&gt;</li>
<li>modifié: &lt;2012-03-01 05:54:35&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="charlatanisme-et-fausses-idées">Charlatanisme et fausses idées</h2>
<h2 id="charlatanisme-et-fausses-idées">Charlatanisme et fausses
idées</h2>
<p><br />
</p>
<hr />
<p><img src="https://cdn.papyimg.com/wp-content/uploads/2007/10/martine-merde-ma-pilule.jpg" /> Pourquoi parler de charlatanisme sur un site dédié à la culture avec un grand !Q ? Parce que notre rapport à nous même et à notre vision de la sexualité est perturbé par de nombreuses choses; dont les conneries qu'on veut nous faire croire qui ne nous permettent pas de penser librement. Et penser librement c'est avoir un choix, une possibilité réelle de réflexion en dehors de ce qu'il convient de penser. C'est un premier pas nécessaire à la libération des mœurs et du rapport de chacun à sa sexualité. Parce que si on laisse d'autres personnes décider de ce qu'est notre sexualité on s'aperçoit bien vite que comme dans un magasin de vêtements nos mensurations n'existent pas aux yeux du magasin de prêt à penser.</p>
<p><img
src="https://cdn.papyimg.com/wp-content/uploads/2007/10/martine-merde-ma-pilule.jpg" />
Pourquoi parler de charlatanisme sur un site dédié à la culture avec un
grand !Q ? Parce que notre rapport à nous même et à notre vision de la
sexualité est perturbé par de nombreuses choses; dont les conneries
qu'on veut nous faire croire qui ne nous permettent pas de penser
librement. Et penser librement c'est avoir un choix, une possibilité
réelle de réflexion en dehors de ce qu'il convient de penser. C'est un
premier pas nécessaire à la libération des mœurs et du rapport de chacun
à sa sexualité. Parce que si on laisse d'autres personnes décider de ce
qu'est notre sexualité on s'aperçoit bien vite que comme dans un magasin
de vêtements nos mensurations n'existent pas aux yeux du magasin de prêt
à penser.</p>
<blockquote>
<p>"Aimez avec votre cœur , mais utilisez votre tête pour le reste" dit <a href="http://www.youtube.com/user/CaptainDisillusion">Captain Disillusion</a>.</p>
<p>"Aimez avec votre cœur , mais utilisez votre tête pour le reste" dit
<a href="http://www.youtube.com/user/CaptainDisillusion">Captain
Disillusion</a>.</p>
</blockquote>
<p>Mais ça ne veut pas dire que vous devez ouvrir vos portes avec votre tête, non non non bande de petits voyous! J'ai donc réuni quelques sites luttant contre les conneries qu'on peut vous faire croire, voici quelques morceaux choisis sur des thèmes relatifs au sexe en général. chez <a href="acontrario.net">file:acontrario.net</a> (anciennement Zone Zero Gêne, toujours à l'excellente plume de G-M Zimmermann alias La Peste ), je pourrais lier tous les articles du site mais pour vous donner un pti aperçu:</p>
<p>Mais ça ne veut pas dire que vous devez ouvrir vos portes avec votre
tête, non non non bande de petits voyous! J'ai donc réuni quelques sites
luttant contre les conneries qu'on peut vous faire croire, voici
quelques morceaux choisis sur des thèmes relatifs au sexe en général.
chez <a href="acontrario.net">file:acontrario.net</a> (anciennement Zone
Zero Gêne, toujours à l'excellente plume de G-M Zimmermann alias La
Peste ), je pourrais lier tous les articles du site mais pour vous
donner un pti aperçu:</p>
<blockquote>
<ul>
<li></li>
</ul>
<p><a href="http://www.acontrario.net/2011/01/18/choisir-de-ne-pas-avoir-ses-regles-ni-peche-moral-ni-danger-medical/">Choisir de ne pas avoir ses règles : ni péché moral, ni danger médical.</a> - <a href="http://www.acontrario.net/2011/06/23/gynecologues-quand-et-pourquoi-leur-dire-non/">Gynécologues : quand et pourquoi leur dire non ? (1/2)</a> - <a href="http://www.acontrario.net/2010/01/25/ivg-ne-vous-laissez-pas-voler-votre-droit-au-choix/">IVG : ne vous laissez pas voler votre droit au choix !</a> - <a href="http://www.acontrario.net/2010/10/28/le-sexe-nest-pas-un-acte-damour-sinon-ca-se-saurait/">Le sexe n'est pas un acte d'amour "avant tout". Sinon, ça se saurait.</a> - <a href="http://www.acontrario.net/2011/02/11/mauvaise-humeur-le-feminisme-anti-putes-me-gave/">Mauvaise humeur : le féminisme anti-putes me gave.</a></p>
<p><a
href="http://www.acontrario.net/2011/01/18/choisir-de-ne-pas-avoir-ses-regles-ni-peche-moral-ni-danger-medical/">Choisir
de ne pas avoir ses règles : ni péché moral, ni danger médical.</a> - <a
href="http://www.acontrario.net/2011/06/23/gynecologues-quand-et-pourquoi-leur-dire-non/">Gynécologues
: quand et pourquoi leur dire non ? (1/2)</a> - <a
href="http://www.acontrario.net/2010/01/25/ivg-ne-vous-laissez-pas-voler-votre-droit-au-choix/">IVG
: ne vous laissez pas voler votre droit au choix !</a> - <a
href="http://www.acontrario.net/2010/10/28/le-sexe-nest-pas-un-acte-damour-sinon-ca-se-saurait/">Le
sexe n'est pas un acte d'amour "avant tout". Sinon, ça se saurait.</a> -
<a
href="http://www.acontrario.net/2011/02/11/mauvaise-humeur-le-feminisme-anti-putes-me-gave/">Mauvaise
humeur : le féminisme anti-putes me gave.</a></p>
</blockquote>
<p><strong>Il n'y a pas que la pilule, le préservatif et le stérilet pour <a href="http://www.choisirsacontraception.fr"><strong>choisir sa contraception</strong>.</a></strong> Ce site vous donne un maximum de renseignements, de prix et d'explications à propos de chacun de ces possibilités, avec même un tableau récapitulatif. Perso j'attends toujours qu'il existe un équivalent à la pilule pour mâle qui pourrait être plus simple à utiliser qu'une capote, si toutefois on peut faire encore plus simple et pratique à utiliser qu'une capote.</p>
<p><strong>Il n'y a pas que la pilule, le préservatif et le stérilet
pour <a href="http://www.choisirsacontraception.fr"><strong>choisir sa
contraception</strong>.</a></strong> Ce site vous donne un maximum de
renseignements, de prix et d'explications à propos de chacun de ces
possibilités, avec même un tableau récapitulatif. Perso j'attends
toujours qu'il existe un équivalent à la pilule pour mâle qui pourrait
être plus simple à utiliser qu'une capote, si toutefois on peut faire
encore plus simple et pratique à utiliser qu'une capote.</p>
<blockquote>
<p><a href="tatoufaux.com">Tatoufaux.com</a> , le tombeau des idées reçues. <a href="http://www.tatoufaux.com/?Allongez-vous-sur-le-dos-pour">S'allonger sur le dos n'est pas la meilleure position pour accoucher</a> <a href="http://tatoufaux.com/?Decalotter-les-zizis-des-garcons">Décalotter les zizis des garçons favorise le phimosis.</a> <a href="http://tatoufaux.com/?L-homme-a-plus-de-poils-que-la">L'homme n'a pas plus de poils que la femme</a> <a href="http://tatoufaux.com/?La-masturbation-rend-sourd">Les prétendues complications liées à la masturbation.</a></p>
<p><a href="tatoufaux.com">Tatoufaux.com</a> , le tombeau des idées
reçues. <a
href="http://www.tatoufaux.com/?Allongez-vous-sur-le-dos-pour">S'allonger
sur le dos n'est pas la meilleure position pour accoucher</a> <a
href="http://tatoufaux.com/?Decalotter-les-zizis-des-garcons">Décalotter
les zizis des garçons favorise le phimosis.</a> <a
href="http://tatoufaux.com/?L-homme-a-plus-de-poils-que-la">L'homme n'a
pas plus de poils que la femme</a> <a
href="http://tatoufaux.com/?La-masturbation-rend-sourd">Les prétendues
complications liées à la masturbation.</a></p>
</blockquote>
<p>Le thème du <a href="http://qzine.fr/boutique/#detailsfanzine4">fanzine CULturel !Q n°4</a> traité en 80 pages, dont vous pourrez trouver des extraits et les auteurs sur notre boutique.</p>
<p>Le thème du <a
href="http://qzine.fr/boutique/#detailsfanzine4">fanzine CULturel !Q
n°4</a> traité en 80 pages, dont vous pourrez trouver des extraits et
les auteurs sur notre boutique.</p>
<blockquote>
<p>Si seuls les ignorants et les plus crédules avaient foi dans les déclarations tirées par les cheveux, il n'y aurait pas besoin d'expliquer davantage l'abondance de bêtise dans la société moderne. Mais curieusement, de nombreuses personnes, qui ne sont ni idiotes ni incultes, s'accrochent à des croyances pourtant réfutées par la science.</p>
<p>Si seuls les ignorants et les plus crédules avaient foi dans les
déclarations tirées par les cheveux, il n'y aurait pas besoin
d'expliquer davantage l'abondance de bêtise dans la société moderne.
Mais curieusement, de nombreuses personnes, qui ne sont ni idiotes ni
incultes, s'accrochent à des croyances pourtant réfutées par la
science.</p>
</blockquote>
<p>source: <a href="http://www.charlatans.info/medecines_paralleles.shtml">charlatans.info</a></p>
<p>source: <a
href="http://www.charlatans.info/medecines_paralleles.shtml">charlatans.info</a></p>
<blockquote>
<p><a href="http://www.charlatans.info/medecine_sante.shtml">les charlatans de la médecine</a><a href="http://www.charlatans.info/vitaminec.shtml">Les conneries qu'on vous fait croire sur la Vitamine C</a> avec en bonus des explications sur ce que sont vraiment les vitamines. <a href="http://www.charlatans.info/cosmetiques.php">L'arnaque des crèmes cosmétique</a>. L'homéopathie, l'astrologie, les vendeurs de régimes, les superstitions, les idées reçues fausses, les médecines douces et alternatives font des victimes tous les ans.</p>
<p><a href="http://www.charlatans.info/medecine_sante.shtml">les
charlatans de la médecine</a><a
href="http://www.charlatans.info/vitaminec.shtml">Les conneries qu'on
vous fait croire sur la Vitamine C</a> avec en bonus des explications
sur ce que sont vraiment les vitamines. <a
href="http://www.charlatans.info/cosmetiques.php">L'arnaque des crèmes
cosmétique</a>. L'homéopathie, l'astrologie, les vendeurs de régimes,
les superstitions, les idées reçues fausses, les médecines douces et
alternatives font des victimes tous les ans.</p>
</blockquote>
<p>Voilà, avec ces quelques sites bien sourcés qui connaissent les législations vous avez de quoi apprendre à ne pas croire aux <a href="http://www.charlatans.info/anecdotes.php">anecdotes</a>, à comprendre les biais d'interprétation et autres manipulations, vous ferez des économies monstrueuses en attrape-nigaud en tous genres! Je vous conseille aussi la partie "récréation" présentant des jeux bluffants capables de vous faire croire qu'une page web peut lire dans votre esprit. C'est à la portée de tout le monde, ça ne vous vend pas de produit, et ça ne vous empêche pas d'aimer un bon tour de magie. Comme on dit chez wikipédia: Partagez le savoir! Bien sûr, si vous avez de bons sites informatifs à recommander faites-les passer vous ici!</p>
<p>Voilà, avec ces quelques sites bien sourcés qui connaissent les
législations vous avez de quoi apprendre à ne pas croire aux <a
href="http://www.charlatans.info/anecdotes.php">anecdotes</a>, à
comprendre les biais d'interprétation et autres manipulations, vous
ferez des économies monstrueuses en attrape-nigaud en tous genres! Je
vous conseille aussi la partie "récréation" présentant des jeux
bluffants capables de vous faire croire qu'une page web peut lire dans
votre esprit. C'est à la portée de tout le monde, ça ne vous vend pas de
produit, et ça ne vous empêche pas d'aimer un bon tour de magie. Comme
on dit chez wikipédia: Partagez le savoir! Bien sûr, si vous avez de
bons sites informatifs à recommander faites-les passer vous ici!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,20 +175,43 @@
<li>status: publish</li>
<li>publié le: &lt;2012-03-08 23:40:55&gt;</li>
<li>modifié: &lt;2012-03-08 23:40:55&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="waf-waf">WAF WAF !</h2>
<p><br />
</p>
<hr />
<p>Qu'est-ce qu'un <a href="https://fr.wikipedia.org/wiki/Wife_acceptance_factor">facteur d'acceptence féminine</a>? Le WAF n'est pas qu'un bruit de chien, c'est aussi une appellation certifiant qu'un produit répond a des règles de simplicité et de design non encombrant qui sont parfaits pour les personnes dont la destinée est de s'occuper du rangement, du dépoussiérage et de réfléchir le moins possible.</p>
<p>Qu'est-ce qu'un <a
href="https://fr.wikipedia.org/wiki/Wife_acceptance_factor">facteur
d'acceptence féminine</a>? Le WAF n'est pas qu'un bruit de chien, c'est
aussi une appellation certifiant qu'un produit répond a des règles de
simplicité et de design non encombrant qui sont parfaits pour les
personnes dont la destinée est de s'occuper du rangement, du
dépoussiérage et de réfléchir le moins possible.</p>
<blockquote>
<p>Créé dans les années 1990, le sigle s'est peu à peu imposé jusqu'à devenir en 2009 un véritable sigle commercial utilisé par de nombreuses boutiques</p>
<p>Créé dans les années 1990, le sigle s'est peu à peu imposé jusqu'à
devenir en 2009 un véritable sigle commercial utilisé par de nombreuses
boutiques</p>
</blockquote>
<p>ça fait rêver ce mélange de sexisme et de lobbyisme. Mais bon, voyez vous, pour vendre il faut entretenir les clichés et ne surtout pas faire réfléchir l'acheteur. Car il pourrait développer un esprit critique qui l'éloignerait de son ressenti, ce ressenti qui fait croire qu'acheter tel ou tel produit vous rendra la vie meilleure. Si c'était si évident, les publicités vanteraient les caractéristiques techniques de ce qu'ils nous présentent, on serait alors convaincu du bien du produit, plutôt que persuadé par autorité. Wala ma contribution à la <a href="http://www.presse-citron.net/journee-de-la-femme-journee-de-la-chatte-journee-de-la-bite-vents-contraires-et-tempete-dans-un-verre-d%E2%80%99eau-par-gaelle-marie-zimmermann">journée de la chatte</a> (by Gaëlle-Marie Zimmermann) en attendant que des personnes ayant vraiment une mainmise puissent régler les inégalités salariales et les autres conneries sexistes alimentant des clichés qui ne servent ni aux femmes ni aux hommes qu'on peut entendre dans les magazines pour nanas et autres experts en sur interprétation genrée.</p>
<p>ça fait rêver ce mélange de sexisme et de lobbyisme. Mais bon, voyez
vous, pour vendre il faut entretenir les clichés et ne surtout pas faire
réfléchir l'acheteur. Car il pourrait développer un esprit critique qui
l'éloignerait de son ressenti, ce ressenti qui fait croire qu'acheter
tel ou tel produit vous rendra la vie meilleure. Si c'était si évident,
les publicités vanteraient les caractéristiques techniques de ce qu'ils
nous présentent, on serait alors convaincu du bien du produit, plutôt
que persuadé par autorité. Wala ma contribution à la <a
href="http://www.presse-citron.net/journee-de-la-femme-journee-de-la-chatte-journee-de-la-bite-vents-contraires-et-tempete-dans-un-verre-d%E2%80%99eau-par-gaelle-marie-zimmermann">journée
de la chatte</a> (by Gaëlle-Marie Zimmermann) en attendant que des
personnes ayant vraiment une mainmise puissent régler les inégalités
salariales et les autres conneries sexistes alimentant des clichés qui
ne servent ni aux femmes ni aux hommes qu'on peut entendre dans les
magazines pour nanas et autres experts en sur interprétation genrée.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,27 @@
<li>status: publish</li>
<li>publié le: &lt;2012-03-21 01:43:18&gt;</li>
<li>modifié: &lt;2012-03-21 01:43:18&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="hotline-q5-1">Hotline !Q5</h2>
<p><br />
</p>
<hr />
<p><img src="https://www.shutupwoman.fr/wp-content/uploads/2012/03/449392_1301287-frm715bl01_ll.jpg" /> <a href="http://www.shutupwoman.fr">source photo: la blonde</a> Comme à son habitude, <a href="http://qzine.fr/boutique/">le fanzine !Q</a> répond aux questions des lecteurs en faisant de vraies recherches pour démystifier de nombreuses choses. Donc si vous avez de vraies questions que vous vous êtes toujours posé ou des moins sérieuses pour déconner, allez y! Notre fervente équipe de chercheurs en CULture y répondra !ø/ :arrow: ps: vous avez le droit de poser des questions qui ne concernent pas que des thématiques hétérosexuelles, youpi! freedom! ø/</p>
<p><img
src="https://www.shutupwoman.fr/wp-content/uploads/2012/03/449392_1301287-frm715bl01_ll.jpg" />
<a href="http://www.shutupwoman.fr">source photo: la blonde</a> Comme à
son habitude, <a href="http://qzine.fr/boutique/">le fanzine !Q</a>
répond aux questions des lecteurs en faisant de vraies recherches pour
démystifier de nombreuses choses. Donc si vous avez de vraies questions
que vous vous êtes toujours posé ou des moins sérieuses pour déconner,
allez y! Notre fervente équipe de chercheurs en CULture y répondra !ø/
:arrow: ps: vous avez le droit de poser des questions qui ne concernent
pas que des thématiques hétérosexuelles, youpi! freedom! ø/</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,30 @@
<li>status: publish</li>
<li>publié le: &lt;2012-03-21 08:19:09&gt;</li>
<li>modifié: &lt;2012-03-21 08:19:09&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="comment-calculer-votre-âge-sexuel">Comment calCULer votre âge sexuel ?</h2>
<p>Questions choppées sur Sexactu. J'en profite pour tester ma plateforme de sondages pluri disciplinaires inutile faite maison. *0*<br />
<h2 id="comment-calculer-votre-âge-sexuel">Comment calCULer votre âge
sexuel ?</h2>
<p>Questions choppées sur Sexactu. J'en profite pour tester ma
plateforme de sondages pluri disciplinaires inutile faite maison.
*0*<br />
</p>
<hr />
<p>Questions choppées sur <a href="https://www.gqmagazine.fr/sexactu/articles/comment-calculer-son-age-sexuel/13322">Sexactu</a>. J'en profite pour tester ma plateforme de sondages pluri disciplinaires inutile faite maison. <strong>0</strong> Voici donc un sondage qui vous donne en score votre véritable âge sexuel si on en croit Maïa. Le fun est de découvrir le décalage avec votre age réel. Mwah ah ah, selon ces points j'ai 21 ans de plus que mon vrai âge. Plus vous êtes de fous à voter plus vous verrez les statistiques évoluer. Formidable! Allez l'ouilla! Toudmême, ça fait moins impératif quand les points attribués à chaque réponse sont cachés.</p>
<p>Questions choppées sur <a
href="https://www.gqmagazine.fr/sexactu/articles/comment-calculer-son-age-sexuel/13322">Sexactu</a>.
J'en profite pour tester ma plateforme de sondages pluri disciplinaires
inutile faite maison. <strong>0</strong> Voici donc un sondage qui vous
donne en score votre véritable âge sexuel si on en croit Maïa. Le fun
est de découvrir le décalage avec votre age réel. Mwah ah ah, selon ces
points j'ai 21 ans de plus que mon vrai âge. Plus vous êtes de fous à
voter plus vous verrez les statistiques évoluer. Formidable! Allez
l'ouilla! Toudmême, ça fait moins impératif quand les points attribués à
chaque réponse sont cachés.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,21 @@
<li>status: publish</li>
<li>publié le: &lt;2012-05-21 18:02:53&gt;</li>
<li>modifié: &lt;2012-05-21 18:02:53&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="agenda-qzine-1">Agenda Qzine</h2>
<p>Grâce à google agenda / calendar, vous pouvez voir nos prochaines dates où on s'active.<br />
<p>Grâce à google agenda / calendar, vous pouvez voir nos prochaines
dates où on s'active.<br />
</p>
<hr />
<p>Vous voulez venir nous voir IRL ? Voilà où et quand nous trouver  :) Les 4, 5 et 6 décembre 2015 Venez au <a href="https://sobd2014.com">So BD</a> à la Halle des Blancs Manteaux, Paris 4e</p>
<p>Vous voulez venir nous voir IRL ? Voilà où et quand nous trouver  :)
Les 4, 5 et 6 décembre 2015 Venez au <a href="https://sobd2014.com">So
BD</a> à la Halle des Blancs Manteaux, Paris 4e</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,27 @@
<li>status: publish</li>
<li>publié le: &lt;2012-05-21 21:04:19&gt;</li>
<li>modifié: &lt;2012-05-21 21:04:19&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="sondage-de-boobs-la-vérité-sur-les-seins">Sondage de Boobs, la vérité sur les seins</h2>
<p>Parait il la taille de seins la plus répandue est le 85B, voilà un sondage amusant pour remettre à l'ordre du jour diverses questions et considérations du peuple sur son rapport aux seins. Une étude que je en peux que vous encourage à faire évoluer en participant et en la partageant :) go go go!<br />
<h2 id="sondage-de-boobs-la-vérité-sur-les-seins">Sondage de Boobs, la
vérité sur les seins</h2>
<p>Parait il la taille de seins la plus répandue est le 85B, voilà un
sondage amusant pour remettre à l'ordre du jour diverses questions et
considérations du peuple sur son rapport aux seins. Une étude que je en
peux que vous encourage à faire évoluer en participant et en la
partageant :) go go go!<br />
</p>
<hr />
<p>Parait il la taille de seins la plus répandue est le 85B, voilà un sondage amusant pour remettre à l'ordre du jour diverses questions et considérations du peuple sur son rapport aux seins. Une étude que je en peux que vous encourage à faire évoluer en participant et en la partageant :) go go go!</p>
<p>Parait il la taille de seins la plus répandue est le 85B, voilà un
sondage amusant pour remettre à l'ordre du jour diverses questions et
considérations du peuple sur son rapport aux seins. Une étude que je en
peux que vous encourage à faire évoluer en participant et en la
partageant :) go go go!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,57 @@
<li>status: publish</li>
<li>publié le: &lt;2012-07-15 17:21:39&gt;</li>
<li>modifié: &lt;2012-07-15 17:21:39&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="quelques-photos-de-japan-expo-2012-1">Quelques photos de Japan Expo 2012</h2>
<p>Oyo les amis, pour une fois c'est moi, l'elfe de la bande, qui m'y colle pour la mise à jour!<br />
<h2 id="quelques-photos-de-japan-expo-2012-1">Quelques photos de Japan
Expo 2012</h2>
<p>Oyo les amis, pour une fois c'est moi, l'elfe de la bande, qui m'y
colle pour la mise à jour!<br />
</p>
<hr />
<p>Oyo les amis, pour une fois c'est moi, l'elfe de la bande, qui m'y colle pour la mise à jour! Vous voulez savoir si Japan Expo ça s'est bien passé? Eh bien ça s'est bien passé. Regardez plutôt : <img src="https://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00002.jpg" /> Notre stand, mieux décoré que jamais! <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00003.jpg" /> Chez nos voisins de Kejiha, le thème cette année était "les masques". TK s'est prêté au jeu. <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00018.jpg" /> Nous avons eu droit à des visiteurs de marque! <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00020.jpg" /> Cajochu, du stand Héraldique, se fait masser par TK grâce au vibreur chinois rouge (communiste!) <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00021.jpg" /> Sarkresh et Cheu, dans la place! <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00027.jpg" /> Le bonus TK : pour quelques zines achetés, vous avez le droit de squatter le stand! Celles-ci ne s'en sont pas privées. <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00041.jpg" /> Jin Ruukyu, du fanzine ICON (qui sera peut-être présent à Harajuku). <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00043.jpg" /> Cosplay Avatar : Legend of Korra. Si vous pouvez, regardez cet anime américain, c'est que du bon! <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00044.jpg" /> Le stand de Maliki : un canap', un bureau, une chaise, et une bonne organisation. Très efficace, chapeau l'artiste! <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00046.jpg" /> Mameshiba. Si vous ne connaissez pas, tapez ça sur une plate-forme de vidéos… <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00048.jpg" /> Evidemment, Aphrodite des poissons était une fille. <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00065.jpg" /> L'invasion des petits poneys sur notre stand. <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00069.jpg" /> Comme d'hab', on a terminé avec un bonne bouffe au jap'… <img src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00075.jpg" /> … OM NOMNOMNOM! Reg, l'elfe qui vous dit à bientôt ^_^°</p>
<p>Oyo les amis, pour une fois c'est moi, l'elfe de la bande, qui m'y
colle pour la mise à jour! Vous voulez savoir si Japan Expo ça s'est
bien passé? Eh bien ça s'est bien passé. Regardez plutôt : <img
src="https://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00002.jpg" />
Notre stand, mieux décoré que jamais! <img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00003.jpg" />
Chez nos voisins de Kejiha, le thème cette année était "les masques". TK
s'est prêté au jeu. <img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00018.jpg" />
Nous avons eu droit à des visiteurs de marque! <img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00020.jpg" />
Cajochu, du stand Héraldique, se fait masser par TK grâce au vibreur
chinois rouge (communiste!) <img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00021.jpg" />
Sarkresh et Cheu, dans la place! <img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00027.jpg" />
Le bonus TK : pour quelques zines achetés, vous avez le droit de
squatter le stand! Celles-ci ne s'en sont pas privées. <img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00041.jpg" />
Jin Ruukyu, du fanzine ICON (qui sera peut-être présent à Harajuku).
<img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00043.jpg" />
Cosplay Avatar : Legend of Korra. Si vous pouvez, regardez cet anime
américain, c'est que du bon! <img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00044.jpg" />
Le stand de Maliki : un canap', un bureau, une chaise, et une bonne
organisation. Très efficace, chapeau l'artiste! <img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00046.jpg" />
Mameshiba. Si vous ne connaissez pas, tapez ça sur une plate-forme de
vidéos… <img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00048.jpg" />
Evidemment, Aphrodite des poissons était une fille. <img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00065.jpg" />
L'invasion des petits poneys sur notre stand. <img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00069.jpg" />
Comme d'hab', on a terminé avec un bonne bouffe au jap'… <img
src="http://kazedamashi.free.fr/q/conventions/2012-07_JE/JE2012_00075.jpg" />
… OM NOMNOMNOM! Reg, l'elfe qui vous dit à bientôt ^_^°</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,22 @@
<li>status: publish</li>
<li>publié le: &lt;2012-07-24 16:02:57&gt;</li>
<li>modifié: &lt;2012-07-24 16:02:57&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="quel-branleur-êtes-vous-quizz-q4">Quel branleur êtes vous? Quizz Q4</h2>
<p>Inspiré de celui du fanzine !Q numéro 4 ayant pour thème "masturbation et sextoys" voici la version numérique du quizz.<br />
<h2 id="quel-branleur-êtes-vous-quizz-q4">Quel branleur êtes vous? Quizz
Q4</h2>
<p>Inspiré de celui du fanzine !Q numéro 4 ayant pour thème
"masturbation et sextoys" voici la version numérique du quizz.<br />
</p>
<hr />
<p>Inspiré de celui du fanzine !Q numéro 4 ayant pour thème "masturbation et sextoys" voici la version numérique du quizz. Enjoy!</p>
<p>Inspiré de celui du fanzine !Q numéro 4 ayant pour thème
"masturbation et sextoys" voici la version numérique du quizz.
Enjoy!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,27 @@
<li>status: draft</li>
<li>publié le: &lt;2012-08-12 18:07:44&gt;</li>
<li>modifié: &lt;2012-08-12 18:07:44&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="journée-découverte-wa-futsu-à-amiens">journée découverte Wa Futsu à Amiens</h2>
<h2 id="journée-découverte-wa-futsu-à-amiens">journée découverte Wa
Futsu à Amiens</h2>
<p><br />
</p>
<hr />
<p><a href="https://blog.artlemoine.com/public/i/2012/06juin/compte_rendu_amiens_bd/DSC00816.JPG">https://blog.artlemoine.com/public/i/2012/06juin/compte_rendu_amiens_bd/DSC00816.JPG</a> Le Mercredi 15 Août, moi même (tykayn) serai au 23 rue vascosan, Amiens entre 15h et 20h pour faire des dédicaces sur fanzine !Q ou autres dessins et caricatures à la demande. J'aurai le fanzine 5 et les autres que vous pouvez aussi vous procurer dédicacés et avec une dose de lubrifiant en cadeau, dans notre <a href="http://qzine.fr/boutique">boutique en ligne <strong>0</strong></a> Enjoyez, et à bien vite!</p>
<p><img
src="https://blog.artlemoine.com/public/i/2012/06juin/compte_rendu_amiens_bd/DSC00816.JPG" />
Le Mercredi 15 Août, moi même (tykayn) serai au 23 rue vascosan, Amiens
entre 15h et 20h pour faire des dédicaces sur fanzine !Q ou autres
dessins et caricatures à la demande. J'aurai le fanzine 5 et les autres
que vous pouvez aussi vous procurer dédicacés et avec une dose de
lubrifiant en cadeau, dans notre <a
href="http://qzine.fr/boutique">boutique en ligne <strong>0</strong></a>
Enjoyez, et à bien vite!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,13 +175,22 @@
<li>status: draft</li>
<li>publié le: &lt;2012-10-20 16:09:37&gt;</li>
<li>modifié: &lt;2012-10-20 16:09:37&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="concours-dillu-de-cul-de-couverture-thème-séduction">concours d'illu de cul de couverture, Thème séduction</h2>
<h2 id="concours-dillu-de-cul-de-couverture-thème-séduction">concours
d'illu de cul de couverture, Thème séduction</h2>
<p><br />
</p>
<hr />
<p><a href="https://blog.artlemoine.com/public/i/2012/09septembre/concours_couv_q6/g/q6_couv_large.jpg">[[<a href="http://blog.artlemoine.com/public/i/2012/09septembre/concours_couv_q6/q6_couv_large.jpg">http://blog.artlemoine.com/public/i/2012/09septembre/concours_couv_q6/q6_couv_large.jpg</a></a>]] <strong>à gagner:</strong> <img src="http://ecx.images-amazon.com/images/I/41s4o3H%2BChL._SL500_AA300_.jpg" /> un pack de 72 feutres à alcool Copics d'une valeur de 280€ + une commission couleur de tykayn + un fanzine + du lubrifiant pour faire des tshirts mouillés. participez donc! ♥ <strong>deadline:</strong> 17 février 2013. <strong>Thème:</strong> drague et séduction.</p>
<p><a
href="https://blog.artlemoine.com/public/i/2012/09septembre/concours_couv_q6/g/q6_couv_large.jpg">[[<span>http://blog.artlemoine.com/public/i/2012/09septembre/concours_couv_q6/q6_couv_large.jpg</span></a>]]
<strong>à gagner:</strong> <img
src="http://ecx.images-amazon.com/images/I/41s4o3H%2BChL._SL500_AA300_.jpg" />
un pack de 72 feutres à alcool Copics d'une valeur de 280€ + une
commission couleur de tykayn + un fanzine + du lubrifiant pour faire des
tshirts mouillés. participez donc! ♥ <strong>deadline:</strong> 17
février 2013. <strong>Thème:</strong> drague et séduction.</p>
<blockquote>
<p><strong>contraintes techniques:</strong></p>
<ul>
@ -43,10 +202,15 @@
<li>à envoyer à admin@qzine.fr avant la deadline</li>
</ul>
</blockquote>
<p>le vainqueur sera déterminé par les impitoyables votes des membres du <a href="http://qzine.fr/forum">forum</a>, vous pourrez tous voter pour plusieurs illustrations, comme la dernière fois. suivez bien les fucking instructions de l'image pour le format et le thème :3 à vos crayons, pinceaux, tablettes, escalopes de poulet!</p>
<p>le vainqueur sera déterminé par les impitoyables votes des membres du
<a href="http://qzine.fr/forum">forum</a>, vous pourrez tous voter pour
plusieurs illustrations, comme la dernière fois. suivez bien les fucking
instructions de l'image pour le format et le thème :3 à vos crayons,
pinceaux, tablettes, escalopes de poulet!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,17 +175,34 @@
<li>status: publish</li>
<li>publié le: &lt;2012-10-25 14:10:56&gt;</li>
<li>modifié: &lt;2012-10-25 14:10:56&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="comment-insérer-des-quiz-culturels-sur-votre-site">comment insérer des quiz culturels sur votre site</h2>
<p>Vous pouvez maintenant intéger les quizs de ce site sur votre propre blog et autres lieux de folies grâce au bouton de partage (comme sur les smartphones) tout juste implémenté en haut des pages. C'est merveilleux. il suffit de copier coller un texte HTML. Vous pouvez aussi changer les dimensions du gadget de quizz inséré en mettant d'autres nombres (de pixels) aux attributs width et height. Essayez donc et vous m'en direz des nouvelles *0*<br />
<h2 id="comment-insérer-des-quiz-culturels-sur-votre-site">comment
insérer des quiz culturels sur votre site</h2>
<p>Vous pouvez maintenant intéger les quizs de ce site sur votre propre
blog et autres lieux de folies grâce au bouton de partage (comme sur les
smartphones) tout juste implémenté en haut des pages. C'est merveilleux.
il suffit de copier coller un texte HTML. Vous pouvez aussi changer les
dimensions du gadget de quizz inséré en mettant d'autres nombres (de
pixels) aux attributs width et height. Essayez donc et vous m'en direz
des nouvelles *0*<br />
<br />
</p>
<hr />
<p>Vous pouvez maintenant intéger les quizs de ce site sur votre propre blog et autres lieux de folies grâce au bouton de partage (comme sur les smartphones) tout juste implémenté en haut des pages. C'est merveilleux. il suffit de copier coller un texte HTML. Vous pouvez aussi changer les dimensions du gadget de quizz inséré en mettant d'autres nombres (de pixels) aux attributs width et height. Essayez donc et vous m'en direz des nouvelles <strong>0</strong> par exemple, ce code: Donne ceci: Sur une page de sondage nous avons les questions: Et les réponses. Enjoyez!</p>
<p>Vous pouvez maintenant intéger les quizs de ce site sur votre propre
blog et autres lieux de folies grâce au bouton de partage (comme sur les
smartphones) tout juste implémenté en haut des pages. C'est merveilleux.
il suffit de copier coller un texte HTML. Vous pouvez aussi changer les
dimensions du gadget de quizz inséré en mettant d'autres nombres (de
pixels) aux attributs width et height. Essayez donc et vous m'en direz
des nouvelles <strong>0</strong> par exemple, ce code: Donne ceci: Sur
une page de sondage nous avons les questions: Et les réponses.
Enjoyez!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,19 +175,61 @@
<li>status: publish</li>
<li>publié le: &lt;2012-11-04 20:48:14&gt;</li>
<li>modifié: &lt;2012-11-04 20:48:14&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="les-boules-de-geisha---qzine-4">Les boules de geisha - Qzine 4</h2>
<h2 id="les-boules-de-geisha---qzine-4">Les boules de geisha - Qzine
4</h2>
<p><br />
<br />
</p>
<hr />
<p><img src="https://blog.artlemoine.com/public/i/2012/11novembre/atelier_nul_ne_le_saura.jpg" /> Article extrait du <a href="http://qzine.fr/boutique/#detailsfanzine4">fanzine !Q4 sur la masturbation et les sextoys</a>. Autant utilisable pour une femme que pour un homme, les boules de geisha ne sont pas conçues, à la base, pour procurer d'orgasme. Mais certaines personnes peuvent y ressentir un plaisir immédiat et une fougueuse chevauchée vers l'orgasme. Ces jouets sont comme des haltères miniature servant muscler le périnée et le plancher pelvien. Elles permettent entre autre d'intensifier vos orgasmes, de stimuler d'avantage votre partenaire, de mieux le ressentir, et d'atteindre des jouissances dans la partie profonde du clitoris ou du rectum. Leur usage est conseillé pour se rééduquer après un accouchement. Les geishas, courtisanes de luxe Japonaises s'en servaient pour maintenir leur excitation en attendant leurs clients. Les hommes aussi peuvent apprendre à différencier des actions du bas de la verge, du scrotum et de l'anus. Constitué le plus souvent de deux sphères entre 2 et 4 centimètres de diamètre, reliées entre elles par un cordon. Ces boules s'insèrent dans le vagin ou dans l'anus, en laissant la boucle du cordon à l'extérieur. Elles peuvent être portées plusieurs heures à la suite, mais il est recommandé de commencer par des périodes progressives de quelques dizaines de minutes. A l'intérieur de chaque boule on trouve une autre une bille qui transmettent des vibrations aux parois vaginales à chaque mouvement. Ces vibrations provoquent des contractions réflexes et permettent de vous muscler inconsciemment. Vous pouvez les utiliser en faisant du rangement, du jogging… et même en restant assis, ou pendant que vous dormez. Vous pouvez jouer à les faire alternativement entrer et sortir pour stimuler la partie interne du clitoris. Certains aiment les enlever d'un coup sec quand elles sont bien lubrifiées. Il est également possible de réaliser une pénétration vaginale en les conservant. En revanche la sodomie est à éviter, c'est bien plus difficile d'aller les rechercher après… Pour les modèles les moins chers, le cordon qui relie les boules est parfois une simple ficelle et ce n'est pas très pratique à nettoyer. Favorisez des boules avec un fil en élastomère hypoallergénique. Bref. Permettant de pimenter les préliminaires et de transformer des situations ordinaires en moments de plaisir, ce jouet vous offre tout un nouveau terrain de jeux en solitaire, ou à deux. Sur ce, nous vous souhaitons beaucoup de plaisir. TyKayn et Wulfila</p>
<p><img
src="https://blog.artlemoine.com/public/i/2012/11novembre/atelier_nul_ne_le_saura.jpg" />
Article extrait du <a
href="http://qzine.fr/boutique/#detailsfanzine4">fanzine !Q4 sur la
masturbation et les sextoys</a>. Autant utilisable pour une femme que
pour un homme, les boules de geisha ne sont pas conçues, à la base, pour
procurer d'orgasme. Mais certaines personnes peuvent y ressentir un
plaisir immédiat et une fougueuse chevauchée vers l'orgasme. Ces jouets
sont comme des haltères miniature servant muscler le périnée et le
plancher pelvien. Elles permettent entre autre d'intensifier vos
orgasmes, de stimuler d'avantage votre partenaire, de mieux le
ressentir, et d'atteindre des jouissances dans la partie profonde du
clitoris ou du rectum. Leur usage est conseillé pour se rééduquer après
un accouchement. Les geishas, courtisanes de luxe Japonaises s'en
servaient pour maintenir leur excitation en attendant leurs clients. Les
hommes aussi peuvent apprendre à différencier des actions du bas de la
verge, du scrotum et de l'anus. Constitué le plus souvent de deux
sphères entre 2 et 4 centimètres de diamètre, reliées entre elles par un
cordon. Ces boules s'insèrent dans le vagin ou dans l'anus, en laissant
la boucle du cordon à l'extérieur. Elles peuvent être portées plusieurs
heures à la suite, mais il est recommandé de commencer par des périodes
progressives de quelques dizaines de minutes. A l'intérieur de chaque
boule on trouve une autre une bille qui transmettent des vibrations aux
parois vaginales à chaque mouvement. Ces vibrations provoquent des
contractions réflexes et permettent de vous muscler inconsciemment. Vous
pouvez les utiliser en faisant du rangement, du jogging… et même en
restant assis, ou pendant que vous dormez. Vous pouvez jouer à les faire
alternativement entrer et sortir pour stimuler la partie interne du
clitoris. Certains aiment les enlever d'un coup sec quand elles sont
bien lubrifiées. Il est également possible de réaliser une pénétration
vaginale en les conservant. En revanche la sodomie est à éviter, c'est
bien plus difficile d'aller les rechercher après… Pour les modèles les
moins chers, le cordon qui relie les boules est parfois une simple
ficelle et ce n'est pas très pratique à nettoyer. Favorisez des boules
avec un fil en élastomère hypoallergénique. Bref. Permettant de pimenter
les préliminaires et de transformer des situations ordinaires en moments
de plaisir, ce jouet vous offre tout un nouveau terrain de jeux en
solitaire, ou à deux. Sur ce, nous vous souhaitons beaucoup de plaisir.
TyKayn et Wulfila</p>
<hr />
<p>vous pouvez voir d'autres extraits et commander nos fanzines dans <a href="http://qzine.fr/boutique/">notre boutique en ligne</a>.</p>
<p>vous pouvez voir d'autres extraits et commander nos fanzines dans <a
href="http://qzine.fr/boutique/">notre boutique en ligne</a>.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,29 @@
<li>status: publish</li>
<li>publié le: &lt;2012-12-08 15:50:48&gt;</li>
<li>modifié: &lt;2012-12-08 15:50:48&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="norman-la-masturbation-1">Norman, la Masturbation</h2>
<p>Norman fait des vidéos, sympathique réalisateur et acteur plutôt connu de la blogboule vous fait part de son avis sur la masturbation. Et comme chez Qzine on a un fanzine spécial Masturbation et Sextoys ainsi qu' un superbe sondage plein de données instructives (que je ne peux que vous conseiller de remplir) on vous en fait profiter. Enjoy!<br />
<p>Norman fait des vidéos, sympathique réalisateur et acteur plutôt
connu de la blogboule vous fait part de son avis sur la masturbation. Et
comme chez Qzine on a un fanzine spécial Masturbation et Sextoys ainsi
qu' un superbe sondage plein de données instructives (que je ne peux que
vous conseiller de remplir) on vous en fait profiter. Enjoy!<br />
</p>
<hr />
<p><a href="https://normanfaitdesvideos.com">Norman fait des vidéos</a>, sympathique réalisateur et acteur plutôt connu de la blogboule vous fait part de son avis sur la masturbation. Et comme chez Qzine on a <a href="http://qzine.fr/boutique/#detailsfanzine4">un fanzine spécial Masturbation et Sextoys</a> ainsi qu' <a href="http://qzine.fr/sondages/statistique.php">un superbe sondage plein de données instructives</a> (que je ne peux que vous conseiller de remplir) on vous en fait profiter. Enjoy!</p>
<p><a href="https://normanfaitdesvideos.com">Norman fait des vidéos</a>,
sympathique réalisateur et acteur plutôt connu de la blogboule vous fait
part de son avis sur la masturbation. Et comme chez Qzine on a <a
href="http://qzine.fr/boutique/#detailsfanzine4">un fanzine spécial
Masturbation et Sextoys</a> ainsi qu' <a
href="http://qzine.fr/sondages/statistique.php">un superbe sondage plein
de données instructives</a> (que je ne peux que vous conseiller de
remplir) on vous en fait profiter. Enjoy!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,43 @@
<li>status: publish</li>
<li>publié le: &lt;2013-01-22 23:36:11&gt;</li>
<li>modifié: &lt;2013-01-22 23:36:11&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="japan-nantes-2013-1">Japan Nantes 2013</h2>
<p>Qzine y était sur le stand de Méluzine.<br />
</p>
<hr />
<p>Qzine y était sur le stand de Méluzine. J'en ai profité pour dédicacer et venir en visiteur. Aujourd'hui c'est Wulfila qui signe les photos, enjoyez! Oh et n'oubliez pas que <a href="https://qzine.fr/boutique">les soldes sur la boutique</a> c'est bientôt fini, profitez-en ! :3 <a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8097.JPG">[[<a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8097.JPG">http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8097.JPG</a></a>]] <a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8189.JPG">http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8189.JPG</a> <a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8153.JPG">http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8153.JPG</a> <a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8099.JPG">[[<a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8099.JPG">http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8099.JPG</a></a>]] <a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8106.JPG">[[<a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8106.JPG">http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8106.JPG</a></a>]] <a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8193.JPG">[[<a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8193.JPG">http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8193.JPG</a></a>]] <a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8209.JPG">[[<a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8209.JPG">http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8209.JPG</a></a>]] <a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8251.JPG">[[<a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8251.JPG">http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8251.JPG</a></a>]] <a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8269.JPG">[[<a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8269.JPG">http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8269.JPG</a></a>]] <a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8278.JPG">[[<a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8278.JPG">http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8278.JPG</a></a>]] <a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8294.JPG">[[<a href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8294.JPG">http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8294.JPG</a></a>]]</p>
<p>Qzine y était sur le stand de Méluzine. J'en ai profité pour
dédicacer et venir en visiteur. Aujourd'hui c'est Wulfila qui signe les
photos, enjoyez! Oh et n'oubliez pas que <a
href="https://qzine.fr/boutique">les soldes sur la boutique</a> c'est
bientôt fini, profitez-en ! :3 <a
href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8097.JPG">[[<span>http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8097.JPG</span></a>]]
<img
src="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8189.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8153.JPG" />
<a
href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8099.JPG">[[<span>http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8099.JPG</span></a>]]
<a
href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8106.JPG">[[<span>http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8106.JPG</span></a>]]
<a
href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8193.JPG">[[<span>http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8193.JPG</span></a>]]
<a
href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8209.JPG">[[<span>http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8209.JPG</span></a>]]
<a
href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8251.JPG">[[<span>http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8251.JPG</span></a>]]
<a
href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8269.JPG">[[<span>http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8269.JPG</span></a>]]
<a
href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8278.JPG">[[<span>http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8278.JPG</span></a>]]
<a
href="http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/g/_MG_8294.JPG">[[<span>http://blog.artlemoine.com/public/i/2013/01janvier/japan_nantes_2013_qzine/_MG_8294.JPG</span></a>]]</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,37 @@
<li>status: publish</li>
<li>publié le: &lt;2013-03-26 14:11:39&gt;</li>
<li>modifié: &lt;2013-03-26 14:11:39&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="concours-q6-bravo-hadh-et-esk-lazouave-et-tykayn">Concours Q6, bravo Hadh et Esk, Lazouave et Tykayn</h2>
<h2 id="concours-q6-bravo-hadh-et-esk-lazouave-et-tykayn">Concours Q6,
bravo Hadh et Esk, Lazouave et Tykayn</h2>
<p>Voici les vainqueurs du concours, bravo à tout le monde! *0*<br />
</p>
<hr />
<p>Concours pour les 4e, 2e et 3e de couverture du Qzine 6 "Drague et séduction". Tout plein de superbes participations et du suspens dans les votes jusqu'au jour J ! <a href="https://blog.artlemoine.com/public/i/2013/02fevrier/qvotes/g/votes_qzine_concours.jpg">[[<a href="http://blog.artlemoine.com/public/i/2013/02fevrier/qvotes/votes_qzine_concours.jpg">http://blog.artlemoine.com/public/i/2013/02fevrier/qvotes/votes_qzine_concours.jpg</a></a>]] Et finalement : *1e place:* <a href="http://vraimentfacilearetenir.blogspot.fr/">Hadh</a> et <a href="http://otaotatsuji.deviantart.com/">Esk</a> (17 votes sur 57) <img src="http://blog.artlemoine.com/public/i/2013/02fevrier/q6/concours%20qzine_.png" /> Lots : un fanzine Q6 (quand il sera fini cet été) un pack de 72 feutres à alcool Copics illustration en dos de couverture du !Q 6. du lubrifiant / huile de massage *2e place:* <a href="http://lazouave.hautetfort.com/">Lazouave</a> (9 votes) <img src="http://blog.artlemoine.com/public/i/2013/02fevrier/q6/cupidon_couleur.jpg" /> Lots : un fanzine Q6 1 commission cultivée faite par tykayn 1 poster !Q du lubrifiant / huile de massage *3e place:* <a href="http://tykay.free.fr">Tykayn</a> (8 votes) <img src="http://blog.artlemoine.com/public/i/2013/02fevrier/q6/tykayn_q6_seduction_plage_ok.jpg" /> Lots : un fanzine Q6 3 badges au choix. du lubrifiant / huile de massage Bravo à tous !!</p>
<p>Concours pour les 4e, 2e et 3e de couverture du Qzine 6 "Drague et
séduction". Tout plein de superbes participations et du suspens dans les
votes jusqu'au jour J ! <a
href="https://blog.artlemoine.com/public/i/2013/02fevrier/qvotes/g/votes_qzine_concours.jpg">[[<span>http://blog.artlemoine.com/public/i/2013/02fevrier/qvotes/votes_qzine_concours.jpg</span></a>]]
Et finalement : *1e place:* <a
href="http://vraimentfacilearetenir.blogspot.fr/">Hadh</a> et <a
href="http://otaotatsuji.deviantart.com/">Esk</a> (17 votes sur 57) <img
src="http://blog.artlemoine.com/public/i/2013/02fevrier/q6/concours%20qzine_.png" />
Lots : un fanzine Q6 (quand il sera fini cet été) un pack de 72 feutres
à alcool Copics illustration en dos de couverture du !Q 6. du lubrifiant
/ huile de massage *2e place:* <a
href="http://lazouave.hautetfort.com/">Lazouave</a> (9 votes) <img
src="http://blog.artlemoine.com/public/i/2013/02fevrier/q6/cupidon_couleur.jpg" />
Lots : un fanzine Q6 1 commission cultivée faite par tykayn 1 poster !Q
du lubrifiant / huile de massage *3e place:* <a
href="http://tykay.free.fr">Tykayn</a> (8 votes) <img
src="http://blog.artlemoine.com/public/i/2013/02fevrier/q6/tykayn_q6_seduction_plage_ok.jpg" />
Lots : un fanzine Q6 3 badges au choix. du lubrifiant / huile de massage
Bravo à tous !!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,30 @@
<li>status: publish</li>
<li>publié le: &lt;2013-04-22 19:15:58&gt;</li>
<li>modifié: &lt;2013-04-22 19:15:58&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="dessins-aux-copics-1">dessins aux copics</h2>
<p>nos deux vainqueses du concours d'illustration pour Qzine 6 ont enfin reçu leurs 72 feutres expédiés depuis le Japon.<br />
<p>nos deux vainqueses du concours d'illustration pour Qzine 6 ont enfin
reçu leurs 72 feutres expédiés depuis le Japon.<br />
</p>
<hr />
<p>nos deux vainqueses du concours d'illustration pour Qzine 6 ont enfin reçu leurs 72 feutres expédiés depuis le Japon. C'est tellement beau <strong>0</strong> notre équipe ne regrette pas du tout, voyez plutôt ! <img src="https://th00.deviantart.net/fs70/PRE/i/2013/099/d/4/lilou_by_otaotatsuji-d610h56.jpg" /> la wunderbar deviantart de Esk , alias OtaOtaTsuji <a href="http://otaotatsuji.deviantart.com/">http://otaotatsuji.deviantart.com/</a> <img src="http://24.media.tumblr.com/167a20ef691cd3547ffc3a31e86f1fca/tumblr_mld1aiuGpP1s2z5euo1_500.jpg" /> <a href="http://vraimentfacilearetenir.blogspot.fr/">http://vraimentfacilearetenir.blogspot.fr/</a> le blog de HadH, plein de sang menstruel et de CULture.</p>
<p>nos deux vainqueses du concours d'illustration pour Qzine 6 ont enfin
reçu leurs 72 feutres expédiés depuis le Japon. C'est tellement beau
<strong>0</strong> notre équipe ne regrette pas du tout, voyez plutôt !
<img
src="https://th00.deviantart.net/fs70/PRE/i/2013/099/d/4/lilou_by_otaotatsuji-d610h56.jpg" />
la wunderbar deviantart de Esk , alias OtaOtaTsuji <a
href="http://otaotatsuji.deviantart.com/">http://otaotatsuji.deviantart.com/</a>
<img
src="http://24.media.tumblr.com/167a20ef691cd3547ffc3a31e86f1fca/tumblr_mld1aiuGpP1s2z5euo1_500.jpg" />
<a
href="http://vraimentfacilearetenir.blogspot.fr/">http://vraimentfacilearetenir.blogspot.fr/</a>
le blog de HadH, plein de sang menstruel et de CULture.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,34 @@
<li>status: publish</li>
<li>publié le: &lt;2013-04-23 14:07:10&gt;</li>
<li>modifié: &lt;2013-04-23 14:07:10&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="radio-qzine-the-roof-is-on-fire">radio Qzine, the roof is on fire</h2>
<p>le point commun entre shakira et les Village people? C'est la playlist sexy que vous allez pouvoir écouter en open bar sur qzine!<br />
<h2 id="radio-qzine-the-roof-is-on-fire">radio Qzine, the roof is on
fire</h2>
<p>le point commun entre shakira et les Village people? C'est la
playlist sexy que vous allez pouvoir écouter en open bar sur
qzine!<br />
</p>
<hr />
<p>le point commun entre shakira et les Village people? C'est <a href="https://grooveshark.com/#!/playlist/Sexy+Playlist/85665838">la playlist sexy</a> que vous allez pouvoir écouter en open bar sur qzine! Essayez donc, elle est juste à droite des articles et accompagnera votre quête de CULture. <img src="http://ryanseacrest.com/wp-content/uploads/2012/05/Shakira-Im-Addicted-To-You2-900-600-600x400.jpg" /> <img src="http://www.qualiafolk.com/wp-content/uploads/2011/12/village-people-1000x288.jpg" /> source <a href="http://www.ohmydollz.com/?p=fiche&amp;pseudo=shakira-ripoll">photo de shakira</a> <a href="http://www.qualiafolk.com/wp-content/uploads/2011/12/village-people-1000x288.jpg">photo des ymca</a> Je ne vous garantit pas que ça soit la bonne playlist a mettre pour sexer, vous êtes prévenus. Enjoyez bien!</p>
<p>le point commun entre shakira et les Village people? C'est <a
href="https://grooveshark.com/#!/playlist/Sexy+Playlist/85665838">la
playlist sexy</a> que vous allez pouvoir écouter en open bar sur qzine!
Essayez donc, elle est juste à droite des articles et accompagnera votre
quête de CULture. <img
src="http://ryanseacrest.com/wp-content/uploads/2012/05/Shakira-Im-Addicted-To-You2-900-600-600x400.jpg" />
<img
src="http://www.qualiafolk.com/wp-content/uploads/2011/12/village-people-1000x288.jpg" />
source <a
href="http://www.ohmydollz.com/?p=fiche&amp;pseudo=shakira-ripoll">photo
de shakira</a> <a
href="http://www.qualiafolk.com/wp-content/uploads/2011/12/village-people-1000x288.jpg">photo
des ymca</a> Je ne vous garantit pas que ça soit la bonne playlist a
mettre pour sexer, vous êtes prévenus. Enjoyez bien!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,23 @@
<li>status: publish</li>
<li>publié le: &lt;2013-07-18 11:39:04&gt;</li>
<li>modifié: &lt;2013-07-18 11:39:04&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="jeux-vidéos-et-hypersexualisation">Jeux vidéos et hypersexualisation</h2>
<h2 id="jeux-vidéos-et-hypersexualisation">Jeux vidéos et
hypersexualisation</h2>
<p><br />
</p>
<hr />
<p><strong>La virilité</strong> et les jeux vidéos, ou plutôt son exagération toujours plus concrète au fur et à mesure que les moyens techniques le permettent. <strong>Les Joueuses</strong> ça existe, noooon vraiment ? <a href="https://www.youtube.com/user/usulmasta">La chaine youtube de 3615 Usul</a></p>
<p><strong>La virilité</strong> et les jeux vidéos, ou plutôt son
exagération toujours plus concrète au fur et à mesure que les moyens
techniques le permettent. <strong>Les Joueuses</strong> ça existe,
noooon vraiment ? <a href="https://www.youtube.com/user/usulmasta">La
chaine youtube de 3615 Usul</a></p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,13 +175,27 @@
<li>status: private</li>
<li>publié le: &lt;2013-07-22 17:00:59&gt;</li>
<li>modifié: &lt;2013-07-22 17:00:59&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="culture-livre-et-films-de-séduction">Culture livre et films de séduction</h2>
<p>Cyrano de Bergerac, de Edmond Rostand DNA ² ; I''s , de Masakazu Katsura. Dom Juan, de Molle yeah Fanfan ; Le Zèbre, de Alexandre Jardin Harold et Maud, de Colin Higgins Histoire de ma vie, de Giacomo Casanova la femme des sables, de Abé Kôbô le parfum, de Patrick Süskind les liaisons dangereuses, Pierre Choderlos de Laclos Mirai nikki, de Sakae Esuno 100 girls 2046 - wong kar wai 500 days of Summer Allez, viens! Bruce tout puissant Crash - David Cronenberg Death note Deux soeurs pour un roi Entretien avec un vampire Erternal sunshine of spotless mind Half light Hard Candy Hitch Irrésistible Alfie King kong L'arnaCoeur L'art délicat de la séduction La Comtesse La délicatesse Mémoires d'une geisha pour le pire et pour le meilleur Scott Pilgrim VS the world the truman show timer Un jour sans fin</p>
<h2 id="culture-livre-et-films-de-séduction">Culture livre et films de
séduction</h2>
<p>Cyrano de Bergerac, de Edmond Rostand DNA ² ; I''s , de Masakazu
Katsura. Dom Juan, de Molle yeah Fanfan ; Le Zèbre, de Alexandre Jardin
Harold et Maud, de Colin Higgins Histoire de ma vie, de Giacomo Casanova
la femme des sables, de Abé Kôbô le parfum, de Patrick Süskind les
liaisons dangereuses, Pierre Choderlos de Laclos Mirai nikki, de Sakae
Esuno 100 girls 2046 - wong kar wai 500 days of Summer Allez, viens!
Bruce tout puissant Crash - David Cronenberg Death note Deux soeurs pour
un roi Entretien avec un vampire Erternal sunshine of spotless mind Half
light Hard Candy Hitch Irrésistible Alfie King kong L'arnaCoeur L'art
délicat de la séduction La Comtesse La délicatesse Mémoires d'une geisha
pour le pire et pour le meilleur Scott Pilgrim VS the world the truman
show timer Un jour sans fin</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,32 @@
<li>status: publish</li>
<li>publié le: &lt;2013-07-22 17:02:36&gt;</li>
<li>modifié: &lt;2013-07-22 17:02:36&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="pression-sur-le-non-couple-1">Pression sur le non-couple</h2>
<p>(extrait du fanzine Q6 sur la drague et la séduction)<br />
</p>
<hr />
<p>(extrait du <a href="https://qzine.fr/boutique/#detailsfanzine6">fanzine Q6 sur la drague et la séduction</a>) <strong>Pourquoi tant de séduction ?</strong> Sans doute parce que l'état de célibat a toujours été présenté comme une sous-vie incomplète et qu'un modèle de vie nous a toujours été montré en idéal à atteindre sans autre choix : vivre marié dans sa propre maison avec ses meubles ikéa, sa grosse voiture, son labrador et ses enfants. Un garçon et une fille pour faire plaisir à chacun des parents qui pourront se projeter dans leur progéniture et leur offrir tout ce que eux n'ont pas eu la chance d'avoir dans le passé. La vie de couple suit des codes socialement normés qui ne conviennent pas à tout le monde. Accepter que chacun puisse ne pas vouloir devenir une famille Ricoré et vivre sous le même toit tout en étant parfaitement heureux serait un bon début dans la tolérance globale. Tykayn.</p>
<p>(extrait du <a
href="https://qzine.fr/boutique/#detailsfanzine6">fanzine Q6 sur la
drague et la séduction</a>) <strong>Pourquoi tant de séduction
?</strong> Sans doute parce que l'état de célibat a toujours été
présenté comme une sous-vie incomplète et qu'un modèle de vie nous a
toujours été montré en idéal à atteindre sans autre choix : vivre marié
dans sa propre maison avec ses meubles ikéa, sa grosse voiture, son
labrador et ses enfants. Un garçon et une fille pour faire plaisir à
chacun des parents qui pourront se projeter dans leur progéniture et
leur offrir tout ce que eux n'ont pas eu la chance d'avoir dans le
passé. La vie de couple suit des codes socialement normés qui ne
conviennent pas à tout le monde. Accepter que chacun puisse ne pas
vouloir devenir une famille Ricoré et vivre sous le même toit tout en
étant parfaitement heureux serait un bon début dans la tolérance
globale. Tykayn.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,64 @@
<li>status: publish</li>
<li>publié le: &lt;2013-07-28 17:02:40&gt;</li>
<li>modifié: &lt;2013-07-28 17:02:40&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="si-tu-avais-su-me-séduire">Si tu avais su me séduire</h2>
<p>(extrait du fanzine Q6 sur la drague et la séduction)<br />
</p>
<hr />
<p>(production extraite du <a href="https://qzine.fr/boutique/#detailsfanzine6">fanzine Q6 sur la drague et la séduction</a>.) Il est une heure du main, j'ai attrapé de justesse le dernier métro, trop heureuse de ne pas passer une minute de plus avec ce type qui me bavait dans le cou il y a encore une demi-heure. Ça pour un rencard raté, c'est un rencard raté. La tequila n'a pas aidé. Demain je vais encore une fois me réveiller vaseuse et fatiguée, et l'enfoiré m'aura fait perdre une journée en plus d'une soirée. A moitié endormie contre la vitre, je remâche ma haine de ces idiots sans savoir-vivre. Il aurait pu… il aurait dû … <strong>Jouer d'autres atouts.</strong> Moi ce qui me séduit chez un homme, c'est son cerveau. J'aime l'humour acide, les traits d'esprit qui partent comme des carreaux d'arbalètes. Rien ne me plaît plus que d'entendre dans la bouche de mon compagnon de terrasse une plaisanterie du genre que jaurais pu faire, mais que je n'avais pas osé sortir. Ou mieux, une référence à un obscur bouquin. J'ai fondu pour un type qui faisait facile deux têtes de plus que moi. Parce qu'alors qu'on marchait dans les rues il m'a désigné nos ombres en me glissant « David et Goliath ». Je lui ai rappelé que David a fait choir ledit Goliath, il m'a regardé avec l'air surpris, je l'ai regardé pareil, et assez vite on a décidé d'échoir sous les mêmes couvertures. J'ai aussi sauté une fois sur un mec qui, sur l'oreiller, me parlait de son blog sur lequel il s'efforce de créer des textes qui font appel à tous les sens, comme de la poésie contemporaine. Rien à foutre qu'on vienne à peine de finir le câlin, précédent, il me fallait cet homme, immédiatement. <strong>Sortir un peu du lot</strong> J'aurais bien aimé avoir en face de moi quelqu'un d'un peu créatif, capable d'avoir des projets, de rêver, ou en tout cas de faire autre chose que ce qu'on attend de lui. Là non. Ce type ne semblait attendre rien d'autre de la vie que ses prochaines vacances, à plus forte raison la retraite. Et puis il y a cette façon de préjuger de ce qui est supposé plaire à une fille qui revient à toutes nous réduire un stéréotype franchement pas flatteur. <strong>Apprendre à faire un compliment</strong> Sérieusement il y a des mecs qui ne savent pas faire un compliment. Ça va de « tes bourrelets sont supers, ils tiennent chaud », à des trucs plus élaborés mais non moins infamants. Comme ce mec qui vous explique les yeux dans les yeux et la main sur le cœur que vous, vous êtes parfaite pour lui, et que les filles plus belles, elles sont intimidantes. Traduction littérale : “ tu es suffisamment moche pour que j'aie un espoir de te pécho » ou « tu es le mieux que je puisse draguer sans me prendre un râteau ». <strong>Prévoir à manger</strong> Et puis d'abord c'est quoi cette nouvelle manie des mecs d'inviter une fille à sortir, d'enchaîner verres sur verres et de ne rien prévoir pour adoucir tout ça ? C'est de la radinerie ou juste dans l'espoir de nous soûler ? Parce que bon, dans les deux cas ça ne sert à rien, notamment sur moi. D'une part parce que je paye ma part au resto, d'autre part parce que je tiens l'alcool mieux qu'un docker irlandais, sérieusement. Mlle Chérie</p>
<p>(production extraite du <a
href="https://qzine.fr/boutique/#detailsfanzine6">fanzine Q6 sur la
drague et la séduction</a>.) Il est une heure du main, j'ai attrapé de
justesse le dernier métro, trop heureuse de ne pas passer une minute de
plus avec ce type qui me bavait dans le cou il y a encore une
demi-heure. Ça pour un rencard raté, c'est un rencard raté. La tequila
n'a pas aidé. Demain je vais encore une fois me réveiller vaseuse et
fatiguée, et l'enfoiré m'aura fait perdre une journée en plus d'une
soirée. A moitié endormie contre la vitre, je remâche ma haine de ces
idiots sans savoir-vivre. Il aurait pu… il aurait dû … <strong>Jouer
d'autres atouts.</strong> Moi ce qui me séduit chez un homme, c'est son
cerveau. J'aime l'humour acide, les traits d'esprit qui partent comme
des carreaux d'arbalètes. Rien ne me plaît plus que d'entendre dans la
bouche de mon compagnon de terrasse une plaisanterie du genre que
jaurais pu faire, mais que je n'avais pas osé sortir. Ou mieux, une
référence à un obscur bouquin. J'ai fondu pour un type qui faisait
facile deux têtes de plus que moi. Parce qu'alors qu'on marchait dans
les rues il m'a désigné nos ombres en me glissant « David et Goliath ».
Je lui ai rappelé que David a fait choir ledit Goliath, il m'a regardé
avec l'air surpris, je l'ai regardé pareil, et assez vite on a décidé
d'échoir sous les mêmes couvertures. J'ai aussi sauté une fois sur un
mec qui, sur l'oreiller, me parlait de son blog sur lequel il s'efforce
de créer des textes qui font appel à tous les sens, comme de la poésie
contemporaine. Rien à foutre qu'on vienne à peine de finir le câlin,
précédent, il me fallait cet homme, immédiatement. <strong>Sortir un peu
du lot</strong> J'aurais bien aimé avoir en face de moi quelqu'un d'un
peu créatif, capable d'avoir des projets, de rêver, ou en tout cas de
faire autre chose que ce qu'on attend de lui. Là non. Ce type ne
semblait attendre rien d'autre de la vie que ses prochaines vacances, à
plus forte raison la retraite. Et puis il y a cette façon de préjuger de
ce qui est supposé plaire à une fille qui revient à toutes nous réduire
un stéréotype franchement pas flatteur. <strong>Apprendre à faire un
compliment</strong> Sérieusement il y a des mecs qui ne savent pas faire
un compliment. Ça va de « tes bourrelets sont supers, ils tiennent chaud
», à des trucs plus élaborés mais non moins infamants. Comme ce mec qui
vous explique les yeux dans les yeux et la main sur le cœur que vous,
vous êtes parfaite pour lui, et que les filles plus belles, elles sont
intimidantes. Traduction littérale : “ tu es suffisamment moche pour que
j'aie un espoir de te pécho » ou « tu es le mieux que je puisse draguer
sans me prendre un râteau ». <strong>Prévoir à manger</strong> Et puis
d'abord c'est quoi cette nouvelle manie des mecs d'inviter une fille à
sortir, d'enchaîner verres sur verres et de ne rien prévoir pour adoucir
tout ça ? C'est de la radinerie ou juste dans l'espoir de nous soûler ?
Parce que bon, dans les deux cas ça ne sert à rien, notamment sur moi.
D'une part parce que je paye ma part au resto, d'autre part parce que je
tiens l'alcool mieux qu'un docker irlandais, sérieusement. Mlle
Chérie</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,27 +175,155 @@
<li>status: publish</li>
<li>publié le: &lt;2013-08-19 12:23:59&gt;</li>
<li>modifié: &lt;2013-08-19 12:23:59&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="vous-voulez-être-heureux-cessez-de-faire-ces-dix-choses">Vous voulez être heureux? Cessez de faire ces dix choses</h2>
<h2 id="vous-voulez-être-heureux-cessez-de-faire-ces-dix-choses">Vous
voulez être heureux? Cessez de faire ces dix choses</h2>
<p>:html:</p>
<p>&lt;br /&gt;&lt;hr&gt;&lt;img src="<a href="http://www.linternaute.com/actualite/savoir/06/peuples-heureux/images/carte2.jpg">http://www.linternaute.com/actualite/savoir/06/peuples-heureux/images/carte2.jpg</a>" alt="carte des pays ou l'on vit le plus heureux (en rouge, le plus)" /&gt; "Les touristes viennent sur cette île paradisiaque en croyant qu'ils y trouveront le bonheur comme s'il se trouvait quelque part entre les grains de sable et le soleil. Mais en fait, s'ils ne l'amènent pas avec eux ils auront du mal à le trouver. ça ne se trouve pas, ça se crée soi même." le bonheur - tant dans la vie personnelle que professionnelle - est une affaire de soustraction, et non d'addition. Considérez par exemple ce qui se produit quand vous cessez de faire les dix choses suivantes: &lt;h2&gt;Blâmer&lt;/h2&gt; Tout le monde fait des erreurs. Les employés ne correspondent pas à vos attentes. Les fournisseurs ne livrent pas dans les temps. Alors vous les blâmez pour vos problèmes. Mais vous êtes aussi à blâmer. Peut être n'avez vous pas transmis assez de motivation. Peut être que vous avez demandé trop à faire, trop rapidement. Peut être que ce n'est pas votre téléphone qui est pourri mais votre quotidien. Peut être que ce n'est pas le Lundi qui est un mauvais jour, mais que votre job ne vous convient pas.</p>
<p>Prendre vos responsabilités quand les choses vont mal au lieu de blâmer n'est pas masochiste, c'est valorisant. Car vous deviendrez alors concentré sur comment faire les choses mieux, de façon plus intelligente la prochaine fois. Et quand vous devenez meilleur ou plus intelligent, vous devenez aussi plus heureux.</p>
<p>&lt;!more&gt; &lt;h2&gt;Impressionner&lt;/h2&gt; Personne ne vous aime pour vos habits, votre voiture, vos possessions, votre statut, vos accomplissements. Ce sont des "choses". Les gens peuvent aimer ces choses, ça ne veut pas dire qu'ils vous aiment, vous. Certainement, à la surface ils semblent vous aimer, mais la surperficialité est sans substance. Une relation sans substance ne peut être une vraie relation.</p>
<p>Les relations honnêtes vous rendent heureux, et vous n'en formerez pas de fausses quand vous cessez de vouloir impressionner, et commencez enfin à essayer d'être vous même. &lt;h2&gt;Se limiter&lt;/h2&gt; Quand vous avez peur, que vous vous sentez en insécurité, vous vous accrochez fermement à ce que vous connaissez, même si vous savez que ce n'est pas particulièrement bon pour vous. Une abscence de peur ou d'insécurité n'est pas "être heureux", ce n'est qu'une abscence de peur ou d'insécurité.</p>
<p>S'accorcher à ce que vous croyez avoir &lt;em&gt;besoin&lt;/em&gt; ne vous rendra pas plus heureux. Cependant, reconnaître notre accrochement, notre tendance à s'immobiliser dans une situation désagréable et la laisser passer de façon à atteindre et essayer d'obtenir ce que vous voulez, le fera. Même si vous ne réussissez pas à obtenir ce que vous voulez, l'acte d'essayer seul vous fera sentir mieux vis à vis de vous même. &lt;h2&gt;Couper la parole&lt;/h2&gt; Couper la parole n'est pas que malpoli. Quand vous interrompez quelqu'un, ce que vous dites en vérité c'est "je ne t'écoute pas afin de comprendre ce que tu dis, je t'écoute afin de décider quoi dire".</p>
<p>Vous voulez que les gens vous apprécient? Écoutez ce qu'ils ont à dire. Concentrez vous sur ce dont ils parlent. Posez leur des questions pour être certain que vous comprenez ce qu'ils veulent dire. Ils vous aimeront pour cela, et vous aimerez avoir une relation de compréhension mutuelle. &lt;h2&gt;Geindre&lt;/h2&gt; Vos mots ont un pouvoir, et plus particulièrement sur vous-même. Pleurnicher sur vos problèmes vous fait vous sentir pire, non mieux. Si quelque chose ne va pas, ne perdez pas votre temps à vous plaindre. Mettez cette énergie dans un effort qui rendra la situation meilleure. à moins que vous ne vouliez geindre à propos de cette chose pour toujours, ce qui est un moyen efficace de ne pas être heureux du tout. Alors pourquoi perdre votre temps? Améliorez cela maintenant.</p>
<p>Ne parlez pas de ce qui ne va pas. Parlez plutôt de comment rendre les situations meilleures, même si cette conversation n'est que de vous à vous même. Faites de même avec vos amis et vos collègues. Ne soyez pas que l'épaule sur laquelle ils pleurent. Les amis ne laissent pas leurs amis pleurer sans rien faire. Les amis s'entraident pour rendre leur vie meilleure. &lt;h2&gt;Contrôler&lt;/h2&gt; Oui, vous êtes le boss. Oui vous êtes le titan de l'industrie. Oui, vous êtes la petite queue qui remue un énorme chien. Cependant, la seule chose que vous contrôlez réellement, c'est vous. Si vous vous surprenez à vouloir essayer de toutes vos forces de contrôler d'autres personnes, c'est parce que vous avez décidé que vous, vos buts, vos rêves, ou juste vos opinions sont plus importants que les leurs.</p>
<p>Le contrôle requiert souvent de la force, de la peur, de la pression, de l'autorité, et d'autres forces de pression dont aucune ne vous laissera une bonne impression de vous même. Au lieu de vouloir contrôler les autres, trouvez des personnes qui veulent aller où vous voulez aller. Ils travailleront plus dur, s'amuseront d'avantage, créeront un meilleur cadre de travail, et de meilleures relations interpersonnelles. Chacun de vous sera ainsi plus heureux. &lt;h2&gt;Critiquer&lt;/h2&gt; Oui vous êtes plus éduqué. Oui vous avez plus d'expérience. Oui, vous en avez vu d'autres, vous avez escaladé plus de bâtiments et chassé plus de dragons. Cela ne vous rend pas plus intelligent, ni meilleur, ni plus légitime. Cela vous rend juste unique, sans adversaire, unique en son genre, mais au final, juste vous. Comme tous les autres, comme vos employés ou vos supérieurs.</p>
<p>Tout le monde est différent: ni mieux, ni pire, juste différents. Appréciez les différences, au lieu de les considérer comme des défauts et vous verrez les autres, et vous même, sous un meilleur jour. &lt;h2&gt;Prêcher&lt;/h2&gt; La critique et le prosélitysme ont une même origine: le jugement. Plus vous évoluez, plus haut vous montez, plus vous aurez tendance à croire que vous savez tout mieux que les autres et à dire aux autres tout ce que vous semblez savoir.</p>
<p>Quand vous parlez avec plus de finalité que de base solide, les gens vous entendront, mais ne vous écouteront pas. Assurez vous que vous pouvez comprendre que votre audimat n'a pas les mêmes avis que vous. Rencontrer des personnes différentes, voir des lieux plus divers, vous fera comprendre qu'il n'existe pas une seule façon valable de voir le monde. Ainsi, il n'est nul besoin de prêcher votre opinion comme seul modèle de pensée. Ne pas chercher à faire rentrer votre entourage dans votre secte de pensée et ils vous en remerciront. Vous apprécierez aussi de reconnaître la valeur propre de chacun sans qu'elle passe par votre filtre de pensée, et cela vous rendra aussi plus heureux. &lt;h2&gt;Ressasser&lt;/h2&gt; Le passé a une valeur. Apprenez de vos erreurs. Apprenez des erreurs des autres. Et tournez la page. Plus facile a dire qu'a faire? Cela dépend de ce sur quoi vous concentrez votre attention. Quand quelque chose de mal vous arrive, prenez cela comme une chance d'apprendre quelque chose que vous ignoriez. Quand quelqu'un d'autre fait une erreur, voyez cela comme une opportunité d'être bon, de pardonner, et de comprendre. Soyez une personne humainement meilleure que votre voisin, soyez meilleur que la personne que vous étiez hier.</p>
<p>Le passé est un entraînement, il ne vous définit pas. Repensez à ce qui a mal tourné, mais seulement de façon à ce que vous pourriez faire pour que la prochaine fois qu'une situation similaire se présente, vous et les gens autour sauront comment faire en sorte que les choses tournent bien. &lt;h2&gt;Craindre&lt;/h2&gt; Nous avons tous peur: de ce qui peut ou ne peut pas arriver, de ce que nous ne pouvons pas changer, de ce dont nous ne seront pas capable de faire, ou de comment les autres peuvent nous percevoir. Alors il est plus simple d'hésiter, d'attendre le bon moment, de décider que nous avons besoin de réfléchir un peu plus longtemps ou de faire un peu plus de recherches pour explorer un peu plus d'alternatives.</p>
<p>Cependant, les jours, les semaines, les mois, les années s'écoulent. Et ainsi s'en vont nos rêves. Ne laissez pas vos peurs vous retenir toute votre vie. Quoi que vous ayez planifié, quoi que vous ayez imaginé, quoi que vous ayez rêvé, commencez aujourd'hui. Si vous voulez créer votre entreprise, commencez le premier pas. Si vous voulez changer de carrière, commencez le premier pas. Si vous voulez apprendre quelque chose, faire du sport, voir d'anciens amis, commencez le premier pas. Renseignez-vous, tenez vous debout, cherchez un détail inexploité dans votre quotidien. Rien qu'un seul pas vous rendra plus heureux. Mettez vos peurs de côté et commencez. Faites quelque chose. Faites n'importe quelle activité. Sinon, aujourd'hui s'en va. Quand vient demain, aujourd'hui est un jour perdu pour toujours.</p>
<p>Aujourd'hui est votre carte la plus précieuse, et la seule chose dont vous devriez avoir vraiment peur de perdre.</p>
<p>traduit depuis &lt;a title="want to be happier ?" href="<a href="http://lifehacker.com/5991218/want-to-be-happier-stop-doing-these-10-things-right-now">http://lifehacker.com/5991218/want-to-be-happier-stop-doing-these-10-things-right-now</a>"&gt;LifeHacker.com&lt;/a&gt; par Tykayn:</p>
<p>&lt;br /&gt;&lt;hr&gt;&lt;img src="<a
href="http://www.linternaute.com/actualite/savoir/06/peuples-heureux/images/carte2.jpg">http://www.linternaute.com/actualite/savoir/06/peuples-heureux/images/carte2.jpg</a>"
alt="carte des pays ou l'on vit le plus heureux (en rouge, le plus)"
/&gt; "Les touristes viennent sur cette île paradisiaque en croyant
qu'ils y trouveront le bonheur comme s'il se trouvait quelque part entre
les grains de sable et le soleil. Mais en fait, s'ils ne l'amènent pas
avec eux ils auront du mal à le trouver. ça ne se trouve pas, ça se crée
soi même." le bonheur - tant dans la vie personnelle que professionnelle
- est une affaire de soustraction, et non d'addition. Considérez par
exemple ce qui se produit quand vous cessez de faire les dix choses
suivantes: &lt;h2&gt;Blâmer&lt;/h2&gt; Tout le monde fait des erreurs.
Les employés ne correspondent pas à vos attentes. Les fournisseurs ne
livrent pas dans les temps. Alors vous les blâmez pour vos problèmes.
Mais vous êtes aussi à blâmer. Peut être n'avez vous pas transmis assez
de motivation. Peut être que vous avez demandé trop à faire, trop
rapidement. Peut être que ce n'est pas votre téléphone qui est pourri
mais votre quotidien. Peut être que ce n'est pas le Lundi qui est un
mauvais jour, mais que votre job ne vous convient pas.</p>
<p>Prendre vos responsabilités quand les choses vont mal au lieu de
blâmer n'est pas masochiste, c'est valorisant. Car vous deviendrez alors
concentré sur comment faire les choses mieux, de façon plus intelligente
la prochaine fois. Et quand vous devenez meilleur ou plus intelligent,
vous devenez aussi plus heureux.</p>
<p>&lt;!more&gt; &lt;h2&gt;Impressionner&lt;/h2&gt; Personne ne vous
aime pour vos habits, votre voiture, vos possessions, votre statut, vos
accomplissements. Ce sont des "choses". Les gens peuvent aimer ces
choses, ça ne veut pas dire qu'ils vous aiment, vous. Certainement, à la
surface ils semblent vous aimer, mais la surperficialité est sans
substance. Une relation sans substance ne peut être une vraie
relation.</p>
<p>Les relations honnêtes vous rendent heureux, et vous n'en formerez
pas de fausses quand vous cessez de vouloir impressionner, et commencez
enfin à essayer d'être vous même. &lt;h2&gt;Se limiter&lt;/h2&gt; Quand
vous avez peur, que vous vous sentez en insécurité, vous vous accrochez
fermement à ce que vous connaissez, même si vous savez que ce n'est pas
particulièrement bon pour vous. Une abscence de peur ou d'insécurité
n'est pas "être heureux", ce n'est qu'une abscence de peur ou
d'insécurité.</p>
<p>S'accorcher à ce que vous croyez avoir &lt;em&gt;besoin&lt;/em&gt; ne
vous rendra pas plus heureux. Cependant, reconnaître notre accrochement,
notre tendance à s'immobiliser dans une situation désagréable et la
laisser passer de façon à atteindre et essayer d'obtenir ce que vous
voulez, le fera. Même si vous ne réussissez pas à obtenir ce que vous
voulez, l'acte d'essayer seul vous fera sentir mieux vis à vis de vous
même. &lt;h2&gt;Couper la parole&lt;/h2&gt; Couper la parole n'est pas
que malpoli. Quand vous interrompez quelqu'un, ce que vous dites en
vérité c'est "je ne t'écoute pas afin de comprendre ce que tu dis, je
t'écoute afin de décider quoi dire".</p>
<p>Vous voulez que les gens vous apprécient? Écoutez ce qu'ils ont à
dire. Concentrez vous sur ce dont ils parlent. Posez leur des questions
pour être certain que vous comprenez ce qu'ils veulent dire. Ils vous
aimeront pour cela, et vous aimerez avoir une relation de compréhension
mutuelle. &lt;h2&gt;Geindre&lt;/h2&gt; Vos mots ont un pouvoir, et plus
particulièrement sur vous-même. Pleurnicher sur vos problèmes vous fait
vous sentir pire, non mieux. Si quelque chose ne va pas, ne perdez pas
votre temps à vous plaindre. Mettez cette énergie dans un effort qui
rendra la situation meilleure. à moins que vous ne vouliez geindre à
propos de cette chose pour toujours, ce qui est un moyen efficace de ne
pas être heureux du tout. Alors pourquoi perdre votre temps? Améliorez
cela maintenant.</p>
<p>Ne parlez pas de ce qui ne va pas. Parlez plutôt de comment rendre
les situations meilleures, même si cette conversation n'est que de vous
à vous même. Faites de même avec vos amis et vos collègues. Ne soyez pas
que l'épaule sur laquelle ils pleurent. Les amis ne laissent pas leurs
amis pleurer sans rien faire. Les amis s'entraident pour rendre leur vie
meilleure. &lt;h2&gt;Contrôler&lt;/h2&gt; Oui, vous êtes le boss. Oui
vous êtes le titan de l'industrie. Oui, vous êtes la petite queue qui
remue un énorme chien. Cependant, la seule chose que vous contrôlez
réellement, c'est vous. Si vous vous surprenez à vouloir essayer de
toutes vos forces de contrôler d'autres personnes, c'est parce que vous
avez décidé que vous, vos buts, vos rêves, ou juste vos opinions sont
plus importants que les leurs.</p>
<p>Le contrôle requiert souvent de la force, de la peur, de la pression,
de l'autorité, et d'autres forces de pression dont aucune ne vous
laissera une bonne impression de vous même. Au lieu de vouloir contrôler
les autres, trouvez des personnes qui veulent aller où vous voulez
aller. Ils travailleront plus dur, s'amuseront d'avantage, créeront un
meilleur cadre de travail, et de meilleures relations interpersonnelles.
Chacun de vous sera ainsi plus heureux. &lt;h2&gt;Critiquer&lt;/h2&gt;
Oui vous êtes plus éduqué. Oui vous avez plus d'expérience. Oui, vous en
avez vu d'autres, vous avez escaladé plus de bâtiments et chassé plus de
dragons. Cela ne vous rend pas plus intelligent, ni meilleur, ni plus
légitime. Cela vous rend juste unique, sans adversaire, unique en son
genre, mais au final, juste vous. Comme tous les autres, comme vos
employés ou vos supérieurs.</p>
<p>Tout le monde est différent: ni mieux, ni pire, juste différents.
Appréciez les différences, au lieu de les considérer comme des défauts
et vous verrez les autres, et vous même, sous un meilleur jour.
&lt;h2&gt;Prêcher&lt;/h2&gt; La critique et le prosélitysme ont une même
origine: le jugement. Plus vous évoluez, plus haut vous montez, plus
vous aurez tendance à croire que vous savez tout mieux que les autres et
à dire aux autres tout ce que vous semblez savoir.</p>
<p>Quand vous parlez avec plus de finalité que de base solide, les gens
vous entendront, mais ne vous écouteront pas. Assurez vous que vous
pouvez comprendre que votre audimat n'a pas les mêmes avis que vous.
Rencontrer des personnes différentes, voir des lieux plus divers, vous
fera comprendre qu'il n'existe pas une seule façon valable de voir le
monde. Ainsi, il n'est nul besoin de prêcher votre opinion comme seul
modèle de pensée. Ne pas chercher à faire rentrer votre entourage dans
votre secte de pensée et ils vous en remerciront. Vous apprécierez aussi
de reconnaître la valeur propre de chacun sans qu'elle passe par votre
filtre de pensée, et cela vous rendra aussi plus heureux.
&lt;h2&gt;Ressasser&lt;/h2&gt; Le passé a une valeur. Apprenez de vos
erreurs. Apprenez des erreurs des autres. Et tournez la page. Plus
facile a dire qu'a faire? Cela dépend de ce sur quoi vous concentrez
votre attention. Quand quelque chose de mal vous arrive, prenez cela
comme une chance d'apprendre quelque chose que vous ignoriez. Quand
quelqu'un d'autre fait une erreur, voyez cela comme une opportunité
d'être bon, de pardonner, et de comprendre. Soyez une personne
humainement meilleure que votre voisin, soyez meilleur que la personne
que vous étiez hier.</p>
<p>Le passé est un entraînement, il ne vous définit pas. Repensez à ce
qui a mal tourné, mais seulement de façon à ce que vous pourriez faire
pour que la prochaine fois qu'une situation similaire se présente, vous
et les gens autour sauront comment faire en sorte que les choses
tournent bien. &lt;h2&gt;Craindre&lt;/h2&gt; Nous avons tous peur: de ce
qui peut ou ne peut pas arriver, de ce que nous ne pouvons pas changer,
de ce dont nous ne seront pas capable de faire, ou de comment les autres
peuvent nous percevoir. Alors il est plus simple d'hésiter, d'attendre
le bon moment, de décider que nous avons besoin de réfléchir un peu plus
longtemps ou de faire un peu plus de recherches pour explorer un peu
plus d'alternatives.</p>
<p>Cependant, les jours, les semaines, les mois, les années s'écoulent.
Et ainsi s'en vont nos rêves. Ne laissez pas vos peurs vous retenir
toute votre vie. Quoi que vous ayez planifié, quoi que vous ayez
imaginé, quoi que vous ayez rêvé, commencez aujourd'hui. Si vous voulez
créer votre entreprise, commencez le premier pas. Si vous voulez changer
de carrière, commencez le premier pas. Si vous voulez apprendre quelque
chose, faire du sport, voir d'anciens amis, commencez le premier pas.
Renseignez-vous, tenez vous debout, cherchez un détail inexploité dans
votre quotidien. Rien qu'un seul pas vous rendra plus heureux. Mettez
vos peurs de côté et commencez. Faites quelque chose. Faites n'importe
quelle activité. Sinon, aujourd'hui s'en va. Quand vient demain,
aujourd'hui est un jour perdu pour toujours.</p>
<p>Aujourd'hui est votre carte la plus précieuse, et la seule chose dont
vous devriez avoir vraiment peur de perdre.</p>
<p>traduit depuis &lt;a title="want to be happier ?" href="<a
href="http://lifehacker.com/5991218/want-to-be-happier-stop-doing-these-10-things-right-now">http://lifehacker.com/5991218/want-to-be-happier-stop-doing-these-10-things-right-now</a>"&gt;LifeHacker.com&lt;/a&gt;
par Tykayn:</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,27 @@
<li>status: publish</li>
<li>publié le: &lt;2013-08-22 15:09:25&gt;</li>
<li>modifié: &lt;2013-08-22 15:09:25&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="projet-omg-chapitre-1-1">projet omg chapitre 1</h2>
<p>Le projet OMG est une BD scénarisée par Regulus et dessinée par Tykayn, dont on peut suivre les pages à l'intérieur du fanzine CULturel !Q. Commencée en 2006 avec la sortie du premier numéro de fanzine !Q, la voici légèrement retapée pour sortir en recueil un de ces mois.<br />
<p>Le projet OMG est une BD scénarisée par Regulus et dessinée par
Tykayn, dont on peut suivre les pages à l'intérieur du fanzine CULturel
!Q. Commencée en 2006 avec la sortie du premier numéro de fanzine !Q, la
voici légèrement retapée pour sortir en recueil un de ces mois.<br />
</p>
<hr />
<p>Le projet OMG est une BD scénarisée par Regulus et dessinée par Tykayn, dont on peut suivre les pages <a href="https://qzine.fr/boutique">à l'intérieur du fanzine CULturel !Q</a>. Commencée en 2006 avec la sortie du premier numéro de fanzine !Q, la voici légèrement retapée pour sortir en recueil un de ces mois. [scrollGallery id=2 autoScroll=false thumbsdown=true] Vos commentaires sont les bienvenus! :)</p>
<p>Le projet OMG est une BD scénarisée par Regulus et dessinée par
Tykayn, dont on peut suivre les pages <a
href="https://qzine.fr/boutique">à l'intérieur du fanzine CULturel
!Q</a>. Commencée en 2006 avec la sortie du premier numéro de fanzine
!Q, la voici légèrement retapée pour sortir en recueil un de ces mois.
[scrollGallery id=2 autoScroll=false thumbsdown=true] Vos commentaires
sont les bienvenus! :)</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,12 +175,14 @@
<li>status: trash</li>
<li>publié le: &lt;2013-08-22 15:09:54&gt;</li>
<li>modifié: &lt;2013-08-22 15:09:54&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="projet-omg-chapitre-1">projet omg chapitre 1</h2>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,30 @@
<li>status: publish</li>
<li>publié le: &lt;2013-09-05 17:05:00&gt;</li>
<li>modifié: &lt;2013-09-05 17:05:00&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="gays-et-lesbiennes-ont-un-message-pour-vous-1">gays et lesbiennes ont un message pour vous</h2>
<h2 id="gays-et-lesbiennes-ont-un-message-pour-vous-1">gays et
lesbiennes ont un message pour vous</h2>
<p><br />
</p>
<hr />
<p>Les lesbiennes vont épouser vos petits amis, expliqué de façon fun par 5 lesbiennes. Et l'autre côté de la force: Les homos vont épouser vos petites amies. Enjoyez! Avec tout ça, seulement trois des états unis d'Amérique ont mis en place le mariage gay. Je vous laisse avec un court métrage qui aborde en un quart d'heure à quoi ressemblerait le monde, l'enfance, l'adolescence et la suite si être hétérosexuel avait le même impact qu'être homosexuel. Bienvenue dans un monde qui ne s'explique pas que vous considéreriez différement les choses, et encore moins que <a href="https://qzine.fr/sondages/tkprobe/resultats/10/Orientation-sexuelle">l'orientation sexuelle</a> ce n'est pas tellement quelque chose que vous avez choisi. malheureusement c'est diffusé en basse qualité, mais ça vaut le détour.</p>
<p>Les lesbiennes vont épouser vos petits amis, expliqué de façon fun
par 5 lesbiennes. Et l'autre côté de la force: Les homos vont épouser
vos petites amies. Enjoyez! Avec tout ça, seulement trois des états unis
d'Amérique ont mis en place le mariage gay. Je vous laisse avec un court
métrage qui aborde en un quart d'heure à quoi ressemblerait le monde,
l'enfance, l'adolescence et la suite si être hétérosexuel avait le même
impact qu'être homosexuel. Bienvenue dans un monde qui ne s'explique pas
que vous considéreriez différement les choses, et encore moins que <a
href="https://qzine.fr/sondages/tkprobe/resultats/10/Orientation-sexuelle">l'orientation
sexuelle</a> ce n'est pas tellement quelque chose que vous avez choisi.
malheureusement c'est diffusé en basse qualité, mais ça vaut le
détour.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,75 @@
<li>status: publish</li>
<li>publié le: &lt;2013-11-04 08:00:05&gt;</li>
<li>modifié: &lt;2013-11-04 08:00:05&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="compte-rendu-yaoi-yuri-conv-2013-1">Compte rendu Yaoi Yuri conv 2013</h2>
<h2 id="compte-rendu-yaoi-yuri-conv-2013-1">Compte rendu Yaoi Yuri conv
2013</h2>
<p><br />
</p>
<hr />
<p><img src="https://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2010.14.43.jpg" /> La convention sous châpiteau donnait lieu à un espace très dépaysant mais peu pratique pour placer des tables et laisser la place aux visiteurs de circuler. Les stands présentaient extrêmement peu de yuri comme on s'y attendait. Le public a été très peu réceptif à la CULture avec un grand !Q, sans doute pas assez yaoisante pour le public présent. Nous avons enregistré notre pire score de ventes de l'histoire du qzine à cette convention, en plus de ne pas avoir de visiteurs particulièrement enthousiastes ou bavards (discuter avec le public est toujours un plaisir). En point positif, le staff était disponible et les toilettes faciles d'accès et propres. Nous avons pu faire la connaissance de l'<a href="http://www.le-refuge.org/">association le refuge</a>, qui recueille temporairement des homosexuels chassés par leur famille. <a href="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0309.JPG">http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0309.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0327.JPG">http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0327.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0322.JPG">http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0322.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0316.JPG">http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0316.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0328.JPG">http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0328.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0285.JPG">http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0285.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0333.JPG">http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0333.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0338.JPG">http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0338.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0332.JPG">http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0332.JPG</a> <img src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2010.04.47.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2012.41.02.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2012.16.13.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-03%2013.25.49.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2019.57.26.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2021.05.01.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-03%2011.10.29.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2014.19.17.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-03%2014.42.34.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2016.50.08.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2021.05.13.jpg" /> En définitive, je pense que nous attendrons encore quelques années que le public ne soit pas à la recherche uniquement de yaoi, avant d'envisager à nouveau cette convention.</p>
<p><img
src="https://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2010.14.43.jpg" />
La convention sous châpiteau donnait lieu à un espace très dépaysant
mais peu pratique pour placer des tables et laisser la place aux
visiteurs de circuler. Les stands présentaient extrêmement peu de yuri
comme on s'y attendait. Le public a été très peu réceptif à la CULture
avec un grand !Q, sans doute pas assez yaoisante pour le public présent.
Nous avons enregistré notre pire score de ventes de l'histoire du qzine
à cette convention, en plus de ne pas avoir de visiteurs
particulièrement enthousiastes ou bavards (discuter avec le public est
toujours un plaisir). En point positif, le staff était disponible et les
toilettes faciles d'accès et propres. Nous avons pu faire la
connaissance de l'<a href="http://www.le-refuge.org/">association le
refuge</a>, qui recueille temporairement des homosexuels chassés par
leur famille. <img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0309.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0327.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0322.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0316.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0328.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0285.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0333.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0338.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/_MG_0332.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2010.04.47.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2012.41.02.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2012.16.13.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-03%2013.25.49.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2019.57.26.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2021.05.01.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-03%2011.10.29.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2014.19.17.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-03%2014.42.34.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2016.50.08.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/yaoi_yuri/2013-11-02%2021.05.13.jpg" />
En définitive, je pense que nous attendrons encore quelques années que
le public ne soit pas à la recherche uniquement de yaoi, avant
d'envisager à nouveau cette convention.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,80 @@
<li>status: publish</li>
<li>publié le: &lt;2013-11-25 08:00:06&gt;</li>
<li>modifié: &lt;2013-11-25 08:00:06&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="compte-rendu-danim-est-2013-1">Compte rendu d'Anim Est 2013</h2>
<p>Comme toujours le staff est au petits oignons avec les exposants et le public est bien présent.<br />
<p>Comme toujours le staff est au petits oignons avec les exposants et
le public est bien présent.<br />
</p>
<hr />
<p>Comme toujours le staff est au petits oignons avec les exposants et le public est bien présent. :) <a href="https://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0414.JPG">https://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0414.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0399.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0399.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0402.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0402.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0409.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0409.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0391.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0391.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0366.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0366.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0382.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0382.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0380.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0380.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0393.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0393.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0370.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0370.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0415.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0415.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0420.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0420.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0418.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0418.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0369.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0369.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0375.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0375.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0446.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0446.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0433.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0433.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0448.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0448.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0456.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0456.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0439.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0439.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0437.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0437.JPG</a> <img src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/2013-11-23%2012.34.12.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/2013-11-23%2012.41.40.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/2013-11-24%2009.57.56.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/2013-11-23%2012.49.53.jpg" /> <a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0378.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0378.JPG</a><a href="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0395.JPG">http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0395.JPG</a> Un changement dans l'équipe de staff de cette année et le déplacement de l'espace fanzine a entraîné l'absence de nombre de nos compères fanzineux habituels. Résultats un peu moins chaleureux du coup, mais nous avons eu le plaisir d'avoir de chouettes voisins artisans de décoration pour vitrine de figurines. C'est là bas aussi que nous avons eu le plaisir de rencontrer les auteurs du livre Neko Land. <img src="http://2.bp.blogspot.com/-dGwfl7cyyEM/UGwCagHFHTI/AAAAAAAAArQ/JbXzYIFuimw/s1600/Neko_Land.jpg" /> On espère davantage de fanzineux la prochaine fois !</p>
<p>Comme toujours le staff est au petits oignons avec les exposants et
le public est bien présent. :) <img
src="https://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0414.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0399.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0402.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0409.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0391.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0366.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0382.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0380.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0393.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0370.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0415.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0420.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0418.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0369.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0375.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0446.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0433.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0448.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0456.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0439.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0437.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/2013-11-23%2012.34.12.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/2013-11-23%2012.41.40.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/2013-11-24%2009.57.56.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/2013-11-23%2012.49.53.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0378.JPG" /><img
src="http://blog.artlemoine.com/public/i/2014/03mars/anim_est/_MG_0395.JPG" />
Un changement dans l'équipe de staff de cette année et le déplacement de
l'espace fanzine a entraîné l'absence de nombre de nos compères
fanzineux habituels. Résultats un peu moins chaleureux du coup, mais
nous avons eu le plaisir d'avoir de chouettes voisins artisans de
décoration pour vitrine de figurines. C'est là bas aussi que nous avons
eu le plaisir de rencontrer les auteurs du livre Neko Land. <img
src="http://2.bp.blogspot.com/-dGwfl7cyyEM/UGwCagHFHTI/AAAAAAAAArQ/JbXzYIFuimw/s1600/Neko_Land.jpg" />
On espère davantage de fanzineux la prochaine fois !</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,12 +175,14 @@
<li>status: trash</li>
<li>publié le: &lt;2014-01-27 18:52:38&gt;</li>
<li>modifié: &lt;2014-01-27 18:52:38&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="gabarits-1">Gabarits</h2>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,25 +175,124 @@
<li>status: publish</li>
<li>publié le: &lt;2014-02-05 22:00:09&gt;</li>
<li>modifié: &lt;2014-02-05 22:00:09&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="manifestation-droit-à-livg-du-1er-février">manifestation droit à l'IVG du 1er février</h2>
<h2 id="manifestation-droit-à-livg-du-1er-février">manifestation droit à
l'IVG du 1er février</h2>
<p>:html:</p>
<p>&lt;br /&gt;&lt;hr&gt;Jai participé ce samedi 1er février, avec TyKayn et Wulfila, à la manifestation pour le droit à l'IVG organisée entre autres par le planning familial.</p>
<p>&lt;img class="aligncenter size-large wp-image-590" src="<a href="http://qzine.fr/wp-content/uploads/2014/02/DSC3979-1024x683.jpg">http://qzine.fr/wp-content/uploads/2014/02/DSC3979-1024x683.jpg</a>" alt="<sub>DSC3979</sub>" width="640" height="426" /&gt;</p>
<p>• Petit rappel sur l&lt;a title="site gouvernemental Français d'informations sur l'IGV" href="<a href="http://www.sante.gouv.fr/ivg">http://www.sante.gouv.fr/ivg</a>" target="<sub>blank</sub>" rel="noopener noreferrer"&gt;IVG&lt;/a&gt;. LIVG ou Interruption Volontaire de Grossesse cest ce quon appelle plus communément lavortement. Il se pratique lorsque la mère pour des raisons diverses estime quavoir un enfant la mettrait en situation de détresse (physique, mentale, sociale…). Cette interruption de la grossesse peut se faire par une intervention chirurgicale ou par la prise de médicaments, selon le moment (délai) où elle se pratique. En France il est légal depuis les années 1970, concerne également les mineures sans autorisation parentale nécessaire et est remboursé par la sécurité sociale.</p>
<p>&lt;!more&gt;&lt;img src="<a href="http://static.mmzstatic.com/wp-content/uploads/2014/01/irresponsable-parent.png">http://static.mmzstatic.com/wp-content/uploads/2014/01/irresponsable-parent.png</a>" alt="la logique anti ivg c'est n'importe quoi" /&gt; &lt;img class="aligncenter size-large wp-image-588" src="<a href="http://qzine.fr/wp-content/uploads/2014/02/DSC3955-1024x683.jpg">http://qzine.fr/wp-content/uploads/2014/02/DSC3955-1024x683.jpg</a>" alt="<sub>DSC3955</sub>" width="640" height="426" /&gt;</p>
<p>• Pourquoi cette manifestation ? Cette manifestation a été organisée par plusieurs associations françaises (ANCIC, CADAC, Collectif Tenon, Planning Familial et 110 autres signataires), en soutien aux femmes espagnoles mais aussi dautres pays dans le monde, pour lesquelles lavortement nest pas autorisé ou limité. Et en particulier pour lutter contre les régressions auxquelles sont parfois soumises les lois régulant lIVG. En effet, le gouvernement espagnol vient dapprouver un projet de loi qui nautorise plus lavortement que dans les cas de viol ayant fait lobjet dune plainte ou de danger physique ou psychique pour la mère (avec évaluation par deux médecins différents extérieurs à létablissement pratiquant lIVG). Toutes ces mesures sont un retour en arrière pour les femmes espagnoles qui bénéficiaient auparavant des mêmes droits que les françaises en matière davortement.</p>
<p>• Quel impact de cette loi en Espagne et ailleurs ? Cette loi risque dentraîner une recrudescence des avortements clandestins et un retour de méthodes archaïques souvent dangereuses pour la mère (mélanges de plantes toxiques, extraction du fœtus… ). En France, et en particulier à la frontière espagnole, on sinquiète de voir un engorgement des centres pratiquant lIVG. Les centres en questions seraient alors débordés et cela poserait des problèmes pour pratiquer les interruptions de grossesse dans les meilleures conditions et dans le délai imparti. En outre, cette loi risque de favoriser certaines pressions psychologiques pour culpabiliser les femmes alors considérées comme « responsables de leur état ». Ce type de législation renforce les anti-IVG en Europe qui font souvent pression sur les femmes allant se faire avorter, évoquant des « IVG de confort ». En outre de nombreux médecins refusent encore aujourdhui de pratiquer lavortement dans des pays où il est légal. Linformation elle aussi devient de plus en plus difficile à trouver dans ce contexte, de même que le soutien psychologique, alors que les sources de contre-information anti-IVG elles fleurissent (IVG.net au lieu de www.ivg.fr …). Le site officiel: &lt;a title="info sur l'ivg" href="<a href="http://www.sante.gouv.fr/ivg">http://www.sante.gouv.fr/ivg</a>" target="<sub>blank</sub>" rel="noopener noreferrer"&gt;ivg.gouv.fr&lt;/a&gt; &lt;img class="aligncenter size-large wp-image-587" src="<a href="http://qzine.fr/wp-content/uploads/2014/02/DSC3934-1024x683.jpg">http://qzine.fr/wp-content/uploads/2014/02/DSC3934-1024x683.jpg</a>" alt="respect du droit des femmes" width="640" height="426" /&gt; • On en est où en France ? En France, lIVG est légal et gratuit pour toutes les femmes, le gouvernement a même récemment voté pour supprimer la notion de « détresse » du texte de loi, ce qui a provoqué de nombreux débats, notamment autour de la notion dIVG « de confort » invoquée par ses détracteurs qui demandent entre autre la suppression du remboursement de certains cas dIVG. Pour le moment, le texte de loi régissant lavortement pour les femmes en France est le suivant : &lt;blockquote&gt;« Toute femme enceinte qui sestime placée dans une situation de détresse peut demander à un médecin linterruption de sa grossesse, quelle soit majeure ou mineure, française ou étrangère. Seule la femme concernée peut en faire la demande et seul un médecin peut la pratiquer, jusquà la fin de la douzième semaine de grossesse. Ceci est un droit garanti par la loi (article L.2212-1 du code de la santé publique). (…)</p>
<p>Ce droit est garanti par la loi. Lentrave à lIVG constitue un délit puni de deux ans demprisonnement et de 30 000 euros damende. »&lt;/blockquote&gt; source: <a href="http://www.sante.gouv.fr/ivg">http://www.sante.gouv.fr/ivg</a></p>
<p>Les Femen, organisation féministe présente à la manifestation rappellent sur leur site internet « qu'en Europe, l'Irlande, la Pologne, Malte et Andorre interdisent l'avortement et considèrent que les femmes qui veulent décider elles-mêmes pour leurs corps comme des criminelles. » (&lt;a title="site des Femen" href="femen.org"&gt;femen.org&lt;/a&gt;)</p>
<p>En France, de nombreux médecins refusent toujours de pratiquer lavortement, et les centres dinformation et dintervention de lIVG sont souvent difficiles à trouver et leur accueil nest pas toujours hospitalier. Les femmes sont toujours trop souvent soumises à des pressions de la part de leur entourage et des médecins. Lavortement reste stigmatisé, caché et peu accompagné.</p>
<p>Blue Eye Photos: &lt;a title="portfolio de Céline Fernbach" href="<a href="http://www.celinefernbach.com/">http://www.celinefernbach.com/</a>"&gt;Céline Fernbach&lt;/a&gt; &lt;img class="aligncenter size-large wp-image-591" src="<a href="http://qzine.fr/wp-content/uploads/2014/02/DSC3982-1024x683.jpg">http://qzine.fr/wp-content/uploads/2014/02/DSC3982-1024x683.jpg</a>" alt="<sub>DSC3982</sub>" width="640" height="426" /&gt;</p>
<p>Des sites d'information qui savent rester neutres, plein d'infos pratiques sur les lieux, les remboursements, les délais et des témoignages: &lt;a title="j'ai avorté, et je vais bien, merci." href="<a href="http://blog.jevaisbienmerci.net/">http://blog.jevaisbienmerci.net/</a>"&gt;<a href="http://blog.jevaisbienmerci.net/">http://blog.jevaisbienmerci.net/</a>&lt;/a&gt;</p>
<p>&lt;a title="site gouvernemental Français d'informations sur l'IGV" href="<a href="http://www.sante.gouv.fr/ivg">http://www.sante.gouv.fr/ivg</a>"&gt;<a href="http://www.sante.gouv.fr/ivg">http://www.sante.gouv.fr/ivg</a>&lt;/a&gt;</p>
<p>&lt;br /&gt;&lt;hr&gt;Jai participé ce samedi 1er février, avec
TyKayn et Wulfila, à la manifestation pour le droit à l'IVG organisée
entre autres par le planning familial.</p>
<p>&lt;img class="aligncenter size-large wp-image-590" src="<a
href="http://qzine.fr/wp-content/uploads/2014/02/DSC3979-1024x683.jpg">http://qzine.fr/wp-content/uploads/2014/02/DSC3979-1024x683.jpg</a>"
alt="<sub>DSC3979</sub>" width="640" height="426" /&gt;</p>
<p>• Petit rappel sur l&lt;a title="site gouvernemental Français
d'informations sur l'IGV" href="<a
href="http://www.sante.gouv.fr/ivg">http://www.sante.gouv.fr/ivg</a>"
target="<sub>blank</sub>" rel="noopener noreferrer"&gt;IVG&lt;/a&gt;.
LIVG ou Interruption Volontaire de Grossesse cest ce quon appelle
plus communément lavortement. Il se pratique lorsque la mère pour des
raisons diverses estime quavoir un enfant la mettrait en situation de
détresse (physique, mentale, sociale…). Cette interruption de la
grossesse peut se faire par une intervention chirurgicale ou par la
prise de médicaments, selon le moment (délai) où elle se pratique. En
France il est légal depuis les années 1970, concerne également les
mineures sans autorisation parentale nécessaire et est remboursé par la
sécurité sociale.</p>
<p>&lt;!more&gt;&lt;img src="<a
href="http://static.mmzstatic.com/wp-content/uploads/2014/01/irresponsable-parent.png">http://static.mmzstatic.com/wp-content/uploads/2014/01/irresponsable-parent.png</a>"
alt="la logique anti ivg c'est n'importe quoi" /&gt; &lt;img
class="aligncenter size-large wp-image-588" src="<a
href="http://qzine.fr/wp-content/uploads/2014/02/DSC3955-1024x683.jpg">http://qzine.fr/wp-content/uploads/2014/02/DSC3955-1024x683.jpg</a>"
alt="<sub>DSC3955</sub>" width="640" height="426" /&gt;</p>
<p>• Pourquoi cette manifestation ? Cette manifestation a été organisée
par plusieurs associations françaises (ANCIC, CADAC, Collectif Tenon,
Planning Familial et 110 autres signataires), en soutien aux femmes
espagnoles mais aussi dautres pays dans le monde, pour lesquelles
lavortement nest pas autorisé ou limité. Et en particulier pour lutter
contre les régressions auxquelles sont parfois soumises les lois
régulant lIVG. En effet, le gouvernement espagnol vient dapprouver un
projet de loi qui nautorise plus lavortement que dans les cas de viol
ayant fait lobjet dune plainte ou de danger physique ou psychique pour
la mère (avec évaluation par deux médecins différents extérieurs à
létablissement pratiquant lIVG). Toutes ces mesures sont un retour en
arrière pour les femmes espagnoles qui bénéficiaient auparavant des
mêmes droits que les françaises en matière davortement.</p>
<p>• Quel impact de cette loi en Espagne et ailleurs ? Cette loi risque
dentraîner une recrudescence des avortements clandestins et un retour
de méthodes archaïques souvent dangereuses pour la mère (mélanges de
plantes toxiques, extraction du fœtus… ). En France, et en particulier à
la frontière espagnole, on sinquiète de voir un engorgement des centres
pratiquant lIVG. Les centres en questions seraient alors débordés et
cela poserait des problèmes pour pratiquer les interruptions de
grossesse dans les meilleures conditions et dans le délai imparti. En
outre, cette loi risque de favoriser certaines pressions psychologiques
pour culpabiliser les femmes alors considérées comme « responsables de
leur état ». Ce type de législation renforce les anti-IVG en Europe qui
font souvent pression sur les femmes allant se faire avorter, évoquant
des « IVG de confort ». En outre de nombreux médecins refusent encore
aujourdhui de pratiquer lavortement dans des pays où il est légal.
Linformation elle aussi devient de plus en plus difficile à trouver
dans ce contexte, de même que le soutien psychologique, alors que les
sources de contre-information anti-IVG elles fleurissent (IVG.net au
lieu de www.ivg.fr …). Le site officiel: &lt;a title="info sur l'ivg"
href="<a
href="http://www.sante.gouv.fr/ivg">http://www.sante.gouv.fr/ivg</a>"
target="<sub>blank</sub>" rel="noopener
noreferrer"&gt;ivg.gouv.fr&lt;/a&gt; &lt;img class="aligncenter
size-large wp-image-587" src="<a
href="http://qzine.fr/wp-content/uploads/2014/02/DSC3934-1024x683.jpg">http://qzine.fr/wp-content/uploads/2014/02/DSC3934-1024x683.jpg</a>"
alt="respect du droit des femmes" width="640" height="426" /&gt; • On en
est où en France ? En France, lIVG est légal et gratuit pour toutes les
femmes, le gouvernement a même récemment voté pour supprimer la notion
de « détresse » du texte de loi, ce qui a provoqué de nombreux débats,
notamment autour de la notion dIVG « de confort » invoquée par ses
détracteurs qui demandent entre autre la suppression du remboursement de
certains cas dIVG. Pour le moment, le texte de loi régissant
lavortement pour les femmes en France est le suivant :
&lt;blockquote&gt;« Toute femme enceinte qui sestime placée dans une
situation de détresse peut demander à un médecin linterruption de sa
grossesse, quelle soit majeure ou mineure, française ou étrangère.
Seule la femme concernée peut en faire la demande et seul un médecin
peut la pratiquer, jusquà la fin de la douzième semaine de grossesse.
Ceci est un droit garanti par la loi (article L.2212-1 du code de la
santé publique). (…)</p>
<p>Ce droit est garanti par la loi. Lentrave à lIVG constitue un délit
puni de deux ans demprisonnement et de 30 000 euros damende.
»&lt;/blockquote&gt; source: <a
href="http://www.sante.gouv.fr/ivg">http://www.sante.gouv.fr/ivg</a></p>
<p>Les Femen, organisation féministe présente à la manifestation
rappellent sur leur site internet « qu'en Europe, l'Irlande, la Pologne,
Malte et Andorre interdisent l'avortement et considèrent que les femmes
qui veulent décider elles-mêmes pour leurs corps comme des criminelles.
» (&lt;a title="site des Femen"
href="femen.org"&gt;femen.org&lt;/a&gt;)</p>
<p>En France, de nombreux médecins refusent toujours de pratiquer
lavortement, et les centres dinformation et dintervention de lIVG
sont souvent difficiles à trouver et leur accueil nest pas toujours
hospitalier. Les femmes sont toujours trop souvent soumises à des
pressions de la part de leur entourage et des médecins. Lavortement
reste stigmatisé, caché et peu accompagné.</p>
<p>Blue Eye Photos: &lt;a title="portfolio de Céline Fernbach" href="<a
href="http://www.celinefernbach.com/">http://www.celinefernbach.com/</a>"&gt;Céline
Fernbach&lt;/a&gt; &lt;img class="aligncenter size-large wp-image-591"
src="<a
href="http://qzine.fr/wp-content/uploads/2014/02/DSC3982-1024x683.jpg">http://qzine.fr/wp-content/uploads/2014/02/DSC3982-1024x683.jpg</a>"
alt="<sub>DSC3982</sub>" width="640" height="426" /&gt;</p>
<p>Des sites d'information qui savent rester neutres, plein d'infos
pratiques sur les lieux, les remboursements, les délais et des
témoignages: &lt;a title="j'ai avorté, et je vais bien, merci." href="<a
href="http://blog.jevaisbienmerci.net/">http://blog.jevaisbienmerci.net/</a>"&gt;<a
href="http://blog.jevaisbienmerci.net/">http://blog.jevaisbienmerci.net/</a>&lt;/a&gt;</p>
<p>&lt;a title="site gouvernemental Français d'informations sur l'IGV"
href="<a
href="http://www.sante.gouv.fr/ivg">http://www.sante.gouv.fr/ivg</a>"&gt;<a
href="http://www.sante.gouv.fr/ivg">http://www.sante.gouv.fr/ivg</a>&lt;/a&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,84 @@
<li>status: publish</li>
<li>publié le: &lt;2014-02-15 13:19:21&gt;</li>
<li>modifié: &lt;2014-02-15 13:19:21&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="compte-rendu-paris-manga-2014-1">Compte rendu Paris Manga 2014</h2>
<p>On avait froid, on était cachés dans l'angle d'un mur, les allées étaient incroyablement pleines d'emballages car les Parisiens ont un côté porcin certain, mais nous avons réussi à avoir un public d'habitués et de nouveaux venus qui aiment bien discuter malgré tout au rendez vous.<br />
<h2 id="compte-rendu-paris-manga-2014-1">Compte rendu Paris Manga
2014</h2>
<p>On avait froid, on était cachés dans l'angle d'un mur, les allées
étaient incroyablement pleines d'emballages car les Parisiens ont un
côté porcin certain, mais nous avons réussi à avoir un public d'habitués
et de nouveaux venus qui aiment bien discuter malgré tout au rendez
vous.<br />
</p>
<hr />
<p>On avait froid, on était cachés dans l'angle d'un mur, les allées étaient incroyablement pleines d'emballages car les Parisiens ont un côté porcin certain, mais nous avons réussi à avoir un public d'habitués et de nouveaux venus qui aiment bien discuter malgré tout au rendez vous. <a href="https://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0611.JPG">https://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0611.JPG</a> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2017.12.54.jpg" /> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0614.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0614.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0625.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0625.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0627.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0627.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0606.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0606.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0601.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0601.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0603.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0603.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0628.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0628.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0620.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0620.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0631.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0631.JPG</a> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-08%2013.02.58.jpg" /> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0632.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0632.JPG</a> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-08%2010.41.33.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-08%2010.37.40-1.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-08%2010.36.46.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-08%2015.13.56.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-08%2017.59.58.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2017.07.59.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2012.41.09.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2017.50.35.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2015.11.40.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2014.51.07.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2014.00.27.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2015.53.39.jpg" /> <img src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2022.22.30.jpg" /> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/IMG_7576.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/IMG_7576.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/IMG_7575.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/IMG_7575.JPG</a> <a href="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/IMG_7591.JPG">http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/IMG_7591.JPG</a></p>
<p>On avait froid, on était cachés dans l'angle d'un mur, les allées
étaient incroyablement pleines d'emballages car les Parisiens ont un
côté porcin certain, mais nous avons réussi à avoir un public d'habitués
et de nouveaux venus qui aiment bien discuter malgré tout au rendez
vous. <img
src="https://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0611.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2017.12.54.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0614.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0625.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0627.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0606.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0601.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0603.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0628.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0620.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0631.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-08%2013.02.58.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/_MG_0632.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-08%2010.41.33.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-08%2010.37.40-1.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-08%2010.36.46.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-08%2015.13.56.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-08%2017.59.58.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2017.07.59.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2012.41.09.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2017.50.35.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2015.11.40.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2014.51.07.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2014.00.27.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2015.53.39.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/2014-02-09%2022.22.30.jpg" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/IMG_7576.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/IMG_7575.JPG" />
<img
src="http://blog.artlemoine.com/public/i/2014/03mars/paris_manga/IMG_7591.JPG" /></p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

View file

@ -6,12 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>qzine_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;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
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;}
ul.task-list{list-style: none;}
/* 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>
@ -25,16 +175,49 @@
<li>status: publish</li>
<li>publié le: &lt;2014-02-17 22:08:25&gt;</li>
<li>modifié: &lt;2014-02-17 22:08:25&gt;</li>
<li>Index des articles du blog <a href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
<li>Index des articles du blog <a
href="id:345c789d-6bb5-4b9f-8952-10357f64e284">Qzine blog</a></li>
</ul>
<h2 id="résultat-du-concours-q7-sur-les-5-sens">Résultat du concours Q7 sur les 5 sens</h2>
<p>Le Qzine 7 à eu droit à son habituel rituel du concours de quatrième, deuxième et troisième de couverture. Les trois gagnants:<br />
<h2 id="résultat-du-concours-q7-sur-les-5-sens">Résultat du concours Q7
sur les 5 sens</h2>
<p>Le Qzine 7 à eu droit à son habituel rituel du concours de quatrième,
deuxième et troisième de couverture. Les trois gagnants:<br />
</p>
<hr />
<p>Le Qzine 7 à eu droit à son habituel rituel du concours de quatrième, deuxième et troisième de couverture. *Les trois gagnants:* <strong>1er:</strong> <strong><a href="https://qzine.fr/wp-content/uploads/2014/02/Liaze_Deesse+arabesque.jpg">[[<a href="http://qzine.fr/wp-content/uploads/2014/02/Liaze_Deesse+arabesque.jpg">http://qzine.fr/wp-content/uploads/2014/02/Liaze_Deesse+arabesque.jpg</a></a>]]</strong> * <a href="http://liaze.fr/">Liaze</a>* 30€ de chèque cadeau à la fnac 30€ de carte cadeau au love shop Concorde 3 <a href="http://qzine.fr/boutique/#goodies">goodies</a> OU 1 poster 1 fanzine Q7 <strong>2e :</strong> <a href="http://qzine.fr/wp-content/uploads/2014/02/Tanya-lick.jpg">[[<a href="http://qzine.fr/wp-content/uploads/2014/02/Tanya-lick.jpg">http://qzine.fr/wp-content/uploads/2014/02/Tanya-lick.jpg</a></a>]] <a href="http://meganenguyen.blogspot.fr/">Tanya</a> 30€ de chèque cadeau à la fnac OU 30€ de carte cadeau au love shop Concorde 3 <a href="http://qzine.fr/boutique/#goodies">goodies</a> OU 1 poster 1 fanzine Q7 <strong>3e:</strong> <strong><a href="http://qzine.fr/wp-content/uploads/2014/02/LaZouave_Q7.jpg">[[<a href="http://qzine.fr/wp-content/uploads/2014/02/LaZouave_Q7.jpg">http://qzine.fr/wp-content/uploads/2014/02/LaZouave_Q7.jpg</a></a>]]</strong> * <a href="http://lazouave.hautetfort.com/">Lazouave</a>* 15€ de chèque cadeau à la fnac OU 10€ de carte cadeau au love shop Concorde 3 <a href="http://qzine.fr/boutique/#goodies">goodies</a> OU 1 poster 1 fanzine Q7 Suivi de près par Malzeich, Mimika, Nyutor, Omaha et Wulfila (en ordre alphabétique). Leurs illustrations ont gagné une place dans le contenu du fanzine et ils bénéficient d'une grosse réduction sur ce numéro. Félicitations à tous !   <a href="http://qzine.fr/wp-content/uploads/2014/02/Tykayn_nana_lapin_carotte.jpg">[[<a href="http://qzine.fr/wp-content/uploads/2014/02/Tykayn_nana_lapin_carotte.jpg">http://qzine.fr/wp-content/uploads/2014/02/Tykayn_nana_lapin_carotte.jpg</a></a>]] Tykayn <a href="http://qzine.fr/wp-content/uploads/2014/02/Wulfi-douche.jpg">[[<a href="http://qzine.fr/wp-content/uploads/2014/02/Wulfi-douche.jpg">http://qzine.fr/wp-content/uploads/2014/02/Wulfi-douche.jpg</a></a>]] Wulfila <a href="http://qzine.fr/wp-content/uploads/2014/02/Mimika_Q7.jpg">[[<a href="http://qzine.fr/wp-content/uploads/2014/02/Mimika_Q7.jpg">http://qzine.fr/wp-content/uploads/2014/02/Mimika_Q7.jpg</a></a>]] Mimika<a href="http://qzine.fr/wp-content/uploads/2014/02/Nyutor_qzine.jpg">[[<a href="http://qzine.fr/wp-content/uploads/2014/02/Nyutor_qzine.jpg">http://qzine.fr/wp-content/uploads/2014/02/Nyutor_qzine.jpg</a></a>]] Nyutor<a href="http://qzine.fr/wp-content/uploads/2014/02/Omaha_Qzine-5-sens-Florine.jpg">[[<a href="http://qzine.fr/wp-content/uploads/2014/02/Omaha_Qzine-5-sens-Florine.jpg">http://qzine.fr/wp-content/uploads/2014/02/Omaha_Qzine-5-sens-Florine.jpg</a></a>]] Omaha   <a href="http://qzine.fr/wp-content/uploads/2014/02/Quentin_saldi_qzine.jpg">[[<a href="http://qzine.fr/wp-content/uploads/2014/02/Quentin_saldi_qzine.jpg">http://qzine.fr/wp-content/uploads/2014/02/Quentin_saldi_qzine.jpg</a></a>]] Malzeick</p>
<p>Le Qzine 7 à eu droit à son habituel rituel du concours de quatrième,
deuxième et troisième de couverture. *Les trois gagnants:*
<strong>1er:</strong> <strong><a
href="https://qzine.fr/wp-content/uploads/2014/02/Liaze_Deesse+arabesque.jpg">[[<span>http://qzine.fr/wp-content/uploads/2014/02/Liaze_Deesse+arabesque.jpg</span></a>]]</strong>
* <a href="http://liaze.fr/">Liaze</a>* 30€ de chèque cadeau à la fnac
30€ de carte cadeau au love shop Concorde 3 <a
href="http://qzine.fr/boutique/#goodies">goodies</a> OU 1 poster 1
fanzine Q7 <strong>2e :</strong> <a
href="http://qzine.fr/wp-content/uploads/2014/02/Tanya-lick.jpg">[[<span>http://qzine.fr/wp-content/uploads/2014/02/Tanya-lick.jpg</span></a>]]
<a href="http://meganenguyen.blogspot.fr/">Tanya</a> 30€ de chèque
cadeau à la fnac OU 30€ de carte cadeau au love shop Concorde 3 <a
href="http://qzine.fr/boutique/#goodies">goodies</a> OU 1 poster 1
fanzine Q7 <strong>3e:</strong> <strong><a
href="http://qzine.fr/wp-content/uploads/2014/02/LaZouave_Q7.jpg">[[<span>http://qzine.fr/wp-content/uploads/2014/02/LaZouave_Q7.jpg</span></a>]]</strong>
* <a href="http://lazouave.hautetfort.com/">Lazouave</a>* 15€ de chèque
cadeau à la fnac OU 10€ de carte cadeau au love shop Concorde 3 <a
href="http://qzine.fr/boutique/#goodies">goodies</a> OU 1 poster 1
fanzine Q7 Suivi de près par Malzeich, Mimika, Nyutor, Omaha et Wulfila
(en ordre alphabétique). Leurs illustrations ont gagné une place dans le
contenu du fanzine et ils bénéficient d'une grosse réduction sur ce
numéro. Félicitations à tous !   <a
href="http://qzine.fr/wp-content/uploads/2014/02/Tykayn_nana_lapin_carotte.jpg">[[<span>http://qzine.fr/wp-content/uploads/2014/02/Tykayn_nana_lapin_carotte.jpg</span></a>]]
Tykayn <a
href="http://qzine.fr/wp-content/uploads/2014/02/Wulfi-douche.jpg">[[<span>http://qzine.fr/wp-content/uploads/2014/02/Wulfi-douche.jpg</span></a>]] Wulfila
<a
href="http://qzine.fr/wp-content/uploads/2014/02/Mimika_Q7.jpg">[[<span>http://qzine.fr/wp-content/uploads/2014/02/Mimika_Q7.jpg</span></a>]] Mimika<a
href="http://qzine.fr/wp-content/uploads/2014/02/Nyutor_qzine.jpg">[[<span>http://qzine.fr/wp-content/uploads/2014/02/Nyutor_qzine.jpg</span></a>]] Nyutor<a
href="http://qzine.fr/wp-content/uploads/2014/02/Omaha_Qzine-5-sens-Florine.jpg">[[<span>http://qzine.fr/wp-content/uploads/2014/02/Omaha_Qzine-5-sens-Florine.jpg</span></a>]] Omaha
  <a
href="http://qzine.fr/wp-content/uploads/2014/02/Quentin_saldi_qzine.jpg">[[<span>http://qzine.fr/wp-content/uploads/2014/02/Quentin_saldi_qzine.jpg</span></a>]] Malzeick</p>
<h1 id="liens">Liens</h1>
<ul>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine blog</a></li>
<li>qzine <a href="id:437dfead-3236-4f56-8520-a68171ff956f">Qzine
blog</a></li>
</ul>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show more