tykayn/orgmode-to-gemini-blog
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
Tykayn 2024-11-08 18:16:36 +01:00 committed by tykayn
parent 0a189bd6ad
commit 381ac44b8b
906 changed files with 28485 additions and 12762 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
converters.sh
View File

@ -117,8 +117,8 @@ generate_website() {
# sauver le tout dans un fichier index.gmi # sauver le tout dans un fichier index.gmi
python3 build_indexes.py $website_name "$website_name" python3 build_indexes.py $website_name "$website_name"
# mv index_$website_name.gmi gemini-capsules/$website_name/index.gmi mv index_$website_name.gmi gemini-capsules/$website_name/index.gmi
# mv index_$website_name.html html-websites/$website_name/index.html mv index_$website_name.html html-websites/$website_name/index.html
cp $style_file html-websites/$website_name/style.css cp $style_file html-websites/$website_name/style.css
# -------------------------------------------------------------------------------------------------- # --------------------------------------------------------------------------------------------------

3
enrich_html.py
View File

@ -6,7 +6,7 @@ import argparse
parser = argparse.ArgumentParser(description="Générer un site Web à partir de fichiers HTML.") parser = argparse.ArgumentParser(description="Générer un site Web à partir de fichiers HTML.")
parser.add_argument("html_dir", help="Le chemin vers le dossier contenant les fichiers HTML.") parser.add_argument("html_dir", help="Le chemin vers le dossier contenant les fichiers HTML.")
parser.add_argument("--title", "-t", default="Mon site Web", help="Le titre du site Web.") parser.add_argument("--title", "-t", default="Mon site Web", help="Le titre du site Web.")
parser.add_argument("--style", default="style_general.css", help="Le chemin vers le fichier de style CSS.") parser.add_argument("--style", default="templates/style_general.css", help="Le chemin vers le fichier de style CSS.")
args = parser.parse_args() args = parser.parse_args()
# Style CSS minimaliste # Style CSS minimaliste
@ -17,6 +17,7 @@ css_content = ""
inline_the_css=True inline_the_css=True
if inline_the_css: if inline_the_css:
print('include css inline in each html page')
with open(os.path.join(style_file), "r") as f: with open(os.path.join(style_file), "r") as f:
css_content = f.read() css_content = f.read()
css_content = "<style type='text/css'>{css_content}</style>" css_content = "<style type='text/css'>{css_content}</style>"

15
gemini-capsules/cipherbliss_blog/index.gmi Normal file
View File

@ -0,0 +1,15 @@
# cipherbliss_blog - Articles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
# Navigation
-------------------------
=> index..gmi
=> contact..gmi
# Articles en Français
-------------------------
=> 20220106183554_cipherbliss_blog_241_programme-pour-une-annee-2022-moins-pire..gmi
=> 20211023195028_cipherbliss_blog_240_video-du-premier-chatons-camp-2021..gmi
=> 20211023192307_cipherbliss_blog_239_nouvelles-doctobre-2021..gmi
=> 20210927092238_cipherbliss_blog_238_des-sauvegardes-qui-durent-mille-ans..gmi

210
html-websites/cipherbliss_blog/2011/cipherbliss_blog_110_maison-l-preuve-des-zombies-et-des-tmoins-de-jovah/index.html
View File

@ -1,210 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 297</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2011-12-06 04:18:50&gt;</li>
<li>modifié: &lt;2011-12-09 03:27:58&gt;</li>
<li>Index des articles du blog<a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77"> index blog
cipherbliss</a></li>
</ul>
<h2 id="maison-à-lépreuve-des-zombies-et-des-témoins-de-jéovah">Maison à
l'épreuve des zombies et des témoins de jéovah</h2>
<p><img
src="https://www.thelastgoddess.com/wordpress/wp-content/uploads/2011/05/Zombie-house-3.jpg" />
<img
src="https://www.thelastgoddess.com/wordpress/wp-content/uploads/2011/05/Zombie-house-5.jpg" />
<img
src="https://www.thelastgoddess.com/wordpress/wp-content/uploads/2011/05/Zombie-house-9.jpg" />
[[<a
href="https://www.thelastgoddess.com/wordpress/2011/05/05/zombie-proof-house-keeps-the-undead-and-jehovahs-witnesses-at-bay/">https://www.thelastgoddess.com/wordpress/2011/05/05/zombie-proof-house-keeps-the-undead-and-jehovahs-witnesses-at-bay/</a>][La
maison anti zombies et religieux itinérants c'est par ici pour les
autres images]] C'est juste awesome :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>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

491
html-websites/cipherbliss_blog/2012/cipherbliss_blog_89_tutoriel-de-plugin-jquery/index.html
View File

@ -1,491 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 276</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2012-09-12 13:20:00&gt;</li>
<li>modifié: &lt;2014-03-19 13:02:48&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="tutoriel-de-plugin-jquery-1">tutoriel de plugin jQuery</h2>
<p><img
src="https://img2.websourcing.fr/files/2010/01/jquery-1-4-500x218.jpg" /></p>
<p>Alors comme ça petit padawan tu aimerais créer un plugin javascript
pour cette merveilleuse librairie de fonctions? Voici un tutoriel fort
inspiré de <a href="https://docs.jquery.com/Plugins/Authoring">la
documentation officielle sur les plugins jQuery en Anglais.</a> Prêts à
profiter du meilleur de jQuery et gagner un maximum de temps en
développement pour davantage de sociabilité? Suivez le guide.</p>
<h3 id="pour-commencer-son-plugin">Pour commencer son plugin</h3>
<p>Pour éviter que notre super plugin n'entre en conflit avec d'autres
plugins utilisant le signe dollar il vaut mieux passer jQuery en
fonction auto invoquée (Immediately-Invoked Function Expression , ou
IIFE).</p>
<pre class="example"><code>(function( $ ) { $.fn.monSuperPlugin = function() {
// les instructions trop bien ici 
};
})( jQuery );
</code></pre>
<h3 id="le-contexte">Le contexte</h3>
<p>Avec cette base nous pouvons commencer à écrire notre contenu de
plugin. Mais avant cela, parlons un peu du mot clé <em>this</em> qui à
l'intérieur de notre fonction se réfère à l'objet jQuery sur lequel le
plugin est invoqué. <em>this</em> se réfère au DOM (document object
model) natif. Il n'est donc pas besoin d'entourer <em>this</em> par les
parenthèses du sélécteur jQuery dans ce contexte.</p>
<pre class="example"><code>function( $ ) { $.fn.monSuperPlugin = function() {
// les instructions trop bien ici
this.fadeIn(&#39;normal&#39;, function(){
// le mot clé this est un élément du DOM
}); }; })( jQuery );
</code></pre>
<p>pour actionner notre plugin on pourra donc l'appeler ainsi sur un
#element de votre choix ou plusieurs grâce à la puissance des sélecteurs
CSS.</p>
<pre class="example"><code>$(&#39;#element&#39;).myPlugin();
</code></pre>
<h3 id="les-bases">Les bases</h3>
<p>Maintenant que nous comprennons le contexte des plugins jQuery,
écrivons un code qui fait réellement quelque chose.</p>
<p>Par exemple, un simple plugin qui évalue les hauteurs pour retourner
la plus grande dans le jeu d'éléments sélectionnés.</p>
<pre class="example"><code> (function( $ ){ $.fn.hauteurMax = function() {
var max = 0;
this.each(function() {
max = Math.max( max, $(this).height() );
});
return max; 
}; })( jQuery );
var tallest = $(&#39;div&#39;).hauteurMax();
</code></pre>
<p>Ceci donne à la variable <em>tallest</em> la valeur de la div la plus
haute de la page.</p>
<h3 id="maintenir-la-continuité">Maintenir la continuité</h3>
<p>L'exemple précédent retourne un nombre entier, mais bien souvent le
but d'un plugin est de modifier un jeu d'éléments et de les passer à la
méthode suivante dans la chaîne de fonctions. C'est ce qui fait la
beauté du design de jQuery et explique sa popularité. Donc, pour
maintenir la continuité de la chaîne dans vos plugins, vous devez faire
en sorte que les retours de plugins comprennent le mot clé
<em>this</em>.</p>
<pre class="example"><code> (function( $ ){ $.fn.verrouTailles = function( type ) {
return this.each(function() {
var $this = $(this);
if ( !type || type == &#39;width&#39; ) {
$this.width( $this.width()
);
}
if ( !type || type == &#39;height&#39; ) {
$this.height( $this.height() );
} 
}); 
}; 
})( jQuery );
</code></pre>
<p>Ce plugin associe la largeur et la hauteur actuelle de chaque élément
du jeu sélectionné. Il sera ajouté dans le HTML de la page un attribut
<em>width</em> et <em>height</em> à chaque balise ainsi sélectionnée.
Nous pouvons donc y mettre une autre méthode à la suite, comme
<em>css()</em>. Et pour le mettre en place dans une chaîne:</p>
<pre class="example"><code>$(&#39;div&#39;).verrouTailles(&#39;width&#39;).css(&#39;color&#39;, &#39;red&#39;);
</code></pre>
<p>Parce que le mot clé this est retourné dans la lunette de script du
plugin, la continuité est maintenue. Aussi, nous pouvons mettre des
options et des choix par défaut dans nos plugins.</p>
<h3 id="options-et-défauts">Options et défauts</h3>
<p>Les configurations par défaut peuvent être étendues avec $.extend <a
href="https://docs.jquery.com/Utilities/jQuery.extend">https://docs.jquery.com/Utilities/jQuery.extend</a>
quand le plugin est invoqué. <strong>jQuery.extend( cible [, objet1] [,
objetN])</strong> extend sert à fusionner le contenu de plusieurs objets
dans le premier objet. Au lieu d'invoquer un plugin avec un grand nombre
d'arguments, vous pouvez passer un seul objet des options que vous
voulez modifier en argument.</p>
<pre class="example"><code> (function( $ ){ $.fn.tooltip = function( options ) {
// Créer quelques options par defaut, les étendre comme nous voulons.
var settings = $.extend( { &#39;location&#39; : &#39;top&#39;, &#39;background-color&#39; : &#39;blue&#39; }, options);
return this.each(function() { // code du plugin Tooltip ici });
};
})( jQuery );
</code></pre>
<p>ce qui donne en pratique avec une option définie dans un objet:</p>
<pre class="example"><code>$(&#39;div&#39;).tooltip({ &#39;location&#39; : &#39;left&#39; });
</code></pre>
<p>Dans cet exemple, après avoir appelé le plugin <em>tooltip</em> avec
les options choisies, la localisation par défaut /top/devient réécrite
en <em>left</em>, alors que la configuration de couleur d'arrière plan
reste <em>bleue</em> car elle n'a pas été spécifiée. la config
<em>settings</em> de l'objet devient donc comme ceci:</p>
<pre class="example"><code> {
&#39;location&#39; : &#39;left&#39;,
&#39;background-color&#39; : &#39;blue&#39;
}
</code></pre>
<p>C'est une bonne pratique et un très bon moyen de rendre un plugin
configurable sans avoir besoin de donner toutes les options à chaque
fois.</p>
<h3 id="espace-de-noms">Espace de noms</h3>
<p>Choisir un espace de nommage est un moyen idéal pour éviter qu'un
autre plugin chargé sur la même page ne vienne remplacer le notre ou le
modifier contre notre gré. En tant que développeur ça nous rend la vie
plus facile pour mieux trier nos méthodes, évènements et données.</p>
<p>Il vaudrait donc mieux ne pas mettre un seul espace de nom par plugin
dans l'objet <em>jQuery.fn</em> mais plutôt stocker nos plugins dans un
objet qui agira comme pour la configuration par défaut que nous venons
de voir. Mais cette fois nous donnons par défaut non pas de simples
variables mais des noms associés à des méthodes.</p>
<pre class="example"><code>(function( $ ){
var methods = { init : function( options ) {
// THIS
},
show : function( ) {
// IS
},
hide : function( ) {
// GOOD
},
update : function( content ) {
// !!!
} };
$.fn.tooltip = function( method ) {
// logique d&#39;appel de méthode
if ( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
} else if ( typeof method === &#39;object&#39; || ! method ) {
return methods.init.apply( this, arguments );
}
else { $.error( &#39;La Méthode &#39; + method + &#39; n&#39;existe pas dans jQuery.tooltip&#39; ); } };
})( jQuery );
// appelle la méthode initiatrice
$(&#39;div&#39;).tooltip();
// appelle la méthode initiatrice avec une option
$(&#39;div&#39;).tooltip({ foo : &#39;bar&#39; });
// appelle la méthode hide
$(&#39;div&#39;).tooltip(&#39;hide&#39;);
// appelle la méthode update avec une option
$(&#39;div&#39;).tooltip(&#39;update&#39;, &#39;This is the new tooltip content!&#39;);
</code></pre>
<p>c'est une façon standard d'encapsuler ses méthodes de plugins dans la
communauté jQuery, c'est aussi le cas pour jQueryUI. <a
href="https://jqueryui.com/">https://jqueryui.com/</a></p>
<ol>
<li><p>Évènements</p>
<p>la méthode <em>bind()</em> permet de donner un espace de nom à des
évènements liés. Si votre plugin lie un évènement, c'est une bonne
pratique de lui donner un espace de nom. ainsi, si vous avez besoin de
le délier avec <em>unbind()</em> sans interférer avec les autres
évènements qui pourraient avoir été liés avec le même type d'évènement.
Vous pouvez ajouter le nom de l'espace
<em>nom<sub>denamespace</sub></em> au type d'évènement que vous liez,
comme ceci.</p>
<pre class="example"><code> (function( $ ){
var methods = {
init : function( options ) {
return this.each(function(){
$(window).bind(&#39;resize.tooltip&#39;, methods.reposition); }); },
destroy : function( ) {
return this.each(function(){ $(window).unbind(&#39;.tooltip&#39;);
})%% },
reposition : function( ) {
// ...
},
show : function( ) {
// ...
}, hide : function( ) {
// ...
}, update : function( content ) {
// ...
} };
$.fn.tooltip = function( method ) {
if ( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
}
else if ( typeof method === &#39;object&#39; || ! method ) {
return methods.init.apply( this, arguments );
}
else {
$.error( &#39;Method &#39; + method + &#39; does not exist on jQuery.tooltip&#39; ); } };
})( jQuery );
$(&#39;#fun&#39;).tooltip();
// et un peu plus tard...
$(&#39;#fun&#39;).tooltip(&#39;destroy&#39;);
</code></pre>
<p>Dans cet exemple, quand tooltip est initialisé avec la méthode
<em>init</em> la méthode <em>reposition</em> est liée à l'évènement de
redimension de la fenêtre sous l'espace de nom <em>tooltip</em>. Plus
loin, si le développeur a besoin de détruire tooltip, nous pouvons
délier les évènements liés à ce plugin en lui passant le nom de
l'espace, ici tooltip, à la méthode <em>unbind</em>. Cela nous permet de
délier les évènements d'un plugin en toute sécurité sans délier d'autres
évènements liés en dehors du plugin.</p></li>
</ol>
<h3 id="data">Data</h3>
<p>Quand nous avons besoin de maintenir un état ou de vérifier que notre
plugin a été initialisé sur un certain élément, la méthode jQuery
<em>data</em> est un très bon moyen de garder une trace des variables
sur les éléments. Cependant, au lieu de garder une trace de quelques
appels de données séparés avec des noms différents, il vaut mieux
utiliser un objet pour héberger toutes les variables et accéder à cet
objet par un seul espace de nom.</p>
<pre class="example"><code> (function( $ ){ var methods = { init : function( options ) {
return this.each(function(){
var $this = $(this),
data = $this.data(&#39;tooltip&#39;),
tooltip = $(&#39;&#39;,
{ text : $this.attr(&#39;title&#39;) }); // si le plugin n&#39;a pas encore été initialisé
if ( ! data ) {
/* faire des trucs ici */
$(this).data(&#39;tooltip&#39;, { target : $this, tooltip : tooltip });
}
}); },
destroy : function( ) { return this.each(function(){ var $this = $(this), data = $this.data(&#39;tooltip&#39;);
// Namespacing FTW
$(window).unbind(&#39;.tooltip&#39;);
data.tooltip.remove();
$this.removeData(&#39;tooltip&#39;);
}) },
reposition : function( ) {
// ...
},
show : function( ) {
// ...
},
hide : function( ) {
// ...
},
update : function( content ) {
// ...
} };
$.fn.tooltip = function( method ) {
if ( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
} else if ( typeof method === &#39;object&#39; || ! method ) {
return methods.init.apply( this, arguments );
}
else {
$.error( &#39;Method &#39; + method + &#39; does not exist on jQuery.tooltip&#39; );
} };
})( jQuery );
</code></pre>
<h3 id="résumé-et-meilleures-pratiques">Résumé et meilleures
pratiques</h3>
<p>Écrire des plugins jQuery vous permet à tirer le meilleur profit de
la bibliothèque et abstraire vos plus intelligentes et utiles fonctions
à travers un code réutilisable pouvant vous faire faire un grand gain de
temps et rendre votre développement encore plus efficace. Voici un bref
résumé de cet article et ce que vous devez garder à l'esprit quand vous
développerez votre prochain plugin jQuery:</p>
<ul>
<li>Entourez toujours votre plugin par l'auto invocation: (function( $
){ <em>* plugin goes here *</em> })( jQuery );</li>
<li>Ne mettez pas inutilement en sélecteur $() le mot clé <em>this</em>
dans le cadre de votre plugin. this seul, suffit.</li>
<li>à moins de ne retourner qu'une valeur intrinsèque, faites en sorte
que votre fonction de plugin retourne le mot clé <em>this</em> pour
maintenir la continuité.</li>
<li>Plutôt que de requérir une longue suite d'arguments, mettez la
configuration de votre plugin dans un objet javascript dont les valeur
par défaut peuvent être étendues avec extend().</li>
<li>Ne surchargez pas l'objet <em>jQuery.fn</em> avec plus d'un espace
de nom par plugin.</li>
<li>Rangez toujours vos méthodes, évèenments et données dans un seul
espace de nom par plugin.</li>
</ul>
<p>Comme le conseille <a href="https://paulirish.com">Paul Irish</a> un
des auteurs de <a href="https://html5boilerplate.com">Boiler Plate</a>,
consulter <a href="https://code.jquery.com/jquery.js">la source
commentée de jQuery</a> pour comprendre comment elle fonctionne est un
excellent moyen d'apprendre à manier le javascript en profondeur et
développer ses propres solutions.</p>
<p><a
href="https://code.jquery.com/jquery.js">https://code.jquery.com/jquery.js</a></p>
<p>Mettez la en marque page :) à vous de jouer maintenant!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

209
html-websites/cipherbliss_blog/2015/cipherbliss_blog_28_paye-ton-arrondi-en-js/index.html
View File

@ -1,209 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 214</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2015-06-30 15:18:30&gt;</li>
<li>modifié: &lt;2015-06-30 15:19:01&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="paye-ton-arrondi-en-js-1">paye ton arrondi en js</h2>
<p>F12. dans la console javascript écrivez:<br />
999999999999999<br />
faites entrée. la console vous répond:<br />
999999999999999<br />
<br />
mais écrivez un 9 de plus<br />
9999999999999999<br />
faites entrée. la console vous répond:<br />
10000000000000000<br />
<br />
narmol.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

271
html-websites/cipherbliss_blog/2015/cipherbliss_blog_33_whatis-love/index.html
View File

@ -1,271 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 219</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2015-04-22 10:40:16&gt;</li>
<li>modifié: &lt;2015-04-22 11:24:28&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="whatis-love-1">whatis love</h2>
<p>Si dans un terminal unix vous écrivez whatis love, vous saurez ce
qu'est l'amour. </p>
<div class="sourceCode" id="cb1" data-org-language="sh"><pre
class="sourceCode bash"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">whatis</span> love</span>
<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="ex">baby</span> don<span class="st">&#39;t hurt me, don&#39;</span>t hurt me, no more.</span></code></pre></div>
<p>Bizarrement, quand je rentre la commande dans un shell, j'ai comme
retour:</p>
<p>"love : rien d'adéquat"</p>
<p>Joyeux poissons d'avril.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

218
html-websites/cipherbliss_blog/2015/cipherbliss_blog_37_calculez-votre-heure-de-rveil/index.html
View File

@ -1,218 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 223</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2015-04-17 11:03:34&gt;</li>
<li>modifié: &lt;2015-04-17 11:15:09&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="calculez-votre-heure-de-réveil">calculez votre heure de
réveil</h2>
<p><img
src="https://www.pixenli.com/images/1338/1338511220095422700.jpg" /></p>
<p>Comme la plupart des êtres humains alignés sur les horloges du monde
absurde du travail, vous avez des difficultés à dormir assez longtemps
pour aussi profiter de vos moments en dehors du travail.<br />
<br />
Voici un site qui va sauver vos journées: <a
href="https://sleepyti.me/">sleepyti.me</a> vous donne un temps optimal
de sommeil en vous permettant de deviner à quelle heure vous devriez
vous coucher pour vous lever à l'heure voulue.<br />
Vous pouvez aussi chercher l'heure à laquelle vous lever en fonction de
l'heure à laquelle vous vous couchez.<br />
La plupart des humains mettent 14 minutes à s'endormir, (moi j'ai
l'impression que c'est bien plus, plutôt 40 minutes) et il semblerait
qu'une durée de sommeil optimale dure 5 à 6 cycles de sommeil de 90
minutes.<br />
Après ce nombre de périodes, Il faut idéalement se réveiller entre deux
cycles de sommeil pour se sentir frais et alerte.<br />
Bonne nuit :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>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

266
html-websites/cipherbliss_blog/2016/cipherbliss_blog_10_gestion-de-projet/index.html
View File

@ -1,266 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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><p>ID: 196</p></li>
<li><p>guid:</p></li>
<li><p>status: publish</p></li>
<li><p>publié le: &lt;2016-01-02 11:07:25&gt;</p></li>
<li><p>modifié: &lt;2018-08-22 15:09:59&gt;</p></li>
<li><p>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></p>
<p><a href="id:53ffed85-03d0-4fb2-90b5-af2ffbcc3a0d">méthode
gtd</a></p></li>
</ul>
<h2 id="gestion-de-projet">Gestion de projet</h2>
<p>(image de chez <a href="https://www.hteumeuleu.fr/">Hteumeuleu</a>)
Vous avez sans doute réalisé quelques projets et réalisé la déconvenue
qu'entraîne une gestion de projet inexistante quand la bise fut venue.
Voici donc une série de posts sur mon expérience de la gestion de
projets web de plusieurs mois en petites équipes jusqu'a une quinzaine
de personnes, applicable également à d'autres domaines que le web comme
par example la publication de livres collectifs auto édités auquel j'ai
pu contribuer dans une équipe entre ving et trente contributeurs.</p>
<h2 dir="ltr" style="line-height: 1.38;"
id="causes-générales-de-retard-dans-un-projet">Causes générales de
retard dans un projet</h2>
<p>Un projet s'étire dans le temps bien souvent pour ces raisons:</p>
<ul>
<li>des réponses trop lentes entre les parties, client et autres équipes
sans cesse en congés.</li>
<li>des personnes incapables de se débrouiller seules un minimum.</li>
<li>deux personnes ont travaillé sur la même chose sans le savoir et se
marchent sur les pieds.</li>
<li>on ne sait pas à qui s'adresser ni ce dont nos collègues
s'occupent.</li>
<li>le présentéisme tuant la productivité et la motivation des troupes
en leur faisant croire que rester longtemps sur son lieu de travail (et
donc ne plus avoir de vie privée ou de sommeil) est une bonne
chose.</li>
<li>les membres n'ont pas les informations dont ils ont besoin pour
travailler.</li>
<li>rester avec des pratiques dépassées de plusieurs années.</li>
<li>empêcher les gens de travailler pour des raisons de politiques
d'entreprise.</li>
<li>n'avoir aucune formation aux outils utilisés, ou ne pas avoir
d'outils mis en place pour faire gagner du temps.</li>
<li>pas de tests automatisés. Vous n'avez donc aucune idée de ce que les
dernières modifications impactent dans le reste du code.</li>
<li>pas de retour utilisateur. Vous ne pouvez donc pas deviner que ce
que vous trouviez très joli est en fait un frein à l'utilisabilité de
votre site en plus d'énerver ses utilisateurs.</li>
<li>un réseau pourri qui vous empêche de transmettre de gros fichiers en
un clin d'oeil</li>
<li>du matériel trop vieux pour travailler sans attendre qu'il réagisse.
Si vous radinez sur le matériel, vous le paierez en rallongeant le temps
que prendra le projet, ce qui coûte en général bien plus cher.</li>
<li>pas de backups ni de gestion de version, au moindre disque dur qui
meurt vous perdez des semaines de travail.</li>
<li>des mises en production peu fréquentes.</li>
<li>des boites noires avec lequelles on doit interagir mais dont on a
aucun moyen de deviner le fonctionnement.</li>
<li>des priorités indéfinies ou incorrectes, un mauvais ordre des
tâches.</li>
<li>des tâches trop grosses ou trop vagues pour savoir par où commencer,
il faut les découper en des étapes bien plus petites.</li>
<li>n'avoir aucune vue d'ensemble de l'avancement du projet.</li>
<li>croire que tout est urgent, c'est manquer cruellement de
discernement.</li>
<li>la documentation laisse à désirer, le code n'est pas commenté.</li>
<li>on ne retrouve pas des infos que l'on cherche</li>
<li>des estimations à trop long terme, ne prévoyez que pour la semaine
en cours.</li>
<li>l'illusion que l'on peut tout prévoir et que tout se passera sans la
moindre difficulté ou changement de cap.</li>
<li>accepter toutes les modifications demandées par le client parce
qu'on ne veut pas dire non, et vouloir donc faire davantage de boulot
dans le même délai.</li>
</ul>
<p>Nous allons voir plus en détail comment résoudre ces problèmes
courants dans les posts suivants.</p>
<p>Et bonne nanée 2016!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

286
html-websites/cipherbliss_blog/2016/cipherbliss_blog_124_ne-vous-dites-pas-programmeur/index.html
View File

@ -1,286 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 339</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2016-09-25 22:07:50&gt;</li>
<li>modifié: &lt;2018-07-25 12:52:19&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="ne-vous-dites-pas-programmeur-1">ne vous dites pas
programmeur</h2>
<p>  Dans son article <a
href="https://www.kalzumeus.com/2011/10/28/dont-call-yourself-a-programmer/">Don't
call yourself a programmer</a>, <a
href="https://www.kalzumeus.com/">Patrick McKenzie</a> donne des
conseils de gestion de carrière pour toute personne exerçant dans le
métier, en comparant les légendes scolaires et le marché de la vraie vie
de Auchan où parler d'argent est une phobie et savoir négocier fait
peur. Voici quelques sujets abordés: 90% des boulots de programmation
sont des programmes réservés à l'usage interne d'entreprises. Ils
consistent principalement à faire des CRUD plus ou moins ennuyeux. Ne
vous attendez donc pas à des challenges techniques à tout bout de champ.
Les ingénieurs sont embauchés pour apporter de la valeur à un business,
soit en lui faisant gagner de l'argent soit en lui permettant d'en
dépenser moins. pas pour programmer des trucs. Ne vous appelez pas un
programmeur. "programmeur" sonne comme "péon anonyme qui coûte cher pour
taper du biduule-chose dans un autre bidule-chose ". Vous n'êtes pas
défini par la stack logicielle que vous connaissez. Les personnes qui
ont besoin de vos services n'ont que faire du langage et des frameworks
que vous utilisez du moment que vous améliorez leur business. Vos
collègues et supérieurs ne seront habituellement pas des amis, et en
conséquence vous demanderont de faire des choses que jamais des amis ne
vous demanderaient. Vous surestimez radicalement le talent moyen dans la
compétition à cause des personnes qui vous entourent
professionnellement. "Voir une annonce, envoyer un CV, aller à un
entretien, recevoir une offre" est l'exception, pas la règle, pour
obtenir un emploi. Le réseau, ce n'est pas que pour les paquets TCP. Les
études supérieures ne sont pas représentatives du monde réel. (Comme
dirait Coluche "le commissaire de l'armée il me dit: on ne vous apprend
rien à l'école? j'y répond : ben non, mais si vous y aviez été vous le
sauriez) <img
src="https://www.cipherbliss.com/wp-content/uploads/2016/09/popopo_antoine_daniel_wtc.jpg" />
(PO PO POOOOOOO!!) Combien gagnent les ingénieurs? Mauvaise question. La
bonne question c'est "<em>pour quels genres d'offres est ce que les
ingénieurs travaillent-ils?</em>", car le salaire est un des nombreux
leviers que les gens peuvent utiliser pour vous motiver. La réponse à
cela, pas des plus utiles est, "les opportunités sont aux quatre coins
de la rue". Les personnes douées en négociation gagnent plus que celles
qui ne le sont pas. Patrick ajoute que si il était un complotiste
Marxiste, il dirait que c'est une construction sociale en faveur des
entreprises afin de toujours gagner plus sur le dos de leurs employés en
toute impunité. :D [caption id="" align="aligncenter" width="640"]<a
href="https://laughingsquid.com/marxist-utopia-a-t-shirt-design-uniting-yo-mamma-jokes-marxism/">[[<span>https://laughingsquid.com/wp-content/uploads/2013/05/shirtFrontBig.jpg</span></a>]]
un t-shirt de marx dessiné par Zach Weiner[/caption] Comment devenir
meilleur en négociation? (large sujet que Patrick développe dans
plusieurs autres posts) En lisant des manuels sur le sujet, en
améliorant ses compétences verbales, en écrivant, en croyant en ce que
l'on a à offrir, en étant curieux. C'est une compétence qui vaut jusqu'à
plusieurs (centaines de) milliers d'euros chaque année de toute votre
vie. Est ce que les startups sont géniales pour commencer votre carrière
juste après les études? non. il vaut mieux commencer par des grosses
entreprises qui vous permettront d'améliorer votre réseau sans faire
peser sur votre dos tout le poids de la structure statup qui a 80% de
chances de faire faillite dans les trois ans sans en avoir les
avantages. Les startups peuvent être géniales, mais clairement pas pour
commencer une carrière en sortant de l'école. <a
href="https://www.cipherbliss.com/wp-content/uploads/2016/09/office-monkey.jpg">[[<span>https://www.cipherbliss.com/wp-content/uploads/2016/09/office-monkey-1024x708.jpg</span></a>]]
Votre compétence professionnelle la plus importante est la
communication: Vous vous rappelez que <a
href="https://www.cipherbliss.com/inspirer-les-femmes-prendre-les-postes-qui-faconnent-le-monde/">les
ingénieur-e-s</a> ne sont pas embauchés pour créer des programmes mais
pour créer de la valeur dans un business? La qualité dominante qui vous
donne les boulots est votre habilité à donner aux gens la perception que
vous allez créer cette valeur. Ce qui n'est pas nécessairement
corollaire de votre habilité à créer de la valeur. Vous pouvez être un
dieu du programme super efficace, si vous ne savez bien vendre vos idées
personne ne voudra vous les acheter. (L'auteur déplore d'ailleurs que
les ingénieurs ont pour la plupart énormément de mal à tenir une simple
conversation entre collègues tant ils ont des difficultés orales
handicapantes. on tombe un peu dans un trope de mauvais film mettant en
scène des informaticiens clichés, mais c'est vrai que c'est peu fréquent
de croiser des gens très à l'aise en expression orale) On vous
appellera fréquemment pour faire le vendeur d'entreprise et d'autres
trucs que vous cherchiez précisément à ne pas faire en étant ingénieur.
La modestie n'est pas un trait de caractère permettant d'améliorer votre
carrière. Si vous avez contribué à quelque chose de bien pour votre
carrière, ne vous en cachez pas, et ne réduisez pas l'importance de
votre rôle. Toutes les décisions de business sont faites au final par un
ou une poignée d'organismes multi-cellulaires proches du chimpanzés, par
par des règles ou des algorithmes. (à une vache près, il suffit de voir
combien pèsent les algos de google dans le monde. ce que veut dire notre
ami c'est que les décisions sont toujours politiques, mêmes quand elles
n'en ont pas l'air ou qu'on vous dit que ça n'a rien de politique) Au
bout du compte, la joie que vous ressentez dans votre vie n'est pas
dominée par votre carrière. S'épanouir dans son boulot est important,
mais par pitié ayez une vie en dehors de votre travail sans attendre que
ça tombe du ciel. <img
src="https://www.theloop.ca/wp-content/uploads/2015/06/Shia-LaBeouf-really-wants-you-to-justdoit.jpg" /></p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

397
html-websites/cipherbliss_blog/2016/cipherbliss_blog_127_faire-ses-factures-avec-libreoffice-ou-google-sheet/index.html
View File

@ -1,397 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 365</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2016-12-26 17:42:42&gt;</li>
<li>modifié: &lt;2016-12-27 14:02:20&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="faire-ses-factures-avec-libreoffice-ou-google-sheet-1">faire ses
factures avec libreOffice ou google sheet</h2>
<p><a
href="https://www.libreoffice.org/download/libreoffice-fresh/"><strong>Libre
office</strong></a> est la suite bureautique gratuite fournie de base
sur ubuntu et disponible pour toutes les plateformes. Si comme moi vous
avez longtemps galéré a trouver le logiciel ultime pour faire des
factures un tant soit peu sérieuses, sachez qu'il est tout a fait
valable d'utiliser un simple tableur capable d'exporter en pdf ses
fichiers. Faire des factures constitue des calculs simples mais relou à
reporter dans un fichier. Pour une AE ça va, mais quand vous changez de
structure pour une SARL ou une EIRL, ou une EI, ou une SAS, ou JEEJ,
vous aurez sans doute a faire de savants calculs de TVA. D'aucuns vous
diraient d'investir dans des service de comptabilité en ligne, mais vous
pouvez faire déjà énormément de choses avec un seul fichier de calcul.
Faire ses feuilles de calcul n'exclue pas de faire appel à un pro de la
comptabilité, c'est d'ailleurs ce que je fais régulièrement et c'est
ultra conseillé dès qu'on a une structure qui sort de l'auto entreprise.
Si vous êtes en AE, ça pourrait aussi vous servir. Dans tous les cas
commencez à trier vos paperasses administratives minutieusement sur
votre ordi, et faites vraiment des backups. Ce que j'ai donc fait c'est
un fichier de calcul sur <a
href="https://www.google.com/sheets/about/"><strong>google
sheets</strong></a> afin de pouvoir le modifier de plusieurs gens à la
fois, mais surtout de plusieurs endroits différents avec de merveilleux
graphiques et l'exporter en format ouvert .odt , lisible par libre
office par exemple. Ce fichier contient plusieurs feuilles dont chacune
a un seul but:</p>
<ul>
<li>statistifier mes dépenses perso et pro sur le long terme (en
utilisant les cellules des autres feuilles du classeur)</li>
<li>compter mes kilomètres parcourus au nom de mon activité</li>
<li>compter mes déjeuners</li>
<li>compter mes factures</li>
<li>mes paiements trimestriels à l'URSSAF</li>
<li>mes achats au nom de l'entreprise</li>
<li>prévoir la disponibilité de ma trésorerie sur le long terme en
majorant mes dépenses moyennes</li>
<li>exporter une facture en pdf.</li>
</ul>
<p>On va surtout s'intéresser aujourd'hui au contenu de la feuille
permettant de remplir les infos pour faire les factures et les envoyer à
votre client avant la fin du mois. les lignes se présentent ainsi:</p>
<table>
<tbody>
<tr class="odd">
<td>objet</td>
<td>N° client dans l'année</td>
<td>majuscule de clients</td>
<td>commentaire</td>
<td>tarif jour HT</td>
<td>tarif jour TTC</td>
<td>jours facturés</td>
<td>congés</td>
<td>jours ouvrés</td>
<td>date start</td>
<td>date end</td>
<td>ce mois</td>
<td>à venir</td>
<td>HT</td>
<td>TVA</td>
<td>TTC</td>
<td>prévu</td>
<td>fait</td>
<td>reçu</td>
<td>retard</td>
<td>val charges</td>
<td>facture envoyée le</td>
<td>délai jours</td>
<td>attendu</td>
<td>reçu</td>
<td>diff date</td>
<td>mois</td>
<td>trimestre</td>
<td>n° facture</td>
<td>moyen</td>
</tr>
</tbody>
</table>
<p>Dans cette première feuille, une ligne correspond à une facture.
Petite subtilité chez google drive, les dates ne sont pas écrites de
façon classique (croissante) jour/mois/année , mais de façon bourrée
dégueulasse signée Murica mois/jour/année. Quelques fonctions vachement
bien (/à chaque fois je vous donne la version google sheet, puis la
version libre office en français si c'est différent, qui traduit aussi
ses fonctions et a quelques différences de notation, notamment des
virgules qui deviennent des points virgules, et des noms de fonctions
découpées par des points/): <strong>Avoir le nombre de jours
ouvrés</strong> entre deux choix dans la date:</p>
<blockquote>
<p>=NETWORKDAYS( date<sub>début</sub>, date<sub>fin</sub> )
=NB.JOURS.OUVRES( date<sub>début</sub> ; date<sub>fin</sub>)</p>
</blockquote>
<p><strong>Utiliser SI, pour ne pas avoir des cases provoquant des
erreurs.</strong> par exemple si on a des jours ouvrés à facturer,
calculer le tarif hors taxes, sinon afficher du vide.</p>
<blockquote>
<p>=IF( nombre<sub>dejoursouvrés</sub> ,
nombre<sub>dejoursouvrés</sub>*tarif<sub>jourhorstaxes</sub> , "")</p>
<p>=SI( nombre<sub>dejoursouvrés</sub> ,
nombre<sub>dejoursouvrés</sub>*tarif<sub>jourhorstaxes</sub> , "")</p>
</blockquote>
<p><strong>Calculer la date prévue d'arrivée du paiement</strong> est
plus facile que ce qu'on pourrait croire. Enfin, une fois le calcul fait
il reste a bien formater le résultat sous forme de date.</p>
<blockquote>
<p>=date<sub>envoi</sub>+délai<sub>paiementenjours</sub></p>
</blockquote>
<p>N'oubliez pas qu'un délai de paiement est toujours un truc
négociable, qu'il est en moyenne de 30 jours continus (c'est pas pareil
que des jours ouvrés) après l'envoi de votre facture à la fin du mois
ouvré. Mais il peut aussi plus étendu jusqu'à 60 jours, ou être bien
plus rapide: "à date", voire être réglé en partie ou en totalité (plus
rare) en avance. Il arrive par exemple que je demande 30% d'avance pour
des missions très courtes. <strong>Ajouter 20% au tarif hors
taxes</strong> (ma TVA reste a 20% car je fais de la prestation de
service, et non de la vente de marchandises)</p>
<blockquote>
<p>=tarif<sub>ht</sub>+tarif<sub>ht</sub>*0.2</p>
</blockquote>
<p>Voilà, avec ça vous avez déjà tout ce qu'il vous faut pour faire des
lignes de facture. Plus complexe, on va <strong>trouver le trimestre
correspondant à la date de réception d'un paiement</strong> pour une
facture.</p>
<blockquote>
<p>=ROUNDUP( MONTH(date<sub>reception</sub>)/3,0 ) =ARRONDI.SUP(
MOIS(date<sub>reception</sub>)/3;0 )</p>
</blockquote>
<p>Avec ce trimestre on va ensuite pouvoir faire des sommes
conditionnelles des paiements reçus par trimestre avec la fonction
Somme.si.</p>
<p>=SUMIF( plage<sub>pourcritère</sub> ; critère ;
plage<sub>desommesicritèrevrai</sub> )</p>
<p>=SOMME.SI( plage<sub>pourcritère</sub> ; critère ;
plage<sub>desommesicritèrevrai</sub> )</p>
<p>Faites gaffe à ne pas utiliser la même colonne pour la date
d'estimation de la réception et la réception réelle. Vous pourrez ainsi
déduire les retards de paiement et savoir à qui vous devez mener la vie
dure facilement et faire valoir vos <a
href="https://www.service-public.fr/professionnels-entreprises/vosdroits/F23211">indemnités
de retard au tarif légal</a>. (Ne bossez jamais avec de mauvais payeurs.
Indiquez clairement la date d'exigibilité sur vos factures, car des
surplus pour cause de retard, l'URSSAF ne se gênera pas de vous en
donner) Pour mettre à jour le contenu de cette feuille j'ai utilisé
plusieurs fonctions qui font références a des concaténations de contenus
d'autres cellules afin de faire par exemple, une phrase rassemblant
"facture n°" et le n° de la ligne dont je souhaite exporter une
facture.</p>
<blockquote>
<p>si F1 est le numéro de facture contenant 1234 =CONCATENATE("Facture
n° ",F1) =CONCATENER("Facture n° ";F1) cela vaut facture n° 1234</p>
</blockquote>
<p>Mettons que la ligne de ma facture à faire pour ce mois ci soit la
42e sur ma feuille nommée compta. Je dois donc placer dans ma facture
une référence vers le tarif TTC total de la ligne 42, qui se trouve donc
dans la cellule T42. Mais comme je suis dans une autre feuille il faut
dire aussi dans quelle feuille prendre notre numéro de cellule.</p>
<blockquote>
<p>="compta!T42" ="compta.T42"</p>
</blockquote>
<p>Mais je devrai aussi l'écrire pour les autres mentions obligatoires
d'une facture. la quantité de jours ouvrés, le tarif hors taxes, le
tarif ttc, la tva, le total hors taxe, la date du jour… =TODAY()
=AUJOURDHUI() Mais ce serait un peu trop fatiguant de modifier une
dizaine de références à chaque fois que je veux faire une facture. j'ai
donc utilisé la fonction INDIRECT() afin de variabiliser les références
dans ces formules dans ma facture. de cette façon je n'ai qu'une seule
cellule à mettre à jour pour changer toutes les références de ma
facture. Pour cela je me fais une cellule remplie de la ligne de la
facture que je veux réaliser, je prends une case, L1, et je mets
dedans</p>
<ol>
<li>Ensuite, avec indirect() je vais pouvoir utiliser le résultat
de</li>
</ol>
<p>cette cellule pour fabriquer une formule. Je n'aurai plus qu'a réunir
<em>compta!T</em> et <em>42</em> pour obtenir le résultat de
<em>compta!T42.</em></p>
<blockquote>
<p>=INDIRECT(CONCATENATE("compta!T", L1)) ce qui calculera:
="compta!T42"</p>
</blockquote>
<p>et si je change la case avec marqué 42 dedans en 43 pour voir la
facture suivante, ça calculera</p>
<blockquote>
<p>="compta!T43"</p>
</blockquote>
<p>nickel non? Vous pouvez aussi faire les choses encore plus proprement
en créant une feuille exprès pour ces calculs à placer dans la facture
pour ne pas encombrer la page de facture. Il ne reste plus qu'a faire
"fichier &gt; exporter en pdf" et choisir de limiter a la feuille
courante (celle de la facture) cacher le quadrillage dans les options
d'export, choisir l'orientation en portrait pour avoir votre facture
toute belle toute calculée les doigts dans le nez. Bon, il faudra sans
doute que vous joueiez sur les tailles des cellules afin de remplir une
feuille A4 pour que ça soit propre, mais à tâtons d'exportation vous y
arriverez en deux minutes maxi. Et si vous êtes un warrior des feuilles
de calcul vous pouvez auto remplir la ligne désignant la facture selon
la date courante en utilisant des comparaisons entre TODAY() et les
dates de début et de fin des jours ouvrés. Joyeux noël!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

252
html-websites/cipherbliss_blog/2016/cipherbliss_blog_2_ubuntu-party-15-10/index.html
View File

@ -1,252 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 188</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2016-07-26 09:26:48&gt;</li>
<li>modifié: &lt;2016-09-06 21:52:35&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="ubuntu-party-15.10">ubuntu party 15.10</h2>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2016/07/DSC09195-1024x768.jpg" />Y'a
pas longtemps j'ai découvert les Ubuntu Party de Paris. C'est super
sympa et convivial. J'étais étonné de voir que les install party
pouvaient ameuter autant de gens, et surtout, pas seulement des mecs
barbus. Justement y'a une grande diversité d'interessés par la culture
du libre et ubuntu. La communauté est inclusive et c'est super cool!
<img
src="https://www.cipherbliss.com/wp-content/uploads/2016/07/notion_geek-1024x554.jpg" />
J'ai bien aimé la conférence d'Androsème sur le sacré et le profane.
Elle y réfléchit à la notion de geek, on y voit comment ce concept est
exclusif des profanes, et ce qui se passe lorsque le profane essaie de
toucher au sacré. On y voit aussi comment le harcèlement en ligne est
rendu possible via facebook et autres choses, mais que ça ne tient pas
spécifiquement aux outils en ligne et qu'on retrouve ces comportements
d'exclusion hors ligne. <a
href="https://twitter.com/androseme">https://twitter.com/androseme</a>
<img
src="https://www.cipherbliss.com/wp-content/uploads/2016/07/harcelement_sacre_profane-1024x554.jpg" />
La conférence interactive sur le projet Do Not Track d'Arte était super
bien pour expliquer les enjeux de l'espionnage de masse légalisé, on y a
vu qu'avoir des choses à cacher est parfaitement naturel et n'est pas
réservé aux gens louches. Le suivi de toutes vos données vaut de l'or,
vous devez vous protéger vous même ainsi que les personnes avec qui vous
communiquez. Surtout que dans ces histoires de suivi vous n'avez pas
autorité pour savoir ce qui est retenu contre vous, qui détient ces
informations, pour combien de temps, ce qui en sera fait, et à fortiori
dans les mains de qui elles tomberont par inadvertance. vous ne
manquerez pas d'en entendre parler dans les mois qui suivent. <a
href="https://donottrack-doc.com/fr/">https://donottrack-doc.com/fr/</a>
<img
src="https://www.cipherbliss.com/wp-content/uploads/2016/07/internet_des_objets-1024x565.jpg" />
Il y a eu aussi une conférence sur Mycroft, un projet ouvert
d'intelligence artificielle ayant pour but d'être installée dans des
objets. un projet qui a l'air vachement chouette, et compatible Arduino
entre autre. de quoi fabriquer mille bidules utiles ou simplement pour
le plaisir d'apprendre comment fonctionnent les choses. <a
href="https://github.com/MycroftAI/mycroft-core"><span>https://github.com/MycroftAI/mycrof</span>…</a><a
href="https://github.com/MycroftAI/mycroft-core">[[<span>https://www.cipherbliss.com/wp-content/uploads/2016/07/internet_objets_mycroft-1024x565.jpg</span></a>]]
Donc wouala, ubuntu party ce sont des évènements à la cité des sciences
de paris qui se produisent deux fois par an, pour chaque sortie de
version d'ubuntu. en Octobre et en Avril. Vous pouvez y venir avec vos
parents et leur faire essayer le système dans sa version la plus
récente. N'oubliez pas de faire une sauvegarde de vos fichiers sur un
disque externe avant, par précaution ;) Perso, ubuntu 15.10 installé sur
mon vieux EeePC 1005HA a permis de lui redonner une certaine jeunesse,
nickel pour faire du développement arduino sans se trimballer un gros
ordi. Et surtout, il a une autonomie incroyable pour un ordi de 2009, on
peut bien le laisser allumé 6 heures et bidouiller dessus sans avoir à
le brancher. suivez la communauté ubuntu-fr sur twouiteur :3 <a
href="https://twitter.com/ubuntuparty">https://twitter.com/ubuntuparty</a>
Retrouvez les vidéos des conférences ubuntu party sur le site officiel
:) <a
href="https://media.ubuntu-paris.org/">https://media.ubuntu-paris.org/</a></p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

287
html-websites/cipherbliss_blog/2016/cipherbliss_blog_5_conversion-de-pdf-en-image-et-ocr/index.html
View File

@ -1,287 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 191</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2016-05-11 19:25:05&gt;</li>
<li>modifié: &lt;2020-08-03 11:55:32&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="conversion-de-pdf-en-image-et-ocr-1">Conversion de pdf en image
et OCR</h2>
<p><img
src="https://www.clubdesmonstres.com/best/img/disc_world9jpg.jpg" /> <a
href="https://imagemagick.org">ImageMagick</a> permet de convertir des
tas de fichiers en des tas d'autres. Il est fourni de base dans pas mal
de <a
href="https://fr.wikipedia.org/wiki/Distribution_Linux">distributions
linux</a>. convertir un pdf en un jpg par page de 300dpi c'est aussi
simple que lancer cette commande: (dans un terminal, dans le dossier de
votre fichier pdf, par exemple, mon dossier de Téléchargements)</p>
<pre class="example"><code>convert -density 300 -quality 100 monFichierPDF.pdf mesFichiersJpg.jpg
</code></pre>
<p>Et boum! aussitôt plopent dans le même dossier des jpg mesFichiersJpg
(1).jpg pour chaque page. Trop magique. L'option <strong>-density
300</strong> donne une résolution de 300dpi. L'option <strong>-quality
100</strong> compresse la sortie au meilleur de sa qualité. Il faut
nommer le fichier d'entrée et celui de sortie, j'aurai pu marquer
mesFichiersJpg.png ça aurait fait des vrais png, mais ça supporte aussi
des tas d'autres formats.</p>
<h2 id="option-de-sécurité-dimagemagick">Option de sécurité
d'ImageMagick</h2>
<p>Il est possible que vous ayez une version d'ImageMagick avec des
restrictions de conversion qui ont été mises en place pour des raisons
de sécurité à une époque où GhostScript avait un problème, corrigé
depuis. Si la commande convert ne veut pas convertir votre pdf, regardez
dans la config du fichier de police: <code
class="verbatim">sudo editor /etc/ImageMagick-7/policy.xml</code> (le
dossier peut se nommer ImageMagick-6 ou autre selon votre version), et
changez la ligne concernant les pdf:</p>
<pre class="example"><code>&lt;policy domain=&quot;coder&quot; rights=&quot;none&quot; pattern=&quot;PDF&quot; /&gt;
</code></pre>
<p>En ceci:</p>
<pre class="example"><code>&lt;policy domain=&quot;coder&quot; rights=&quot;read | write&quot; pattern=&quot;PDF&quot; /&gt;
</code></pre>
<p>Relancez votre terminal et ça devrait bien vouloir convertir votre
pdf en jpg.</p>
<h2 id="une-commande-en-alias-de-bash">Une commande en alias de
bash</h2>
<p>Vous pouvez vous en faire un alias dans votre fichier
<em>~</em>.bash<sub>aliases</sub>/</p>
<pre class="example"><code>alias pdf2jpg=&#39;convert -density 300 -trim -quality 100&#39;
</code></pre>
<p>Ainsi vous pourrez lancer:</p>
<pre class="example"><code>pdf2jpg machin.pdf machin.jpg
</code></pre>
<p>Et paf, ça fait des images de jolie qualité pour chaque page.</p>
<h2 id="le-cube-qui-sait-lire">Le cube qui sait lire</h2>
<p>Et donc voilà, il arrive aussi qu'on vous file un pdf contenant un
contrat ou un texte (avec ou sans images) qui serait bien plus efficace
en format texte pour y faire des recherches par exemple. vous avez bien
entendu autre chose à faire de votre vie que de recopier tout le texte.
aint nobody got time for that. <img
src="https://static.skynetblogs.be/media/80918/4017077379.jpg" /></p>
<pre class="example"><code>Il convient donc d&#39;utiliser un soft qui sait faire de l&#39;Optical Character Recognition, de la reconnaissance de caractères optiques.
</code></pre>
<p><img
src="https://pbs.twimg.com/profile_images/3311637316/fa2e60c43dea540aa029bd9f9596d674_400x400.png" />
Le Tesseract, ce n'est pas un cube produisant une énergie infinie au
pays d'Iron Man, c'est un soft capable de lire des caractères dans une
image et de pondre un texte en conséquence. Bien sûr il faut relire le
texte ensuite pour corriger quelques typos, mais il fait déjà un boulot
impressionnant. installez le avec son extension pour le français avec
apt-get:</p>
<pre class="example"><code>sudo apt-get install tesseract-ocr tesseract-ocr-fra
</code></pre>
<p>Une fois que c'est fait revenons à nos animaux laineux. Vous avez
donc plein de fichiers jpg dans un dossier. Dans un terminal, mettez
vous dans le dossier en question. Nous allons donc faire une boucle sur
tous les fichiers du dossier courant se terminant par jpg, les lire et
en ressortir dans un fichier page<sub>truc</sub>.txt pour chaque
image.</p>
<pre class="example"><code>a=0
for i in $(ls -v *.jpg); do
echo &quot;$i page_${a}.txt&quot;
# on affiche ce qu&#39;on fait
tesseract $i page_${a}.txt
let a=a+1
done
</code></pre>
<p>l'option -l fra sert à dire qu'on traite un texte en français et
maintenant on concatène les sorties de chaque image en un seul
fichier</p>
<pre class="example"><code>cat page_* &gt; all_pages.txt
</code></pre>
<p>Et vous pourrez maintenant avoir un texte sur lequel vous pouvez
faire une recherche intégrale avec votre éditeur de texte préféré, à la
recherche de l'arnaque contractuelle qui va bien. Astuce de l'OCR
trouvée sur <a href="https://doc.ubuntu-fr.org/tesseract-ocr">la doc
ubuntu</a> Enjoy!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

391
html-websites/cipherbliss_blog/2016/cipherbliss_blog_7_le-petit-printf/index.html
View File

@ -1,391 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 193</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2016-04-21 13:10:07&gt;</li>
<li>modifié: &lt;2016-05-12 14:30:14&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="le-petit-printf-1">Le petit Printf</h2>
<p>ont devenus un problème."<br />
Et tandis que l'homme se tenait là en silence (sur son nouveau bureau à
roulettes trop cool), le petit printf se dirigea hors de la salle.<br />
</p>
<h2 id="chapitre-8"><strong>Chapitre 8</strong></h2>
<p><img src="https://ferd.ca/static/img/printf/ops.png" /><br />
Dans le bureau d'à côté se trouvait un employé fatigué, avec des
dizaines de tasses à café vides, recroquevillée sur ton clavier, à taper
avec énervement.<br />
"Salut, dit le petit printf."<br />
La femme n'a pas arrêté ce qu'elle faisait. Elle a continué à taper
furieusement.<br />
"Bonjour?" demanda-t-il à nouveau.<br />
La femme s'arrêta d'un coup, pris un flacon d'un tiroir dans son bureau,
et a pris une gorgée.<br />
"J'ai un travail terrible, dit-elle. Je fais DevOps. ça avait bien
commencé, la plupart du temps je développais et puis parfois je
debuguais des choses, mais plus le temps passait, plus à a a empiré.
J'ai commencé à lutter contre les incendies dans notre pile, puis plus
d'incendies ont commencé à se produire. Je me suis débarrassé de la
plupart d'entre eux, tirant de petits miracles ici et là pour ensuite
respecter les délais de dev sur des choses que je devais aussi faire en
plus.<br />
-Et ont-ils embauché quelqu'un pour aider?<br />
-Non, c'est ça le truc. Les petits feux continuent de se produire ici et
là, et en raison du temps que je prends pour les combattre, je ne peux
pas être aussi prudente qu' avant avec le dev, donc je crée plus de feux
tout le temps. Maintenant, je lutte contre les incendies toute la
journée et toute la nuit et je déteste mon travail. -Pourquoi votre
employeur ne fait pas quelque chose?<br />
-Je suis douée à faire mon travail, et je suis parvenu à garder les
choses sous contrôle assez longtemps que tout le monde s'y soit habitué.
Lorsque vous prenez l'habitude de petits miracles, les gens sont
habitués. Ensuite, vous êtes coincé à faire des miracles tout le temps
ou ils vont penser que vous ne faites pas votre travail du tout.<br />
-Cela semble très triste<br />
-ça l'est; et parce que vous êtes la personne la plus familière avec ces
feux, vous obtenez seulement de travailler sur eux de plus en plus,
jusqu'à ce que votre employeur embauche quelqu'un d'autre pour couvrir
votre ancien emploi, celui que vous aimiez. Si vous vous souciez assez
dur sur votre travail pour être celui qui fait les choses que tout le
monde déteste, on vous remerciera en vous donnant de plus en plus de ce
travail qui ne vous plaît pas, jusqu'à ce que ce soit tout ce que vous
faites. Et puis il n'y a plus rien pour vous plaire dans votre
job.<br />
-Alors, vous êtes malchanceuse," dit le petit printf.<br />
Et son pager sonna encore.<br />
"Cette femme," dit le petit printf à lui-même, en continuant plus loin
son voyage, "cette femme serait méprisée par tous les autres: par
l'expert spécialisé, par le développeur de rockstar, par l'adoptant
premier. Néanmoins, elle est la seule d'entre eux tous à sembler utile.
Peut-être est parce qu'elle pense à autre chose qu'à elle-même.</p>
<h2 id="chapitre-9"><strong>Chapitre 9</strong></h2>
<p><img src="https://ferd.ca/static/img/printf/architect.png" /> A
l'angle du bâtiment, printf trouvé un grand bureau avec de grandes
fenêtres donnant une vue imprenable sur la région. Dedans, est assis un
vieux monsieur avec des rames de documentation sur son bureau.<br />
"Ah, voici un développeur!" s'écria l'homme, alors que printf se tenait
à la porte. "Entrez!" En regardant à travers les fenêtres, le petit
printf a remarqué qu'ils étaient pleins d'écriture. Avec l'aide d'un
stylo effaçable à sec, la vue sur le monde extérieur a été masqué par
des tonnes de cercles, des flèches, des cylindres, et les nuages. Alors
qu'il était curieux les nuages ​​de l'homme nécessaire tirées où les vrais
pouvaient être vus à l'extérieur, tout l'ensemble était plus
intrigant.<br />
"Qu'est-ce que c'est ?," demanda notre ami, en montrant les
fenêtres.<br />
"Oh ça? Ceci est notre système de production!" Dit l'homme, en pensant
non pas une seule fois que la question portait sur le monde extérieur.
"Je suis un architecte logiciel.<br />
-Qu'est-ce qu'un architecte logiciel?<br />
-La plupart du temps, il est quelqu'un qui sait comment structurer au
mieux et coordonne les composants d'un grand système pour que tout aille
bien ensemble. Il est quelqu'un qui doit connaître les bases de données,
des langages, des framewords, des éditeurs de code, des formats de
sérialisation, des protocoles et des concepts tels que l'encapsulation
et la séparation des préoccupations.<br />
-Très intéressant! dit le petit printf, voici quelqu'un qui peut
répondre à toutes mes questions! Il regarda les diagrammes
d'architecture. Votre système est très impressionnant. Est-il très
rapide à fonctionner?<br />
-Je ne pouvais pas vous dire, dit l'architecte. ça doit être le cas, je
pense. -Comment est le code alors, est-il bon?<br />
-Je ne pouvais pas vous dire<br />
-les utilisateurs sont-ils heureux?<br />
-Je ne pouvais pas vous dire non plus, je crains<br />
-Mais vous êtes un architecte logiciel!<br />
-Exactement! Mais je ne suis pas un développeur. Ce n'est pas
l'architecte qui va et écrit les modules et les classes, combine les
bibliothèques. L'architecte logiciel est beaucoup trop important pour
aller toucher au code. Mais il parle avec les programmeurs et les
développeurs, leur pose des questions, leur donne des conseils. Et si le
problème se trouve être assez intéressant, l'architecte prend en charge
la planification.<br />
-Et pourquoi ça?<br />
-Parce que nous sommes plus expérimentés. Nous en savons plus sur les
systèmes et ce qui fonctionne ou non. Les développeurs peuvent alors
être une extension de nos connaissances pour produire de grands
systèmes!<br />
-Mais comment savez-vous si les choses vont bien sans s'impliquer avec
le code?<br />
-Nous faisons confiance aux développeurs<br />
-Donc, vous leur faites confiance pour mettre en œuvre vos idées
correctement, mais pas assez pour venir avec leurs propres idées?"<br />
L'architecte logiciel était visiblement ébranlé par ce commentaire. "Je
suppose que je pourrais avoir été un peu déconnecté," il a finalement
admis. "Le problème est que, après un certain temps, vous êtes invité à
travailler avec des idées tellement vous ne disposez pas d'un bon moyen
de les faire tester ou vérifier…" Il baissa les yeux, pensif. "Parfois,
un architecte logiciel ne fait ni logiciel, ni architecture, on
dirait."<br />
Le petit printf a quitté la salle, ayant terminé de sa visite, il quitta
le bâtiment.<br />
</p>
<h2 id="chapitre-10"><strong>Chapitre 10</strong></h2>
<p><img src="https://ferd.ca/static/img/printf/charity.png" /></p>
<p>le petit printf, une fois à l'extérieur, a rencontré un homme
collectant de l'argent pour la charité.<br />
"Salut, dit l'homme. Que diriez vous d'aider quelqu'un
aujourd'hui?<br />
-ça m'aiderait sans doute à me faire sentir mieux, répondit printf. Je
suis allé dans ce bureau toute la journée, et maintenant je suis plus
confus que jamais.<br />
-Ah, je vois. Ces personnes sont tous les développeurs. Ils ne sont pas
vraiment utiles, n'est-ce pas? Ce qu'ils aiment à dire est qu'ils
changent le monde, et ils ont pas mal réussir à à le faire, en
fait.<br />
-Pourquoi est ce que je me sens si gêné, alors? questionna le petit
printf.<br />
-Eh bien, le meilleur qu'ils font est souvent d'aider à convertir les
emplois de certaines personnes dans des programmes, ou de rendre les
loisirs de tout le monde plus tranquilles.<br />
Le logiciel est en train de manger le monde et de lui faire changer de
visage, c'est certain… mais au fond, c'est le même vieux monde, avec un
visage mutilé. La raison pour laquelle on se sent gêné est que le
changement de cette façon ne veut pas dire les choses deviennent mieux.
Nous avons les mêmes défauts et les problèmes que nous avons toujours
eu, les mêmes trous à combler à l'intérieur.<br />
-Alors, comment puis-je me sentir mieux?" le petit printf était
visiblement anxieux.<br />
L'homme a pensé pendant un certain temps, et a offert printf à venir
l'aider à aider les autres, car c'était la façon que cet homme avait de
se sentir mieux. Au cours de l'après-midi, printf raconta à l'homme ses
problèmes et son aventure. Après un long silence, l'homme dit:<br />
"Les jeux que les gens jouent, les rôles et les réputations qu'ils
poursuivent et entretiennent, le plaisir éphémère qu'ils tirent de la
résolution de problèmes complexes, c'est amusant pendant un certain
temps. En fin de compte, si vous ne résolvez pas quelque chose de
valable, si vous oubliez les personnes impliquées, ça ne va jamais être
vraiment satisfaisant.<br />
Et cela peut être très bien, ou ça pourrait ne pas l'être, et vous
pouvez ou ne pouvez pas obtenir cela par ailleurs que sur votre lieu de
travail quand vous grandissez. Le travail peut être un travail; il peut
être pour l'argent, il peut être pour le plaisir. C'est bon. Tant que
vous parvenez à obtenir de l'accomplissement quelque part dans votre
vie. À la fin cependant, il est seulement quand vous résoudre les
problèmes avec un visage humain que vous pouvez vraiment sentir bien; Ce
qui est essentiel est invisible pour l'ordinateur.<br />
C' est le temps que vous avez passé sur votre système qui le rend si
important », l'homme a ajouté," et quand vous avez perdu de vue pourquoi
il était logique de passer du temps là-dessus, quand il est devenu un
jeu d'orgueil, alors il a causé plus de douleur que de
soulagement.<br />
Les développeurs ont souvent oublié cette vérité; Si vous perdez de vue
des choses, travailler sur votre système devient son propre problème, et
la solution la plus efficace est de se débarrasser du système, étant
donné qu'il est le problème."<br />
"C'est seulement quand vous résolvez les problèmes avec un visage humain
que vous pouvez sentir vraiment bien", répéta le petit printf à
lui-même, de sorte qu'il s'en souvienne.</p>
<h2 id="chapitre-11"><strong>Chapitre 11</strong></h2>
<p><img src="https://ferd.ca/static/img/printf/printf-end.png" /></p>
<p><br />
Printf, qui est maintenant assis juste en face de moi, est sur le chemin
du retour. Parler avec lui m'a fait réaliser à quel point ce que je fais
m'éloigne ce que je voulais, ce pour quoi j'ai commencé à programmer.
Chacune des personnes que le petit Printf a rencontré sont les rôles que
je me vois prendre moi-même un jour ou l'autre au fil du temps. J'ai été
encouragé par eux pour devenir comme eux, et j'ai probablement encouragé
des gens à faire la même chose.<br />
Lorsque je me suis lancé dans le jeu d'essayer de devenir un véritable
programmeur, Printf ne l'a pas fait. Il a dit qu'il était correct de ne
pas être un vrai programmeur, qu'il préférait être un programmeur avec
un visage humain.<br />
Aujourd'hui, je suis coincé dans la situation où je regarde en arrière,
je dois comprendre si je peux, aussi, devenir un programmeur avec un
visage humain ; ou si tout ce que je fais est juste un emploi. Il ne
semble pas y avoir tellement de choses qui vaille la peine
entre-deux.<br />
En tous les cas, là où printf a estimé qu'il n'a pas besoin d'être un
vrai programmeur, je pense que je ressens la même chose
maintenant.<br />
</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

279
html-websites/cipherbliss_blog/2017/cipherbliss_blog_129_comment-facebook-choisit-vos-amis-a-votre-place/index.html
View File

@ -1,279 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 419</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2017-02-03 14:57:17&gt;</li>
<li>modifié: &lt;2018-10-29 10:18:01&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="comment-facebook-choisit-vos-amis-à-votre-place">comment
facebook choisit vos amis à votre place</h2>
<p>tml][Vous détagguer de toutes les photos]]. Vous pouvez <a
href="https://nickbriz.com/facebook/saveWallposts.html">faire un backup
de tout votre mur</a> personnel. <a
href="https://nickbriz.com/facebook/unfriend.html">Supprimer tous les
liens</a> avec vos amis Facebook. Ensuite, il ya <a
href="https://www.facebook.com/settings?tab=applications">toutes les
applications que vous avez utilisé, listées sur cette page</a>. C'est
l'une des meilleures failles de Facebook, car ils disent qu'ils ne
peuvent pas contrôler ce que les applications font avec vos données une
fois que vous leur donnez. Enregistrez donc la page des paramètres qui
montre quelles applications vous avez utilisé sur votre disque dur, et
supprimez l'accès à chacun d'eux manuellement. Chacune de ces
applications ont leur propre politique de confidentialité - la plupart
d'entre eux sont une cause perdue, réclamant des droits illimités à vos
données, donc il faudra juste les supprimer et continuer.</p>
<h2 id="supprimer-votre-compte">Supprimer votre compte</h2>
<p> <a
href="https://lifehacker.com/5813506/how-to-delete-your-facebook-account">Supprimez
votre compte Facebook</a> Ne laissez pas Facebook vous tromper en le
"désactivant" à la place.</p>
<h2 id="further-precautions">Autres précautions</h2>
<p>Facebook va toujours essayer de vous suivre avec un "profil furtif",
mais cela peut être évité. Pour empêcher Facebook (et d'autres) de
suivre ce que j'ai lu sur le web, j'utilise Firefox avec <a
href="https://www.mozilla.org/en-GB/firefox/47.0/tracking-protection/start/">la
protection de suivi</a> activée. (<a
href="https://lifehacker.com/turn-on-tracking-protection-in-firefox-to-make-pages-lo-1706946166">Voici
comment</a>. (Ils le font même si vous n'avez pas de compte Facebook) Si
vous n'utilisez pas Firefox, l'EFF dispose d'un plugin de navigateur
appelé <a href="https://www.eff.org/privacybadger">Privacy Badger.</a>
(Et pendant que vous y êtes, l'EFF a fait ce super plugin nommé <a
href="https://www.eff.org/https-everywhere">HTTPS everywhere</a> qui
choisit automatiquement la connexion Web la plus sécurisée, ce qui rend
plus difficile pour les entreprises Internet et autres de fouiner votre
activité sur le Web.) Puis il ya les données qui ont été divulguées aux
courtiers de données. <a
href="https://www.eff.stfi.re/deeplinks/2013/02/howto-opt-out-databrokers-showing-your-targeted-advertisements-facebook">Vous
pouvez demander à ce qu'elles soient supprimées</a>.</p>
<h2 id="les-alternatives-réelles-à-facebook">Les alternatives réelles à
Facebook</h2>
<p>Dans sa mise à jour de 2017, Salim poursuit en expliquant qu'il
s'attendait à utiliser tout autant <a
href="https://diasporafoundation.org/about#features">Diaspora</a> (que
l'on peut utiliser avec <a
href="https://www.framasphere.org">framasphère.org</a> si vous êtes
francophones) mais c'est le téléphone avec des conversations plus
intéressantes qui l'a remporté, ainsi que les échanges par e-mails. Tout
le monde a un numéro de téléphone, on l'a déjà pour les personnes auquel
on tient vraiment et on se dit qu'on avait oublié a quel point c'est
pratique. Notre héros recommande aussi <a
href="https://whispersystems.org/blog/signal/">Signal</a> sur smartphone
(<a
href="https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms">android</a>
, <a
href="https://itunes.apple.com/us/app/signal-private-messenger/id874139669">iphone</a>),
pour faire des conversations groupées, partager des images, des liens,
le tout chiffré et gratuit sans pistage.</p>
<blockquote>
<p>"en vérité c'est mieux que Facebook, plus immédiat et personnel"
Après un mois il n'a ressenti aucun besoin de remplacer facebook.</p>
</blockquote>
<p>Pour conclure, j'ai personnellement supprimé pas mal d'applications (
et ce qu'elles ont publié ) auxquelles j'avais donné accès via Facebook,
j'ai désinstallé les applis de facebook de mon téléphone et je teste
actuellement les alternatives avant de supprimer réellement mes contenus
sur facebook, en vous invitant à en faire autant.</p>
<blockquote>
<p>Rappelez-vous, ce n'est pas seulement à propos des choses techniques.
En restant sur Facebook, vous leur accordez la permission de recueillir
et d'utiliser des informations vous concernant, sans même que vous
utilisiez leur site. Et en restant dessus, les données qu'ils
recueillent sur vous s'évertuent à créer des modèles sur vos amis les
plus proches et votre famille, même ceux qui ont opté pour vivre en
dehors de leur filet.</p>
</blockquote>
<figure>
<img
src="https://www.cipherbliss.com/wp-content/uploads/2018/03/25qfe6.jpg" />
<figcaption>in the cloud, you are owned</figcaption>
</figure>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

205
html-websites/cipherbliss_blog/2017/cipherbliss_blog_131_lautohebergement-cest-tellement-bien/index.html
View File

@ -1,205 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 450</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2017-09-27 22:20:54&gt;</li>
<li>modifié: &lt;2018-08-22 12:35:48&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="lautohébergement-cest-tellement-bien">l'autohébergement c'est
tellement bien</h2>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2017/02/ma_maison.jpg" /></p>
<p>L'auto hébergement, mangez en.</p>
<p>Installez un nextcloud, ou utilisez un cozy cloud sur <a
href="https://cozy.io">https://cozy.io</a> si vous n'êtes pas à l'aise
avec l'écriture de ligne de commande.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

275
html-websites/cipherbliss_blog/2018/cipherbliss_blog_153_cest-du-tres-loud-du-tres-tres-lourd/index.html
View File

@ -1,275 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 679</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2018-02-07 12:04:17&gt;</li>
<li>modifié: &lt;2018-08-22 17:49:46&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="cest-du-très-loud-du-très-très-lourd">c'est du très loud, du
très très lourd</h2>
<p>hier j'ai pu assister au décollage en direct (via youtube) du <a
href="https://fr.wikipedia.org/wiki/Falcon_Heavy">Falcon Heavy</a>,
fusée la plus puissante du monde, fabriquée par <a
href="https://www.spacex.com/">SpaceX</a>. <a
href="https://www.youtube.com/watch?v=bCc16uozHVE">https://www.youtube.com/watch?v=bCc16uozHVE</a>
<img
src="https://www.cipherbliss.com/wp-content/uploads/2018/02/sapceman-saloooo.png" /></p>
<blockquote>
<p>Falcon Heavy est un lanceur lourd développé par la société SpaceX
ayant la capacité de placer une charge utile de 63,8 tonnes en orbite
basse ou de 26,7 tonnes en orbite de transfert géostationnaire. . La <a
href="https://fr.wikipedia.org/wiki/Charge_utile_(astronautique)">charge
utile</a> dépend de l'orbite visée :</p>
<ul>
<li>Orbite basse : 63,8 tonnes</li>
<li>Orbite de transfert géostationnaire ; 26,7 tonnes</li>
<li>Orbite de transfert vers <a
href="https://fr.wikipedia.org/wiki/Mars_(plan%C3%A8te)">Mars</a> : 16,8
tonnes</li>
<li>Orbite de transfert vers <a
href="https://fr.wikipedia.org/wiki/Pluton_(plan%C3%A8te_naine)">Pluton</a> :
3,5 tonnes</li>
<li>Lanceurs réutilisables: oui</li>
</ul>
</blockquote>
<p>En comparaison, l'Ariane 5 qui détient 60% du marché des satellites
géostationnaires dispose de ces performances ci:</p>
<blockquote>
<ul>
<li>Orbite basse : 21 tonnes</li>
<li>Orbite de transfert géostationnaire ; 10.5 tonnes</li>
<li>Orbite de transfert vers <a
href="https://fr.wikipedia.org/wiki/Mars_(plan%C3%A8te)">Mars</a> : 
nope</li>
<li>Orbite de transfert vers <a
href="https://fr.wikipedia.org/wiki/Pluton_(plan%C3%A8te_naine)">Pluton</a> :
nope</li>
<li>Lanceurs réutilisables: non</li>
</ul>
</blockquote>
<p>[caption id="attachment<sub>689</sub>" align="aligncenter"
width="525"]<a
href="https://www.cipherbliss.com/wp-content/uploads/2018/02/Rocket-lineup-2.png">[[<span>https://www.cipherbliss.com/wp-content/uploads/2018/02/Rocket-lineup-2-1024x276.png</span></a>]]
comparatif des fusées existantes et de leur charge utile[/caption] On
peut voir ici en live la vie de StarMan sous différents angles de vue.
La Roadster couleur cerise va dériver dans l'espace en passant d'abord
près de Mars, lieu de future conquète de l'espèce humaine puis ira
rejoindre une orbite autour du soleil. Jamais l'autopilote de Tesla
n'aura été si loin. <a
href="https://www.youtube.com/watch?v=aBr2kKAHN6M">https://www.youtube.com/watch?v=aBr2kKAHN6M</a>
Le but de cette démo est de montrer que l'on peut envoyer du lourd tout
en se faisant une bonne pub, avec plus de puissance que n'importe quelle
fusée précédemment réalisée, pour une faction du prix - grâce à la
récupération d'une partie de la fusée pour les recharger en carburant.
Prochain objectif, une démo de la <a
href="https://waitbutwhy.com/2016/09/spacexs-big-fking-rocket-the-full-story.html">Big
Fucking Rocket</a> en 2020 visant le début de la conquête réelle de la
planète Mars par l'espèce humaine.  La Falcon Heavy visant l'apport de
matériel aux futurs astronautes. Ceux qui diront "hey mais pourquoi on a
pas de station lunaire alors qu'on est vingt ans après avoir mis le pied
humain sur la lune? Qu'est-ce que the fuck?"  </p>
<blockquote>
<p>It is high time that humanity went beyond Earth. Should have a moon
base by now and sent astronauts to Mars. The future needs to inspire. <a
href="https://t.co/6HjDQnRSA5">https://t.co/6HjDQnRSA5</a></p>
<p>— Elon Musk (@elonmusk) <a
href="https://twitter.com/elonmusk/status/941042298283966464?ref_src=twsrc%5Etfw">13
décembre 2017</a></p>
</blockquote>
<p>hébien sont aussi ceux qui ont entrepris de mettre en service une
conquête spatiale qui résout des tas de problèmes ici bas pour un tiers
du prix de l'année précédente. Disposer d'une station lunaire fait
partie des prochains objectifs qui servira de bras de levier à la
conquête, de la même façon que l'a fait la station internationale. Va y
avoir du boulot, mais on a enfin des gens qui se bougent pour ça. On vit
une époque formidable.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

236
html-websites/cipherbliss_blog/2018/cipherbliss_blog_167_la-detresse-emotionnelle-pour-installer-un-programme/index.html
View File

@ -1,236 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 826</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2018-07-13 15:39:58&gt;</li>
<li>modifié: &lt;2018-08-22 12:07:46&gt;</li>
<li>Index des articles du blog <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">cipherbliss</a></li>
</ul>
<h1 id="la-détresse-émotionnelle-pour-installer-un-programme">la
détresse émotionnelle pour installer un programme</h1>
<p>Quand vous avez l’habitude d’utiliser Windows, vous connaissez
probablement la terrible angoisse que représente l’idée même d’installer
un nouveau programme sur votre ordinateur.</p>
<h2
id="pourquoi-cest-si-stressant-dinstaller-un-programme-sous-windows">Pourquoi
c’est si stressant d’installer un programme sous windows?</h2>
<p>De nombreux écrans piégés dans l’installateur à analyser
minutieusement pour enlever tout programme néfaste qui serait installé à
cause d’une case cochée par défaut que vous auriez omis de dédocher.</p>
<p>Des installateurs de programme qui vont s’amuser à aller chercher
d’autres installateurs de programmes.</p>
<p>Des programmes qui se réinstallent tout seuls et changent vos
préférences sans vous en avertir.</p>
<p>Des programmes incompatibles avec d’autres que vous auriez installé,
et impossible à supprimer sans utiliser des techniques vaudou, voire
nécessitant l’installation d’un autre programme pour les supprimer.</p>
<p>Pas de gestionnaire de dépendances pour aller piocher les bonnes
versions et supprimer les paquets obsolètes ou orphelins.</p>
<p>Un registre windows avec plein de conneries inutiles dedans et aucun
programme capable de le nettoyer par défaut.</p>
<h2 id="quel-bordel.">Quel bordel.</h2>
<p>Toutes ces raisons augmentent le cout émotionnel (qui n’a rien à voir
avec <a
href="https://emmaclit.com/2017/05/09/repartition-des-taches-hommes-femmes/">la
charge mentale</a>) de l’installation d’un nouveau programme dans un
environnement windows et découragent ses utilisateurs de s’approprier
leur ordinateur. Il faut avoir tout cela en tête lorsque l’on souhaite
faire utiliser de meilleures solutions à des utilisateurs captifs.</p>
<p>Enfin, depuis que tout le monde souhaite installer Firefox au lieu
d’Internet Explorer, ou Libre Office au lieu de MS office, il semblerait
qu’un autre monde soit possible.</p>
<p>Y’a bien Charlie qui a sorti sa <a
href="https://chocolatey.org/">Chocolatery</a> (uniquement <a
href="https://www.cipherbliss.com/depasser-la-barriere-de-la-langue/">en
englishe bordel!</a>) pour windows, un vrai gestionnaire de dépendances
capable d’installer un programme en deux deux.</p>
<p>Mais pour cela, il faudra d’abord… l’installer.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

301
html-websites/cipherbliss_blog/2018/cipherbliss_blog_168_comment-ne-plus-perdre-de-temps-avec-ses-mots-de-passe/index.html
View File

@ -1,301 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 855</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2018-08-03 16:03:26&gt;</li>
<li>modifié: &lt;2018-08-03 16:17:25&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2
id="comment-ne-plus-perdre-de-temps-avec-ses-mots-de-passe-1">comment ne
plus perdre de temps avec ses mots de passe</h2>
<p>an que passe quelqu'un à rechercher ses mots de passe et à les taper
dans des formulaires de login. C'est aussi le temps que vous économisez
en ne les tapant pas vous même si vous adoptez un gestionnaire de mots
de passe.</p>
<p>Heureusement il existe des solutions très pratiques pour gérer vos
mots de passe sans devoir les confier à un tiers auquel vous ne faites
pas confiance, ou les écrire sur papier pour les recopier ensuite.</p>
<h2 id="les-solutions-à-la-gestion-de-mot-de-passe.">Les solutions à la
gestion de mot de passe.</h2>
<p>Si vous êtes ici vous avez bien deux minutes pour mettre en place une
meilleure gestion de vos mots de passe. Je ne saurais donc que trop vous
conseiller d'utiliser <strong>un gestionnaire de mot de passe</strong>
comme <a href="https://www.bitwarden.com">Bitwarden</a> (gratuit et
autohébergeable dont j'ai <a
href="https://www.cipherbliss.com/depasser-la-barriere-de-la-langue/">contribué
à la traduction en Français</a>), Keepass ou <a
href="https://www.lastpass.com">Lastpass</a> (payant et centralisé, 9€
par an mais ça vaut carrément le coup notamment pour sa fonction de
changement automatisé, propose une offre famille qui fait un prix de
groupe pour 6 personnes).</p>
<h2 id="un-gestionnaire-de-mots-de-pass-cest-beaucoup-mieux.">Un
gestionnaire de mots de pass c'est BEAUCOUP MIEUX.</h2>
<p>C'est capable de créer et de remplir vos identifiants sur demande /
automatiquement sur tous les sites web du monde sans avoir à retenir un
million de mots de passe différents, tout en étant capable d'utiliser ce
genre de mot de passe:</p>
<blockquote>
<p>exemple: pour ma boite mail pro j'utilise ce mot de passe:
identifiant: troubadourdudimanche@laboitemail.com pass:
!zswL*t0!X@3P9$OnCL$*jccJe9%kQ5SxWwgKRu0AjHKaaMddpO1onbU@%ln%1LOOj5DyO4otv0Atd6hfmY7nhfiX*
pour <a href="https://www.mamot.fr">mon réseau social préféré</a>
j'utilise celui ci: identifiant: bébertDuchmoll pass:
EMLocF9FgLesVW$RtJwbZG&amp;FuqvbC%9a&amp;3!4v8!!i@optNLmk5iZkvYMZQBpKkH94Qb4Nd@q&amp;tMYz<sup>p</sup>#RuXSi!iYvL&amp;UEIH^
pour mon blog j 'utilise ça: identifiant: leadmin<sub>Kivabien</sub>
pass:
sRpKuHwGZ9k!dkBWY$UBIHR#Q#WVYzzpzAy5Igr9gqPLRh@@3yoKj&amp;dgkBE4qAGzwyTGcm%ixHP*JBry@q9cjJbed*dS7t!</p>
</blockquote>
<p>Et aussi de prendre des notes de façon sécurisée. Vous allez donc me
dire: <em>Wololo! Mais comment c'est possible d'utiliser tout ça sans
avoir à se péter le crâne ?</em> C'est simple, c'est géré par le
gestionnaire de mot de passe qui est intégré à Firefox (ou autre
navigateur), qui stocke ces infos dans un fichier illisible jusqu'à ce
que je le déverrouille par <strong>une phrase de passe</strong>. Et une
phrase de passe c'est vachement mieux qu'un mot de passe ET plus facile
à retenir.   Prenez par exemple cette phrase:</p>
<blockquote>
<p><em>miaou le chat est un boulet qui ronfle</em></p>
</blockquote>
<p>Elle fait déjà un bon paquet de caractères et est donc de fait très
longue à deviner par un script qui essaierait toutes les combinaisons de
caractères (<a
href="https://fr.wikipedia.org/wiki/Attaque_par_force_brute">attaque par
force brute</a>). on personnalise un peu, et hop, on a une phrase de
pass longue et difficile à deviner, qui mettrait des millions de
milliards d'années à être trouvées par un ordinateur capable de faire un
trillion d'essai par seconde.</p>
<blockquote>
<p><em>miao*w!* le chat <strong>3*st un boulet qui
*RONFLE</strong></em></p>
</blockquote>
<p>Sérieusement, prenez dix secondes pour installer un gestionnaire de
mots de passe (il suffit de s'inscrire avec une phrase de passe, et
d'installer une extension firefox/chrome/autre et vous n'aurez jamais
plus besoin de réfléchir à plein de mots de passe différents tout le
temps pour chaque site que vous utilisez). Vous gagnerez énormément de
temps et d'argent à ne pas avoir à récupérer vos comptes ou à affronter
des situations douloureuses pour vous et vos proches (j'insiste)
évoquées ci dessus qui vous en prendront bien plus. Tous les
gestionnaires de mots de passe permettent la portabilité, c'est à dire
que si vous souhaitez changer de gestionnaire à un moment donné, vous
pourrez faire un export / import de vos données. Formidable non ? Voilà,
donc pour faire un premier pas, inscrivez vous sur <a
href="https://vault.bitwarden.com/#/register">bitwarden</a> et ensuite
ajoutez leur <a
href="https://addons.mozilla.org/fr/firefox/addon/bitwarden-password-manager/">extension
firefox</a>/<a
href="https://chrome.google.com/webstore/detail/bitwarden-free-password-m/nngceckbapebfimnlniiiahkandclblb">chrome</a>/autre.
Puis utilisez l'application mobile (<a
href="https://play.google.com/store/apps/details?id=com.x8bit.bitwarden&amp;hl=en_US">android</a>
ou <a
href="https://itunes.apple.com/us/app/bitwarden-password-manager/id1137397744">pomme</a>)
qui synchronisera vos infos de passe et de notes sécurisées, et
proposera de remplir les champs dans les autres applis si vous le lui
permettez. Vous pouvez aussi installer votre coffre fort sur votre ordi
pour une utilisation hors ligne. Et utilisez le!     Pour aller plus
loin, des guides généraux: [[<a
href="https://www.ssi.gouv.fr/uploads/2017/01/guide_hygiene_informatique_anssi.pdf">https://www.ssi.gouv.fr/uploads/2017/01/guide_hygiene_informatique_anssi.pdf</a>][Le
guide de l'hygiène générique du gouvernement français en 42 mesures,
dispo en pdf.]] <a
href="https://duckduckgo.com/?q=hygiène+numérique">Recherchez "hygiène
numérique" avec duckduckgo</a>, un moteur de recherche à adopter car il
ne vous surveille pas, contrairement à google et beaucoup d'autres.
intéressez vous à l'authentification multi factorielle et activez la. Il
existe aussi des clés usb qui permettent de générer des mots de passe à
usage unique, qui ne nécessitent même pas de copier ces mots de passe,
yubikey étant une marque parmi d'autres. en englishe: <a
href="https://www.passwordday.org/">https://www.passwordday.org/</a> <a
href="https://www.lockdownyourlogin.org">https://www.lockdownyourlogin.org</a>
<a
href="https://stopthinkconnect.org/tips-advice/general-tips-and-advice">https://stopthinkconnect.org/tips-advice/general-tips-and-advice</a>
Enjaillez!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

276
html-websites/cipherbliss_blog/2018/cipherbliss_blog_175_10-raisons-pour-lesquelles-lopen-source-est-bon-pour-les-affaires/index.html
View File

@ -1,276 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 957</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2018-10-09 14:36:17&gt;</li>
<li>modifié: &lt;2018-10-09 14:36:17&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2
id="raisons-pour-lesquelles-lopen-source-est-bon-pour-les-affaires-1">10
raisons pour lesquelles l'Open Source est bon pour les affaires</h2>
<p>iels à source fermée, vous n'avez rien d'autre que les affirmations
du fournisseur vous indiquant que le logiciel est sécurisé et conforme
aux normes, par exemple. C'est fondamentalement un acte de foi. La
visibilité du code derrière les logiciels open source, cependant,
signifie que vous pouvez voir par vous-même, ou faire auditer par des
experts indépendants, voir précisément comment fonctionne le logiciel,
et être confiant.</p>
<h2 id="options-de-support">8. Options de support</h2>
<p>Les logiciels open source sont généralement gratuits, tout comme [[<a
href="https://www.pcworld.com/businesscenter/article/207958/how_to_get_support_for_open_source_software.html">https://www.pcworld.com/businesscenter/article/207958/how_to_get_support_for_open_source_software.html</a>][leur
support (l'aide aux utilisateurs) via les communautés dynamiques
entourant chaque]] logiciel. La plupart des distributions Linux, par
exemple, ont une communauté en ligne avec une excellente documentation,
des forums, des listes de diffusion, des forges, des wikis, des groupes
de discussion et même un support par chat en direct avec des humains.
Pour les entreprises qui recherchent une assurance supplémentaire, il
existe désormais des options de support payant sur la plupart des
packages Open Source à des prix encore inférieurs à ceux que la plupart
des fournisseurs propriétaires facturent. Les fournisseurs de support
commercial pour les logiciels open source tendent également à être plus
réactifs, le support étant le centre de leurs revenus.</p>
<h2 id="coût">9. Coût</h2>
<p>Entre le prix d'achat du logiciel lui-même, le coût exorbitant de la
protection antivirus obligatoire, les frais de support, les dépenses de
mise à niveau en cours et les coûts associés à la captivité des clients,
les logiciels propriétaires retirent plus de votre entreprise que vous
ne le réalisez probablement. Et dans quel but? Vous pouvez obtenir <a
href="https://www.pcworld.com/businesscenter/article/202563/11_free_linux_apps_your_business_needs_now.html">une
meilleure qualité à une fraction du prix</a>.</p>
<h2 id="essayez-avant-dacheter">10. Essayez avant d'acheter</h2>
<p>Si vous envisagez d'utiliser un logiciel open source, il ne vous <a
href="https://www.pcworld.com/businesscenter/article/205640/4_ways_to_give_desktop_linux_a_testdrive.html">coûtera
généralement rien de l'essayer avant</a>. Cela est dû en partie au prix
gratuit du logiciel, et en partie à l'existence de LiveCD et de Live USB
pour de <a
href="https://www.pcworld.com/businesscenter/article/204310/how_to_choose_a_desktop_linux_distribution.html">nombreuses
distributions Linux</a>, par exemple. Aucun engagement n'est requis
jusqu'à ce que vous soyez sûr. Rien de tout cela ne veut dire, bien sûr,
que votre entreprise doit nécessairement utiliser un logiciel open
source pour tout. Mais avec tous les nombreux avantages que cela
comporte, vous seriez négligent de ne pas y penser sérieusement.</p>
<p><a
href="https://www.pcworld.com/article/209891/10_reasons_open_source_is_good_for_business.html">Katerine
Noyes</a></p>
<p><u>__</u> J'ajouterais que l'utilisation de logiciels privateurs vous
fait perdre la main sur les données utilisées par votre entreprise, ce
qui pose des problèmes de confidentialité et de fuites de données qui
vont toujours finir par avoir des conséquences graves. Surtout <a
href="https://jenairienacacher.fr">si vous imaginez que vous n'avez rien
à cacher</a>. Un bon point de départ pour tester des logiciels libres et
se passer des GAFAM+, c'est de regarder ce que fait Framasoft et sa
campagne de communication sur les logiciels libres permettant de
remplacer des tas de logiciels privateurs, sur <a
href="https://degooglisons-internet.org/fr/">degooglisons-internet.fr</a></p>
<h2 class="western"
id="pour-plus-dinfos-les-liens-dans-le-texte-an-anglais">Pour plus
d'infos, les liens dans le texte (an anglais):</h2>
<p><a
href="https://www.pcworld.com/businesscenter/article/207479/linux_is_on_the_rise_for_business.html">Linux
est en progression dans les entreprises</a> <a
href="https://www.pcworld.com/businesscenter/article/202452/why_linux_is_more_secure_than_windows.html">Pourquoi
linux est plus sécurisé que windows</a> <a
href="https://www.pcworld.com/businesscenter/article/209419/88_highrisk_defects_found_in_android_kernel.html">88
graves défauts trouvés dans le noyau android</a> <a
href="https://www.pcworld.com/businesscenter/article/205867/linux_kernel_exploit_gives_hackers_a_back_door.html">Un
exploit du kernel linux donne une porte dérobée à des crackers</a> <a
href="https://www.pcworld.com/businesscenter/article/209661/what_you_need_to_know_about_new_ie_zeroday.html">Ce
que vous devez savoir à propos du bug zéro day d'IE</a> <a
href="https://www.pcworld.com/businesscenter/article/207958/how_to_get_support_for_open_source_software.html">Comment
obtenir du support pour un logiciel open source</a> <a
href="https://www.pcworld.com/businesscenter/article/202563/11_free_linux_apps_your_business_needs_now.html">11
applis linux dont votre entreprise à besoin</a> <a
href="https://www.pcworld.com/businesscenter/article/205640/4_ways_to_give_desktop_linux_a_testdrive.html">4
façons d'essayer une distribution linux</a> <a
href="https://www.pcworld.com/businesscenter/article/204310/how_to_choose_a_desktop_linux_distribution.html">Comment
choisir une distribution linux pour sa station de travail</a>    </p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

853
html-websites/cipherbliss_blog/2018/cipherbliss_blog_181_comment-se-delester-de-la-charge-mentale/index.html
View File

@ -1,853 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1083</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2018-11-19 16:48:12&gt;</li>
<li>modifié: &lt;2018-11-19 16:58:30&gt;</li>
<li>Index des articles du blog <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">cipherbliss</a></li>
</ul>
<h1 id="blog-article---comment-se-délester-de-la-charge-mentale">Blog
article - Comment se délester de la charge mentale</h1>
<p><a
href="https://www.cipherbliss.com/comment-se-delester-de-la-charge-mentale/">https://www.cipherbliss.com/comment-se-delester-de-la-charge-mentale/</a></p>
<p>Vous avez probablement eu vent de ce qu’est la charge mentale et de
sa disproportion dans les couples hétéros, notamment via <a
href="https://emmaclit.com/2017/05/09/repartition-des-taches-hommes-femmes/">cette
BD d’emma Clit « Fallait demander »</a> qui explique très bien
l’incompréhension problème et le poids de ce fléau sur les femmes. Si
vous ne voyez pas de quoi je parle allez lire d’abord cette courte
BD.</p>
<p>Le problème de la charge mentale n’est pas une fatalité et nous
allons voir aujourd’hui deux moyens complémentaires à mettre en place
par les deux personnes du couple pour en venir à bout:</p>
<ul>
<li>La communication <strong>verbale</strong> claire et
<strong>précise</strong> .</li>
<li>Les outils numériques pour se défaire de la charge mentale.</li>
</ul>
<p>Vous noterez que le problème ne se situe pas uniquement chez des
couples hétéros, c’est pourquoi tout du long de cet article comme pour
ceux de chez qzine.fr je ne préciserai pas particulièrement que les
rôles doivent être mis en place spécifiquement par un des deux
partenaires, mais bien par les deux.</p>
<h2 id="communication-verbale">Communication verbale:</h2>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2018/10/aucun_sens.jpg" /></p>
<p>S’attribuer des rôles Claires et nets, et être flexible <strong>tous
les deux pour améliorer les choses</strong> .</p>
<h3
id="comment-se-passe-habituellement-la-répartition-des-tâches">Comment
se passe habituellement la répartition des tâches</h3>
<p>Quand je vivais seul, je m’occupais de toutes les tâches ménagères et
de toutes les choses à penser, qu’il s’agisse de trucs administratifs,
de choses à organiser, des potes à recevoir ou à visiter, de docteurs à
aller voir.</p>
<p>Mais aux moments où j’ai vécu en couple, jusqu’aux six dernières
années où je vis maintenant marié avec ma femme il faut constater que
dans notre culture, tout le monde fait en sorte que homme et femme aient
des tâches bien précises à faire par défaut, que ça leur plaise ou
non:</p>
<p>Tout le système utilise des procédés insidieux de telle sorte que les
femmes soient bien d’avantage contraintes (socialement, financièrement)
de s’occuper des gamins et de la tenue du foyer pendant que monsieur
doit aller gagner un max de pognon pour tout le foyer sans profiter de
la présence de ses enfants. Chacun des membres du système est à la fois
récompensé pour agir de la sorte, et découragé de dévier de ce
schéma.</p>
<p>ça commence bien avant la grossesse et se poursuit bien après, bien
qu’il soit admis qu’<a
href="https://waitbutwhy.com/2018/04/picking-career.html">une carrière
de nos jours n’a rien à voir avec la carrière de nos parents nés dans
les années 70</a>. Donc quand on ne met rien de spécial en place, on
tombe dans… le schéma sexiste classique.</p>
<h3 id="le-schéma-sexiste-classique">Le schéma sexiste classique</h3>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2017/11/aZlVaMZm_700w_0.jpg" /></p>
<p>Les femmes s’occupent de faire la bouffe, les courses, le ménage, les
couches, les rdv chez le médecin, s’arrêtent de bosser plus longuement
que les hommes et subissent un isolement social.</p>
<p>Les hommes vont s’occuper de sortir les poubelles, changer les
ampoules, réparer des trucs (parce que c’est compliqué et technique, et
que ça fait peur), faire des travaux, soulever des trucs lourds parce
qu’ils soulèvent de la fonte pour le fun, conduire la famille dans leur
grosse voiture et <a
href="https://www.securite-routiere.gouv.fr/en-parler-agir/info-intox/femmes/les-filles-reussissent-moins-a-l-examen-pratique-b-que-les-garcons.-vrai-ou-faux">avoir
plus d’accidents</a>.</p>
<p>Vous remarquerez d’ailleurs à quel point les femmes sont découragées
de conduire des voitures et qu’on les prend pour des grosses bécasses
dans les pubs en mettant l’accent sur la simplicité de conduite d’un
véhicule, et autres fadaises de couleur de vernis raccord avec la
carrosserie. ça et autres prétendues blagues du style « femme au volant
mort au tournant ». Super blague, top</p>
<p>résultat, si vous regardez, plus de 9 conducteurs sur 10 sont des
hommes.</p>
<p>Ainsi, la plupart du temps, c’est aux hommes que revient le rôle de
fournir des revenus afin de faire vivre toute la famille. Et si vous
croyez que ce sont les allocation familiales et le RSA qui vont vous
rendre riche et disponible à une vie oisive, c’est que vous n’avez
jamais essayé ce mode de vie et que vous êtes très mauvais en maths.
Désolé de vous le dire. (et si vous croyez que la fraude au RSA est plus
importante que la fraude des entreprises, désolé encore)</p>
<p><a
href="https://www.lsa-conso.fr/les-dinks-une-cible-de-choix-difficile-a-viser,68447">Les
familles à double revenu sans enfant</a> (ou <a
href="https://fr.wikipedia.org/wiki/DINK">DINK</a>) sont les familles
les plus aisées, à fort pouvoir d’achat et disponibles à une vie de
loisirs.</p>
<p>S’ils souhaitent s’absenter pour s’occuper de leurs enfants malades
c’est mal vu, toujours en 2018 on leur demandera pourquoi ce n’est pas
leur femme qui s’en occupe. Bon, sauf si vous êtes freelance les gens
s’en foutent, mais vous noterez que beaucoup de gens ne sont pas
freelance.</p>
<p>Les hommes devront passer le plus de temps possible sur leur lieu de
travail, des lieux d’ailleurs très souvent minoritaires en femmes, que
l’on retrouve d’avantage dans des métiers où l’on leur demande de « bien
présenter » comme dans les ressources humaines et la communication ou
les accueils, les tâches ménagères (vous avez déjà vu un homme de
ménage?), les métiers autour de l’enfance, ou ceux consistant à soigner
des patients.</p>
<p>Les femmes d’ailleurs sont plus souvent contraintes de choisir des
métiers à temps partiel et laisser tomber des carrières pour laisser du
temps à des tâches non rémunérées. voir à ce sujet les slogans
féministes « rémunération pour TOUS les travaux ».</p>
<p>Pour le reste, il y a mastercard, enfin non, les métiers d’hommes
quoi. Si vous regardez dans l’histoire, vous verrez des tas d’hommes
célèbres, et énormément moins de femmes. Voilà ce que ça donne quand on
empêche l’accès à l’instruction et à d’autres perspectives d’avenir à
plus de la moitié de la population, on se prive d’un énorme
potentiel.</p>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2018/10/has-science-gone-too-far.jpg" /></p>
<p>Dans les domaines scientifiques également, là où l’on étudie l’aspect
biologique on retrouve une grande proportion de femmes. Peut être
estime-t-on que la physique, l’exploration spatiale, ou les
mathématiques ne doivent pas être des domaines censés attirer les
femmes. Durant les études de lycée, vous remarquerez aussi que tout ce
qui a trait à la littérature ou aux sciences sociales (qu’on appelle
aussi « les sciences molles » vous remarquerez) implique d’énormes
proportions d’élèves femmes.</p>
<p>Chose notable: alors que la programmation informatique implique
énormément d’écriture (de code, mais pas seulement) et de notions
grammaticales et littéraires, c’est un domaine où l’on retrouve très peu
de femmes.</p>
<p>Bien qu’<a href="https://peerj.com/preprints/1733.pdf">elles
produisent des logiciels d’une qualité globalement meilleure que celle
des hommes</a>.</p>
<h3 id="lautomatisation">L’automatisation ?</h3>
<p>La faux-tomation, ou <a
href="https://logicmag.io/05-the-automation-charade/">l’escroquerie de
l’automation surévaluée</a>, est une chose intrigante. C’est quand on
vous vend par exemple qu’une machine va vous faire gagner du temps mais
qu’elle vous apporte à la place d’autres contraintes plus chronophages
encore. Comme les caisses automatiques aux supermarchés censées éviter
d’avoir plein d’hôtes de caisse (souvent des femmes d’ailleurs), mais
qui plantent tellement tout le temps que le gain de temps par
l’automatisation du procédé est négligeable. L’automatisation est
grandement surestimée dans de nombreux endroits où on la vend, bien que
l’intelligence artificielle et les progrès technologiques soient
réellement impressionnants, et dépassent tout le temps les attentes des
experts en la matière. En fait, le bénéfice de l’automatisation reste
toujours inhérent à la résilience de la chaîne d’action, toute la suite
d’actions est limitée par son maillon faible et la capacité de réaction
de l’ensemble pour ne pas empêcher toute la chaîne d’action de se
poursuivre.</p>
<p>Les réels progrès d’automatisation cachent de nombreux métiers de
l’ombre totalement abrutissants et aussi aliénants que les métiers
qu’ils tentent de faire disparaître. Les assistants vocaux, la conduite
autonome, la lutte contre le spam, les transitions numériques des
administrations demandent encore et toujours d’importants travaux
d’étiquetage, de vérifications, de support téléphonique, en grande
partie parce que ces produits automatisés sont bêtes comme leur pieds et
incapables de s’adapter à leurs utilisateurs.</p>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2018/10/user_experience_thinking_over_the_garden_wall.gif" /></p>
<p>l’UX dans son ensemble est grandement négligée dans la plupart des
produits. Il est souvent moins coûteux de livrer un produit mal foutu et
de se payer des opérateurs de support téléphonique à l’étranger à un
prix ridicule, que de consacrer un mois de plus à la conception et
l’amélioration d’un produit en le confrontant à ses utilisateurs finaux.
Mais c’est risqué pour vos fesses si vous basez tout votre business sur
la médiocrité de cette façon, vos utilisateurs iront tout simplement
voir ailleurs vers des produits qui juste-marchent, c’est vous qui
voyez.</p>
<p>Les automatisations sont pour beaucoup incomplètes de par leur
production mais aussi notamment parce que l’éducation qui devrait aller
avec ne suit pas, et fait par exemple que nous sommes tous analphabètes
de l’informatique. ou absolument infoutus de nettoyer le filtre de notre
lave-vaisselle parce qu’on s’imagine que c’est trop compliqué. Sans
parler des bugs que l’on a pas le droit de corriger du fait de lois et
de politiques obscurantistes absurdes qui enferment les
utilisateurs.</p>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2018/10/penguin_doge.jpg" /></p>
<p><a
href="https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs">à
lire à ce sujet: Les gamins ne savent pas se servir de l’informatique,
et voilà pourquoi cela devrait vous inquiéter.</a></p>
<p>Mais revenons à nos moutons.</p>
<h3 id="quelle-est-lévolution-de-la-répartition-des-tâches">Quelle est
l’évolution de la répartition des tâches?</h3>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2018/11/screenshot-www.francetvinfo.fr-2018.11.19-14-55-28.png" /></p>
<p>Une légère évolution de <a
href="https://www.francetvinfo.fr/societe/egalite-homme-femme-la-repartition-des-taches-domestiques-en-trois-graphes_902569.html">la
répartition des tâches</a> se fait lorsqu’il s’agit d’emmener les
enfants à l’école et de les récupérer.</p>
<p><strong>Mais dans l’ensemble les choses ne bougent pas vraiment
depuis les années 1980. Les femmes passent toujours nettement plus de
temps à faire des tâches domestiques.</strong></p>
<p>C’est pourquoi il est vital de prendre un peu de temps pour
communiquer sur nos attentes et pourquoi pas <strong>les écrire</strong>
. <a href="id:c0091ec6-161b-430a-8af6-c06519fb479a">corvées</a></p>
<p>On habitue les femmes à communiquer de la façon la plus subtile
possible, et les hommes à ne pas laisser la place à la subtilité. C’est
pourquoi il convient de se mettre sur la même longueur d’onde. Si vous
reprochez à votre partenaire encore et toujours la même chose, en le
répétant plein de fois et que les choses ne changent pas, ce n’est pas
forcément parce que votre partenaire ignore ce que vous lui reprochez,
c’est probablement parce que ça lui est plus coûteux (en temps et
énergie ) de ne pas changer les habitudes car il/elle ne voit pas le
même tableau de contraintes et bénéfices que vous.</p>
<p>Ce n’est certainement pas la première fois que vous entendez le fait
que la communication est cruciale dans un couple ou ailleurs, mais avez
vous vraiment essayé de formuler de plusieurs façons différentes les
tenants et aboutissants de ce que vous souhaitez améliorer ? Ce n’est
pas évident, surtout quand on estime que c’est aux autres de s’adapter à
nous, et tout le monde n’a pas eu le même temps et le même droit
d’apprendre à s’exprimer.</p>
<p>On oublie souvent que notre partenaire n’a aucune connaissance de
<strong>tous</strong> les efforts que l’on fait parce que bien
évidemment il n’est pas H24 avec nous.</p>
<p>L’autre n’a jamais connu notre quotidien comme nous le connaissons de
l’intérieur, et c’est pareil pour lui.</p>
<h3 id="que-communiquer-en-particulier">Que communiquer en
particulier?</h3>
<p>Communiquer sur nos besoins et attentes n’est pas un concours de qui
souffre le plus.</p>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2018/10/no_from_monopoly.jpg" /></p>
<p>Il ne faut d’ailleurs pas espérer que notre conjoint puisse encaisser
tout seul l’intégralité de ce qui nous tourmente, et encore moins savoir
comment réagir correctement. Nous avons tous des attentes, à tort ou à
raison, forgées par l’ensemble de notre culture – et principalement par
les films et autres ouvrages dont on s’abreuve pas forcément par
choix.</p>
<p>Que ce soit parce que ce n’est pas forcément son rôle, mais aussi
parce que mal formuler les choses ferait plus de mal que de bien. Il est
vital d’avoir plusieurs oreilles à notre écoute. D’avoir des espaces de
liberté où l’on peut se concerter et échanger en prenant le temps de se
taire pour dégager de la clarté dans ce qui nous préoccupe.</p>
<h3 id="diversifier-ses-interlocuteurs">Diversifier ses
interlocuteurs</h3>
<p>S’en remettre à un professionnel de l’écoute n’est pas réservé qu’aux
personnes atteintes de troubles psychologiques, et la société en
sortirait grandie si on cessait de faire croire de pareilles
énormités.</p>
<p>Ce partage nécessaire trouvera ses solutions sous des formes
diverses. ça peut être en discutant entre collègues, entre parents
d’enfants, en famille, entre amis proches ou lointains, entre joueurs
d’un club de sport ou de cuisine, sur un chantier, sur un forum, dans un
festival, sur un banc dans un parc… c’est à vous de voir.</p>
<p>Si vous ne savez pas ce que vous attendez de votre relation, soyez en
tous cas certain que ce ne sera pas votre partenaire le mieux qualifié
pour le savoir et ouvrez votre horizon.</p>
<h3 id="lister-les-tâches-et-vos-besoins">Lister les tâches et vos
besoins</h3>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2018/04/The-Expert-Short-Comedy-Sketch.jpg" /></p>
<p>Un bon moyen de communiquer de façon plus calme consiste à passer par
l’écrit. Concentrons nous sur les choses à faire chez vous.</p>
<p>Prenez chacun une feuille de papier et un crayon.</p>
<p>Faites la liste des tâches, notez combien de fois par mois vous les
faites. (hé oui, ça demande réflexion mais ça vaut le coup vous allez
voir).</p>
<p>par exemple:</p>
<blockquote>
<ul>
<li>les courses</li>
<li>la lessive</li>
<li>gérer les paperasses</li>
<li>sortir les poubelles</li>
<li>enmener les enfants à la crèche / à l’école</li>
<li>aller chercher les enfants à la crèche / à l’école</li>
<li>passer l’aspi</li>
<li>faire la cuisine</li>
<li>faire la vaisselle</li>
<li>nettoyer les plans de travail</li>
<li>sortir les poubelles</li>
<li>nettoyer les chiottes</li>
<li>nettoyer la douche</li>
<li>aller chez le véto pour le chat/le chien</li>
<li>chercher du pain</li>
<li>prendre rdv chez le doc/le dentiste</li>
<li>ranger le salon</li>
<li>négocier avec les grands parents pour garder le bébé</li>
<li>donner le bain</li>
<li>changer la couche</li>
<li>allez au garage pour la voiture</li>
<li>réparer le toit</li>
<li>changer les bouteille de gaz</li>
<li>aller chercher du bois pour la cheminée</li>
<li>etc…</li>
</ul>
</blockquote>
<p>Puis marquez ce que vous aimeriez améliorer à côté de chaque genre de
tâche.</p>
<p>C’est la base de la base pour obtenir quelque chose de factuel et
détaché des tempêtes de caca de l’émotion et des engueulades que l’on
pourrait éviter avec une meilleure communication.</p>
<p>Enfin, retenez qu’il vaut bien mieux mettre au clair les raisons de
notre désaccord que de tout le temps faire mine que tout va bien,
endurer dans son coin, haïr son/sa partenaire pour des raisons idiotes
et entrer en dépression. Rendez vous service à vous-même et à tous ceux
qui vous entourent: exprimez vous!</p>
<p>C’est aussi l’occasion de mettre en avant ce que vous aimeriez faire
ensemble et à domicile qui ne soit pas des tâches ménagères.</p>
<p>Réservez vous du temps pour casser le quotidien assez souvent, passer
du temps uniquement entre vous deux, passer du temps uniquement avec vos
amis, prendre soin de vous, prendre du temps uniquement avec vos
enfants, ou sur ces fameux projets et choses que vous souhaitez lire ou
pratiquer que vous gardez au placard mais qui vous donnent le sentiment
d’avoir vraiment rempli votre journée.</p>
<p>Notez ces choses par écrit, et nous allons voir dans la seconde
partie comment garder une vue d’ensemble sur tout cela.</p>
<h2
id="les-outils-numériques-pour-récupérer-son-attention-et-limiter-les-dispersions.">Les
outils numériques pour récupérer son attention et limiter les
dispersions.</h2>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2018/10/terminator_liquid_dog.gif" /></p>
<p>Un des problèmes de la charge mentale vient du fait que nous devons
penser à tout un tas de choses, à aller faire des vérifications avec
diverses personnes et services à des moments précis. Trier ses idées, se
rendre disponible, tout ça.</p>
<p>ça revient en gros à gérer des projets, pour plus d’infos je vous
renvoie à ce billet sur <a
href="https://www.cipherbliss.com/techniques-de-gestion-de-temps-sur-projets-personnels/">mes
méthodes de gestion de projet</a> que je préconise en fonction de
l’ampleur du truc. Spoiler: le bullet journal c’est pourri.</p>
<p>Si vous utilisez ce dont je vais vous parler vous n’aurez plus quinze
millions d’onglets qui fusent sur votre navigateur, vous n’aurez plus
peur de les fermer, et vous saurez comment vous y retrouver retrouver
entre vie pro et vie perso.</p>
<p>Vous ne serez pas surpris d’apprendre que plus on avance dans l’âge,
plus les choses demandent des efforts, et je ne parle pas ici de monter
des escaliers. Vos amis déménagent et fondent leurs familles, les gens
que vous connaissiez auparavant maturent et changent de centres
d’intérêts, tout comme vous. Vous refaites votre vie dans un autre
département, dans un autre pays, vous passez beaucoup moins de temps
dans des « soirées », vos cercles de contacts changent du tout au tout,
vos responsabilités évoluent, vous ne faites plus attention aux mêmes
détails, vous ne pensez plus les choses selon les mêmes critères. Ce
n’est plus forcément que la contrainte du prix le plus bas ou de
l’économie d’effort qu vous guide dans vos choix, vous voulez essayez
des choses qui étaient jusqu’alors impossible à envisager, vous faites
évoluer ce que vous considérez être du temps de qualité, et vous
connaissez mieux vos goûts. J’ai récemment par exemple lancé de quoi
bien gérer ma retraite, ça donne un bon un coup de vieux.</p>
<p>Au moins autant que quand on apprend que sonic a eu 30 ans. Ou autant
que quand on se met à porter des lunettes alors qu’on en a jamais porté
pendant plus de vingt cinq ans.</p>
<p>Et donc, fatalement, presque tout demande un peu plus de
préparation.</p>
<p>Surtout si vous avez un enfant, la moindre chose à faire prend bien
plus de temps, et c’est bien normal. Par exemple il est probable que
vous preniez plus de temps à préparer vos affaires et celles de vos
enfants que ne prend le temps de la plupart de vos trajets.</p>
<p>Mais ce n’est pas grave, car il existe…</p>
<p>Des solutions pour reprendre le contrôle.</p>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2018/10/surprise_guy_door.gif" /></p>
<p>En finir avec les liens putaclic.</p>
<p>On est sans cesse sollicité pour cliquer sur des liens qui nous
promettent de nous changer la vie, ou de nous émouvoir tellement face à
la morosité de notre quotidien qu’on se sent obligé d’aller voir. On
peut aussi se prétexter que c’est pour mourir moins bête. Mais les liens
putaclics et autres conneries sponsorisées qu’on a jamais demandé n’en
ont pas fini de nous faire perdre notre temps.</p>
<p>Voici d’ailleurs <a href="https://incroyabl.eu">un générateur de
titres putaclic</a> pour que vous sachiez les sniffer à 10 kilomètres de
distance et les éviter.</p>
<p>« Ces façons de mettre un rateau vont égailler votre journée. J’ai
laisser couler une larme ! », « Top 30 des taoutages ratés. C’était si
simple ! », « Nous somme choqués par ce témoignage. Franchement
décevant. » etc…</p>
<p>Alors il existe une méthode simple quand on est tenté de suivre un
lien: le mettre dans sa poche pour le lire éventuellement plus tard.</p>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2018/10/sevrus_snape_bus.jpg" /></p>
<p>Dans firefox, vous avez Pocket qui fait cela. Perso j’utilise
Framabag. C’est simple, quand vous souhaitez lire un truc ou voir une
vidéo vous faites un clic droit dessus et vous choisissez « ajouter à <a
href="https://getpocket.com/">pocket</a>/ <a
href="https://www.framabag.org">framabag</a>« . Comme ça, un peu plus
tard, quand vous aurez le temps de vous poser vous pourrez prendre votre
temps en consultant des choses que vous souhaitiez réellement lire à la
base.</p>
<p>Vous pourrez ainsi vous rendre compte que la plupart de ces fameux
liens qui vous demandaient avec force de les consulter tout de suite ne
sont pas si importants et n’ont pas changé votre vie pour quelque chose
de meilleur.</p>
<p>Un autre bon moyen d’être moins sollicité par des trucs dont vous
n’avez que faire, c’est de vous installer un adblocker, comme ublock
Origin (pour <a
href="https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm">chrome</a>/
<a
href="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/">firefox</a>)</p>
<p>Vous pourrez alors commencer à vous demander pourquoi vous passez
tellement de temps sur des flux d’actualités infinis qui capturent toute
votre attention sans vous demander votre avis, et vous laissent sur
votre faim à la fin de la journée. <a
href="https://tykayn.fr/2018/chers-amis-disparus-dans-les-limbes-des-casinos-sociaux/">C’est
ce que font les réseaux sociaux et les casinos</a>.</p>
<p>Et plus vite vous vous en rendrez compte, plus vite vous pourrez
commencer à les utiliser de façon consciente et vous en détacher à votre
convenance pour enfin faire des choses qui vous intéressent.</p>
<h3
id="avoir-une-vision-globale-de-ce-à-quoi-lon-doit-penser-grâce-à-un-agenda-en-ligne.">Avoir
une vision globale de ce à quoi l’on doit penser grâce à un agenda en
ligne.</h3>
<p>Et si c’était les évènements qui se rappelaient à nous au bon moment,
au lieu d’avoir tout le temps à y penser?</p>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2017/11/odgn4Ry_700wa_0.jpg" /></p>
<p>Beaucoup de gens ont un smartphone, mais assez peu utilisent des
agendas numériques sur leur téléphone. C’est bien dommage. Alors créez
un agenda numérique et faites en sorte de le partager avec votre
conjoint de sorte que lui/elle aussi puisse le mettre à jour sur des
choses qui vous concernent tous les deux. les options de partage se
trouvent dans les propriétés d’agenda, sur google calendar et d’autres
c’est pareil.</p>
<p>Comme ça vous n’aurez pas en plus à penser à rappeler à l’autre que
vous avez des choses qui arrivent bientôt.</p>
<p>Votre smartphone se chargera pour vous de ce boulot de rappel. Vous
venez d’avoir rendez-vous avec votre médecin et il vous propose de vous
revoir dans trois mois? Notez-le tout de suite dans votre agenda. Votre
chat doit se faire revisiter tous les ans? faites un évènement
récurrent.</p>
<p>Faites plusieurs agendas afin de ne pas polluer votre partenaire de
notifications qui ne le concernent pas.</p>
<p>Ne mettez pas vos réunions de boulot dans votre agenda partagé.</p>
<p>Mais c’est un bon endroit pour prévoir de recevoir des amis ou de
partir en vacances.</p>
<p>Créez un agenda spécifique à la gestion des RDV et évènements
relatifs à vos enfants, que vous pourrez partager également. Utiliser
DES agendas évite énormément de charge mentale inutile.</p>
<h3
id="pour-les-tâches-nayant-pas-spécialement-de-date-utiliser-un-tableau-kanban">Pour
les tâches n’ayant pas spécialement de date, utiliser un tableau
kanban</h3>
<p>Ce que je vous conseille, c’est <a
href="https://www.framaboard.org">framaboard</a>, mais beaucoup de
choses existent dans le genre comme Trello.</p>
<p><img src="https://framaboard.org/img/slide-tableau.png" /></p>
<p>Si vous utilisez le tableau de chez <a
href="https://nextcloud.com/">nextcloud</a> (qui se nomme Deck), il
permet d’être relié à votre agenda, ce qui est top top. L’agenda google
ne vous le permet pas, en plus d’être chez gougeul, ce qui est sale.
Donc, un tableau kanban, c’est comme un tableau sur lequel on aurait des
post-it, mais sans abattre des arbres, et que vous pouvez gérer sur
votre smartphone aussi bien que sur ordi.</p>
<p>Avoir un tableau en ligne vous présentant ces trois catégories :</p>
<ul>
<li>les choses à faire</li>
<li>les choses en cours</li>
<li>et les choses faites</li>
</ul>
<p>Vous permettra de gagner énormément en visibilité. Il vous suffira
d’alimenter ces colonnes par des cartes décrivant des choses que vous
pouvez faire séparément, de glisser déposer ces cartes d’une colonne à
l’autre, compléter les informations des cartes au fur et à mesure.</p>
<p>Et quand vous cherchez à savoir ce qui est le plus urgent à régler
vous n’aurez pas à fouiller parmi douze millions d’emails différents, le
plus urgent dans vos trucs à faire, ce sont les tâches les plus haut
placées.</p>
<p>Donc, rangez vos tâches par glisser déposer de telle sorte que le
haut de la pile soit ce dont vous devez vous occuper en premier.</p>
<h3 id="prendre-des-notes-pour-ne-plus-avoir-à-y-penser.">Prendre des
notes pour ne plus avoir à y penser.</h3>
<p>Pour les notes, nextcloud dispose d’une appli interne, et il existe
bien entendu une solution libre et respectueuse de la vie privée -comme
toujours chez framasoft- : <a
href="https://framanotes.org/">framanotes</a> accessible aussi via une
application mobile nommée Turl. Mais bien entendu d’autres choses du
genre existent.</p>
<h3 id="se-donner-une-discipline.">Se donner une discipline.</h3>
<p>C’est la chose la plus compliquée à mettre en place: de la
discipline.</p>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2018/10/ill_be_back_terminator.jpg" /></p>
<p>C’est pourquoi je la mentionne en dernier, utiliser les outils
précédemment mentionné vous fera gagner du temps et de la qualité de
vie, mais avoir de la régularité dans vos occupation est une chose d’un
autre niveau. Du moins, en apparence. Einstein disait qu’il est plus
facile de casser un atome qu’un préjugé. Rompre une habitude est plus
difficile que ce préjugé.</p>
<p>quand j’étais gosse, à l’école primaire,  j’avais pris pour habitude
de me mâchouiller les articulations sur l’arrière de la main en étant
concentré sur un truc à faire. Pour d’autres, c’est se ronger les
ongles, ou les peaux de doigt. Ce qui est mal.</p>
<p>Se débarrasser de cette habitude a été plus facile que ce à quoi je
ne m’attendais.</p>
<p>C’est pareil pour beaucoup de choses en fait.</p>
<p>Siraj Raval, un type qui vulgarise l’intelligence artificielle et a
fondé l’école de l’AI parle de discipline en mettant en avant que la
chose qui vous donnera plus de pouvoir sur votre quotidien est votre
capacité à refuser de faire ce que d’autres vous demandent, savoir dire
non.</p>
<p><strong>Pour être réellement concentré sur ce que l’on veut faire, il
faut savoir dire non aux autres, mais aussi se dire non à
soi-même.</strong></p>
<p>Refuser d’aller consulter des sites qui vont nous fournir une petite
récompense d’endorphine immédiate à la vue d’une image marrante ou d’une
vidéo, puis une autre, puis une autre…</p>
<p>ou bien de répondre un commentaire dithyrambique sur un sujet qui
vous énerve, et passer votre vie à tenter de convaincre quelqu’un qu’il
a tort d’avoir un point de vue différent du vôtre. Facebook et twitter
sont très forts à ce jeu là, ils considèrent que si vous argumentez sur
un post ou une photo, c’est que ça vous intéresse de voir d’avantage de
choses dans ce genre. ça fait partie de la fonction de musculation de
l’algo qui détermine ce que vous devez voir dans vos fils d’actu, parce
que ça vous permet d’afficher plus de pub.</p>
<p>Les réponses en actions diverses à des stimuli qui nous énervent sont
plus fortes que pour les autres émotions. C’est moche. Mais si ça permet
de faire son beurre, un réseau social qui souhaite gagner de l’argent ne
va pas s’en priver. <a
href="https://ploum.net/comment-facebook-gagne-de-largent/">Si vous
croyez que Facebook gagne de l’argent honnêtement</a>, ça risque de vous
décevoir.</p>
<p>En fait, si vous ne souhaitez plus voir de choses qui vous
insupportent, le mieux que vous pouvez faire sur un réseau social est de
ne pas interagir avec.</p>
<p>S’éloigner des fast-food de l’attention, petit à petit, ou d’un seul
coup, ne peut vous être que bénéfique.</p>
<p>Cette image est donc tout à fait à propos:<img
src="https://www.cipherbliss.com/wp-content/uploads/2018/10/invisible_sandwich.jpg" /></p>
<p>Une technique très couillue consiste à se coucher et se lever à des
heures assez constantes.</p>
<p>Faciliter l’endormissement en ne regardant pas de série, de film, ou
d’écran pendant 3 heures avant de se mettre au lit. Il est tentant de
s’abrutir de niaiseries pour « se vider la tête », ou de vouloir régler
« encore deux trois trucs et faire un email » aux heures où l’on est le
plus fatigué de sa journée, mais croyez-moi c’est vraiment une idée de
merde.</p>
<p>Vous risquez de devoir ensuite corriger vos erreurs d’inattention le
lendemain et les jours qui suivent.</p>
<p>C’est l’occasion de jouer en famille, de vraiment discuter, de lire
des vrais bouquins, pourquoi pas de sortir de chez soi, se bouger le cul
en faisant un brin de sport, sociabiliser, voir des gens en live, ou
tout simplement profiter d’un moment de calme.</p>
<p><strong>Vous devez tolérer d’arriver à ne pas achever vos projets en
une seule fois et d’une seule traite.</strong></p>
<p>Il vous faut découper vos ambitions en de nombreux petits pas faciles
à achever.</p>
<p>Vous devez faire d’avantage confiance en vos lendemains.</p>
<p>Essayez donc et devenez <em>fabulous</em> !</p>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2018/10/absolutely_fabulous.jpg" /></p>
<p>Et si vous avez des astuces pour améliorer votre gestion du quotidien
et réduire la charge mentale, engagez vous avec Cipher Bliss, et faites
les tourner en commentaire</p>
<h1 id="old-version">Old version:</h1>
<h2 id="comment-se-délester-de-la-charge-mentale">comment se délester de
la charge mentale</h2>
<p>arrivent bientôt. Votre smartphone se chargera pour vous de ce boulot
de rappel. Vous venez d'avoir rendez-vous avec votre médecin et il vous
propose de vous revoir dans trois mois? Notez-le tout de suite dans
votre agenda. Votre chat doit se faire revisiter tous les ans? faites un
évènement récurrent. Faites plusieurs agendas afin de ne pas polluer
votre partenaire de notifications qui ne le concernent pas. Ne mettez
pas vos réunions de boulot dans votre agenda partagé. Mais c'est un bon
endroit pour prévoir de recevoir des amis ou de partir en vacances.
Créez un agenda spécifique à la gestion des RDV et évènements relatifs à
vos enfants, que vous pourrez partager également. Utiliser DES agendas
évite énormément de charge mentale inutile.</p>
<h3
id="pour-les-tâches-nayant-pas-spécialement-de-date-utiliser-un-tableau-kanban">Pour
les tâches n'ayant pas spécialement de date, utiliser un tableau
kanban</h3>
<p>Ce que je vous conseille, c'est <a
href="https://www.framaboard.org">framaboard</a>, mais beaucoup de
choses existent dans le genre comme Trello. <img
src="https://framaboard.org/img/slide-tableau.png" /> Si vous utilisez
le tableau de chez <a href="https://nextcloud.com/">nextcloud</a> (qui
se nomme Deck), il permet d'être relié à votre agenda, ce qui est top
top. L'agenda google ne vous le permet pas, en plus d'être chez gougeul,
ce qui est sale. Donc, un tableau kanban, c'est comme un tableau sur
lequel on aurait des post-it, mais sans abattre des arbres, et que vous
pouvez gérer sur votre smartphone aussi bien que sur ordi. Avoir un
tableau en ligne vous présentant ces trois catégories :</p>
<ul>
<li>les choses à faire</li>
<li>les choses en cours</li>
<li>et les choses faites</li>
</ul>
<p>Vous permettra de gagner énormément en visibilité. Il vous suffira
d'alimenter ces colonnes par des cartes décrivant des choses que vous
pouvez faire séparément, de glisser déposer ces cartes d'une colonne à
l'autre, compléter les informations des cartes au fur et à mesure. Et
quand vous cherchez à savoir ce qui est le plus urgent à régler vous
n'aurez pas à fouiller parmi douze millions d'emails différents, le plus
urgent dans vos trucs à faire, ce sont les tâches les plus haut placées.
Donc, rangez vos tâches par glisser déposer de telle sorte que le haut
de la pile soit ce dont vous devez vous occuper en premier.</p>
<h3 id="prendre-des-notes-pour-ne-plus-avoir-à-y-penser.">Prendre des
notes pour ne plus avoir à y penser.</h3>
<p>Pour les notes, nextcloud dispose d'une appli interne, et il existe
bien entendu une solution libre et respectueuse de la vie privée -comme
toujours chez framasoft- : <a
href="https://framanotes.org/">framanotes</a> accessible aussi via une
application mobile nommée Turl. Mais bien entendu d'autres choses du
genre existent.</p>
<h3 id="se-donner-une-discipline.">Se donner une discipline.</h3>
<p>C'est la chose la plus compliquée à mettre en place: de la
discipline. <a
href="https://www.cipherbliss.com/wp-content/uploads/2018/10/ill_be_back_terminator.jpg">[[<span>https://www.cipherbliss.com/wp-content/uploads/2018/10/ill_be_back_terminator.jpg</span></a>]]
C'est pourquoi je la mentionne en dernier, utiliser les outils
précédemment mentionné vous fera gagner du temps et de la qualité de
vie, mais avoir de la régularité dans vos occupation est une chose d'un
autre niveau. Du moins, en apparence. Einstein disait qu'il est plus
facile de casser un atome qu'un préjugé. Rompre une habitude est plus
difficile que ce préjugé. quand j'étais gosse, à l'école primaire, 
j'avais pris pour habitude de me mâchouiller les articulations sur
l'arrière de la main en étant concentré sur un truc à faire. Pour
d'autres, c'est se ronger les ongles, ou les peaux de doigt. Ce qui est
mal. Se débarrasser de cette habitude a été plus facile que ce à quoi je
ne m'attendais. C'est pareil pour beaucoup de choses en fait. Siraj
Raval, un type qui vulgarise l'intelligence artificielle et a fondé
l'école de l'AI parle de discipline en mettant en avant que la chose qui
vous donnera plus de pouvoir sur votre quotidien est votre capacité à
refuser de faire ce que d'autres vous demandent, savoir dire non. *Pour
être réellement concentré sur ce que l'on veut faire, il faut savoir
dire non aux autres, mais aussi se dire non à soi-même.* Refuser d'aller
consulter des sites qui vont nous fournir une petite récompense
d'endorphine immédiate à la vue d'une image marrante ou d'une vidéo,
puis une autre, puis une autre… ou bien de répondre un commentaire
dithyrambique sur un sujet qui vous énerve, et passer votre vie à tenter
de convaincre quelqu'un qu'il a tort d'avoir un point de vue différent
du vôtre. Facebook et twitter sont très forts à ce jeu là, ils
considèrent que si vous argumentez sur un post ou une photo, c'est que
ça vous intéresse de voir d'avantage de choses dans ce genre. ça fait
partie de la fonction de musculation de l'algo qui détermine ce que vous
devez voir dans vos fils d'actu, parce que ça vous permet d'afficher
plus de pub. Les réponses en actions diverses à des stimuli qui nous
énervent sont plus fortes que pour les autres émotions. C'est moche.
Mais si ça permet de faire son beurre, un réseau social qui souhaite
gagner de l'argent ne va pas s'en priver. <a
href="https://ploum.net/comment-facebook-gagne-de-largent/">Si vous
croyez que Facebook gagne de l'argent honnêtement</a>, ça risque de vous
décevoir. En fait, si vous ne souhaitez plus voir de choses qui vous
insupportent, le mieux que vous pouvez faire sur un réseau social est de
ne pas interagir avec.   S'éloigner des fast-food de l'attention, petit
à petit, ou d'un seul coup, ne peut vous être que bénéfique. Cette image
est donc tout à fait à propos:<a
href="https://www.cipherbliss.com/wp-content/uploads/2018/10/invisible_sandwich.jpg">[[<span>https://www.cipherbliss.com/wp-content/uploads/2018/10/invisible_sandwich.jpg</span></a>]]
Une technique très couillue consiste à se coucher et se lever à des
heures assez constantes. Faciliter l'endormissement en ne regardant pas
de série, de film, ou d'écran pendant 3 heures avant de se mettre au
lit. Il est tentant de s'abrutir de niaiseries pour "se vider la tête",
ou de vouloir régler "encore deux trois trucs et faire un email" aux
heures où l'on est le plus fatigué de sa journée, mais croyez-moi c'est
vraiment une idée de merde. Vous risquez de devoir ensuite corriger vos
erreurs d'inattention le lendemain et les jours qui suivent. C'est
l'occasion de jouer en famille, de vraiment discuter, de lire des vrais
bouquins, pourquoi pas de sortir de chez soi, se bouger le cul en
faisant un brin de sport, sociabiliser, voir des gens en live, ou tout
simplement profiter d'un moment de calme. <strong>Vous devez tolérer
d'arriver à ne pas achever vos projets en une seule fois et d'une seule
traite.</strong> Il vous faut découper vos ambitions en de nombreux
petits pas faciles à achever. Vous devez faire d'avantage confiance en
vos lendemains. Essayez donc et devenez <em>fabulous</em>! <a
href="https://www.cipherbliss.com/wp-content/uploads/2018/10/absolutely_fabulous.jpg">[[<span>https://www.cipherbliss.com/wp-content/uploads/2018/10/absolutely_fabulous.jpg</span></a>]]
Et si vous avez des astuces pour améliorer votre gestion du quotidien et
réduire la charge mentale, engagez vous avec Cipher Bliss, et faites les
tourner en commentaire :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>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

360
html-websites/cipherbliss_blog/2019/cipherbliss_blog_186_debuter-sur-openstreetmaps/index.html
View File

@ -1,360 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1119</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2019-02-22 13:46:40&gt;</li>
<li>modifié: &lt;2019-02-25 15:17:35&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="débuter-sur-openstreetmap">Débuter sur openstreetmap</h2>
<blockquote>
<p>L'information a de la valeur. Avec la bonne information et une bonne
compréhension, les individus et communautés sont plus à même d'améliorer
leurs vies et mieux anticiper l'avenir.</p>
<p>-<a
href="https://learnosm.org/fr/beginner/introduction/">LearnOSM</a>,
guide du débutant pour openstreetmap</p>
</blockquote>
<p>OpenStreetMap c'est trop fun, et c'est surtout un logiciel libre
ainsi qu'une base de données ouverte. C'est aussi une meilleure source
de vérité sourcée et vérifiée par des millions de gens - amateurs et
professionels - que ne le sera jamais Google Maps et les autres services
du genre qui ne permettent pas tellement de les corriger.</p>
<p>Petit exemple de l'ignorance de Gmaps avec le tag #googleKnowsNothing
sur <a href="https://mastodon.cipherbliss.com">mastodon</a>:</p>
<p>En Décembre j'ai donc décidé de me lancer dans la cartographie de
lieux que je connaissais bien pour mettre ma pierre à l'édifice. *La
pratique recommandée consiste à ne modifier sur les cartes que les
éléments que l'on est certain de connaître et à demander de l'aide aux
autres dès qu'on en a besoin*.</p>
<p>En fait, contribuer à OSM est très simple à faire sans avoir à
utiliser autre chose qu'un navigateur web tel que Firefox.</p>
<p>Il suffit de créer un compte et d'aller dans l'éditeur de carte en
ligne (qui se nomme ID), de zoomer assez près (un niveau de zoom de 18
est correct) pour afficher les détails, de faire ses modifs comme
rajouter des points, des chemins, ou des polygones, puis de les
enregistrer. Le principe de base c'est ça, et ça reste pas plus
compliqué que ça.</p>
<h2 id="où-trouver-de-laide">Où <a
href="https://wiki.openstreetmap.org/wiki/FR:Aide">trouver de
l'aide</a>:</h2>
<ul>
<li>Sur <a
href="https://wiki.openstreetmap.org/wiki/FR:Page_principale">le wiki
OSM</a>, qui est une mine d'or ouverte tout autant à la contribution que
les cartes. Il répondra à la plupart de vos questions, et en plusieurs
langues. Attention, votre compte OSM n'est pas le même que celui pour le
wiki, ce sont deux choses différentes.</li>
<li>sur <a href="https://t.me/osmfr">le canal Telegram francophone</a>
que j'ai créé en Décembre 2018 et où je squatte,</li>
<li>ou <a href="https://t.me/openstreetmap">le canal OpenSreetMap
international</a> anglophone qui comporte à peu près 500 personnes
prêtes à s'entraider.</li>
<li>Trouvez de l'aide avec des gens via <a
href="https://forum.openstreetmap.fr">le forum français</a>,</li>
<li>Ou encore sur d'autres endroits répertoriés dans le wiki.</li>
</ul>
<h2 id="premières-choses-à-connaître">Premières choses à connaître</h2>
<p>Maintenant que vous savez où trouver de l'aide avec des vrais gens,
vous pourrez sans doute cartographier des choses basiques près de chez
vous. Les boutiques, les centres culturels, les maisons. Vous serez
surpris de voir combien de personnes ont déjà contribué aux cartes près
de chez vous, même si c'est un trou paumé comme chez moi au fin fond de
l'Essonne. Et vous serez également surpris de voir comme dans des
grosses villes on peut trouver des énormités dans Gmaps qui sont déjà
corrigées dans OSM.</p>
<p>Beaucoup de commerces n'ont pas leurs horaires indiquées sur le net,
c'est pourtant très pratique, surtout si vous voulez encourager le
commerce local par exemple, ou animer la vie culturelle de votre
quartier. Je vous conseille grandement de rentrer des heures
d'ouvertures avec l'outil <a
href="https://projets.pavie.info/yohours/">YoHours</a></p>
<p>C'est une page web super pratique qui permet de ne pas avoir à écrire
les heures dans un format précis mais juste de sélectionner des plages
horaires, pour les copier coller dans l'attribut de notre point
d'intérêt.</p>
<p> </p>
<h2 id="les-décalages-dimage-satellite">Les décalages d'image
satellite</h2>
<p>Une chose perturbante quand on commence à faire de la cartographie
est de voir comme pas mal de bâtiments sont décalés par rapport à leur
image satellite. Il faut savoir que vous pouvez afficher des fonds de
plan en provenance de plusieurs ressources de satellites ou de cadastre
officiel, et que <strong>vous avez le droit de les décaler, ça
n'affectera pas tout le monde</strong>.</p>
<p><img
src="https://learnosm.org/images/beginner/id-editor_image15.png" /></p>
<p>Les gens éditant les cartes n'utiliseront pas forcément le même fond
de plan et les mêmes décalages localement et c'est ainsi que l'on peut
se retrouver à voir un groupe de maisons alignées avec l'image sattelite
que l'on voit, alors que la rue d'a côté à un décalage de 5 mètres. Les
fonds de plan satellites sont mis à jour régulièrement et vous serez
d'ailleurs ravis d'apprendre que le méridien de greenwitch change lui
aussi de place tous les ans.</p>
<p>Le déplacement de nombreux ensembles de points n'est pas recommandé
avec l'éditeur web nommé ID, je vous recommande de ne pas vous plonger
là dedans pour le moment et de faire au plus cohérent avec les éléments
voisins.</p>
<h2 id="applications-mobiles"><br />
Applications mobiles</h2>
<p><img src="https://osmand.net/images/logo.png" /></p>
<p><a href="https://maps.me">Maps.me</a> ou <a
href="https://osmand.net/">OSMand+</a> permettent de lier son compte
openstreetmap (ou non) et de trouver des itinéraires hors ligne et en
ligne, afficher différents fonds et éléments de cartes, des points
d'intérêts, dessiner des traces GPS en marchant, à vélo ou autre, et de
contribuer à OSM directement dans l'application. ce qui reste bien moins
rapide que si on le fait depuis un ordinateur à écran plus grand avec
une souris et un logiciel adapté comme <a
href="https://josm.openstreetmap.de/">JOSM</a> (qui nécessite un
téléchargement de logiciel en Java) ou <a
href="https://www.openstreetmap.org/edit?editor=id">ID</a> (l'éditeur en
page web par défaut qui apparait quand on clique sur "modifier" sur
openstreetmap.org, il y en a bien sûr plein d'autres). Perso j'ai une
bonne préférence pour OSMand+, choppé via <a
href="https://f-droid.org/">f-droid</a> au lieu du playstore.</p>
<p>Pour contribuer aux chemins de photos géolocalisées il existe <a
href="https://www.mapillary.com">Mapillary</a>. Pas mal de cyclistes
l'utilisent pour cartographier partout où une goueul car ne saurait
aller, mais ça fonctionne aussi en voiture avec des kits de montage. On
peut régler les intervalle entre images, prendre juste une image, et
s'en servir pour contribuer ensuite aux plans. Mapillary propose
d'ailleurs des ensembles de reconnaissances d'image pour trouver des
éléments, et va automatiquement flouter les plaques d'immatriculation et
les visages des gens.</p>
<h2 id="traces-gps"><br />
Traces GPS</h2>
<p> </p>
<p><img
src="https://photographyontherun.com/content/binary/TrailerCynTrippetGoogleEarth.jpg" /></p>
<p>Vous pouvez par exemple faire un tracé de chemin ou de ruisseau en
forêt en suivant une trace GPS, mais ce n'est pas seulement utile pour
les endroits difficile d'accès en véhicules motorisés ou non. Sur mobile
vous pouvez utiliser votre GPS et l'appli OSMand par exemple, vous allez
dans les pramètres, et activez les traces GPX. une fois votre chemin
terminé vous pouvez cliquer sur "enregistrer". l'appli ne vous proposera
pas d'enregistrer votre chemin si vous n'avez pas le GPS activé.</p>
<p>Après avoir bien compris que selon ce que l'on a sélectionné (point,
chemin, ou polygone) on ne peut pas mettre n'importe quel
attribut,<br />
la plupart de mes questions ont le plus souvent concerné la recherche de
nom correct pour qualifier un point d'intérêt <a
href="https://wiki.openstreetmap.org/wiki/FR:Comment_cartographier_un...">"comment
cartographier un …"</a></p>
<p> </p>
<p>OSM vous permet de communiquer avec les autres auteurs</p>
<p>Il m'est arrivé de recevoir des demandes d'informations
supplémentaires sur une contribution (un ensemble de plusieurs
modifications) que j'aurai fait. La personne me remerciait d'avoir
contribué dans une ville que je connais bien et me demandais si j'avais
des infos sur telle ou telle piste cyclable de cette ville.</p>
<p>Cette facilité de communication est une des grandes forces d'OSM
permettant une réelle qualité des données.</p>
<h2 id="aller-plus-loin-avec-josm">Aller plus loin avec JOSM</h2>
<p>il vous suffira de télécharger <a
href="https://josm.openstreetmap.de/">le logiciel JOSM</a>, vous
connecter avec votre compte OSM, et de <a
href="https://learnosm.org/fr/beginner/">suivre le guide du débutant</a>
qui est très clair et concis.</p>
<p>Apprennez à corriger vos erreurs et celles des autres avec le
validateur Osmose</p>
<p>La validation de vos modifications se fait automatiquement dans
n'importe quel éditeur. Mais Osmose vous permet de voir sur une région
donnée quelles erreurs ont été commises et pourquoi. Vous pouvez filtrer
les contrôles de validation pour vous concentrer sur les erreurs plus ou
moins importantes, ou sur certaines d'un genre particulier. Cela vous
permettra de vous améliorer plus rapidement.</p>
<p> </p>
<p>Venez donc me faire coucou sur <a href="https://t.me/osmfr">le canal
Telegram OSMfr</a>.</p>
<p>Bon mappage ;)</p>
<p></p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

297
html-websites/cipherbliss_blog/2019/cipherbliss_blog_187_une-vraie-matiere-de-programmation-informatique-au-lycee/index.html
View File

@ -1,297 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1137</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2019-01-09 15:44:42&gt;</li>
<li>modifié: &lt;2019-01-09 15:44:42&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="une-vraie-matière-de-programmation-informatique-au-lycée">Une
vraie matière de programmation informatique au lycée</h2>
<p>ça a fait jazzer pas mal de monde, mais l'apprentissage de la
programmation informatique arrive au lycée. Et <a
href="https://www.cipherbliss.com/wp-content/uploads/2019/01/PPL18_Sciences-numeriques-technologie_COM_2e_1025713.pdf">le
programme de seconde est disponible en ligne.</a></p>
<h2 id="parmi-ces-objections">Parmi ces objections:</h2>
<p>la méthode d'apprentissage qui comme dans beaucoup de matières ne
valorise pas l'apprentissage par l'erreur et décourage la créativité. La
méthode de la régurgitation de trucs appris "par coeur" étant la norme.
Les objectifs de l'éducation nationale étant d'inculquer des valeurs
bourgeoises aux pégus tout en leur apprenant à ne pas faire de remous,
et de faire office de crèche pendant que leurs parents prolétaires
permettent aux plus riches de rester les plus riches génération après
génération, on a du mal à imaginer que la mise en place d'un tel cours
dans la conformité de ces deux principes soit bien adaptée. L'ingénierie
nécessite des aprentissages qui s'adaptent dans le temps, de la logique,
de la créativité artistique, de l'éloquence pour défendre ses idées, du
dialogue, des choix multiples, la compréhension des conséquences
politiques aux choix techniques et de l'esprit critique. J'ai
principalement lu le but de faire de la main d'œuvre bêtement comme on
en fait dans les autres matières, (des pisseurs de code sans éthique,
formatés et corvéables). Jusque là, pas de prof compétent car pas de
réelle matière, pas de diplôme spécialisé contrairement aux autres
matières. Le tout relégué à quelques profs qui se trouvent avoir comme
matière un truc qu'on peut assimiler à l'informatique quand on y connaît
rien, (un peu comme on refile l'éducation civique aux profs d'histoire à
qui on distribue une version de l'histoire qui glorifie le pays en
mettant de côté les aspects bien sales des relations internationales
passées et présentes. Souvenez vous du sujet des colonies françaises)
L'utilisation de Windows comme seul exemple laissant comme toujours le
monopole à des logiciels privateurs de libertés et une mainmise de
Microsoft, aucune vision de l'impact des décisions politiques qui
considère les utilisateurs d'internet comme de simples consommateurs,
alors que tout le monde sait bien que sur internet on peut y faire bien
d'autres choses que juste des achats en ligne. C'est un espace de vie,
un lieu d'échanges, une source de connaissances, un lieu de rencontre,
de communication. La confusion entre page et ressource. La différence
est de taille. Pas de notion de travail d'équipe, ce qui est déjà
vachement dommage dans les autres matières car la notion de société, de
prises de décisions à plusieurs et de travail sont bien plus souvent des
histoires de travail en équipe que d'égocentrisme et de réussite
"personnelle". Vous pouvez étudier Bourdieu à propos de l'égalité des
chances, et la notion de classe sociale pour comprendre à quel point on
se fout de votre gueule quand vous entendrez parler du mythe du
"self-made man". La prétendue neutralité politique (au sens des
décisions concernant la vie de la cité) de l'aspect technique et de ses
importantes conséquences. Quand vous décidez de mettre en place du
réseau qui permet de télécharger (download) mais pas de téléverser
(upload) correctement, vous limitez techniquement l'envie des gens de
contribuer, par exemple. Et plus vous êtes dépendant d'un gros acteur,
plus vous pâtissez de ses décisions de censure, ainsi que de ses
failles. Pour aller plus loin dans cet aspect je vous recommande
chaudement le livre <a
href="https://www.cyberstructure.fr">Cyberstructure</a> de Bortzmeyer
que j'ai dévoré récemment. L'internet que l'on vous vend via des
machin-box et des services tenus en quasi monopole par des GAFAM est
aussi moisi que celui du minitel et accroît démesurément l'emprise
néfaste de ces quelques sociétés sur de nombreux aspects de notre vie.
Alors que si on allait vers plus de décentralisation comme c'était le
cas au débuts d'internet, et que c'est toujours techniquement jouable,
on sortirait enfin du modèle du minitel qui est asservissant. Benjamin
Bayard l'expliquait très bien dans sa conférence qui vaut de l'or: <a
href="https://peertube.cipherbliss.com/videos/watch/9a8642c0-62f0-4060-95e4-088de9c5db00">Benjamin
Bayart - Internet libre ou Minitel 2.0 - CipherBliss PeerTube</a>
Revenons donc à nos moutons concernant la découverte de la culture des
interweb selon l'éducation nationale.</p>
<h2 id="en-fait-le-programme-est-plein-de-bonnes-nouvelles-que-je-ne">En
fait le programme est plein de bonnes nouvelles que je ne</h2>
<p>m'attendais pas à voir:</p>
<ul>
<li>l'aspect éthique est abordé,</li>
<li>l'histoire d'internet et son fonctionnement (il manque cependant la
notion importante de logiciel libre dans la réussite de déploiement
international du protocole BGP, car d'autres choses avaient été tentées
avant mais comme elles n'étaient pas libres elles n'avaient jamais
permis le partage du protocole au niveau mondial. Et un internet qui
n'est pas mondial ce n'est tout simplement pas un internet)</li>
<li>la distinction entre web et internet.</li>
<li>de la vraie littératie numérique, car nous ne savons pas nous servir
d'un ordinateur, et que nous échouons à voir les ordinateurs qui sont
dans nos téléphones et autres objets de l'<a
href="https://boingboing.net/2017/05/03/bad-design-thinking.html">internet
of shit</a>.</li>
<li>le sujet des "logiciels libres multi-auteurs"</li>
<li>la notion de vie privée, les traces laissées par notre passage en
ligne chez d'autres machines,</li>
<li>les bulles de filtrage dénoncées</li>
<li>un bout d'éducation à l'esprit critique, si si</li>
<li>des travaux pratiques avec Open Street Maps</li>
<li>l'autodéfense numérique.</li>
</ul>
<p>  Petits bémols: Bon, on a toutefois des gens dans l'éducation
nationale qui mettent dans des cryptes des trucs que les gens normaux
chiffrent. je vous jure que ça a son importance, surtout quand on
prétend éduquer les gens, si on s'embrouille dans le vocabulaire c'est
pas bien sérieux.   Bref, ne jettons pas le bébé avec l'eau du bain pour
l'instant, ça s'annonce mieux que ce à quoi je m'attendais et mieux que
ce que j'ai pu connaître quand j'étais au lycée il y a fort
longtemps.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

280
html-websites/cipherbliss_blog/2019/cipherbliss_blog_201_lappel-du-collectif-nofakescience-sur-le-traitement-desastreux-de-la-science-dans-les-medias/index.html
View File

@ -1,280 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1302</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2019-07-21 11:01:10&gt;</li>
<li>modifié: &lt;2019-07-21 11:30:12&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2
id="lappel-du-collectif-nofakescience-sur-le-traitement-désastreux-de-la-science-dans-les-médias">l'appel
du collectif noFakeScience sur le traitement désastreux de la science
dans les médias</h2>
<p>; Le Bars Hervé, Ingénieur, membre de l'Association française pour
l'information scientifique ; Lecarpentier Justin, Documentariste -
Docteur en Histoire ; Ledolley Étienne, Journaliste scientifique ;
Lefebvre Marie Docteure en géochimie ; Lefeuvre Jean-Denis Ingénieur
ISEP , juriste ; Lehn Jean-Marie Prix Nobel de Chimie ; Lemoine Régis
Ingénieur Généraliste, Directeur Général Industrie Agroalimentaire ; Le
Pen Janic, Docteur en Biologie Cellulaire, Cancérologie ; Leray Clément
Ingénieur en vibroacoustique ; Lesage Nelly, Journaliste ; Lesggy Mac,
Ingénieur Agronome, animateur de e=m6 ; Leulier François, Docteur en
biologie ; Locatelli Nicolas, Professeur agrégé &amp; Docteur en
Physique ; Louis Tania, Docteure en biologie et médiatrice scientifique
; Maignen Francois, Pharmacien statisticien ; Maillard Julien,
Coordinateur technique d'expositions scientifiques ; Majeri Kasmaei Sam,
Etudiant en médecine ; Malabirade Antoine, Ingénieur, docteur en chimie
; Mangin Thomas Doctorant en Psychologie ; Maniere Sandrine, Médecin ;
Marcel Baptiste Ingénieur informatique, Docteur en électronique ; Martin
Florent Ingénieur en Informatique, membre de l'Observatoire Zététique ;
Mathurin Théo, Ingénieur de recherche à l'Université d'Artois ; Ménard
Gerbold Chercheur post-doctoral en électrodynamique quantique ; Merlier
Elodie, Docteure en Ecologie ; Mesnage Robin, Docteur en Biologie
Cellulaire et Moléculaire ; Messina Aletheia Marina, Doctorante en
Bioingénierie microfluidique, Vice-présidente de l'Observatoire
Zététique ; Meyer Rodolphe Vulgarisateur scientifique ; Michel
Christophe Vidéaste du projet Hygiène Mental ; Midoux Cédric,
Bioinformaticien ; Monmarché Pierre, Maître de conférences en
mathématiques ; Montigaud Yoann, Doctorant/pharmacien ; Montpetit
Jonatan, Scientifique en biologie/agronomie ; Morel François,
Chirurgien/vulgarisateur ; Mouden Charlotte, Docteur en biologie ;
Moulin Cécile, Doctorante en bioinformatique ; Moussaid Mehdi, Chercheur
en sciences cognitives ; Muller Quentin, Chercheur post-doctoral en
biologie ; Naud Michel, Ancient président l'Association française pour
l'information scientifique ; Negrel Jean Chercheur en sciences polaires
et vulgarisateur ; Noirel Josselin Maître de conférences ; Otten Leon,
Professeur de biologie moléculaire végétale émérite ; Panet Marie Anne,
Médecin ; Paris Alexandre, Doctorant en mécanique des fluides ; Pérez
Noémie Médecin ; Perrin Anne Expert-conseil scientifique Science risque
et société ; Petigny Loïc, Docteur en Chimie ; Periot Robert, Ingénieur
; Placet Alexis Président de l'Association du Scepticisme Scientifique
de l'Ouest ; Potiron Aline Docteur en microbiologie ; Pronost Guillaume,
Chercheur post-doctoral en physique des particules ; Ramus Franck
Chercheur en sciences cognitives ; Razimbaud Fabrice Vétérinaire ;
Rebeaud Jean-Edouard Docteur en Biologie Végétale ; Renoux Gaël
Ingénieur logiciel ; Reteau Alexandre Mediateur et redacteur
scientifique ; Ricou Georges, Psychiatre des Hôpitaux honoraire,
retraité-actif ; Ricou-Mazé Marie-Paule, Médecin des Hôpitaux Honoraire
; Robin Rémy, Agriculteur retraité ; Ropars Vincent , Docteur en
Médecine Générale ; Roux Julien, Conseiller en communication, membre de
l'Observatoire Zététique ; Rudloff Mathieu, Docteur en Sciences pour
l'Ingénieur, Ingénieur Aéronautique ; Rulleau Thomas, Kinésithérapeute,
docteur en Staps-cognition ingénieur de recherche ; Rünneburger Estelle,
Docteure en biologie et médiatrice scientifique ; Rybak Alexis, Médecin
; Sadier Alexa, Chercheuse en biologie ; Saudreau Bernard, Ingénieur ;
Sauvage Jean Pierre, Professeur, Université de Strasbourg (France) ;
Sauvaget Tabatha Chargée des partenariats chez Esprit Sorcier ;
Schaeffer Laurent chercheur, professeur de biologie cellulaire (faculté
de medecine, Lyon) ; Schütz Frédéric Statisticien, maître d'enseignement
et de recherche à l'Université de Lausanne ; Schwander Tanja,
Professeure d'université en biologie ; Sibileau Benoit,
Kinésithérapeute, Formateur Directeur scientifique kobustech ; Simon
Chistian, Enseignant-chercheur Sorbonne Université ; Suchet Daniel,
Enseignant-chercheur en photovoltaïque ; Suffert Frédéric Chercheur en
épidémiologie végétale, INRA ; Swezey Robin, Responsable scientifique de
recherche, Docteur en Informatique ; Thadee Anne-Laure, Docteur en
Sciences Exactes et leurs Applications et journaliste scientifique ;
Thiry Arnaud Vulgarisateur Scientifique ; This Alexandre Ingénieur
R&amp;D : mathématiques appliquées et mécanique des fluides ; Tissier
Véronique, Médecin généraliste ; Tissot Tazzio ,Chercheur en biologie de
l'évolution ; Treiner Jacques, Chercheur associé au LIED, Université
Paris-Diderot ; Tripathi Myrto, Présidente des Voix du Nucléaire ;
Uyttendaele Nathan, Vulgarisateur scientifique, professeur ; Van den
Bossche Kevin, Vulgarisateur sur Youtube ; Vastine Clémence, Journaliste
; Vayssière Jean-Luc, Professeur de Biologie cellulaire ; Verger Alexis,
Chargé de recherche au CNRS ; Viault Benoit, Médecin urgentiste ;
Villard Franck, Président de l'Observatoire Zététique ; Vincourt
Patrick, Directeur de Recherche INRA en retraite ; Vioix Jean-Baptiste
Maitre de conférences en électronique et informatique ; Visdominé Anne,
Médecin généraliste ; Waksman Guy Académie d'agriculture de France ;
Wautier Anne, Médecin ; Wautier Francis, Ingenieur ; Woessner Géraldine,
Journaliste ; Zryd Jean-Pierre, Professeur honoraire UNIL (Suisse)/</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

346
html-websites/cipherbliss_blog/2019/cipherbliss_blog_205_comment-devenir-un-artiste-a-succes-sur-mastodon/index.html
View File

@ -1,346 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1322</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2019-08-19 14:45:21&gt;</li>
<li>modifié: &lt;2019-08-21 15:35:34&gt;</li>
<li>Index des articles du blog <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">cipherbliss</a></li>
</ul>
<h1 id="comment-devenir-un-artiste-à-succès-sur-mastodon">Comment
devenir un artiste à succès sur Mastodon</h1>
<h2 id="présentez-vous">Présentez-vous</h2>
<p>Beaucoup des toots qui sont largement diffusés sont des introductions
d'artistes. Cela peut sembler étrange venant de plates-formes plus
grandes et sans visage comme Twitter, mais les communautés de Mastodon
sont plus soudées, et un nouveau membre de la communauté disant bonjour
est vraiment apprécié. Vous pouvez décrire qui vous êtes, d'où vous
venez, faire le lien entre votre travail antérieur ou vos profils, et
inclure quelques exemples de votre travail. Comme partout ailleurs, les
belles images attirent les yeux.</p>
<h2 id="remplissez-votre-profil">Remplissez votre profil</h2>
<p>Vous pouvez télécharger un avatar et une image d'en-tête. Il est sage
de faire les deux, car les gens ont tendance à ignorer les messages des
comptes avec l'avatar par défaut, et les profils semblent beaucoup plus
jolis avec une image d'en-tête. Les avatars peuvent même être animés !
Les avatars animés seront affichés aux utilisateurs qui ont opté pour
des animations d'interface, qui sont désactivés par défaut pour des
raisons d'accessibilité. <strong>Décrivez brièvement qui vous
êtes.</strong> Le profil bio peut être affiché lorsque les messages
épinglés, tels que votre introduction, ne le sont pas, il est donc
logique d'ajouter des informations communes, importantes dans les deux.
Encore plus de descriptifs clés sont possibles sur votre page grâce aux
métadonnées de profil. Vous avez 4 paires d'étiquettes/contenus à
utiliser comme bon vous semble. Vous voulez dire aux gens de quel pays
vous venez, quelles langues vous parlez? Vous pouvez le faire. Vous
pouvez les utiliser pour faire référence au pseudo de votre moitié,
mettre des emoji, indiquer votre site pro, d'autres moyens de vous
contacter ou créditer l'auteur de votre avatar.</p>
<h2 id="utilisez-les-hashtags">Utilisez les #hashtags</h2>
<p>Cela sera familier à ceux qui viennent d'instagram ou twitter, mais
les hashtags sont vraiment importants sur Mastodon! Bien sûr,
contrairement à Instagram, il y a une autre façon de découvrir le
contenu : le « tuyau d'incendie » ou les flux d'actu locaux et fédérés.
Ils montrent une partie du contenu en temps réel tel qu'il apparaît.
Dans un sens, cela signifie que vous avez une chance d'être remarqué,
même si vous n'avez pas encore d'abonnés. Mais tout le monde ne peut pas
suivre cela! L'utilisation de hashtags permet aux gens de trouver votre
art quand ils le cherchent. Certains des hashtags que les gens utilisent
sont <a
href="https://mastodon.cipherbliss.com/web/timelines/tag/mastoart">#mastoart</a>,
<a
href="https://mastodon.cipherbliss.com/web/timelines/tag/creativetoots">#creativetoots</a>,
<a
href="https://mastodon.cipherbliss.com/web/timelines/tag/photography">#photography</a>,
<a
href="https://mastodon.cipherbliss.com/web/timelines/tag/catsofmastodon">#catsofmastodon</a>,
<a
href="https://mastodon.cipherbliss.com/web/timelines/tag/illustration">#illustration</a></p>
<p></p>
<h2 id="postez-des-pouets-de-qualité">Postez des pouets de qualité</h2>
<h3 id="définissez-le-point-de-focale-dans-vos-médias">Définissez le
point de focale dans vos médias</h3>
<p>Pour garder de la constance dans les hauteurs de pouets, les médias
ne sont pas affichés en grand partout par défaut, et peuvent se
retrouver à masquer des parties qui rendent l'aperçu de vos images
étrange. Pour éviter cela vous pouvez définir un point de focale, qui
définiera le centre de recadrage de votre image. Vous pouvez aussi le
faire sur les applis mobiles.</p>
<h3 id="répartissez-dans-le-temps-vos-posts">Répartissez dans le temps
vos posts</h3>
<p>Il peut être tentant de jeter tout votre portfolio immédiatement,
mais ne le faites pas ! Bien que vos messages apparaîtront toujours sur
votre profil, la présence de vos messages sur les flux personnels de vos
followers est éphémère, ils seront poussés dehors par de nouveaux
messages ! Prenez en compte le fait que des personnes de fuseaux
horaires différents sont en ligne à des moments différents. Il est
logique d'afficher à des jours différents, à des moments différents de
la journée, pour attirer le plus d'attention possible. Ne vous sentez
pas mal à l'aise de mélanger les messages d'art et les mises à jour
personnelles. Ce n'est pas une mauvaise chose,; au contraire, les gens
apprécient la personnalité derrière le travail. Montrez l'artiste
derrière l'art.</p>
<h3 id="marquez-les-médias-sensibles">Marquez les médias sensibles</h3>
<p>Mastodon vous permet de marquer les photos ou les vidéos comme
sensibles, elles sont donc cachées derrière un avertissement. C'est
formidable pour les gens qui ne peuvent pas ou ne veulent pas voir
d'images explicites, mais pour les artistes qui créent principalement
cela, cela peut être inhibant. L'art caché derrière un avertissement est
moins susceptible d'être remarqué sur les lignes du temps, et vous devez
être conscient de ce compromis. Ce que vous pouvez faire, c'est mélanger
votre art explicite et non explicite pour gagner plus d'abonnés. Il
existe également une préférence par défaut afin de toujours afficher les
médias sensibles sans avertissement, dans vos préférences de profil.
Vous et vos followers souhaiterez peut-être activer cette option.</p>
<h3 id="utilisez-les-content-warning-cw">Utilisez les Content Warning
(CW)</h3>
<p>L'une des meilleures fonctionnalités de Mastodon est ce bouton qui
indique «CW» à l'endroit où vous écrivez vos pouets. Cliquez sur pour
ajouter un champ d'avertissement de contenu dans lequel vous pouvez
mettre des informations sur le contenu de la tâche (par exemple, santé
mentale, politique, discours obscène, nudité) afin que les personnes ne
soient pas obligées de voir le contenu qu'elles souhaitent éviter, pour
une raison quelconque. Bien sûr, il convient également aux spoilers de
séries ou de livres. Une convention courante consiste à mettre +, - ou ~
dans un avertissement de contenu pour indiquer si le contenu est
globalement positif, négatif ou mixte. Mon conseil est simple: si vous
n'êtes pas sûr de savoir si une tâche nécessite ou non une CW,
donnez-lui une CW. Les gens l'apprécient vraiment et c'est plutôt une
bonne chose que d'être trop prudent et trop respectueux des autres,
plutôt que pas assez. Vous pouvez également utiliser une CW pour résumer
un long post. Certains l'utilisent pour faire des blagues. Peut-être
penserez-vous à d'autres utilisations. Les possibilités sont infinies !
<strong>o</strong></p>
<h2 id="ayez-une-communication-humaine">Ayez une communication
humaine</h2>
<h3 id="interagissez-avec-les-autres">Interagissez avec les autres</h3>
<p>Remerciez les lorsqu'ils commentent vos posts, dites ce que vous
aimez sur les autres avec un minimum de détail quand vous ajoutez un
favori, aidez les gens qui en ont besoin. Repartagez les artistes qui
méritent d'être découverts, regardez sur le profil des dont vous
appréciez le travail à quels comptes elles sont abonnées, vous allez
trouver des perles rares!</p>
<h3 id="ne-postez-pas-que-des-images">Ne postez pas que des images</h3>
<p>Mastodon permet de poster aussi des vidéos, des gifs, des fichiers
audio, réaliser des sondages éphémères, profitez-en!</p>
<p></p>
<p>Publiez des actualités relatifs à votre activité d'artiste, les
évènements auxquels vous vous rendez, vos réflexions, vos astuces, vos
tutoriels. Si vous avez un blog sous wordpress vous pouvez installer
l'extension "wp post to mastodon" qui vous proposera de faire un Pouet
sur votre compte lors de la création d'un nouveau post. Très pratique
pour s'éviter des copier coller.</p>
<h3 id="transiter-depuis-twitter-ou-thumblr">Transiter depuis Twitter ou
Thumblr</h3>
<p>Beaucoup d'artistes ont un compte Twitter, mais se retrouvent
régulièrement refroidis pas sa modération qui censure des tétons dénudés
mais pas des insultes racistes ou homophobes, sans que les utilisateurs
n'aient leur mot à dire, en plus de se faire spamer de publicités et de
profilage liberticide. Rien de tout cela sur Mastodon, c'est vous qui
avez le contrôle, vous pouvez faire vos propres règles, modifier
l'apparence et fonctionnement de la plateforme, et déménager ailleurs
tout en conservant votre réseau de personnes suivies si vous le
souhaitez. Utilisez le bridge Mastodon/Twitter pour poster sur twitter
vos posts de Mastodon et inversement. Postez des toot sur votre blog
avec la fonctionnalité d'intégration, disponible dans les menu "trois
points" en bas des toots.</p>
<h3
id="conviez-dautres-artistes-à-prendre-le-mammouth-par-les-cornes">Conviez
d'autres artistes à prendre le mammouth par les cornes</h3>
<p>Le changement de paradigme proposé par la fédération de réseaux est
une réelle révolution dans les rapports de force entre les plateformes
sociales et leurs utilisateurs. Libérez vos contacts des plateformes
injustes que sont Twitter, Youtube ou Facebook, et faites leur découvrir
votre art au milieu d'un public d'amateurs nouveaux et libres. Amusez
vous! <u>_</u> Ce post a été inspiré par ce post sur le blog de Mastodon
<a
href="https://blog.joinmastodon.org/2018/06/how-to-become-a-successful-artist-on-mastodon/">https://blog.joinmastodon.org/2018/06/how-to-become-a-successful-artist-on-mastodon/</a>
 </p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

366
html-websites/cipherbliss_blog/2019/cipherbliss_blog_206_comment-se-faire-des-amis-sur-mastodon/index.html
View File

@ -1,366 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1323</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2019-08-19 14:53:46&gt;</li>
<li>modifié: &lt;2019-08-26 21:56:23&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="comment-se-faire-des-amis-sur-mastodon-1">Comment se faire des
amis sur Mastodon</h2>
<ul>
<li>Qu'est-ce que c'est ?</li>
</ul>
<p>Mastodon est un réseau social utilisant des formats ouverts et des
logiciels libres. Comme le courriel, il est décentralisé.Vous êtes une
personne, pas un produit Mastodon n'est pas un réseau commercial. Ici,
pas de publicités, pas de prospection de données et pas d'environnement
fermés. Il n'y existe aucune autorité centrale.</p>
<p>Et le fédivers</p>
<h1
id="mastodon-a-été-conçu-pour-faire-disparaître-le-harcèlement-en-ligne">Mastodon
a été conçu pour faire disparaître le harcèlement en ligne</h1>
<h2 id="comment-masquer-ce-qui-vous-déplaît">Comment masquer ce qui vous
déplaît</h2>
<p>Il existe de nombreux moyens de ne pas être exposé à des choses
déplaisantes. Vous pouvez cacher les posts de personnes qui montrent des
choses déplaisantes en utilisant le bouton "trois points" sur les coins
des posts. Bloquer des utilisateurs est aussi une possibilité, qui vous
met à l'abri des posts mentionnant cette personne ainsi que des
notifications de celle-ci. Vous pouvez aussi masquer tous les comptes en
provenance d'une instance en particulier, certaines thématiques ne sont
pas à mettre sous tous les regards. Signaler les personnes aux
comportements désagréables (spam, harcèlement, contenus choquants sans
prévenir, ou choses gênantes mais pas forcément illégales) aux
administrateurs avec l'option de signalement permet d'améliorer la
qualité des choses publiées sur votre instance. Vous pouvez aussi vous
constituer des <strong>listes de mots filtrés</strong> que vous ne
souhaitez pas voir apparaître dans vos flux d'actualités, car nous ne
sommes pas tous égaux face aux sujets qui nous dérangent. Vous pouvez
aussi choisir de toujours afficher les posts, peu importe leurs messages
d'avertissement ou leur statut de média sensible.</p>
<h2 class="western" id="reprendre-le-contrôle">Reprendre le
contrôle</h2>
<p>Sur facebook ou twitter (ou le défunt GooglePlus), vous n'êtes pas en
droit de réclammer quoi que ce soit ou de personnaliser ce que vous
pouvez faire sur le site. Et le jour où vos contenus sont supprimés ou
que vos publications n'apparaissent pas dans les actus de vos amis, ou
que vous subissez du harcèlement vous n'avez que vos yeux pour pleurer
et aucun recours. Sur Mastodon c'est différent. Que vous soyez une
famille, un particulier, une entreprise, une association, un groupe
d'amis, vous pouvez vous faire votre propre réseau social régi selon vos
règles. ça élargit votre réseau social et ça change tout.</p>
<h2 class="western" id="le-principe-dinstances">Le principe
d'instances</h2>
<p>Une instance c'est une communauté, comme une page réunissant des gens
sur une thématique - ou pas. Vous pouvez être sur une instance de
Mastodon n'ayant que 3 personnes ou 600 millions d'utilisateurs, cela ne
vous empêchera pas d'interagir avec toutes les autres personnes des
autres instances du monde, et au delà. ça fonctionne comme une boite
email: vous pouvez être chez MachinMail et envoyer des messages a
BiduleMail, et TrucMail sans être inscrit chez eux. Les instances
Mastodon c'est pareil, tout le monde peut avoir la sienne ou utiliser
celle d'un autre pour communiquer avec n'importe laquelle. Et vous
pouvez donc partir d'une instance tout en gardant vos liens avec votre
sélection de gens qui s'y trouvent. Vous n'êtes plus pieds et poings
liés à vos amis dans un jardin muré, avec le fédivers vous êtes dans un
jardin ouvert.</p>
<h1 class="western" id="les-autres-moyens-daccès-au-fédivers">Les autres
moyens d'accès au Fédivers</h1>
<p>Mastodon vous permet de communiquer avec d'autres gens sur des sites
utilisant <a href="https://peertube.cipherbliss.com">Peertube (remplace
Youtube)</a>, <a href="https://www.joinmobilizon.org">Mobilizon (sotie
prévue Fin 2019 - remplace les évènements Facebook / Meetup)</a>, <a
href="https://www.framasphere.org">Diaspora (remplace Facebook comme
Mastodon)</a>, Plume (Plateforme de Blog textuel - remplace Medium)…
c'est un véritable réseau ouvert de communication, nommé le
<em>Fédivers</em>, raccourci signifiant "l'univers fédéré". Cela
signifie qu'avec votre seul compte <a
href="https://mastodon.cipherbliss.com">Mastodon sur Cipherbliss</a>,
vous  pouvez interagir avec des gens sur plusieurs plateformes
différentes sans même avoir besoin d'être inscrit partout. L'association
Framasoft a lancé son instance www.framapiaf.org, la quadrature du Net a
www.mamot.fr, l'équipe de dev Allemande de Mastodon a mastodon.social,
mastodon.art… mais je vous recommande de venir sur celui que
j'administre, parce que c'est la meilleure du monde - rien que ça.</p>
<h1 class="western"
id="pourquoi-le-mastodon-de-cipberbliss-est-la-meilleure-instance-du-monde">Pourquoi
le Mastodon de Cipberbliss est la meilleure instance du monde</h1>
<p>Parce que c'est à jour, avec des fonctionnalités que vous demandez,
hébergé en France, financé avec des fonds propres, et que contrairement
à d'autres je suis joignable et réactif, que je fais des backups
automatisés, que je m'engage a protéger la veuve et l'orphelin, que
j'administre et modère en équipe et que l'éthique du libre me tient à
coeur via des actes et pas seulement de belles paroles.</p>
<h2
id="migrer-dune-instance-à-une-autre-sans-perdre-ses-contacts-et-ses">Migrer
d'une instance à une autre sans perdre ses contacts et ses</h2>
<p>préférences.</p>
<p>Exporter et importer vos données est très facile pour passer d'une
instance mastodon à une autre. <img
src="https://blog.joinmastodon.org/2019/06/how-to-migrate-from-one-server-to-another/export.png" />
Dans votre espace utilisateur, demandez votre archive pour avoir un
export zip de tous vos posts et médias associés, ainsi que les listes de
gens que vous suivez et bloquez. Vous pourrez importer ces listes de
gens dans votre prochaine demeure, dans votre profil, dans la partie
import. Vous avez le choix entre fusionner les comptes suivis ou
remplacer totalement ceux de votre autre compte. <img
src="https://blog.joinmastodon.org/2019/06/how-to-migrate-from-one-server-to-another/import.png" />
Annoncez votre départ avec un post épinglé. Vous pouvez épingler 5 posts
maximum. Configurez votre profil pour indiquer que vous avez migré. <img
src="https://blog.joinmastodon.org/2019/06/how-to-migrate-from-one-server-to-another/migration.png" /></p>
<h2 class="western" id="cest-par-où-lentrée">C'est par où l'entrée?</h2>
<p>Cipherbliss a <a href="https://mastodon.cipherbliss.com">son propre
Mastodon</a> ouvert, relié au monde entier. Allez <a
href="https://mastodon.cipherbliss.com/auth/sign_up">venez vous
inscrire</a>, on est bien bien bien!</p>
<p></p>
<p>Avant toute chose, comme partout, pour vous faire des amis vous devez
être une personne fréquentable, <a
href="https://mastodon.cipherbliss.com/about/more">qui suit le code de
conduite</a>. Celui de <a
href="https://mastodon.cipherbliss.com">cipherbliss</a> se résume à :
ayez plus de 13 ans, et ne soyez pas un trou du cul. Et marquez les
médias sensibles / NSFW comme tels, ils sont bienvenus mais seulement si
vous les marquez comme médias sensibles. Soyez sympas, chacun de vos
posts fait par défaut jusqu'à maximum 7777 caractères, vous avez toute
la latitude nécessaire à une discussion apaisée. Ce code de conduite
régit la modération dans le coin, opérée par moi même <a
href="https://mastodon.cipherbliss.com/@tykayn">@tykayn</a> et <a
href="https://mastodon.cipherbliss.com/@damien_whirlpool">@damien</a>.
Je suis également joignable par d'autres moyens, listés sur <a
href="https://portfolio.cipherbliss.com/page/contact">ma page de
contact</a> Et si vous êtes un artiste, lisez <a
href="https://www.cipherbliss.com/comment-devenir-un-artiste-a-succes-sur-mastodon/">comment
devenir un artiste à succès sur Mastodon.</a></p>
<h1 id="découvrez-des-gens">Découvrez des gens</h1>
<p>Contrairement à ce que vous pourriez avoir l'habitude d'utiliser dans
des jardins murés comme Facebook, Twitter ou Youtube. Mastodon est une
des multiples porte d'entrée à une multitude de champs ouverts, et l<a
href="https://mastodon.cipherbliss.com">e Mastodon de Cipherbliss</a>
est un des moyens d'accéder à cette porte. vous ne trouverez pas de
publicités ou de tracking, car l'infrastructure est financée avec mes
propres deniers.</p>
<h2 id="découvrir-des-gens-selon-vos-centres-dintérêt">Découvrir des
gens selon vos centres d'intérêt</h2>
<ul>
<li>Recherchez des hashtags, cliquez sur ceux ci dans les messages qui
vous intéressent, explorez des profils en cliquant sur l'avatar des
autres personnes. Utilisez vous aussi des hashtags dans vos posts pour
les rendre découvrable par thématique, n'hésitez pas à en mettre
plusieurs.</li>
<li>Recherchez des gens par leur nom. Si vous avez un compte twitter,
utilisez le pont Twitter-Mastodon pour découvrir qui dans vos contacts a
déjà un compte dans le fédivers.</li>
<li>Vous pouvez utiliser la recherche de votre instance, ou celle de <a
href="https://instances.social">https://instances.social</a> qui va vous
en proposer une liste selon des critères que vous demandez (langue
parlées, centres d'intérêt, nombre de gens…)</li>
<li> Au détour d'une conversation, déroulez le fil et découvrez des
personnes.</li>
</ul>
<p> </p>
<h1 id="conclusion">Conclusion</h1>
<p>De nombreux moyens sont à votre disposition pour trouver des
personnes de qualité selon vos propres critères. Par conception,
Mastodon ne vous imposera pas qui sont vos amis selon leur popularité ou
leur compte en banque, et leur propension à générer du clic et des <a
href="https://www.cipherbliss.com/le-village-global-dinternet/">shitstorms</a>
comme c'est le cas sur twitter ou facebook. Votre réseau social s'en
retrouve étendu et <a
href="https://www.cipherbliss.com/rester-relie-a-son-passe-via-les-reseaux-sociaux/">sous
votre contrôle</a>. à vous de jouer! <u>_</u> ce post à été inspiré par
le blog du développement de Mastodon en Anglais: <a
href="https://blog.joinmastodon.org/2019/06/how-to-migrate-from-one-server-to-another/">https://blog.joinmastodon.org/2019/06/how-to-migrate-from-one-server-to-another/</a>
<a
href="https://blog.joinmastodon.org/2018/07/cage-the-mastodon/">https://blog.joinmastodon.org/2018/07/cage-the-mastodon/</a>
 </p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

316
html-websites/cipherbliss_blog/2019/cipherbliss_les-plateformes-sociales-privatives/index.html
View File

@ -1,316 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1353</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2019-10-28 10:09:23&gt;</li>
<li>modifié: &lt;2019-10-28 10:09:23&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2
id="faut-il-avoir-une-présence-sur-les-plateformes-sociales-privatives-pour-en-libérer-ses-utilisateurs">Faut
il avoir une présence sur les plateformes sociales privatives pour en
libérer ses utilisateurs</h2>
<p>Suite à ce post, <a
href="https://framacolibri.org/t/mobilizon-et-technos-des-gafams/5461/9?u=tykayn">https://framacolibri.org/t/mobilizon-et-technos-des-gafams/5461/9?u=tykayn</a>
référant cette discussion sur Mastodon <a
href="https://diaspodon.fr/@dada/102643392155613739">https://diaspodon.fr/@dada/102643392155613739</a>
j'aimerais avoir vos réflexions sur des méthodes qui fonctionnent pour
inciter les gens les moins geek/ingénieurs/techniques du monde à se
libérer des effets de réseau des plateformes "sociales" centralisées.
J'en viens à me dire qu'on peut sans doute parler du fédiverse sans
avoir à faire comprendre aux gens la notion d'instance ou de
décentralisation. Ces notions viendront plus tard. ça parlera aux
techos, mais pas aux utilisateurs lambda qui attendent que d'autres
leurs montrent quoi faire. Par exemple, pour ceux qui s'attendent
uniquement à croiser plein de monde et qui ne comprennent pas les dégâts
sur la vie privée que fait facebook, on peut leur dire que l'audience
double tous les 6 mois, et qu'actuellement on a près de 4 millions de
gens dans le fédiverse (pas que sur Mastodon). Ou encore leur montrer
comment Fb nous éloigne de nos amis en filtrant les flux d'actus et nous
donne une illusion de proximité plutôt qu'une réelle proximité. On peut
dire a nos copains artistes qui font du crowdfunding régulièrement que
leurs appels aux dons ne seront pas pollués par de la pub. Aux militants
on peut leur dire que leurs messages ne seront pas censuré au gré des
décisions politiques des actionnaires gérant le site. Les exemples sont
nombreux. J'ai choisi plusieurs choses pour inciter les gens: L'exemple:
en supprimant mon compte Fb et Google. L'argumentatif écrit: en faisant
des posts de blog qui ne s'adressent pas à des techniciens.
&lt;strike&gt;Le témoin de jéhovah: en allant frapper à la porte des
gens pour leur prêcher la bonne parole.&lt;/strike&gt; Non, enfin, bon,
en causant à mes proches et moins proches. J'ai choisi d'utiliser
twitter (en crossposting de source mastodon perso <a
href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a>
) et (très peu) linkedin aussi. Tout en étant conscient des business
model de ces plateformes et de l'attention très limitée et filtrée des
gens qui sont dessus. <strong><strong>J'aimerais que l'on partage nos
retours d'expérience là dessus.</strong></strong> Jusqu'ici j'ai réussi
à faire en sorte que quelques uns de mes contacts s'inscrivent à
mamot.fr ou à mastodon.art à l'époque où Mastodon était par défaut en
multi colonne, ce qui gêne les nouveaux venus. Peu de gens parmi ceux là
n'ont rien que tenté de faire le moindre post. Un seul à réalisé plus de
dix posts pour faire découvrir ses illustrations. Les questions
relatives à la vie privée sont un argument qui est extrêmement compliqué
à faire entendre en peu de temps, c'est donc un angle argumentaire très
inefficace. Il parle cependant d'avantage aux femmes ayant connu du
harcèlement en ligne et des ex dangereux. Je connais pas mal de
dessineux / artistes / illustrateurs, qui sont assez réceptifs aux
problématiques de censure et de filtrage de leurs publications. -
L'angle argent parlera aussi à pas mal de monde quand on leur fait
comprendre que la publicité ciblée et le profilage constant leur coûtent
plus cher sur n'importe quel site et aussi en terme d'assurances et de
relations avec les banques. - On peut évoquer les scandales oubliés des
cartes de fidélité dans les supermarchés, dont le capitalisme de
surveillance n'est que l'extension. (Mais attention, c'est un terme qui
va souvent faire sortir des mots comme "paranoïa", ce à quoi vous pouvez
répondre que la paranoïa n'a pas de preuves, alors que là vous en avez)
- Pour les enthousiastes de la commande vocale on peut leur dire que
"pour que le micro de ton bidule connecté détecte que tu lui dis une
commande, il faut qu'il soit à l'écoute en permanence". Très souvent les
gens l'ignorent. Montrer l'historique des enregistrements "ok google" où
on a pas dit ok google permet une prise de conscience assez brusque qui
peut être utile. - Pour nos contacts engagés politiquement, les
révélations d'edward snowden, cambridge analytica, la censure politique,
le business model de la surveillance, sont des sujets qui auront leur
auditoire. - Les évènements facebook, une fonctionnalité très demandée
(qui pour certains restent la dernière raison de l'existence de leur
compte) permettent de faciliter les réunions militantes, mais les vident
de leur efficacité à cause du filtrage et du fichage. Les militants en
sont rarement conscients. (je vous ai dit que j'ai hâte que Mobilizon
sorte une version alpha?) - Les personnes conscientes que la limitation
de caractères de twitter ne peut engendrer que des arguments d'homme de
paille et des interjections violentes, dites leur qu'ils peuvent avoir
autant de texte qu'ils le veulent ailleurs (pleroma, plume, mastodon). -
Les artistes vidéastes, faites leur essayer d'importer leurs vidéos sur
peertube. Utilisez l'argument d'autorité de quelques comptes connus. -
Vous avez des amis LGBT+, montrez leur comment Mastodon permet de lutter
contre le harcèlement, permet l'inclusion, les havres de paix, et
redonne le contrôle aux gens les plus exposés aux risques de toutes
sortes. - Pour les gens souffrant de handicap, de maladies et autres
traumas, mettez en avant l'accessibiltié et le design respectueux. -
Eugen Rochko écrivait qu'en fait ce ne sont pas les fonctionnalités qui
comptent mais les personnes. Si un réseau social était fait de signes de
fumée mais qu'il y avait des gens suffisamment connus dessus, tout le
monde ferait des signes de fumée. Ce ne sont pas les fonctionnalités qui
priment. Je le concède, on est loin du gros succès migratoire. Mais ma
femme qui n'est pas du tout ingénieur commence à être à l'écoute des
problématiques de vie privée maintenant que ça fait 9 mois qu'elle ne me
voit plus sur facebook/messenger (et un an qu'on utilise Signal, qu'on a
réussi à faire adopter par pas mal de gens autour de nous) et me disait
récemment qu'elle envisageait de s'organiser un évènement en raid avec
d'autres de ses contacts facebook pour s'inscrire à mastodon et voir ce
que ça donne a plusieurs. On a commencé à écrire des textes pour les
nouveaux utilisateurs, et je constate que les arguments qui la font
réagir ne sont pas du tout les mêmes que moi, ce qui est fort
enrichissant. <a
href="https://www.cipherbliss.com/comment-se-faire-des-amis-sur-mastodon/">https://www.cipherbliss.com/comment-se-faire-des-amis-sur-mastodon/</a>
<a
href="https://www.cipherbliss.com/comment-devenir-un-artiste-a-succes-sur-mastodon/">https://www.cipherbliss.com/comment-devenir-un-artiste-a-succes-sur-mastodon/</a>
Principaux obstacles donc: - <strong>la langue</strong>. les infos sur
le fédivers se trouvent surtout en anglais, tout comme la vidéo de
présentation qui existe avec des sous titres français, mais pas de vocal
en français. Ce qui fait littéralement peur à toute personne de plus de
35 ans que je croise) - <strong>on s'imagine qu'adopter le fédivers est
compliqué</strong> (notion d'instance / décentralisation) alors qu'on
pourrait se passer de cette éducation dans un premier temps. -
<strong>créer un compte ne se fait pas en un click</strong> avec un
bouton "se connecter via une plateforme privative". C'est un truc
controversé, je comprends bien, mais je suis convaincu qu'on libérerait
énormément de gens bloqués en mettant ça en place, par exemple avec
IndieAuth ou d'autres fournisseurs d'identités. - coordonner deux ou
cent personnes à essayer en même temps serait très efficace pour
balancer l'effet de réseau. Mais c'est forcément plus compliqué de
coordoner cent personnes plutôt que deux. Demandez aux gens comment ils
sont arrivés sur Fb, ils vous diront que c'est parce qu'un de leurs
proches les y a invité. Utilisez les liens d'invitation Mastodon, et
organisez des raids. Pas sur la zone 51. ou alors si, montez un mammouth
nommé zone51, c'est à la mode en ce moment. Vous aussi, faites passer
vos compte rendus d'essai et quelles méthodes vous utilisez o/</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

382
html-websites/cipherbliss_blog/2020/cipherbliss_blog_218_entraide-locale-avec-des-affiches-et-un-pad-en-ligne/index.html
View File

@ -1,382 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1390</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2020-06-21 10:47:59&gt;</li>
<li>modifié: &lt;2020-06-21 10:51:14&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="entraide-locale-avec-des-affiches-et-un-pad-en-ligne-1">Entraide
locale avec des affiches et un pad en ligne</h2>
<p>Stimuler l'entraide locale dans sa ville en placardant un pad
partagé, c'est facile à faire. Il vous suffit de créer une fiche avec un
lien, l'imprimer et la placarder, et tada! J'ai utilisé cryptpad.fr pour
faire ça, avec un frama link imprimé, pendant le confinement. vous
pouvez reprendre le modèle suivant: <u>_____________</u> <a
href="https://cryptpad.fr/pad/#/2/pad/edit/14deXQhN3ObKLYw4mdGUtQnE/">https://cryptpad.fr/pad/#/2/pad/edit/14deXQhN3ObKLYw4mdGUtQnE/</a></p>
<h1 id="nom-de-votre-ville---entraide-locale">[nom de votre ville] -
entraide locale</h1>
<p>Tou.tes les brissois.es sont invités à écrire dans ce document
collaboratif. Partagez le ! <a
href="https://frama.link/briis">https://frama.link/briis</a></p>
<ul>
<li>Mairie de Briis permanence téléphonique 24h/24 : <a
href="tel:06%2008%2058%2080%2094">06 08 58 80 94</a></li>
<li>La mairie organise le portage de repas à domicile (pour les + de 70
ans ?) inolscription 24h/24 : <a href="tel:06%2008%2058%2080%2094">06 08
58 80 94</a></li>
</ul>
<h2 id="a---questions-ouvertes"><span id="questions-ouvertes"></span>A -
Questions ouvertes</h2>
<ul>
<li>Comment donner des moyens directement aux hopitaux?</li>
</ul>
<h2 id="b---commerces-à-briis-et-alentours"><span
id="commerces"></span>B - Commerces à Briis et alentours</h2>
<ul>
<li><p>avoir des livraisons locales -</p>
<ul>
<li><p>superette de Briis , Cocci Market.</p></li>
<li><p>Boulangerie La brissoise</p></li>
<li><p>marché de Briis:</p>
<ul>
<li>Fruits et légumes : Laurent <a href="tel:0761802594">07 61 80 25
94</a> (commander avant mercredi soir pour une livraison le
vendredi.)</li>
</ul></li>
<li><p>AMAP <a
href="https://www.amap-idf.org/">www.amap-idf.org/</a></p></li>
<li><p><a
href="https://www.lepanierdupetitpotager.fr">www.lepanierdupetitpotager.fr</a></p></li>
</ul></li>
<li><p>Quels magasins restent ouvert et livrent à domicile à proximité ?
<a
href="https://www.caresteouvert.fr/@48.623772,2.123539,15.76">www.caresteouvert.fr/</a></p></li>
<li><p>pépinièriste (terres, paillages et bientôt plantes ) <a
href="mailto:levergerdebelair@gmail.com">levergerdebelair@gmail.com</a></p></li>
<li><p>Coup de pousse au jardin (livraison gratuite dès 30€ d'achats
d'arbres fruitiers, plants de légumes… 1200 references dispo ) : <a
href="tel:06%2038%2039%2089%2039">06 38 39 89 39</a> / <a
href="tel:06%2038%2039%2089%2039">06 99 94 32 15</a></p></li>
</ul>
<h2 id="c---santé"><span id="sante"></span>C - Santé</h2>
<ul>
<li><p>SOS violences conjugales. tel: <a href="tel:3919">3919</a>,
service spécialisé dans les violences faites aux femmes, <a
href="https://www.service-public.fr/particuliers/vosdroits/F12544">autres
moyens listés ici sur service-public.fr</a> . Association Paroles de
Femmes – Le Relais : Accueil téléphonique de 9h à 12h30 et de 13h30 à
17h30, au <a href="tel:01%2060%2011%2097%2097">01 60 11 97
97</a>.</p></li>
<li><p>Ligne d'écoute psychologique gratuite covid-19 Essonne (12 psy
dispo du lundi au samedi 10-18h) : <a
href="tel:08%2005%2003%2000%2091">08 05 03 00 91</a></p></li>
<li><p>[[<a
href="https://www.cipherbliss.com/boinc-le-calcul-collaboratif-pour-la-recherche-medicale/">https://www.cipherbliss.com/boinc-le-calcul-collaboratif-pour-la-recherche-medicale/</a>][Prêtez
un peu des capacités de calcul de vos ordinateurs et téléphones pour
accélérer la recherche médicale, sur le covid 19, entre autres.]]</p>
<ul>
<li><a href="https://boinc.berkeley.edu/">BOINC</a> - pour utilisateurs
plus expérimentés</li>
<li><a href="https://foldingathome.org/start-folding">Folding At
Home</a> - le plus simple à installer</li>
</ul></li>
<li></li>
<li><p>Désinfecter son masque en tissu :</p>
<ul>
<li>Ne pas tenter de désinfecter son masque chirurgical, FFP2 etc : à la
chaleur ils peuvent perdre leur pouvoir filtrant et / ou devenir
toxiques.</li>
<li>60 °C pendant 20/30 minutes à la machine à laver.</li>
<li>au four pendant 10 minutes à 70 °C (validé par plusieurs études
scientifiques)</li>
<li>Plus précisamment pour désinfecter le matériel médical : 56°C
pendant trente minutes ou à 65°C pendant dix minutes.</li>
<li>Attention, plus on chauffe fort, plus les élastiques vont en
souffrir / Repasser son masque ne suffit pas ! / le micro onde ne semble
pas indiqué.</li>
</ul></li>
</ul>
<h2 id="d---enfance"><span id="enfance"></span>D - Enfance</h2>
<p>Continuité pédagogique: <a
href="https://www.continuitepedagogique.org/">https://www.continuitepedagogique.org/</a></p>
<h2 id="e---protection-sur-internet-et-vie-privée"><span
id="protection-vie-privee"></span>E - Protection sur internet et vie
privée</h2>
<p>Installez le bloqueur de publicité et de tracking ublock origin, <a
href="https://addons.mozilla.org/fr/firefox/addon/ublock-origin/">sur
Firefox</a>, <a
href="https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm">sur
Chrome</a></p>
<h3
id="communication-conférences-audio-vidéo-télétravail">Communication,
conférences audio / vidéo, Télétravail</h3>
<ul>
<li><p><img src="https://about.riot.im/images/riot-logo-hero.svg" /> <a
href="https://riot.im/app/#/room/#briis:matrix.org">Riot, canal de
discussion instantanée de Briis sous Forges</a>: <a
href="https://riot.im/app/#/room/#briis:matrix.org">#briis:matrix.org</a></p></li>
<li><p><a href="https://riot.im">Riot: appli mobile et de
bureau.</a></p>
<p><a
href="https://riot.im">[[<span>https://about.riot.im/images/cta-browser.png</span></a><img
src="https://about.riot.im/images/cta-desktop.png" /><img
src="https://about.riot.im/images/cta-ios.png" /><img
src="https://about.riot.im/images/cta-googleplay.png" /><img
src="https://about.riot.im/images/cta-fdroid.png" />]]</p></li>
<li><p>Faire des pages de texte et des feuilles de calcul écrites à
plusieurs (comme ici): <a
href="https://cryptpad.fr">cryptpad.fr</a></p></li>
<li><p>envoyer des SMS depuis son ordinateur et son tel. -utilisez <a
href="https://signal.org/fr/download/">Signal Messenger.</a> installez
le sur votre téléphone et votre ordinateur <a
href="https://signal.org/fr/download/">https://signal.org/fr/download/</a>
[[<a
href="https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm">https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm</a>][]]</p></li>
</ul>
<p> </p>
<ul>
<li>N'utilisez pas Zoom, Whatsapp, Microsoft Teams, Facebook Messenger,
ou Skype, leurs failles de sécurité sont nombreuses, leur commerce se
fait au prix de vos libertés fondamentales tel que le droit à la vie
privée.</li>
<li>Faire des visio-conférences / audio-conférences privées facilement,
avec Jitsi ou Riot. <a
href="https://meet.jit.si/briis-sous-forges">https://meet.jit.si/briis-sous-forges</a></li>
<li><img src="https://framadate.org/images/date.png" /> organiser un RDV
en proposant plusieurs dates. <a
href="https://framadate.org/">https://framadate.org/</a></li>
<li>Comment préparer une réunion à distance et télétravailler librement
? <a href="https://framasoft.frama.io/teletravail/">Un guide de
l'association Framasoft.</a></li>
<li>Partage de fichiers sans inscription : <a
href="https://cloud.tykayn.fr/s/WS4d3QbLz5jxwWB">https://cloud.tykayn.fr/s/WS4d3QbLz5jxwWB</a></li>
<li></li>
</ul>
<h3 id="services-divers">Services divers</h3>
<ul>
<li>éviter les fuites d'informations grâce à des bonnes pratiques et un
<a
href="https://www.cipherbliss.com/comment-ne-plus-perdre-de-temps-avec-ses-mots-de-passe/">gestionnaire
de mots de passe très sécurisé comme Bitwarden</a>.</li>
<li>introduction aux logiciels libres collaboratifs: <a
href="https://www.cipherbliss.com">https://www.cipherbliss.com</a></li>
<li>Réseau social fédéré Mastodon (500 Millions de personnes) : <a
href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a></li>
<li>développement web: [[<a
href="mailto:contact@cipherbliss.com">mailto:contact@cipherbliss.com</a>][B.
Lemoine, entreprise CipheOu les conséquences insoupçonnées du
confinement.]]Défi du dimanche : foodporn Galerie publique : <a
href="https://www.facebook.com/groups/4101833913">https://www.facebook.com/groups/4101833913</a>
, dossier photo et dessins partagé: <a
href="https://cloud.tykayn.fr/s/5fKwoPmJgBCoPox">https://cloud.tykayn.fr/s/5fKwoPmJgBCoPox</a>
On se géolocalise…. <a
href="https://umap.openstreetmap.fr/fr/map/anonymous-edit/441832:An5XxDI8mwWio5VKLL7yODHo4VMr">https://umap.openstreetmap.fr/fr/map/anonymous-edit/441832:An5XxDI8mwWio5VKLL7yODHo4VMr</a>
Bliss.</li>
<li>Monnaie libre à dividende universel: <a
href="https://monnaie-libre.fr/">https://monnaie-libre.fr/</a></li>
<li>Hébergeurs neutres et solidaires, les CHATONS: <a
href="https://entraide.chatons.org/fr/">https://entraide.chatons.org/fr/</a></li>
<li>traduction de textes. <a href="https://www.deepl.com">www.deepl.com
,</a> Fr-&gt;En ou En-&gt;Fr, et bien d'autres - <a
href="mailto:contact@cipherbliss.com">contact@cipherbliss.com</a></li>
</ul>
<h2 id="divertissement">Divertissement:</h2>
<ul>
<li>Hébergement de vidéos: <a
href="https://peertube.cipherbliss.com">https://peertube.cipherbliss.com</a></li>
<li>Recettes de cuisine <a
href="https://cuisine-libre.fr">https://cuisine-libre.fr</a></li>
</ul>
<p><a
href="https://cuisine-libre.fr/local/cache-gd2/87/06f5a9a54480b19220f7ceddb26102.jpg?1586045957">https://cuisine-libre.fr/local/cache-gd2/87/06f5a9a54480b19220f7ceddb26102.jpg?1586045957</a>
     </p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

316
html-websites/cipherbliss_blog/2020/cipherbliss_blog_223_refonte-de-framadate-avec-api/index.html
View File

@ -1,316 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1437</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2020-07-14 14:03:05&gt;</li>
<li>modifié: &lt;2020-07-14 14:03:10&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="refonte-de-framadate-avec-api-1">Refonte de Framadate avec
API</h2>
<p>Il était une fois Framadate, une petite histoire de télétravail hors
pandémie de Covid-19. Comme beaucoup de boulots collaboratifs de
logiciels libre, c'est une contribution faite à distance, par beaucoup
de personnes dans le monde, sur leur temps libre. De quoi apprendre des
choses utiles en ces temps où le télétravail semble être totalement
nouveau, alors que <strong>pour beaucoup de contributeurs au libre, le
travail de loin à plusieurs a toujours été l'unique façon de
faire</strong>. Donc Framadate, installé sur <a
href="https://framadate.org/">framadate.org</a>, c'est comme Doodle (qui
est devenu très cher pour le commun des mortels), mais en mieux du point
de vue éthique.</p>
<h2 id="quest-ce-que-cest-framadate">Qu'est-ce que c'est,
Framadate?</h2>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2020/04/framadate_date.jpg" />
<img
src="https://www.cipherbliss.com/wp-content/uploads/2020/04/framadate_classic.jpg" /></p>
<p>C'est un petit logiciel que vous pouvez installer sur votre serveur
afin de permettre à n'importe qui d'organiser des sondages pour se faire
des rendez-vous (au lieu d'utiliser la technique moisie des échanges
interminables d'email "moi je suis dispo tel jour" "ha moi non" "ah moi
oui" "oui mais toi on s'en fout Bébert!" … pauvre Bébert!), sans que les
gens que vous souhaitiez réunir n'aient besoin de s'sinscrire, de faire
chauffer la carte bleue, ou de se faire pister par les GAFAM.</p>
<p>C'est un logiciel très utilisé, mais qui souffre de problème
d'ergonomie énorme sur mobile. Comme beaucoup de projets libres, faits
par des gens qui ne sont pas experts en User eXperience, design,
accessibilité, traduction. Il était question de retaper son front end
depuis un bout de temps, et Maiwann s'est lancé dans la réunion d'idées
en 2018, a produit des design d'écrans en 2019, et fait un appel a
discuter du truc avec le hashtag #framadate, depuis un post Mastodon en
Aout 2019. Les maquettes étaient prêtes et n'attendaient qu'à être
traduites en logiciel.</p>
<p>Nouvelle tête de framadate, maquettes sur Zeplin, cette version n'est
pas encore en production:</p>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2020/04/Screenshot_2020-04-10-Zeplin-Project.png" /></p>
<h2 id="comment-on-fait-pour-contribuer-à-plusieurs-à-distance">Comment
on fait pour contribuer à plusieurs à distance?</h2>
<p>Avec d'autres gens recrutés de divers moyens avec des posts sur des
forums et des médias sociaux de toutes sortes. Des gens répondent à
l'appel, et c'est parti!</p>
<h2 id="communication-interne">Communication interne</h2>
<p>En premier lieu il faut savoir comment communiquer avec les autres
contributeurs. , on a discuté du truc d'abord sur les réseaux sociaux et
forums d'où ont été faits les appels. Quel moyen on devrait privilégier
pour échanger tout le long du projet? Celui qui convient à le plus de
gens motivés.</p>
<p>Riot, IRC, forum framacolibri, Wire, Mattermost, les possibilités
sont nombreuses, mais c'est le Mattermost de Framasoft, Framateam,
section UX &amp; Libre, canal framadate qui a remporté le plus de votes.
Grâce à mon gestionnaire de mots de passe, créer un compte avec un mot
de passe réellement complexe (une centaine de caractères divers et
variés) ne me fait pas peur. Mattermost ci propose en plus l'avantage de
pouvoir se connecter via le Gitlab de Framasoft, Framagit, qui héberge
tous les code sources des projets. C'est aussi un excellent moyen
d'avoir plusieurs autres outils utiles à un projet logiciel: disposer
d'un wiki, et d'un tableau de choses à faire avec les Issues, au sein
desquelles on peut aussi discuter des détails.</p>
<p>Il a été convenu aussi qu'on allait donner des informations pour
accueilir les nouveaux contributeurs dans la desciption du <a
href="https://framateam.org/ux-framatrucs/channels/framadate">canal
framateam nommé Framadate</a>, et que l'on allait cantonner les
discussions de dev dans un canal séparé pour ne pas faire fuir les gens
normaux, sur : <a
href="https://framateam.org/ux-framatrucs/channels/framadate-dev">framadate-dev</a>.</p>
<h3 id="quels-sont-les-objectifs-par-où-puis-je-commencer">Quels sont
les objectifs, par où puis-je commencer?</h3>
<p>Il nous faut aussi savoir ce qu'on veut faire, pour savoir quelles
compétences rechercher et comment indiquer aux gens qui le souhaitent
comment ils peuvent aider le projet. C'est un gros travail de discussion
et de communication. Certains ont l'habitude de faire ça en vrai, dans
des ateliers de contribution où des gens de tous âges et de tout poil
viennent discuter, sociabiliser, boire un coup, et des fois même,
écrire, dessiner, coder des trucs.</p>
<p>Les maquettes sont prêtes, on peut les faire évoluer, on est prêts
aussi à les confronter à la réalité.<br />
</p>
<h3 id="accueillir-les-gens-est-primordial">Accueillir les gens est
primordial</h3>
<p>c'est sur nos premiers ressenti que l'on va décider si on a envie
d'investir deux minutes dans un projet en ligne avec des gens que l'on
ne connaît ni d'ève ni d'adam. Ensuite, comprendre qu'on a le droit de
poser des questions et d'ignorer des choses, et qu'on peut aider sans
avoir aucune compétence logicielle, ça fait un bien fou.</p>
<p>Pour savoir ce que l'on peut faire on a créé au début un pad
collaboratif. Puis une fois qu'on a fait le ménage dans nos idées, on a
mis ça dans le wiki du dépot gitlab.</p>
<p>Au début on a envisagé de ne retaper que le style. Puis en discutant
avec des gens qui connaissaient bien le code existant, et en examinant
d'un côté ce que ça nous prendrait comme temps de retaper ce qui existe,
ou repartir de zéro avec un framework comme on a conclu qu'il valait
mieux partir de zéro et utiliser quelques bibliothèques logicielles à
assembler pour se concentrer sur le code métier.</p>
<p>Ensuite, ça se fait au fil de l'eau, l'important étant que chacun
trouve son compte et soit prêt à faire des concessions pour avancer. oui
moi aussi, c'est fou je sais.</p>
<h2 id="relancer-régulièrement-les-motivés">Relancer régulièrement les
motivés</h2>
<p>Une fois les gens mobilisés, il faut identifier ce qui les bloque,
car bien souvent on hésite à dire quand quelque chose ne va pas.
Relancer fait partie du boulot pour bosser en équipe, même si on a pas
du tout un statut d'animateur ou de manager officiel.</p>
<p>Un gros boulot de refacto pour bien séparer les concepts, les types,
faire des modèles documentés dans le code ont été réalisés pendant le
confinement de 2020. Quelques petites réunions vocales en équipe ont
permis d'avancer sur les points les plus techniques. La bêta n'est pas
encore sortie.</p>
<p>Mais vous pouvez déjà demander à l'API ce qu'elle fait, j'ai mis une
version de démo sur <a
href="https://framadate-api.cipherbliss.com">framadate-api.cipherbliss.com</a>/api/v1</p>
<p>voici le document qui liste la config au format JSON: <a
href="https://framadate-api.cipherbliss.com/api/doc.json">https://framadate-api.cipherbliss.com/api/doc.json</a></p>
<p>Vous pouvez venir voir comment on avance sur les dépots framagit, et
sur <a href="https://framateam.org/ux-framatrucs/channels/framadate">les
canaux de discussion de Framateam, section UX &amp; Design</a>.
Enjaillez!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

295
html-websites/cipherbliss_blog/2020/cipherbliss_blog_228_recuperer-de-la-musique-libre-de-lemission-cause-commune/index.html
View File

@ -1,295 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1492</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2020-11-12 11:31:41&gt;</li>
<li>modifié: &lt;2020-11-15 16:35:43&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2
id="récupérer-de-la-musique-libre-de-lémission-libre-à-vous">Récupérer
de la musique libre de l'émission "Libre à vous !"</h2>
<p>Je vous ai dit que j'étais membre de <a
href="https://www.april.org">l'April</a> et du <a
href="https://www.chatons.org">CHATONS</a> qui y est associé, le <a
href="https://www.chapril.org">Chapril</a> ? ça c'est fait. <a
href="https://www.april.org">[[<span>https://www.april.org/sites/default/themes/zen_april/logo.png</span></a>]]Il
se trouve que cette association de défense du logiciel libre, qui est
aussi à l'origine du très utile <a
href="https://www.agendadulibre.org/">Agenda du libre</a>,  a près de
4000 membres et diffuse une nouvelle émission tous les Mardis après
midi, intitulée "<strong>Libre à vous</strong> !". <img
src="https://april.org/files/libre-a-vous/banniere-radio-libre-a-vous-256x.png" />
<a
href="https://april.org/files/libre-a-vous/bande-annonce/20190831-bande-annonce-libre-a-vous-video-version-courte-960x540.webm">https://april.org/files/libre-a-vous/bande-annonce/20190831-bande-annonce-libre-a-vous-video-version-courte-960x540.webm</a></p>
<blockquote>
<p>Prenez le contrôle de vos libertés informatiques et suivez
l'actualité du Libre. Retrouvez les dossiers politiques et juridiques
traités par l'April, les échanges avec des personnes invitées, et bien
entendu de la musique sous licence libre. <em>Libre à vous !</em> c'est
en direct <strong>chaque mardi de 15 h 30 à 17 h</strong>, sur les ondes
de la radio Cause Commune, <em>« la voix des possibles »</em>, 93.1 FM
en Île-de-France, partout dans le monde <a
href="https://causecommune.fm">sur le site de la radio</a>. (Comme
diraient les Fatals Picards, C'EST UN JEU DMOT! <strong>cause</strong>
comme discutailler, mais aussi comme comme cause à défendre! Habile!) Le
podcast de l'émission et les podcasts par sujets traitées sont
disponibles dès que possible, quelques jours après l'émission en
général.  </p>
</blockquote>
<h2 id="qui-dit-radio-libre-dit-aussi-musique-libre">Qui dit radio libre
dit aussi musique libre</h2>
<p>C'est aussi une émission qui diffuse des artistes publiant leur
musique sous une <a
href="https://fr.wikipedia.org/wiki/Licence_libre">licence libre</a>, ce
qui signifie que sous certaines conditions vous pouvez l'écouter et vous
en servir dans vos créations (vidéos par exemple) sans avoir à débourser
le moindre euro, du moment que vous créditez les artistes correctement.
En causant sur le canal IRC #april-chapril j'ai appris que l'on peut
retrouver la liste des musiques par ici pour les télécharger: <a
href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/musiques/">https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/musiques/</a>
Aussi, au lieu de cliquer sur les nombreux liens un par un j'ai réalisé
un petit script qui va s'occuper de récupérer la liste des liens fournis
par cette page et les télécharger ensuite dans un dossier dédié grâce à
la puissance des scripts bash. Il existe sûrement des moyens plus facile
de faire cela mais voici une recette assez rapide issue de plusieurs
recherches sur Saint Stack Overflow. D'abord on récupère la page html
présentant la liste de liens, on scanne ensuite le fichier html pour
extraire les liens dans les ancres html, on remplit un fichier listant
ces liens, et ensuite on scanne ce fichier de liens en demandant de
télécharger chacun de ces liens dans un dossier.</p>
<pre class="example"><code>#/bin/bash
cd ~
mkdir musique-libre-a-vous &amp;&amp; cd musique-libre-a-vous
wget https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/musiques/
sed -n &#39;s/.*href=&quot;\([^&quot;]*\).*/\1/p&#39; index.html &gt; liste_de_liens.txt
cat liste_de_liens.txt
cat output.txt| wc -l
</code></pre>
<p>une fois que vous avez fait le ménage dans votre liste de liens en ne
gardant que les fichiers audio, vous pouvez lancer le téléchargement de
la liste de fichiers ainsi:</p>
<pre class="example"><code>xargs -i wget &#39;https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/musiques/{}&#39; &lt; liste_de_liens.txt
</code></pre>
<p>Bon ce serait plus simple si l'asso mettait à disposition des
fichiers torrents listant les musiques par paquet, ça permettrait de
faire techniquement du partage entre les personnes interessés par les
téléchargement au lieu de tout demander depuis un seul serveur, mais ça
sera pour une prochaine fois ;) Si vous avez aussi de bonnes ressources
pour récupérer de la musique libre de droits et faire découvrir des
artistes de qualitay, faites passer les astuces dans les commentaires!
oh d'ailleurs vous pouvez leur parler de <a
href="https://funkwhale.audio/">Funkwhale</a> si vous connaissez des
artistes.</p>
<blockquote>
</blockquote>
<p><a href="https://music.cipherbliss.com/">j'en ai mis un en place
ici</a>: <a
href="https://music.cipherbliss.com/">https://music.cipherbliss.com/</a>
En attendant, profitez bien de la musique, et si vous voulez en savoir
plus sur l'April c'est par ici:</p>
<blockquote>
<p>Depuis 1996, l'April est animée par une ambition : <strong>« logiciel
libre, société libre »</strong>. Pionnière du <strong><a
href="https://www.april.org/articles/intro/ll.html">logiciel
libre</a></strong> en France, l'April, constituée de 3968 adhérents
(3666 personnes physiques, 302 entreprises, associations et
organisations), est depuis 1996 un acteur majeur de la
<strong>démocratisation</strong> et de la <strong>diffusion</strong> du
logiciel libre et des <strong>standards ouverts</strong> auprès du grand
public, des professionnels et des institutions dans l'espace
francophone. <a href="https://www.april.org/fr/association/">En savoir
plus…</a>.</p>
</blockquote>
<p> </p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

314
html-websites/cipherbliss_blog/2020/cipherbliss_blog_229_live-toot-de-la-conference-avec-etienne-klein/index.html
View File

@ -1,314 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1504</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2020-11-18 11:03:46&gt;</li>
<li>modifié: &lt;2020-11-18 11:11:51&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="live-toot-de-la-conférence-avec-etienne-klein">Live toot de la
conférence avec Etienne Klein</h2>
<p>live toot de la conférence de l'<a
href="https://mastodon.cipherbliss.com/tags/AFIS">#AFIS</a> (asso
française pour l'information scientifique) avec Etienne Klein et la <a
href="https://mastodon.cipherbliss.com/tags/SFEN">#SFEN:</a></p>
<blockquote>
<p>Faire de la science ça ne veut pas dire qu'on ne peut pas se tromper.
Tous les scientifiques se trompent régulièrement. L'intérêt de la
science consiste à faire examiner nos connaissances avec une méthode
précise, afin de savoir comment on se trompe. Combien de personnes ayant
fait des déclarations qui se sont montrées erronées sont venues ensuite
dire qu'elles se sont trompées? Il est primordial de savoir reconnaître
que l'on se trompe quand c'est le cas pour faire avancer la
connaissance. Faire de la science, cultiver son esprit critique, c'est
penser contre son propre cerveau. "C'est pas une guéguerre entre les
scientifiques et la population, les scientifiques sont déjà eux-même
incultes en science. Si je vais voir un physicien du CEA où je
travaille, et que je lui demande "c'est quoi une cellule souche? c'est
quoi un OGM? c'est quoi la 5G?" il y a très peu de chances que
j'obtienne une bonne réponse. La compétence dans un domaine ne signifie
pas la compétence dans toute la science. Comment font alors les gens qui
n'ont pas la moindre formation scientifique pour faire le tri dans
toutes les informations qui leur sont proposées? Par des jeux
d'influence et d'arguments d'autorité. il nous faut restaurer l'idée
qu'il existe une différence entre une croyance et une connaissance. Et
qu'on ne peut pas être totalement dénué de croyance. On doit se poser la
question de "comment on a obtenu les connaissances que l'on a
aujourd'hui", dans l'histoire des idées? on peut tout à fait être
militant et ne pas du tout savoir comment défendre avec des arguments ce
que l'on revendique. C'est très grave, parce que ça veut dire qu'on peut
défendre tout et surtout n'importe quoi sans ne rien y comprendre. Quand
on est jeune on a beaucoup de temps pour apprendre, mais heureusement
après aussi. Encore faut il souhaiter davantage la recherche de la
vérité que de suivre aveuglément un groupe paradoxalement, la
propagation de la pensée critique - dans ce qu'elle est réellement, à
savoir, exercer sa réflexion contre nos propres biais cognitifs-
nécessite que l'on restaure des figures d'autorité scientifique.
Quelqu'un qui défend une thèse conspirationniste tout à fait farfelue en
invoquant sa pratique de l'esprit critique, ne pratique pas l'esprit
critique contre un certain ensemble de choses précises. Il faut aussi
comprendre que la science dit comment les choses sont, mais ne prescrit
pas ce que nous devons en faire. il faut faire la distinction avec ce
qui relève de l'éthique, de la prescription sociale, morale, et le rôle
de l'expert qui a une certaine connaissance de ce que les choses sont.
Prescrire une utilisation, appartient au registre du politique (et non
du politicien), dans son sens premier: les décisions relatives aux choix
de vie de la cité.</p>
</blockquote>
<p>La conférence était assez courte, et le live tooting est un exercice
qui consiste à rapporter les idées en même temps que la conférence se
fait. J'ai donc écrit ce qui suit après la fin de la conf: J'ajouterai
qu'il est primordial dans la réception de toute information de savoir
prendre du recul et se demander à quel point ce que l'on reçoit a fait
l'examen de vérifications par des gens compétents en amont. Spoiler
alert: c'est rarement le cas, et tout média vivant de la publicité ou
appartenant à des dirigeants de multinationales subissent de
l'autocensure et sont interdits de traîter énormément de sujets qui
feraient de l'ombre à leur employeur et à ses annonceurs. Ces
contraintes broient toute idée qui passe par de tels médias pour les
transformer en spectacle affriolant. C'est très différent de ce à quoi
tend la recherche de la vérité et du fonctionnement du monde empirique.
Il faut absolument cesser de croire que si quelqu'un est convaincant il
détient la vérité absolue et qu'il ne se trompe jamais. Il faut
absolument cesser de croire que toutes les opinions se valent, que tout
peut être remis en question n'importe comment (le relativisme absolu),
et que vous devez adopter n'importe quelle info sans devoir faire vous
même à un moment le tri. ça n'a jamais été une bonne idée et ça ne le
sera jamais. Au contraire, surtout si quelqu'un est incapable de
reconnaître quand il se trompe, ou qu'il ignore quelque chose, c'est
très mauvais signe quant à la fiabilité de ses communications et à son
approche du monde réel. L'indépendance des médias manque cruellement au
panorama de la communication scientifique, c'est le résultat d'un jeu de
pouvoirs qui privilégie la continuité d'une vision féodale de
l'information. Une vision que l'on peut aujourd'hui changer en
comprenant les travers actuels, les biais cognitifs, et en se servant de
l'horizontalité d'internet. Tout le monde peut se tromper, et c'est une
qualité que de reconnaître ses torts, c'est le seul moyen pour enfin
passer à autre chose et s'améliorer. La crise du <a
href="https://mastodon.cipherbliss.com/tags/COVID19">#COVID19</a> aura
permis de mettre sur le devant de la scène l'aspect catastrophique des
communications qui se revendiquent de "scientifique" alors qu'elles ne
font que se répandre dans le spectacle en donnant carte blanche et un
mégaphone aux pires charlatans qu'ils puissent trouver. Ce qui a des
conséquences sanitaires démesurées, pour lesquelles les responsables de
diffusion, ne subissent aucune ombre et font le moins de remise en
question possible. Bref, sortez couverts et bossez votre <a
href="https://skeptikon.fr/accounts/hygienementale">@hygienementale</a>
ou vous finirez par avoir La tronche en biais ;) Vous pouvez aller plus
loin dans les travaux des différentes personnes en place en visitant le
site de l' <a
href="https://mastodon.cipherbliss.com/tags/afis">#afis</a> ou en vous
procurant un des magazines "Science et Pseudo-science" <a
href="https://www.afis.org"><span>https://www.afis.org</span></a> et de
la <a href="https://mastodon.cipherbliss.com/tags/SFEN">#SFEN</a>
(société française de l'énergie nucléaire) <a
href="https://www.sfen.org"><span>https://www.sfen.org</span></a> ,
Etienne Klein a aussi son site est passe sur france culture tous les
Samedis à 16h. <a
href="https://etienneklein.fr/"><span>https://etienneklein.fr/</span></a>
Comme dirait Captain Disillusion, professionel des effets spéciaux vidéo
qui débunke des trucages: "Aimez avec votre cœur, mais pour tout le
reste, servez-vous de votre tête." je vous recommande aussi le court <a
href="https://mastodon.cipherbliss.com/tags/fanzine">#fanzine</a> à 3€
que M. Klein qualifie de tract, nommé "le goût du vrai". ça permet
d'apprendre un peu plus en détail comment mieux débattre avec des gens,
qu'ils soient des proches ou de parfaits inconnus. Voici les tags des
termes liés sur mastodon: <a
href="https://mastodon.cipherbliss.com/tags/debattonsMieux">#debattonsMieux </a><a
href="https://mastodon.cipherbliss.com/tags/communicationScientifique">#communicationScientifique</a>
<a
href="https://mastodon.cipherbliss.com/tags/nofakescience">#nofakescience</a>
<a href="https://mastodon.cipherbliss.com/tags/science">#science</a> <a
href="https://mastodon.cipherbliss.com/tags/COVID19">#COVID19</a></p>
<p><a
href="https://mastodon.cipherbliss.com/web/statuses/105225488898963210">publié
à l'origine sur Mastodon Cipherbliss</a></p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

274
html-websites/cipherbliss_blog/2020/cipherbliss_blog_230_passage-dans-lemission-libre-a-vous-le-17-novembre-2020/index.html
View File

@ -1,274 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1508</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2020-11-25 11:19:11&gt;</li>
<li>modifié: &lt;2020-11-25 11:31:54&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="passage-dans-lémission-libre-à-vous-le-17-novembre-2020">Passage
dans l'émission "Libre à vous !" le 17 novembre 2020</h2>
<p>Le 17 Novembre 2020 j'étais invité à l'Émission <em>Libre à
vous !</em> diffusée mardi 17 novembre 2020 sur radio Cause Commune. La
même émission pour laquelle j'ai proposé un script pour <a
href="https://www.cipherbliss.com/recuperer-de-la-musique-libre-de-lemission-cause-commune/">extraire
toutes les musiques libres mises à disposition par l'April</a>. J'ai
donc été invité par Frédéric Couchet pour causer de ce que je fais dans
le <a href="https://entraide.chatons.org">CHATONS</a> de l'<a
href="https://www.april.org">April</a> que l'on peut trouver sur
Chapril.org , comment j'y suis arrivé et quelles actions j'y mène pour
faire la promotion d'une solution d'organisation d'évènements en ligne
avec Mobilizon, et plus largement faire comprendre à tout un chacun les
dangers des GAFAM, et comment s'en émanciper concrètement. Voici le
fichier audio que <a
href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/20201117/libre-a-vous-20201117.ogg">vous
pouvez télécharger</a>: [embed]<a
href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/20201117/libre-a-vous-20201117.ogg%5B/embed%5D">https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/20201117/libre-a-vous-20201117.ogg[/embed]</a>
La transcription texte de l'émission est aussi disponible ici grâce au
formidable boulot de l'équipe. <a
href="https://www.april.org/libre-a-vous-radio-cause-commune-transcription-de-l-emission-du-17-novembre-2020">https://www.april.org/libre-a-vous-radio-cause-commune-transcription-de-l-emission-du-17-novembre-2020</a></p>
<blockquote>
<p><strong>Intervenant·e·s :</strong> Noémie Bergez - Élodie
Déniel-Girodon - Fabrice Noël - Baptiste Lemoine - Jean-Christophe
Becquet - Isabella Vanni - Frédéric Couchet - Étienne Gonnu à la régie
<strong>Lieu :</strong> Radio Cause Commune <strong>Date :</strong> 17
novembre 2020 <strong>Durée :</strong> 1 h 30 min <strong>Sommaire de
l'émission:</strong></p>
<ol>
<li>[[<a
href="https://www.april.org/libre-a-vous-radio-cause-commune-transcription-de-l-emission-du-17-novembre-2020#Chronique_In_code_we_trust_de_Noemie_Bergez_sur_le_theme_de_la_securisation_des_donnees">https://www.april.org/libre-a-vous-radio-cause-commune-transcription-de-l-emission-du-17-novembre-2020#Chronique_In_code_we_trust_de_Noemie_Bergez_sur_le_theme_de_la_securisation_des_donnees</a>][Chronique
« In code we trust » de Noémie Bergez sur le thème de la sécurisation
des données]]</li>
<li>[[<a
href="https://www.april.org/libre-a-vous-radio-cause-commune-transcription-de-l-emission-du-17-novembre-2020#Chronique_Pepites_libres_de_Jean-Christophe_Becquet_sur_Sounds_of_the_Forest">https://www.april.org/libre-a-vous-radio-cause-commune-transcription-de-l-emission-du-17-novembre-2020#Chronique_Pepites_libres_de_Jean-Christophe_Becquet_sur_Sounds_of_the_Forest</a>][Chronique
« Pépites libres » de Jean-Christophe Becquet sur /Sounds of the
Forest/]]</li>
<li>[[<a
href="https://www.april.org/libre-a-vous-radio-cause-commune-transcription-de-l-emission-du-17-novembre-2020#Au_coeur_de_l-April_deconfinee_._Plusieurs_personnes_actives_au_sein_de_l-April_parleront_des_groupes_de_travail_des_activites_de_l-April_son_fonctionnement._Nous_parlerons_egalement_des_coulisses_de_l-emission">https://www.april.org/libre-a-vous-radio-cause-commune-transcription-de-l-emission-du-17-novembre-2020#Au_coeur_de_l-April_deconfinee_._Plusieurs_personnes_actives_au_sein_de_l-April_parleront_des_groupes_de_travail_des_activites_de_l-April_son_fonctionnement._Nous_parlerons_egalement_des_coulisses_de_l-emission</a>][« Au
cœur de l'April (dé)confinée ». Plusieurs personnes actives au sein de
l'April parleront des groupes de travail, des activités de l'April, son
fonctionnement. Nous parlerons également des coulisses de
l'émission]]</li>
<li>[[<a
href="https://www.april.org/libre-a-vous-radio-cause-commune-transcription-de-l-emission-du-17-novembre-2020#Quoi_de_Libre_Actualites_et_annonces_concernant_l-April_et_le_monde_du_Libre">https://www.april.org/libre-a-vous-radio-cause-commune-transcription-de-l-emission-du-17-novembre-2020#Quoi_de_Libre_Actualites_et_annonces_concernant_l-April_et_le_monde_du_Libre</a>][Quoi
de Libre ? Actualités et annonces concernant l'April et le monde du
Libre]]</li>
</ol>
</blockquote>
<p>J'ai été ravi de pouvoir m'exprimer dans cette émission et causer de
mon parcours qui a débuté avant l'apparition d'internet dans les
chaumières, de comment j'ai pu mixer l'aspect dessin collaboratif,
fanzinat (Mangastyl, E-kaki, Paintchat, flood IRC, contrib
Openstreetmap… rha zut j'ai oublié de parler de <a
href="https://www.qzine.fr">Qzine.fr</a>), sorties de petite vadrouille,
accompagnements divers à l'émancipation et l'éducation populaire comme
je peux la pratiquer sur ce blog, en contribuant à divers projets en
lien avec Framasoft et les CHATONS, ou avec des ateliers associatifs en
direct avec des gens de tous les âges et tous les niveaux. Des choses
qui seront bien plus faciles à pratiquer le jour où on pourra se réunir
en live avec des gens. En attendant on s'en sort en organisant des
ateliers à distance, ou juste des prises de nouvelles informelles pour
garder le contact, avec des solutions de chatons et du logiciel libre,
tout en cherchant à ne pas prêcher du convaincu. C'est une émission qui
parait tous les Mardis, on peut en écouter un paquet depuis le temps que
ça existe. J'avais déjà écouté quelques autres diffusions avant qu'on ne
me propose d'y prêter ma voix. On y aborde des sujets à propos de
féminisme, éducation, initiatives pour rendre aux femmes leur place dans
les métiers de la technologie en général, cartographie, encyclopédie
contributive, hackerspace, tiers lieux, bio hacking, projets montrant un
autre aspect du monde comme dans la section des pépites libres,
s'informer sur tout ce qui se fait de collaboratif, comprendre mieux les
textes juridiques, s'informer découvrir la culture du monde, entendre
des gens dont je vois passer les pseudos sur Mastodon ou dans des
conférences d'évènements auquel j'ai pu me rendre. à chaque fois on
découvre des choses interessantes. Mangez-en!! Comme dirait l'autre, la
route est longue mais la voie est libre!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

274
html-websites/cipherbliss_blog/2021/cipherbliss_blog_211_plan-darchivage-et-de-backup/index.html
View File

@ -1,274 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1375</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2021-05-27 13:30:58&gt;</li>
<li>modifié: &lt;2021-05-27 13:30:58&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="plan-darchivage-et-de-backup-1">Plan d'archivage et de
backup</h2>
<p>plan<sub>darchivage20200531093512</sub></p>
<h3 id="définir-ce-que-lon-veut-sauvegarder">Définir ce que l'on veut
sauvegarder</h3>
<p>des fichiers de serveurs et sites web, ce qui inclut des sauvegardes
de bases de données régulières, des documens perso comprenant boulot et
loisirs, des copies de choses produites par d'autres gens, mon tel,</p>
<h3 id="concentrer-le-bazar">Concentrer le bazar</h3>
<p>Ranger ensemble ce qui n'est pas rangé, faire des dossiers pour le
reste. Un dossier _"<sub>BAZAR</sub>" pour tout ce qui n'est pas encore
rangé</p>
<p>Premièrement: organiser tout ça dans un seul dossier de sauvegarde
sur un périphérique avec énormément de place</p>
<h3 id="automatiser-les-sauvegardes">Automatiser les sauvegardes</h3>
<p>Compresser et historiser ce gros dossier. En faire des copies par
rsync sur d'autres disques et sur un ordinateur distant</p>
<h3 id="cloud-chiffré">cloud chiffré</h3>
<p>Tresorit. ProtonDrive.</p>
<h2 id="utiliser-votre-disque-externe.">utiliser votre disque
externe.</h2>
<p>Dans l'onglet Schedule on demande à ce que vorta soit lancé au
démarrage de l'ordinateur et qu'il s'exécute toutes les heures.</p>
<p>On a plus qu'a démarrer le premier <em>backup</em> avec le bouton en
bas, et roulez jeunesse.</p>
<p><img
src="https://www.cipherbliss.com/wp-content/uploads/2021/05/vorta.png" /></p>
<p> </p>
<p> </p>
<p>Plus qu'a attendre quelques minutes ou heures selon le volume de
trucs à sauvegarder et la force de compression que vous avez choisi.</p>
<h1 id="répliquez-les-tous">Répliquez les tous</h1>
<p>On a notre archive qui se met à jour toute seule, on a plus qu'a
sauvegarder ailleurs notre sauvegarde. Pour le grand public je conseille
donc d'utiliser Grsync, une interface graphique de Rsync, logiciel de
syncronisation de fichiers.</p>
<p>Nous devons donc dire à Grsync que l'on veut copier notre repository
(la source) vers un disque externe (la destination). On appuie sur
syncroniser, et c'est parti.</p>
<h1 id="cool-ça-marche">Cool ça marche</h1>
<p>oui, bon c'est cool tout ça, mais grsync ne va pas copier tout seul
automatiquement votre repository après les sauvegardes, et si vous
oubliez d'appuyer sur le bouton dans Grsync pendant longtemps, votre
disque externe n'est jamais à jour. Et ce qui serait bien c'est d'avoir
vos disques externes en plusieurs exemplaires, sur des lieux physiques
différents. Typiquement vous pouvez confier un disque à une amie, à
votre famille, à une asso ou dans un coffre enterré dans une enveloppe
étanche, en faisant des permutations de disque de temps à autre :D</p>
<p>Comme ça, même si chez vous survient une catastrophe vous n'aurez pas
tout perdu. Et grâce au chiffrement de votre repository, même si votre
autre lieu a un cambriolage, le contenu de l'archive ne sera pas lisible
sans la phrase de passe.</p>
<p>C'est pourquoi je préfère utiliser un script de syncro qui se lance
automatiquement par cronjob toutes les x minutes. Mais ça, c'est une
autre histoire.</p>
<h1 id="tester-la-restauration">Tester la restauration</h1>
<p>Dernier point, vérifiez que vous pouvez restaurer des fichiers avec
votre repository de temps en temps. Parce que c'est bien beau de faire
des archives, si elles sont corrompues ça ne vous aidera pas quand la
bise sera venue. Un bon petit rappel de calendrier tous les 3 mois
devrait vous aider à vérifier que tout est propre.</p>
<h1 id="faire-du-propre-dans-sa-maison">Faire du propre dans sa
maison</h1>
<p>En parlant de propre, vous pouvez utiliser Baobab pour visualiser les
dossiers qui prennent le plus de place. Ce logiciel libre est déjà
présent dans ubuntu. Le meilleur moyen d'avoir des archives utiles reste
de supprimer le merdier qu'elle contient. C'est une tâche longue et
difficile, mais ça vaut le coup si on veut ensuite pouvoir retrouver
très rapidement des choses par un simple ctrl+f dans ses dossiers.</p>
<p>/baobab <em>home</em></p>
<p>lancez le sur votre home pour trouver les trucs à virer de vos
archives.</p>
<p>Si vous avez des astuces aussi, faites passer! :)</p>
<p>[caption id="attachment<sub>1559</sub>" align="aligncenter"
width="620"]<a
href="https://www.cipherbliss.com/wp-content/uploads/2021/05/strategie_backup-scaled.jpg">[[<span>https://www.cipherbliss.com/wp-content/uploads/2021/05/strategie_backup-724x1024.jpg</span></a>]]
Created with GIMP[/caption]</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

307
html-websites/cipherbliss_blog/2021/cipherbliss_blog_233_actus-de-fevrier-2021/index.html
View File

@ -1,307 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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: 1543</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2021-02-23 00:54:00&gt;</li>
<li>modifié: &lt;2021-02-23 00:54:00&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="actus-de-février-2021">Actus de Février 2021</h2>
<p>Bonjour monde! Depuis la dernière fois avec <a
href="https://framadate-api.cipherbliss.com/#/ciphering">la page des
Ciphers</a> j'ai eu une semaine assez occupée.</p>
<p>Mardi je me suis rendu dans les locaux de <a
href="https://cause-commune.fm">CauseCommune</a> pour l'émission "<a
href="https://april.org/libre-a-vous">Libre à vous !</a>" du Mardi où
j'ai pu causer avec Madix, Isabella Vanni, Luk, Étienne, Vincent, et
d'autres chouettes gens de l'<a href="https://april.org">April</a> et de
la radio 93.1 FM.</p>
<p><a
href="https://www.april.org/libre-a-vous-diffusee-mardi-16-fevrier-2021-sur-radio-cause-commune">https://www.april.org/libre-a-vous-diffusee-mardi-16-fevrier-2021-sur-radio-cause-commune</a></p>
<p>On a causé d'actions pro libre dans l'éducation, moi en tant que
parent d'élève, et Adrien (aka Neox, gérant du serveur XMPP du Chapril)
en tant qu'élève du supérieur dans une fac d'informatique.</p>
<p>Le podcast audio sera bientôt disponible et sa transcription a été
faite par Marie Odile, comme pour toutes les émissions de Libre à
vous.</p>
<p>On a aussi fait des photos</p>
<p><a
href="https://photos.april.org/index.php?/category/364">https://photos.april.org/index.php?/category/364</a></p>
<p><img
src="https://photos.april.org/_data/i/upload/2021/02/17/20210217160203-3ff5246c-me.jpg" /></p>
<p><img
src="https://photos.april.org/_data/i/upload/2021/02/17/20210217160213-e4f19e18-me.jpg" /></p>
<p><img
src="https://photos.april.org/_data/i/upload/2021/02/17/20210217160214-8664e78f-me.jpg" /></p>
<p><img
src="https://photos.april.org/_data/i/upload/2021/02/17/20210217160207-a276352d-me.jpg" /></p>
<p>C'était une très chouette expérience, et on a du écourter au maximum
à cause du couvre feu T<sub>T</sub></p>
<p>à propos de transcriptions, l'April a récemment publié <a
href="https://www.librealire.org/">Libre à lire point org</a> qui
regroupe tous les textes de l'émission, je me disais qu'il devait bien
exister des outils libres pour faire de l'aide à la transcription,
depuis bien avant que Mozilla sorte CommonVoice. En effet il en existe
des tas, c'est juste qu'ils sont pas bien faciles à faire
fonctionner.</p>
<p>Donc j'en ai essayé quelques uns en faisant pousser ma barbe, jusqu'à
trouver un qui soit en mesure de faire fonctionner sa démo selon sa
propre documentation.</p>
<p>J'ai pioché un exemple avec une lib en python nommée Vosk et soudain,
miracle, ça fonctionnait! et il y avait des modèles de données audio en
Français disponibles. J'ai donc tenté le coup sur un fichier audio de
quelques secondes où les gens parlaient très clairement et le résultat
était vraiment pas mal, pour très peu de code à faire.</p>
<p>J'ai donc entrepris de publier un dépôt git que tout le monde
pourrait installer un peu plus facilement que ce que j'ai eu à faire. il
suffit de suivre le guide du Readme, qui s'affiche sur l'accueil du
projet:</p>
<p><a
href="https://forge.chapril.org/tykayn/transcription">https://forge.chapril.org/tykayn/transcription</a></p>
<p>Le but du jeu étant de faire ceci:</p>
<ul>
<li>mettre les fichiers audio et vidéos dans un dossier en vue de les
transcrire.</li>
<li>lancer un script.</li>
<li>et hop, c'est bon</li>
</ul>
<p>on obtient un fichier texte de la transcription pour chacun des
fichiers sons ou vidéos demandés, dans des formats texte simple, texte
précédé par une info minute et seconde, et vrai fichier sous titre
<em>.srt</em> à ajouter dans une vidéo.</p>
<p>J'ai pu comme ça filer un coup de main à Marie Odile pour une
émission Décryptualité,</p>
<p>puis en causant sur IRC il y a eu aussi Khrys de Parinux qui bosse
avec d'autres gens à transcrire à la mano des conférences de la FFDN,
par exemple celles de Benjamin Bayard, le plus célèbre des "vieux con
des Internets".</p>
<p>une fois qu'on a installé le truc par la magie d'un <strong>git
clone</strong> et d'un <strong>make</strong> ça marche plutôt pas mal
pour faire une bonne base de travail et gagner plein de temps.</p>
<p>Mon script de conversion est documenté en français et sous licence
libre AGPLv3, afin de demeurer libre.</p>
<p>Je l'ai testé sur [[<a
href="https://peertube.cipherbliss.com/videos/watch/8a4bd1d7-f2f5-4773-af75-8f036a65c3f3">https://peertube.cipherbliss.com/videos/watch/8a4bd1d7-f2f5-4773-af75-8f036a65c3f3</a>][ma
vidéo de démonstration des ebook et mis en ligne le résultat du sous
titrage automatique]], l'idée générale est pas trop mal rendue dans les
transcriptions, mais beaucoup de mots que j'ai utilisé dans cette vidéo
sont pas évident à comprendre pour le bouzin. Rien que <em>MarkDown</em>
ou <em>Chapril</em> ça donne des remplacement marrants :D</p>
<p>Le script ne distingue pas encore les différentes personnes qui
parlent mais quelqu'un sur mastodon bosse sur le sujet et on se cause
tous les jours.</p>
<p>Breffe, ça pourrait vous être utile ce petit outil de transcription.
En tous cas, pour l'équipe de la radio (et les gens qui apprécient
d'avoir des logiciels libres faisant dans l'accessibilité à toutes les
déficiences, et particulièrement celles où on a besoin de lire) ça vaut
son pesant d'or ce genre de truc!</p>
<p>Le gros défi étant de rendre le truc lançable par des gens qui ne
sont pas à l'aise avec la programmation. Rien que lire le mode d'emploi
est un défi :D</p>
<p>J'aimerais rendre le truc aussi simple à utiliser qu'Etcher l'est
pour graver un iso.</p>
<p>Mais ça c'est pas pour tout de suite. Je dois me pencher pour faire
avancer Framadate.</p>
<p>En attendant, aujourd'hui a été publié officiellement l'ouverture du
service <a
href="https://mobilizon.chapril.org">https://mobilizon.chapril.org</a>
pour s'organiser de la plus intime raclette à la plus grande manif
internationale et autres entre deux en visio. Parinux utilise Mobilizon
pour ses soirées hebdo du jeudi et plein de gens aussi, comme les
collectifs chatons, les gens de framasoft, et certains gens font de
l'import massif depuis d'autres sources d'agendas en ligne.</p>
<p><a
href="https://mobilizon.chapril.org">[[<span>https://www.chapril.org/IMG/arton45.jpg?1607689105</span></a>]]</p>
<p>Donc vouala, pas mal de trucs et j'avance doucement sur mes lectures.
Coucou "science et pseudo science du 1er trimestre 2021", ainsi qu'un
autre sur Ada Lovelace, "La beauté des nombres").</p>
<p>à bientôt les cocos.</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

250
html-websites/cipherbliss_blog/2021/cipherbliss_blog_238_des-sauvegardes-qui-durent-mille-ans/index.html Normal file
View File

@ -0,0 +1,250 @@
<!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: 1595</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2021-09-27 09:22:38&gt;</li>
<li>modifié: &lt;2021-09-27 09:22:42&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="des-sauvegardes-qui-durent-mille-ans-1">Des sauvegardes qui
durent mille ans</h2>
<p>ceci<sub>estduhtml</sub></p>
<p>&lt;!– wp:paragraph –&gt; &lt;p&gt;J'ai animé un atelier au cours du
premier camp CHATONS qui a eu lieu le week-end dernier. (Le &lt;a
href="<a
href="https://www.chatons.org/">https://www.chatons.org/</a>"&gt;Collectif
des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et
Solidaires&lt;/a&gt; vise à rassembler des structures proposant des
&lt;strong&gt;services en ligne libres, éthiques et
décentralisés&lt;/strong&gt; afin de permettre aux utilisateur⋅ices de
&lt;a href="<a
href="https://www.chatons.org/search/by-service">https://www.chatons.org/search/by-service</a>"&gt;trouver
rapidement des alternatives&lt;/a&gt; respectueuses de leurs données et
de leur vie privée)&lt;/p&gt; &lt;!– /wp:paragraph –&gt;</p>
<p>&lt;!– wp:paragraph –&gt; &lt;p&gt;Pas de compte rendu du camp en lui
même pour tout de suite, cependant voici un résumé de l'atelier qui aura
duré près d'une heure.&lt;br&gt;&lt;a href="<a
href="https://libreto.sans-nuage.fr/camps-chatons/programme">https://libreto.sans-nuage.fr/camps-chatons/programme</a>"&gt;<a
href="https://libreto.sans-nuage.fr/camps-chatons/programme">https://libreto.sans-nuage.fr/camps-chatons/programme</a>&lt;/a&gt;&lt;br&gt;&lt;br&gt;Comment
se protéger des pertes de données et ne pas perdre la confiance et les
précieuses données des membres de son
CHATONS?&lt;br&gt;&lt;br&gt;L'atelier aborde la définition d'un modèle
de menace pour savoir contre quoi se prémunir, et quels critères de
qualité utiliser pour réaliser automatiquement ses sauvegardes en tant
que particulier, ou en tant que CHATONS.&lt;br&gt;On y voit de la façon
la plus "grand public" à la façon la plus "techno geek" comment
récupérer ses données éparpillées en ligne, historiser, chiffrer,
dédupliquer, compresser, répliquer, partager les clés d'accès, et
prévoir des restaurations périodiques, de sorte que les données les plus
cruciales survivent à leurs administrateurs et
administratrices.&lt;/p&gt; &lt;!– /wp:paragraph –&gt;</p>
<p>&lt;!– wp:image
{"id":1598,"sizeSlug":"large","linkDestination":"none"} –&gt; &lt;figure
class="wp-block-image size-large"&gt;&lt;img src="<a
href="https://www.cipherbliss.com/wp-content/uploads/2021/09/Screenshot_2021-09-27-Les-Sauvegardes-automatiques-Slides-1024x747.jpg">https://www.cipherbliss.com/wp-content/uploads/2021/09/Screenshot_2021-09-27-Les-Sauvegardes-automatiques-Slides-1024x747.jpg</a>"
alt="" class="wp-image-1598"/&gt;&lt;figcaption&gt;Jancovici et le
stockage à froid, une remarquable utilisation des couches géologiquement
stables&lt;/figcaption&gt;&lt;/figure&gt; &lt;!– /wp:image –&gt;</p>
<p>&lt;!– wp:paragraph –&gt; &lt;p&gt;&lt;br&gt;Liens:&lt;br&gt;Les
slides sont disponibles ici:&lt;br&gt;&lt;a href="<a
href="https://slides.com/tykayn/les-sauvegardes-automatiques">https://slides.com/tykayn/les-sauvegardes-automatiques</a>"&gt;<a
href="https://slides.com/tykayn/les-sauvegardes-automatiques">https://slides.com/tykayn/les-sauvegardes-automatiques</a>&lt;/a&gt;&lt;br&gt;&lt;br&gt;La
feuille de calcul pour cartographier son matériel&lt;br&gt;&lt;a
href="<a
href="https://cloud.tykayn.fr/index.php/s/KQfYHpaSpgwrWam">https://cloud.tykayn.fr/index.php/s/KQfYHpaSpgwrWam</a>"&gt;<a
href="https://cloud.tykayn.fr/index.php/s/KQfYHpaSpgwrWam">https://cloud.tykayn.fr/index.php/s/KQfYHpaSpgwrWam</a>&lt;/a&gt;&lt;/p&gt;
&lt;!– /wp:paragraph –&gt;</p>
<p>&lt;!– wp:paragraph –&gt; &lt;p&gt;Le site des CHATONS:
&lt;br&gt;&lt;a href="<a
href="https://www.chatons.org">https://www.chatons.org</a>"&gt;<a
href="https://www.chatons.org">https://www.chatons.org</a>&lt;/a&gt;&lt;/p&gt;
&lt;!– /wp:paragraph –&gt;</p>
<p>&lt;!– wp:paragraph –&gt; &lt;p&gt;Le forum où tout se
discute:&lt;br&gt;&lt;a href=" <a
href="https://forum.chatons.org">https://forum.chatons.org</a>"&gt; <a
href="https://forum.chatons.org">https://forum.chatons.org</a>&lt;/a&gt;&lt;/p&gt;
&lt;!– /wp:paragraph –&gt;</p>
<p>&lt;!– wp:paragraph –&gt; &lt;p&gt;La documentation pour ne pas
réinventer la roue: &lt;br&gt;&lt;a href="<a
href="https://wiki.chatons.org">https://wiki.chatons.org</a>"&gt;<a
href="https://wiki.chatons.org">https://wiki.chatons.org</a>&lt;/a&gt;&lt;/p&gt;
&lt;!– /wp:paragraph –&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

223
html-websites/cipherbliss_blog/2021/cipherbliss_blog_239_nouvelles-doctobre-2021/index.html Normal file
View File

@ -0,0 +1,223 @@
<!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: 1600</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2021-10-23 19:23:07&gt;</li>
<li>modifié: &lt;2021-10-23 19:38:11&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="nouvelles-doctobre-2021-1">Nouvelles d'Octobre 2021</h2>
<p>ceci<sub>estduhtml</sub></p>
<p>&lt;!– wp:paragraph –&gt; &lt;p&gt;j'espère que ça roule pour tout le
monde en ce début de vacances.&lt;br&gt;J'ai pu faire un atelier sur la
création graphique et le dessin à Gometz, et suite à son succès je
réitère l'expérience pendant les 4 prochaines semaines et ai publié ces
évènements sur l'agenda du libre et sur mobilizon.&lt;br&gt;J'en ai
profité aussi pour alimenter le mobilizon d'OSM avec les prochains
évènements référencés sur le wiki, l'agenda du libre, microcosm, et
d'autres recherches.&lt;br&gt;&lt;br&gt;La nouvelle version de Framadate
avance, on peut tester les maquettes sur sketch, un outil non libre
:D&lt;br&gt;&lt;a href="<a
href="https://www.sketch.com/s/5833607c-e93e-4e9b-9c7e-0614238c6d8c/a/JnbVGxk/play">https://www.sketch.com/s/5833607c-e93e-4e9b-9c7e-0614238c6d8c/a/JnbVGxk/play</a>"&gt;<a
href="https://www.sketch.com/s/5833607c-e93e-4e9b-9c7e-0614238c6d8c/a/JnbVGxk/play">https://www.sketch.com/s/5833607c-e93e-4e9b-9c7e-0614238c6d8c/a/JnbVGxk/play</a>&lt;/a&gt;&lt;br&gt;J'ai
pas encore de démo qui ressemble vraiment à cette
maquette.&lt;br&gt;&lt;br&gt;Cependant j'ai avancé sur l'exportateur
d'archive mastodon qui fournit des stats et un rendu HTML filtrable à
partir du contenu d'une archive mastodon. On peut filtrer les posts
selon qu'ils aient des médias attachés ou non, un nombre min et max de
caractères, un terme de recherche basique, et on obtient des
statistiques sur les tags qu'on a utilisé, ainsi que les gens a qui on a
envoyé nos posts mastodon, le tout entièrement hors
ligne.&lt;br&gt;&lt;a href="<a
href="https://forge.chapril.org/tykayn/mastodon-archive-stats">https://forge.chapril.org/tykayn/mastodon-archive-stats</a>"&gt;<a
href="https://forge.chapril.org/tykayn/mastodon-archive-stats">https://forge.chapril.org/tykayn/mastodon-archive-stats</a>&lt;/a&gt;&lt;br&gt;&lt;br&gt;Et
j'ai enfin pu participer a une réunion mensuelle CHATONS, victoire! du
coup y'a de l'activité à suivre sur le forum chatons :D&lt;br&gt;&lt;a
href="<a
href="https://forum.chatons.org">https://forum.chatons.org</a>"&gt;<a
href="https://forum.chatons.org">https://forum.chatons.org</a>&lt;/a&gt;&lt;/p&gt;
&lt;!– /wp:paragraph –&gt;</p>
<p>&lt;!– wp:paragraph –&gt; &lt;p&gt;On prévoit de lancer le premier
chapéro parisien de l'année en Novembre, voir les détails sur le
forum.&lt;br&gt;&lt;br&gt;J'avance sur ma gestion de tâches avec emacs /
orgmode. Le chemin est long mais ça vaut le coup.&lt;br&gt;&lt;br&gt;et
vous quoi de beau?&lt;/p&gt; &lt;!– /wp:paragraph –&gt;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

230
html-websites/cipherbliss_blog/2021/cipherbliss_blog_240_video-du-premier-chatons-camp-2021/index.html Normal file
View File

@ -0,0 +1,230 @@
<!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: 1606</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2021-10-23 19:50:28&gt;</li>
<li>modifié: &lt;2021-10-23 19:50:28&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="vidéo-du-premier-chatons-camp-2021">Vidéo du premier CHATONS
Camp 2021</h2>
<p>ceci<sub>estduhtml</sub></p>
<p>&lt;iframe title="Présentation du collectif des Chatons (Camp Chatons
2021)" src="<a
href="https://video.colibris-outilslibres.org/videos/embed/e320c9f7-e1d4-4e47-bc92-eacb1280e282">https://video.colibris-outilslibres.org/videos/embed/e320c9f7-e1d4-4e47-bc92-eacb1280e282</a>"
width="560" height="315" frameborder="0" sandbox="allow-same-origin
allow-scripts allow-popups"
allowfullscreen="allowfullscreen"&gt;&lt;/iframe&gt; Voici un premier
aperçu du camp CHATONS qui a eu lieu dans l'éco lieu du Vigan, nommé la
fabrègue. On peut m'y voir faire mon atelier sur les backups qui durent
mille ans, un prérequis pour fonder son propre CHATONS.</p>
<p>Je vous en dirai plus un peu plus tard mais c'était tellement
chouette ces quelques 3 jours pour faire ensemble plein de choses,
découvrir les initatives existantes pour se libérer des GAFAM et
apprendre les uns des autres, le tout dans une ambiance super
décontractée, avec un lieu incroyablement prometteur.</p>
<p>Voici quelques éléments en plus, vous en trouverez bien d'autres sur
le forum des chatons. &lt;a href="<a
href="https://forum.chatons.org">https://forum.chatons.org</a>"&gt;<a
href="https://forum.chatons.org">https://forum.chatons.org</a>&lt;/a&gt;
&lt;ul&gt; &lt;li&gt;la &lt;a href="<a
href="https://video.colibris-outilslibres.org/w/u3HfhsQgKZkKZxsNf29D8G">https://video.colibris-outilslibres.org/w/u3HfhsQgKZkKZxsNf29D8G</a>"
rel="noopener nofollow ugc"&gt;vidéo de présentation du collectif
Chatons &lt;span class="badge badge-notification clicks" title="12
clics"&gt;12&lt;/span&gt;&lt;/a&gt; , déjà 168 vues en 3 jours, soit
l’équivalent du million sur youtube ø/&lt;/li&gt; &lt;li&gt;les
restitutions des souvenirs du futur des chatons en 2031, &lt;a href="<a
href="https://video.colibris-outilslibres.org/w/6SkAsiKdTrfueyJsiC6b8a">https://video.colibris-outilslibres.org/w/6SkAsiKdTrfueyJsiC6b8a</a>"
rel="noopener nofollow ugc"&gt;groupe 1&lt;/a&gt;, &lt;a href="<a
href="https://video.colibris-outilslibres.org/w/ckzGy9msoigFQ3Xrx6qmQT">https://video.colibris-outilslibres.org/w/ckzGy9msoigFQ3Xrx6qmQT</a>"
rel="noopener nofollow ugc"&gt;groupe 2&lt;/a&gt;, &lt;a href="<a
href="https://video.colibris-outilslibres.org/w/292CD5GY48M838HLgqNASn">https://video.colibris-outilslibres.org/w/292CD5GY48M838HLgqNASn</a>"
rel="noopener nofollow ugc"&gt;groupe  &lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="<a
href="https://photos.colibris-outilslibres.org/index.php?/category/409">https://photos.colibris-outilslibres.org/index.php?/category/409</a>"
rel="noopener nofollow ugc"&gt;les photos&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt; Tout est disponible sous licence CC BY SA (Attribution
Edouard Marchal).</p>
<p>&lt;a href="<a
href="https://forum.chatons.org/c/collectif/camp-chatons-2021/85">https://forum.chatons.org/c/collectif/camp-chatons-2021/85</a>"&gt;<a
href="https://forum.chatons.org/c/collectif/camp-chatons-2021/85">https://forum.chatons.org/c/collectif/camp-chatons-2021/85</a>&lt;/a&gt;</p>
<p>&amp;nbsp;</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

235
html-websites/cipherbliss_blog/2022/cipherbliss_blog_241_programme-pour-une-annee-2022-moins-pire/index.html Normal file
View File

@ -0,0 +1,235 @@
<!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: 1614</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2022-01-06 18:35:54&gt;</li>
<li>modifié: &lt;2022-01-06 21:14:35&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="programme-pour-une-année-2022-moins-pire">Programme pour une
année 2022 moins pire</h2>
<p>ceci<sub>estduhtml</sub></p>
<p>Woof, que de choses se sont passées cette année Migration d'un
système de gestion de projets depuis Getting Things Gnome vers des
fichiers Orgmode dans Emacs, qui reste une chose compliquée et
nécessitant de nombreux ajustements pour en avoir une utilisation
efficace. Plein de donations envoyées à des assos, ainsi que des
créateurs et créatrices (comme Wikimedia, Archive.org, Gnupg, La
quadrature du net, Nos Oignons, Framasoft, Openstreetmap, les voix du
nucléaire, Le Réveilleur, Méta de choc…) pour un montant total d'environ
1500€ dans l'année passée.</p>
<p>Aucune donation reçue sur le compte liberapay de cipherbliss cette
année comparée à l'année précédente. Si vous trouvez que les services
déployés par mon entreprise et que ce que l'on fait ici vous est utile,
je vous invite à nous faire un don par ici &lt;a href="<a
href="https://liberapay.com/cipherbliss">https://liberapay.com/cipherbliss</a>"&gt;<a
href="https://liberapay.com/cipherbliss">https://liberapay.com/cipherbliss</a>&lt;/a&gt;.
ça nous aide à payer les infrastructures (700€ par an pour mastodon,
peertube, leurs backups et d'autres choses à venir) dégager d'avantage
de temps à la modération des service, leur maintenance, la mise en place
d'ateliers gratuits d'éducation populaire et l'amélioration de logiciels
libres.</p>
<p>Le boulot, c'était pas évident durant 2020, mais au final ça a pu se
faire à peu près normalement et à quasi 100% en télétravail, avec
d'avantage de missions en direct avec le client, ce qui est mieux sur
beaucoup de points quand on est freelance. Alors que d'habitude des tas
de boites me contactent régulièrement, même si j'affiche ne pas être
disponible, c'était le calme plat pendant les premières périodes de
confinement, soit les trois quarts de 2020. 2021 s'est déroulé un brin
plus normalement de ce côté là. Et la famille, bah ça se passe. Les
amis, on les voit un peu plus quand y'a pas moult contaminations de
partout et moyens de santé publique défoncés. Donc pas hyper souvent non
plus. Et le turfu pour cette année? Premièrement, réaliser au moins un
café vie privée dans des petits patelins d'Essonne. &lt;a href="<a
href="https://www.cipherbliss.com/wp-content/uploads/2022/01/affiche-scaled.jpg">https://www.cipherbliss.com/wp-content/uploads/2022/01/affiche-scaled.jpg</a>"&gt;&lt;img
class="aligncenter size-large wp-image-1615" src="<a
href="https://www.cipherbliss.com/wp-content/uploads/2022/01/affiche-724x1024.jpg">https://www.cipherbliss.com/wp-content/uploads/2022/01/affiche-724x1024.jpg</a>"
alt="" width="620" height="877" /&gt;&lt;/a&gt; Le premier aura lieu le
Samedi 22 Janvier, voilà son &lt;a href="<a
href="https://mobilizon.chapril.org/events/8ca0c0e3-3c3e-4ec1-92bd-13507f1a3a08">https://mobilizon.chapril.org/events/8ca0c0e3-3c3e-4ec1-92bd-13507f1a3a08</a>"&gt;évènement
mobilizon.&lt;/a&gt; ça causera gestionnaire de mot de passe et vie
privée en général. Puis sortir une version bêta pour Framadate funky,
sous un nom à définir avec la DINUM. Compléter mon wiki personnel,
publier des tas de dessins et leurs sources numériques. Faire davantage
de vélo, voir un peu plus de monde. Et on sera déjà bien.</p>
<p>Et vous, que prévoyez vous de beau cette année?</p>
<p>Allez à tantôt!</p>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>

185
html-websites/cipherbliss_blog/2024/20241108151758-ça-déménage/index.html
View File

@ -1,185 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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="ça-déménage-1">Ça déménage</h1>
<p>Oui ce blog fait bouger les lignes avec son générateur statique fait
maison. La peinture est fraîche.</p>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

192
html-websites/cipherbliss_blog/2024/soutien/index.html
View File

@ -1,192 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<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" />
<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="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>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>

13
html-websites/cipherbliss_blog/index.html
View File

File diff suppressed because one or more lines are too long

125
html-websites/cipherbliss_blog/style.css
View File

@ -1,125 +0,0 @@
* {
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;
}
}

85
index_cipherbliss_blog.gmi
View File

@ -1,85 +0,0 @@
# cipherbliss_blog - Articles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
# Navigation
-------------------------
=> index..gmi
=> contact..gmi
# Articles en Français
-------------------------
=> 20241108151758-ça-déménage..gmi
=> 2024-11-03-soutien..gmi
=> 2024-11-03-création-d'un-blog-gemini..gmi
=> 20210527133058_cipherbliss_blog_211_plan-darchivage-et-de-backup..gmi
=> 20210223005400_cipherbliss_blog_233_actus-de-fevrier-2021..gmi
=> 20201125111911_cipherbliss_blog_230_passage-dans-lemission-libre-a-vous-le-17-novembre-2020..gmi
=> 20201118110346_cipherbliss_blog_229_live-toot-de-la-conference-avec-etienne-klein..gmi
=> 20201112113141_cipherbliss_blog_228_recuperer-de-la-musique-libre-de-lemission-cause-commune..gmi
=> 20200714140305_cipherbliss_blog_223_refonte-de-framadate-avec-api..gmi
=> 20200621104759_cipherbliss_blog_218_entraide-locale-avec-des-affiches-et-un-pad-en-ligne..gmi
=> 20191028100923_cipherbliss_les-plateformes-sociales-privatives..gmi
=> 20190819145346_cipherbliss_blog_206_comment-se-faire-des-amis-sur-mastodon..gmi
=> 20190819144521_cipherbliss_blog_205_comment-devenir-un-artiste-a-succes-sur-mastodon..gmi
=> 20190721110110_cipherbliss_blog_201_lappel-du-collectif-nofakescience-sur-le-traitement-desastreux-de-la-science-dans-les-medias..gmi
=> 20190222134640_cipherbliss_blog_186_debuter-sur-openstreetmaps..gmi
=> 20190109154442_cipherbliss_blog_187_une-vraie-matiere-de-programmation-informatique-au-lycee..gmi
=> 20181119164812_cipherbliss_blog_181_comment-se-delester-de-la-charge-mentale..gmi
=> 20181009143617_cipherbliss_blog_175_10-raisons-pour-lesquelles-lopen-source-est-bon-pour-les-affaires..gmi
=> 20180928165919_cipherbliss_blog_177_les-obstacles-les-plus-frequents-au-travail-dequipe..gmi
=> 20180822122238_cipherbliss_blog_150_comment-ne-pas-repartir-de-zero-a-chaque-nouvel-ordi..gmi
=> 20180803160326_cipherbliss_blog_168_comment-ne-plus-perdre-de-temps-avec-ses-mots-de-passe..gmi
=> 20180713153958_cipherbliss_blog_167_la-detresse-emotionnelle-pour-installer-un-programme..gmi
=> 20180207120417_cipherbliss_blog_153_cest-du-tres-loud-du-tres-tres-lourd..gmi
=> 20170927222054_cipherbliss_blog_131_lautohebergement-cest-tellement-bien..gmi
=> 20170203145717_cipherbliss_blog_129_comment-facebook-choisit-vos-amis-a-votre-place..gmi
=> 20161226174242_cipherbliss_blog_127_faire-ses-factures-avec-libreoffice-ou-google-sheet..gmi
=> 20160925220750_cipherbliss_blog_124_ne-vous-dites-pas-programmeur..gmi
=> 20160824153918_cipherbliss_blog_121_changer-lediteur-de-texte-associe-a-git..gmi
=> 20160726204835_cipherbliss_blog_1_la-galaxie-des-fanzines..gmi
=> 20160726092648_cipherbliss_blog_2_ubuntu-party-15-10..gmi
=> 20160726084700_cipherbliss_blog_3_exporter-une-visualisation-de-son-schma-sql..gmi
=> 20160726082722_cipherbliss_blog_4_le-dysoon-de-djo..gmi
=> 20160511192505_cipherbliss_blog_5_conversion-de-pdf-en-image-et-ocr..gmi
=> 20160510145657_cipherbliss_blog_6_retour-d-exprience..gmi
=> 20160421131007_cipherbliss_blog_7_le-petit-printf..gmi
=> 20160102110725_cipherbliss_blog_10_gestion-de-projet..gmi
=> 20151208091242_cipherbliss_blog_11_twig-et-angular..gmi
=> 20151122152143_cipherbliss_blog_12_convertir-les-fichiers-de-config-de-symfony2-facilement..gmi
=> 20151122094803_cipherbliss_blog_13_2-degrs-avant-la-fin-du-monde..gmi
=> 20151118165642_cipherbliss_blog_14_il-suffit..gmi
=> 20151118102152_cipherbliss_blog_15_dveloppez-le-commerce-localhost..gmi
=> 20151116113834_cipherbliss_blog_16_inspirer-les-femmes-prendre-les-postes-qui-faconnent-le-monde..gmi
=> 20151111123141_cipherbliss_blog_17_les-resources-du-blog-sur-github..gmi
=> 20151108152227_cipherbliss_blog_18_dbuter-sa-gestion-de-projet..gmi
=> 20150925133619_cipherbliss_blog_20_dual-boot-windows-10-et-linux..gmi
=> 20150909150013_cipherbliss_blog_21_le-triangle-du-projet..gmi
=> 20150908121246_cipherbliss_blog_22_avoir-une-vie-prive..gmi
=> 20150706140018_cipherbliss_blog_24_des-live-templates-pour-angular-dans-intellij..gmi
=> 20150702150433_cipherbliss_blog_25_le-bash-de-vos-rves..gmi
=> 20150701120014_cipherbliss_blog_27_des-tests-plus-rapides-avec-jasmine..gmi
=> 20150630151830_cipherbliss_blog_28_paye-ton-arrondi-en-js..gmi
=> 20150626210550_cipherbliss_blog_29_installer-cozy-cloud-sur-son-serveur-ubuntu-14-04..gmi
=> 20150514195327_cipherbliss_blog_32_gnrateur-angular-jeej..gmi
=> 20150422104016_cipherbliss_blog_33_whatis-love..gmi
=> 20150421092707_cipherbliss_blog_34_faites-bosser-internet-pour-vous-avec-if-this-then-that..gmi
=> 20150417110334_cipherbliss_blog_37_calculez-votre-heure-de-rveil..gmi
=> 20150407142422_cipherbliss_blog_38_un-datepicker-dans-un-formulaire-symfony2..gmi
=> 20150330080405_cipherbliss_blog_39_les-dates-importantes-de-votre-vie..gmi
=> 20150330075127_cipherbliss_blog_40_les-24h-de-la-bd-et-autres-vnements-ont-leur-planning..gmi
=> 20150330074730_cipherbliss_blog_41_du-php-sexiste..gmi
=> 20150316092450_cipherbliss_blog_42_digital-learning-day-2015..gmi
=> 20150304150212_cipherbliss_blog_43_paye-ton-explication..gmi
=> 20141219122836_cipherbliss_blog_45_la-filbre-optique-c-est-pas-gagn..gmi
=> 20141219122038_cipherbliss_blog_46_la-neutralit-du-net..gmi
=> 20141016105818_cipherbliss_blog_47_capturer-et-annoter-facilement..gmi
=> 20140910192438_cipherbliss_blog_48_signez-pour-la-neutralit-du-net..gmi
=> 20140904202028_cipherbliss_blog_49_schema-graphique-de-base-de-donnes..gmi
=> 20140904100304_cipherbliss_blog_50_la-thorie-des-chaines-de-caractre..gmi
=> 20140811095601_cipherbliss_blog_51_distributions-img-et-sauvegarde-de-carte-sd..gmi
=> 20131207203655_cipherbliss_blog_68_afficher-le-jour-de-la-semaine-dans-la-barre-d-ubuntu..gmi
=> 20131127221604_cipherbliss_blog_70_dcaler-les-sous-titres-dans-vlc-media-player..gmi
=> 20130606195819_cipherbliss_blog_78_clavier-lumineux..gmi
=> 20120912132000_cipherbliss_blog_89_tutoriel-de-plugin-jquery..gmi
=> 20111206041850_cipherbliss_blog_110_maison-l-preuve-des-zombies-et-des-tmoins-de-jovah..gmi

2
sources/cipherbliss_blog/with_html/20111126170159_cipherbliss_blog_120_bienvenue-sur-informageek.org → sources/cipherbliss_blog/de coté/20111126170159_cipherbliss_blog_120_bienvenue-sur-informageek.org
View File

@ -13,7 +13,7 @@
** Bienvenue sur Informageek ! ** Bienvenue sur Informageek !
:html: ceci_est_du_html
<p><img alt="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png" /></p> <p><img alt="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png" /></p>
<p><br />Salut les ptis poulets et bienvenue dans un lieu de déperdition geekesque où vont s'affronter divers centres d'intérêt autour des nouvelles technologies, de la programmation et de l'insolite du web. Bonne visite!</p> <p><br />Salut les ptis poulets et bienvenue dans un lieu de déperdition geekesque où vont s'affronter divers centres d'intérêt autour des nouvelles technologies, de la programmation et de l'insolite du web. Bonne visite!</p>

2
sources/cipherbliss_blog/with_html/20111129153113_cipherbliss_blog_119_geek-nerd-dork.org → sources/cipherbliss_blog/de coté/20111129153113_cipherbliss_blog_119_geek-nerd-dork.org
View File

@ -13,7 +13,7 @@
** Geek, nerd, dork? ** Geek, nerd, dork?
:html: ceci_est_du_html
<p><img src="https://tykayn.fr/wp-content/uploads/i/2011/11novembre/bebe_geek.jpg" alt="bebe geek" style="display:block; margin:0 auto;" /><br /> <p><img src="https://tykayn.fr/wp-content/uploads/i/2011/11novembre/bebe_geek.jpg" alt="bebe geek" style="display:block; margin:0 auto;" /><br />
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.<br /> 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.<br />

2
sources/cipherbliss_blog/with_html/20111129161519_cipherbliss_blog_118_ssd-tuto-de-remplacement-sur-pc-portable-laptop.org → sources/cipherbliss_blog/de coté/20111129161519_cipherbliss_blog_118_ssd-tuto-de-remplacement-sur-pc-portable-laptop.org
View File

@ -13,7 +13,7 @@
** SSD tuto de remplacement sur pc portable / laptop ** SSD tuto de remplacement sur pc portable / laptop
:html: ceci_est_du_html
<p><a href="https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD"><img src="https://tykayn.fr/wp-content/uploads/i/2011/05mai/ssd_remplacement%20_%20tuto/laptop_acer_remplacement_hard_drive_to_solid_state_drive%20(1).JPG" alt="remplacer un disque dur de pc portable" style="display:block; margin:0 auto;" /></a> <p><a href="https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD"><img src="https://tykayn.fr/wp-content/uploads/i/2011/05mai/ssd_remplacement%20_%20tuto/laptop_acer_remplacement_hard_drive_to_solid_state_drive%20(1).JPG" alt="remplacer un disque dur de pc portable" style="display:block; margin:0 auto;" /></a>
(<a href="https://fr.wikipedia.org/wiki/Solid-state_drive">c'est quoi un SSD?</a>)<br /> (<a href="https://fr.wikipedia.org/wiki/Solid-state_drive">c'est quoi un SSD?</a>)<br />

2
sources/cipherbliss_blog/with_html/20111129174943_cipherbliss_blog_117_connaissances-de-base-en-tableur.org → sources/cipherbliss_blog/de coté/20111129174943_cipherbliss_blog_117_connaissances-de-base-en-tableur.org
View File

@ -13,7 +13,7 @@
** Connaissances de base en tableur ** Connaissances de base en tableur
:html: ceci_est_du_html
<p><img src="https://techsourcemedia.com/store/image/cache/data/OpenOffice-500x500.jpg" alt="" /> <p><img src="https://techsourcemedia.com/store/image/cache/data/OpenOffice-500x500.jpg" alt="" />
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&nbsp;? Voici un de mes <a href="/index.php?tag/tuto">tuto</a> de ce qu'il y a à savoir en connaissance de base. 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&nbsp;? Voici un de mes <a href="/index.php?tag/tuto">tuto</a> de ce qu'il y a à savoir en connaissance de base.

2
sources/cipherbliss_blog/with_html/20111130155035_cipherbliss_blog_116_ninite-multi-installeur.org → sources/cipherbliss_blog/de coté/20111130155035_cipherbliss_blog_116_ninite-multi-installeur.org
View File

@ -13,7 +13,7 @@
** Ninite - multi installeur ** Ninite - multi installeur
:html: ceci_est_du_html
<p><a href="https://ninite.com/"><img src="https://ninite.com/static/app/img/ninite.png?v=0cd28" alt="" /></a> <p><a href="https://ninite.com/"><img src="https://ninite.com/static/app/img/ninite.png?v=0cd28" alt="" /></a>
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 à <a href="https://ninite.com/">Ninite.com</a>.<br /><br /></p> 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 à <a href="https://ninite.com/">Ninite.com</a>.<br /><br /></p>

2
sources/cipherbliss_blog/with_html/20111130170248_cipherbliss_blog_115_restauration-de-fichiers.org → sources/cipherbliss_blog/de coté/20111130170248_cipherbliss_blog_115_restauration-de-fichiers.org
View File

@ -42,7 +42,7 @@ choisir le dossier où copier, appuyer sur C encore pour commencer la copie.
L’outil 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. L’outil 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.
*** Article de blog *** Article de blog
:html: ceci_est_du_html
#+begin_src html #+begin_src html
<p><img src="https://whyismycomputersoslow.us/wp-content/uploads/2011/11/broken-computer-300x234.jpg" alt="" /> <p><img src="https://whyismycomputersoslow.us/wp-content/uploads/2011/11/broken-computer-300x234.jpg" alt="" />

2
sources/cipherbliss_blog/with_html/20111201070237_cipherbliss_blog_114_dotclear-commenter-sans-tre-oblig-de-preview.org → sources/cipherbliss_blog/de coté/20111201070237_cipherbliss_blog_114_dotclear-commenter-sans-tre-oblig-de-preview.org
View File

@ -13,7 +13,7 @@
** Dotclear - commenter sans être obligé de preview ** Dotclear - commenter sans être obligé de preview
:html: ceci_est_du_html
<p><img src="https://fr.dotclear.org/affiliates/o-logo.png" alt="" style="display:block; margin:0 auto;" /><br /> <p><img src="https://fr.dotclear.org/affiliates/o-logo.png" alt="" style="display:block; margin:0 auto;" /><br />
Vous avez un (multi)blog installé avec la plateforme <a href="https://fr.dotclear.org">dotclear</a> et souhaiteriez que vos visiteurs puissent commenter sans avoir obligatoirement à prévisualiser ce qu'ils ont écrit? <br /> Vous avez un (multi)blog installé avec la plateforme <a href="https://fr.dotclear.org">dotclear</a> et souhaiteriez que vos visiteurs puissent commenter sans avoir obligatoirement à prévisualiser ce qu'ils ont écrit? <br />

2
sources/cipherbliss_blog/with_html/20111202143254_cipherbliss_blog_113_url-maker-1-6-publier-des-liens-sans-avoir-les-crire.org → sources/cipherbliss_blog/de coté/20111202143254_cipherbliss_blog_113_url-maker-1-6-publier-des-liens-sans-avoir-les-crire.org
View File

@ -13,7 +13,7 @@
** url maker 1.6 - publier des liens sans avoir à les écrire ** url maker 1.6 - publier des liens sans avoir à les écrire
:html: ceci_est_du_html
<p><a href="https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip"><img src="https://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg" alt="url maker1.6" style="display:block; margin:0 auto;" /></a></p> <p><a href="https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip"><img src="https://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg" alt="url maker1.6" style="display:block; margin:0 auto;" /></a></p>
<p>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 <strong>publier des liens sans avoir à les écrire un par un</strong> vers plein de fichiers selon quelques options et des dossiers rangés par année/mois.<br /> <p>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 <strong>publier des liens sans avoir à les écrire un par un</strong> vers plein de fichiers selon quelques options et des dossiers rangés par année/mois.<br />

2
sources/cipherbliss_blog/with_html/20111204185751_cipherbliss_blog_112_my-first-crowbar-manette-pour-half-life.org → sources/cipherbliss_blog/de coté/20111204185751_cipherbliss_blog_112_my-first-crowbar-manette-pour-half-life.org
View File

@ -13,7 +13,7 @@
** My first crowbar - manette pour half life ** My first crowbar - manette pour half life
:html: ceci_est_du_html
<iframe width="500" height="284" src="https://www.youtube.com/embed/aW49Mjn5f0g" frameborder="0" allowfullscreen></iframe><br />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.<br /> <iframe width="500" height="284" src="https://www.youtube.com/embed/aW49Mjn5f0g" frameborder="0" allowfullscreen></iframe><br />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.<br />

2
sources/cipherbliss_blog/with_html/20111206033912_cipherbliss_blog_111_lier-une-image-alatoire-dans-un-dossier.org → sources/cipherbliss_blog/de coté/20111206033912_cipherbliss_blog_111_lier-une-image-alatoire-dans-un-dossier.org
View File

@ -13,7 +13,7 @@
** Lier une image aléatoire dans un dossier ** Lier une image aléatoire dans un dossier
:html: ceci_est_du_html
<p><img src="https://www.casinovirtuelenligne.com/wp-content/themes/pokerhall/images/roulette.jpg" alt="" style="display:block; margin:0 auto;" /><br /> <p><img src="https://www.casinovirtuelenligne.com/wp-content/themes/pokerhall/images/roulette.jpg" alt="" style="display:block; margin:0 auto;" /><br />
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? 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?

2
sources/cipherbliss_blog/with_html/20111206044956_cipherbliss_blog_109_retour-haptique-haptic-feedback.org → sources/cipherbliss_blog/de coté/20111206044956_cipherbliss_blog_109_retour-haptique-haptic-feedback.org
View File

@ -13,7 +13,7 @@
** retour haptique haptic feedback ** retour haptique haptic feedback
:html: ceci_est_du_html
<iframe width="480" height="274" src="https://www.youtube.com/embed/trM7mXOjNFY" frameborder="0" allowfullscreen></iframe> <iframe width="480" height="274" src="https://www.youtube.com/embed/trM7mXOjNFY" frameborder="0" allowfullscreen></iframe>
<br/><br/> <br/><br/>

2
sources/cipherbliss_blog/with_html/20111209042031_cipherbliss_blog_108_smartphone-voiture-pourquoi-choisir.org → sources/cipherbliss_blog/de coté/20111209042031_cipherbliss_blog_108_smartphone-voiture-pourquoi-choisir.org
View File

@ -13,7 +13,7 @@
** Smartphone, voiture, pourquoi choisir ** Smartphone, voiture, pourquoi choisir
:html: ceci_est_du_html
Ils sont fous ces Japonais de chez Toyota. Voilà qu'ils proposent une concept-car qui fera smartphone.<br/> Ils sont fous ces Japonais de chez Toyota. Voilà qu'ils proposent une concept-car qui fera smartphone.<br/>
<iframe width="480" height="274" src="https://www.youtube.com/embed/jxat4x7VhMU" frameborder="0" allowfullscreen></iframe> <iframe width="480" height="274" src="https://www.youtube.com/embed/jxat4x7VhMU" frameborder="0" allowfullscreen></iframe>

2
sources/cipherbliss_blog/with_html/20111209054553_cipherbliss_blog_107_un-peu-de-ralit-augmente-magique.org → sources/cipherbliss_blog/de coté/20111209054553_cipherbliss_blog_107_un-peu-de-ralit-augmente-magique.org
View File

@ -13,7 +13,7 @@
** Un peu de réalité augmentée magique ** Un peu de réalité augmentée magique
:html: ceci_est_du_html
<iframe src="https://player.vimeo.com/video/27887843?title=0&amp;byline=0&amp;portrait=0&amp;color=CEBB2F" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><p><a href="https://vimeo.com/27887843">Innovators@Google presents: Marco Tempest</a> from <a href="https://vimeo.com/magician">Marco Tempest</a> on <a href="https://vimeo.com">Vimeo</a>.</p> <iframe src="https://player.vimeo.com/video/27887843?title=0&amp;byline=0&amp;portrait=0&amp;color=CEBB2F" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><p><a href="https://vimeo.com/27887843">Innovators@Google presents: Marco Tempest</a> from <a href="https://vimeo.com/magician">Marco Tempest</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
<br/><br/><a href="https://marcotempest.com/" hreflang="en">Marco Tempest</a>, travaille chez Google.<br/>Il nous raconte comment la magie et la haute technologie se confondent dans une petite explication spectaculaire (en Anglais). <br/><br/><a href="https://marcotempest.com/" hreflang="en">Marco Tempest</a>, travaille chez Google.<br/>Il nous raconte comment la magie et la haute technologie se confondent dans une petite explication spectaculaire (en Anglais).

2
sources/cipherbliss_blog/with_html/20111218231405_cipherbliss_blog_106_ne-souriez-pas-aux-inconnus.org → sources/cipherbliss_blog/de coté/20111218231405_cipherbliss_blog_106_ne-souriez-pas-aux-inconnus.org
View File

@ -13,7 +13,7 @@
** Ne souriez pas aux inconnus ** Ne souriez pas aux inconnus
:html: ceci_est_du_html
<p><img src="https://beautifuldecay.com/wp-content/uploads/2011/12/maj-street_art_12_New_York-.jpg" alt="" /> <p><img src="https://beautifuldecay.com/wp-content/uploads/2011/12/maj-street_art_12_New_York-.jpg" alt="" />
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.</p> 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.</p>

2
sources/cipherbliss_blog/with_html/20111219175754_cipherbliss_blog_105_dsignations-dans-une-quipe.org → sources/cipherbliss_blog/de coté/20111219175754_cipherbliss_blog_105_dsignations-dans-une-quipe.org
View File

@ -13,7 +13,7 @@
** Désignations dans une équipe ** Désignations dans une équipe
:html: ceci_est_du_html
<p><img alt="" src="https://a6.idata.over-blog.com/500x357/0/36/60/83/Tre-la-roche/la-parabole-des-aveugles.jpg" /></p> <p><img alt="" src="https://a6.idata.over-blog.com/500x357/0/36/60/83/Tre-la-roche/la-parabole-des-aveugles.jpg" /></p>
<p>(la parabole des aveugles illustre merveilleusement ce billet)</p> <p>(la parabole des aveugles illustre merveilleusement ce billet)</p>

2
sources/cipherbliss_blog/with_html/20111219184902_cipherbliss_blog_104_fonction-random-picture.org → sources/cipherbliss_blog/de coté/20111219184902_cipherbliss_blog_104_fonction-random-picture.org
View File

@ -13,7 +13,7 @@
** Fonction Random picture ** Fonction Random picture
:html: ceci_est_du_html
<p><a href="https://artlemoine.com/medias/apps/random-picture/"><img src="https://artlemoine.com/medias/apps/random-picture/icon_random_picture.png" alt="logo" style="float:left; margin: 0 1em 1em 0;" />Le script Random picture est expliqué et disponible ici</a> et sur <a href="https://artlemoine.com">mon portfolio artlemoine.com</a> (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!</p> <p><a href="https://artlemoine.com/medias/apps/random-picture/"><img src="https://artlemoine.com/medias/apps/random-picture/icon_random_picture.png" alt="logo" style="float:left; margin: 0 1em 1em 0;" />Le script Random picture est expliqué et disponible ici</a> et sur <a href="https://artlemoine.com">mon portfolio artlemoine.com</a> (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!</p>

2
sources/cipherbliss_blog/with_html/20111227225952_cipherbliss_blog_103_internet-meme-database-know-your-meme.org → sources/cipherbliss_blog/de coté/20111227225952_cipherbliss_blog_103_internet-meme-database-know-your-meme.org
View File

@ -13,7 +13,7 @@
** Internet Meme Database - Know Your Meme ** Internet Meme Database - Know Your Meme
:html: ceci_est_du_html
<p><a href="knowyourmeme.com"><img src="https://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg" alt="Know your meme team" style="display:block; margin:0 auto;" /></a> <p><a href="knowyourmeme.com"><img src="https://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg" alt="Know your meme team" style="display:block; margin:0 auto;" /></a>
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 <a href="knowyourmeme.com">Know your meme</a> (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 *0* 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 <a href="knowyourmeme.com">Know your meme</a> (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 *0*

2
sources/cipherbliss_blog/with_html/20120102115840_cipherbliss_blog_102_entre-du-tgv-lyon-perrache-vue-conducteur.org → sources/cipherbliss_blog/de coté/20120102115840_cipherbliss_blog_102_entre-du-tgv-lyon-perrache-vue-conducteur.org
View File

@ -13,7 +13,7 @@
** Entrée du TGV à Lyon perrache - vue conducteur ** Entrée du TGV à Lyon perrache - vue conducteur
:html: ceci_est_du_html
à l'occasion des 30 balais du TGV, certains ont pu le visiter depuis la cabine conducteur pendant un trajet.<br />voilà une vidéo de <a hreflang="fr" href="https://gonzague.me">Gonzague</a>, bloggeux et testeur de produits divers de nouvelles technologies.<br /><iframe width="500" height="284" src="https://www.youtube.com/embed/VPIXnU0DJ9U" frameborder="0" allowfullscreen></iframe><br /> à l'occasion des 30 balais du TGV, certains ont pu le visiter depuis la cabine conducteur pendant un trajet.<br />voilà une vidéo de <a hreflang="fr" href="https://gonzague.me">Gonzague</a>, bloggeux et testeur de produits divers de nouvelles technologies.<br /><iframe width="500" height="284" src="https://www.youtube.com/embed/VPIXnU0DJ9U" frameborder="0" allowfullscreen></iframe><br />
<br />Pour avoir pris le TGV Paris Lyon plusieurs fois, c'est autre chose vue passager :D <br />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 <a href="https://geillon.pagesperso-orange.fr/trains/signaux/">signalisation des trains</a> était affichée sur la gauche de la voie. <br />Par exemple: <img src="https://geillon.pagesperso-orange.fr/trains/signaux/panc7.gif" /> Ce panneau là demande à ce qu'on garde un air neutre au volant même en l'annonce de grèves. mwarh arh arh!<br /> <br />Pour avoir pris le TGV Paris Lyon plusieurs fois, c'est autre chose vue passager :D <br />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 <a href="https://geillon.pagesperso-orange.fr/trains/signaux/">signalisation des trains</a> était affichée sur la gauche de la voie. <br />Par exemple: <img src="https://geillon.pagesperso-orange.fr/trains/signaux/panc7.gif" /> Ce panneau là demande à ce qu'on garde un air neutre au volant même en l'annonce de grèves. mwarh arh arh!<br />

2
sources/cipherbliss_blog/with_html/20120104110842_cipherbliss_blog_101_se-dbarrasser-de-ie-6.org → sources/cipherbliss_blog/de coté/20120104110842_cipherbliss_blog_101_se-dbarrasser-de-ie-6.org
View File

@ -13,7 +13,7 @@
** Se débarrasser de IE 6 ** Se débarrasser de IE 6
:html: ceci_est_du_html
<p>Quand est ce qu'on pourra enfin se débarrasser de IE 6 (certains veulent le sauver :D <a href="https://www.saveie6.com/" hreflang="en">https://www.saveie6.com/</a> 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.<br /> <p>Quand est ce qu'on pourra enfin se débarrasser de IE 6 (certains veulent le sauver :D <a href="https://www.saveie6.com/" hreflang="en">https://www.saveie6.com/</a> 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.<br />
ce qui permettra de <a href="https://www.sitepoint.com/10-cool-things-well-be-able-to-do-once-ie6-is-dead/">faire plein de choses cool</a> comme utiliser les <em>sélecteurs d'enfants</em> en css, <em>min-width</em>, <em>max-width</em>, 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 <em>z-index</em>, bosser dans la joie et la bonne humeur. Levons les bras \o/ ce qui permettra de <a href="https://www.sitepoint.com/10-cool-things-well-be-able-to-do-once-ie6-is-dead/">faire plein de choses cool</a> comme utiliser les <em>sélecteurs d'enfants</em> en css, <em>min-width</em>, <em>max-width</em>, 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 <em>z-index</em>, bosser dans la joie et la bonne humeur. Levons les bras \o/

2
sources/cipherbliss_blog/with_html/20120113231642_cipherbliss_blog_100_jusqu-o-peut-on-zoomer-dans-l-univers.org → sources/cipherbliss_blog/de coté/20120113231642_cipherbliss_blog_100_jusqu-o-peut-on-zoomer-dans-l-univers.org
View File

@ -13,7 +13,7 @@
** Jusqu'où peut on zoomer dans l'univers ? ** Jusqu'où peut on zoomer dans l'univers ?
:html: ceci_est_du_html
<p><img src="https://www.science.gouv.fr/images/dossier/dos_mystereorigine_160109/infog_histoireunivers.gif" alt="" /> <p><img src="https://www.science.gouv.fr/images/dossier/dos_mystereorigine_160109/infog_histoireunivers.gif" alt="" />
Jusqu'où peut on zoomer dans l'univers ?<br /> Jusqu'où peut on zoomer dans l'univers ?<br />

2
sources/cipherbliss_blog/with_html/20120114182002_cipherbliss_blog_99_tron-legacy-les-effets-spciaux.org → sources/cipherbliss_blog/de coté/20120114182002_cipherbliss_blog_99_tron-legacy-les-effets-spciaux.org
View File

@ -13,7 +13,7 @@
** Tron legacy : les effets spéciaux ** Tron legacy : les effets spéciaux
:html: ceci_est_du_html
<p><img alt="" src="https://jtnimoy.net/178/TRON_GFX_DG_04.JPG" width="500" /></p> <p><img alt="" src="https://jtnimoy.net/178/TRON_GFX_DG_04.JPG" width="500" /></p>
<p>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 <a hreflang="en" href="https://www.balldroppings.com/js/">BallDroppings</a> , le jeu sonore interactif en javascript et en d'autres langages.</p> <p>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 <a hreflang="en" href="https://www.balldroppings.com/js/">BallDroppings</a> , le jeu sonore interactif en javascript et en d'autres langages.</p>

2
sources/cipherbliss_blog/with_html/20120128054429_cipherbliss_blog_98_non-acta-manifestation-dans-toute-l-europe.org → sources/cipherbliss_blog/de coté/20120128054429_cipherbliss_blog_98_non-acta-manifestation-dans-toute-l-europe.org
View File

@ -13,7 +13,7 @@
** non à ACTA, manifestation dans toute l'europe. ** non à ACTA, manifestation dans toute l'europe.
:html: ceci_est_du_html
<p>Je vous fais passer le message.<br /> <p>Je vous fais passer le message.<br />
<strong>Aujourd'hui</strong> c'est manifestation dans beaucoup de villes pour que la démocratie, les libertés d'expression, l'internet neutre et libre, la recherche et l'innovation soient respectés.</p> <strong>Aujourd'hui</strong> c'est manifestation dans beaucoup de villes pour que la démocratie, les libertés d'expression, l'internet neutre et libre, la recherche et l'innovation soient respectés.</p>

2
sources/cipherbliss_blog/with_html/20120215171320_cipherbliss_blog_97_technologie.org → sources/cipherbliss_blog/de coté/20120215171320_cipherbliss_blog_97_technologie.org
View File

@ -13,7 +13,7 @@
** Technologie ** Technologie
:html: ceci_est_du_html
Voici une étude Britannique sur pourquoi les gens ont peur de la technologie<br/><br/> Voici une étude Britannique sur pourquoi les gens ont peur de la technologie<br/><br/>
<iframe width="480" height="360" src="https://www.youtube.com/embed/Fc1P-AEaEp8" frameborder="0" allowfullscreen></iframe> <iframe width="480" height="360" src="https://www.youtube.com/embed/Fc1P-AEaEp8" frameborder="0" allowfullscreen></iframe>

2
sources/cipherbliss_blog/with_html/20120320210224_cipherbliss_blog_96_tablette-qui-fait-sentir-des-textures.org → sources/cipherbliss_blog/de coté/20120320210224_cipherbliss_blog_96_tablette-qui-fait-sentir-des-textures.org
View File

@ -13,7 +13,7 @@
** Tablette qui fait sentir des textures ** Tablette qui fait sentir des textures
:html: ceci_est_du_html
<p><img src="https://www.pdafrance.com/img/news2011/senseg_haptic_surfaces.jpg" alt="" /> <p><img src="https://www.pdafrance.com/img/news2011/senseg_haptic_surfaces.jpg" alt="" />
Aaaah les tablettes tactiles.<br /> Aaaah les tablettes tactiles.<br />

2
sources/cipherbliss_blog/with_html/20120423235600_cipherbliss_blog_95_stabilisation-vido-diteur-youtube.org → sources/cipherbliss_blog/de coté/20120423235600_cipherbliss_blog_95_stabilisation-vido-diteur-youtube.org
View File

@ -13,7 +13,7 @@
** Stabilisation vidéo, éditeur youtube ** Stabilisation vidéo, éditeur youtube
:html: ceci_est_du_html
<p>Saviez vous que Youtube dispose d'un éditeur de vidéo et d'une fonctionnalité permettant d'ajuster la stabilité de vos vidéos&nbsp;? Vous aussi, rende vos vidéos les plus spontanées moins pourries en leur enlevant toute influence des films du style <em>Projet Blair Witch</em> ou plus récemment <em>Rec</em>.</p> <p>Saviez vous que Youtube dispose d'un éditeur de vidéo et d'une fonctionnalité permettant d'ajuster la stabilité de vos vidéos&nbsp;? Vous aussi, rende vos vidéos les plus spontanées moins pourries en leur enlevant toute influence des films du style <em>Projet Blair Witch</em> ou plus récemment <em>Rec</em>.</p>

2
sources/cipherbliss_blog/with_html/20120425170530_cipherbliss_blog_94_changer-de-lecteur-de-code-source-dans-firefox.org → sources/cipherbliss_blog/de coté/20120425170530_cipherbliss_blog_94_changer-de-lecteur-de-code-source-dans-firefox.org
View File

@ -13,7 +13,7 @@
** Changer de lecteur de code source dans Firefox ** Changer de lecteur de code source dans Firefox
:html: ceci_est_du_html
<p>C'est bien pratique de pouvoir voir les sources d'une page web avec un click droit. <p>C'est bien pratique de pouvoir voir les sources d'une page web avec un click droit.
Sauf que c'est pas aussi pratique que votre éditeur de code préféré, par exemple<strong> npp</strong> ou <strong>netbeans</strong>. (enfin, npp a l'avantage d'être plus léger et rapide a lancer pour un bidouillage rapide) Sauf que c'est pas aussi pratique que votre éditeur de code préféré, par exemple<strong> npp</strong> ou <strong>netbeans</strong>. (enfin, npp a l'avantage d'être plus léger et rapide a lancer pour un bidouillage rapide)

2
sources/cipherbliss_blog/with_html/20120430050428_cipherbliss_blog_93_envoyer-des-mails-depuis-localhost.org → sources/cipherbliss_blog/de coté/20120430050428_cipherbliss_blog_93_envoyer-des-mails-depuis-localhost.org
View File

@ -13,7 +13,7 @@
** Envoyer des mails depuis localhost ** Envoyer des mails depuis localhost
:html: ceci_est_du_html
<p>Je me suis longtemps demandé comment configurer mon serveur local pour pouvoir envoyer des emails. Voici enfin la solution: <p>Je me suis longtemps demandé comment configurer mon serveur local pour pouvoir envoyer des emails. Voici enfin la solution:
ouvrir ces deux fichiers de config situés dans votre dossier wamp (en partant du principe que <a href="https://www.wampserver.com/">wampserver</a> est installé sous<em> C:\wamp</em> )</p> ouvrir ces deux fichiers de config situés dans votre dossier wamp (en partant du principe que <a href="https://www.wampserver.com/">wampserver</a> est installé sous<em> C:\wamp</em> )</p>

2
sources/cipherbliss_blog/with_html/20120702120713_cipherbliss_blog_92_dclaration-de-l-internet-libre.org → sources/cipherbliss_blog/de coté/20120702120713_cipherbliss_blog_92_dclaration-de-l-internet-libre.org
View File

@ -13,7 +13,7 @@
** Déclaration de l'internet libre ** Déclaration de l'internet libre
:html: ceci_est_du_html
Vous aussi, signez la déclaration de l'internet libre autour de ces 5 principes pour qu'on ne voie plus fleurir des lois liberticides.<br /><strong>Liberté d'expression.</strong><br style="font-weight: bold;" /><strong>Liberté d'accès.</strong><br style="font-weight: bold;" /><strong>Liberté d'ouverture.</strong><br style="font-weight: bold;" /><strong>Liberté d'innovation.</strong><br style="font-weight: bold;" /><strong>Liberté de privacité.</strong><br />à faire passer à toutes les grosses boites et à vos proches qui pourront signer à titre individuel.<br /><br />comme ils diraient chez la quadrature du net "data must flow" en référence à Dune.<br /><a href="https://www.techdirt.com/netdeclaration"><img src="https://cdn.techdirt.com/i/net-declaration.png" title="Declaration of Internet Freedom" /></a><br /><br /><em>Pour insérer l'image clickable avec le lien vers la pétition, copiez collez ce code dans une page html:</em><br /><blockquote><p><a href="https://www.techdirt.com/netdeclaration"><img src="https://cdn.techdirt.com/i/net-declaration.png" title="Declaration of Internet Freedom" /></a></p> Vous aussi, signez la déclaration de l'internet libre autour de ces 5 principes pour qu'on ne voie plus fleurir des lois liberticides.<br /><strong>Liberté d'expression.</strong><br style="font-weight: bold;" /><strong>Liberté d'accès.</strong><br style="font-weight: bold;" /><strong>Liberté d'ouverture.</strong><br style="font-weight: bold;" /><strong>Liberté d'innovation.</strong><br style="font-weight: bold;" /><strong>Liberté de privacité.</strong><br />à faire passer à toutes les grosses boites et à vos proches qui pourront signer à titre individuel.<br /><br />comme ils diraient chez la quadrature du net "data must flow" en référence à Dune.<br /><a href="https://www.techdirt.com/netdeclaration"><img src="https://cdn.techdirt.com/i/net-declaration.png" title="Declaration of Internet Freedom" /></a><br /><br /><em>Pour insérer l'image clickable avec le lien vers la pétition, copiez collez ce code dans une page html:</em><br /><blockquote><p><a href="https://www.techdirt.com/netdeclaration"><img src="https://cdn.techdirt.com/i/net-declaration.png" title="Declaration of Internet Freedom" /></a></p>
</blockquote><em>Si vous voulez l'insérer sur un message de forum phpbb c'est ce code suivant:</em><br /><blockquote><p>[url=https://www.techdirt.com/netdeclaration][img]https://cdn.techdirt.com/i/net-declaration.png[/img][/url]</p> </blockquote><em>Si vous voulez l'insérer sur un message de forum phpbb c'est ce code suivant:</em><br /><blockquote><p>[url=https://www.techdirt.com/netdeclaration][img]https://cdn.techdirt.com/i/net-declaration.png[/img][/url]</p>

2
sources/cipherbliss_blog/with_html/20120831204952_cipherbliss_blog_91_processus-com-motorola-service-main-s-est-arrt.org → sources/cipherbliss_blog/de coté/20120831204952_cipherbliss_blog_91_processus-com-motorola-service-main-s-est-arrt.org
View File

@ -13,7 +13,7 @@
** processus com.motorola.service.main s'est arrêté ** processus com.motorola.service.main s'est arrêté
:html: ceci_est_du_html
Le defy c'est trop génial, enfin un téléphone avec lequel vous pouvez surfer sur le net meme sous la douche ou dans la piscine pendant vos vacances, grâce à ses deux capuchons étanches sur la prise micro usb et jack 3mm ainsi que son blindage au normes IP67. Le defy c'est trop génial, enfin un téléphone avec lequel vous pouvez surfer sur le net meme sous la douche ou dans la piscine pendant vos vacances, grâce à ses deux capuchons étanches sur la prise micro usb et jack 3mm ainsi que son blindage au normes IP67.
((https://www.cnetfrance.fr/i/edit/2010/pr/12/motorola-defy-etanche.jpg||un des rares smartphones étanches en vraie submersion )) ((https://www.cnetfrance.fr/i/edit/2010/pr/12/motorola-defy-etanche.jpg||un des rares smartphones étanches en vraie submersion ))

2
sources/cipherbliss_blog/with_html/20120912123209_cipherbliss_blog_90_tuto-comment-crer-un-plugin-jquery.org → sources/cipherbliss_blog/de coté/20120912123209_cipherbliss_blog_90_tuto-comment-crer-un-plugin-jquery.org
View File

@ -13,7 +13,7 @@
** tuto - Comment créer un plugin jQuery ** tuto - Comment créer un plugin jQuery
:html: ceci_est_du_html
<iframe height="6500" width="510" scrolling="yes" style="margin-left: 0;" border="0" src="https://tykayn.fr/wp-content/uploads/i/2012/09septembre/informageek/index.htm"></iframe> <iframe height="6500" width="510" scrolling="yes" style="margin-left: 0;" border="0" src="https://tykayn.fr/wp-content/uploads/i/2012/09septembre/informageek/index.htm"></iframe>

2
sources/cipherbliss_blog/with_html/20120917162837_cipherbliss_blog_88_bill-gates-vs-steve-jobs.org → sources/cipherbliss_blog/de coté/20120917162837_cipherbliss_blog_88_bill-gates-vs-steve-jobs.org
View File

@ -13,7 +13,7 @@
** bill gates VS steve jobs ** bill gates VS steve jobs
:html: ceci_est_du_html
<p><a href="https://gizmodo.com/5028895/index.php?op=showcustomobject&amp;postId=5028895&amp;item=0"><img src="https://img.gawkerassets.com/img/17m9r4xesx75spng/original.png" alt="" /></a></p> <p><a href="https://gizmodo.com/5028895/index.php?op=showcustomobject&amp;postId=5028895&amp;item=0"><img src="https://img.gawkerassets.com/img/17m9r4xesx75spng/original.png" alt="" /></a></p>

2
sources/cipherbliss_blog/with_html/20121208192248_cipherbliss_blog_87_tethering-android-2.org → sources/cipherbliss_blog/de coté/20121208192248_cipherbliss_blog_87_tethering-android-2.org
View File

@ -13,7 +13,7 @@
** Tethering Android 2 ** Tethering Android 2
:html: ceci_est_du_html
<p><img src="https://www.slagermanphoto.com/blog/wp-content/uploads//2010/05/android_tethering2.jpg" alt="tethering" width="500" /> </p> <p><img src="https://www.slagermanphoto.com/blog/wp-content/uploads//2010/05/android_tethering2.jpg" alt="tethering" width="500" /> </p>
<p>Le tethering (point d'accès mobile) c'est merveilleux, ça permet de faire profiter de votre connexion internet à d'autres périphériques, comme si c'était un modèle. <p>Le tethering (point d'accès mobile) c'est merveilleux, ça permet de faire profiter de votre connexion internet à d'autres périphériques, comme si c'était un modèle.

2
sources/cipherbliss_blog/with_html/20130208125527_cipherbliss_blog_86_cache-manifest.org → sources/cipherbliss_blog/de coté/20130208125527_cipherbliss_blog_86_cache-manifest.org
View File

@ -13,7 +13,7 @@
** cache manifest ** cache manifest
:html: ceci_est_du_html
<p><img src="https://rawkes.com/media/images/HTML5rawkes.png" alt="" width"500"="" /> </p> <p><img src="https://rawkes.com/media/images/HTML5rawkes.png" alt="" width"500"="" /> </p>
<p>Manifestement, le HTML 5 c'est bien. <p>Manifestement, le HTML 5 c'est bien.

2
sources/cipherbliss_blog/with_html/20130221135547_cipherbliss_blog_85_wampserveur-403-forbidden.org → sources/cipherbliss_blog/de coté/20130221135547_cipherbliss_blog_85_wampserveur-403-forbidden.org
View File

@ -13,7 +13,7 @@
** wampserveur 403 forbidden ** wampserveur 403 forbidden
:html: ceci_est_du_html
<p><img src="https://www.alternative.free.fr/blog/images/wampserver_logo.png" alt="icone wamp" style="display:block; margin:0 auto;" /><br /></p> <p><img src="https://www.alternative.free.fr/blog/images/wampserver_logo.png" alt="icone wamp" style="display:block; margin:0 auto;" /><br /></p>

2
sources/cipherbliss_blog/with_html/20130502064740_cipherbliss_blog_84_comment-tuer-git.org → sources/cipherbliss_blog/de coté/20130502064740_cipherbliss_blog_84_comment-tuer-git.org
View File

@ -13,7 +13,7 @@
** Comment tuer git ** Comment tuer git
:html: ceci_est_du_html
<p>Pour tuer git, entrez la commande suivante dans un terminal</p> <p>Pour tuer git, entrez la commande suivante dans un terminal</p>

2
sources/cipherbliss_blog/with_html/20130502140046_cipherbliss_blog_83_une-autre-poque.org → sources/cipherbliss_blog/de coté/20130502140046_cipherbliss_blog_83_une-autre-poque.org
View File

@ -13,7 +13,7 @@
** Une autre époque ** Une autre époque
:html: ceci_est_du_html
#+begin_src html #+begin_src html
<p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p><hr>Un peu de Québecois dans ce fuking blog, voici en image ce que constitue la rupture technologique actuelle. Des gens agés face a des objets modernes. <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p><hr>Un peu de Québecois dans ce fuking blog, voici en image ce que constitue la rupture technologique actuelle. Des gens agés face a des objets modernes.

2
sources/cipherbliss_blog/with_html/20130503073224_cipherbliss_blog_82_skype-sous-linux-debian-6-0.org → sources/cipherbliss_blog/de coté/20130503073224_cipherbliss_blog_82_skype-sous-linux-debian-6-0.org
View File

@ -13,7 +13,7 @@
** skype sous linux - debian 6.0 ** skype sous linux - debian 6.0
:html: ceci_est_du_html
<p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p><hr><p><img src="https://footnotes.fr/wp-content/uploads/2011/04/Credits_gratuits_chez_Skype.jpeg" alt="" /><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p> <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p><hr><p><img src="https://footnotes.fr/wp-content/uploads/2011/04/Credits_gratuits_chez_Skype.jpeg" alt="" /><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p>
<p>Avoir une distrib linux Debian 6.0 et vouloir installer skype sans lire le fucking manuel c'est aller à l'encontre de bien des interrogations.</p> <p>Avoir une distrib linux Debian 6.0 et vouloir installer skype sans lire le fucking manuel c'est aller à l'encontre de bien des interrogations.</p>

2
sources/cipherbliss_blog/with_html/20130503135733_cipherbliss_blog_81_problme-avec-le-slecteur-css-last-child.org → sources/cipherbliss_blog/de coté/20130503135733_cipherbliss_blog_81_problme-avec-le-slecteur-css-last-child.org
View File

@ -13,7 +13,7 @@
** Problème avec le sélecteur CSS :last-child ** Problème avec le sélecteur CSS :last-child
:html: ceci_est_du_html
<p><img src="https://lacantine-stbrieuc.org/wp-content/uploads/2013/02/css3.png" alt="" /></p> <p><img src="https://lacantine-stbrieuc.org/wp-content/uploads/2013/02/css3.png" alt="" /></p>

2
sources/cipherbliss_blog/with_html/20130512213030_cipherbliss_blog_80_git-it-git-it-no-one-wants-to-be-defeated.org → sources/cipherbliss_blog/de coté/20130512213030_cipherbliss_blog_80_git-it-git-it-no-one-wants-to-be-defeated.org
View File

@ -13,7 +13,7 @@
** git it, git it, no one wants to be defeated ** git it, git it, no one wants to be defeated
:html: ceci_est_du_html
<p>Parfois je rangerai bien des tas de choses, du style mes fringues, avec un git stash. <p>Parfois je rangerai bien des tas de choses, du style mes fringues, avec un git stash.
<a href="https://git-scm.com/book/fr/"><img src="https://git-scm.com/images/books/pro-git@2x.jpg" alt="git pro book" style="display:block; margin:0 auto;" /></a> <a href="https://git-scm.com/book/fr/"><img src="https://git-scm.com/images/books/pro-git@2x.jpg" alt="git pro book" style="display:block; margin:0 auto;" /></a>

2
sources/cipherbliss_blog/with_html/20130605091107_cipherbliss_blog_79_faire-durer-4-jours-d-autonomie-un-galaxy-s3.org → sources/cipherbliss_blog/de coté/20130605091107_cipherbliss_blog_79_faire-durer-4-jours-d-autonomie-un-galaxy-s3.org
View File

@ -13,7 +13,7 @@
** Faire durer 4 jours d'autonomie un Galaxy S3 ** Faire durer 4 jours d'autonomie un Galaxy S3
:html: ceci_est_du_html
<p>Faire durer plus de 4 jours d'autonomie un Galaxy S3? C'est possible et je l'ai fait.</p> <p>Faire durer plus de 4 jours d'autonomie un Galaxy S3? C'est possible et je l'ai fait.</p>

2
sources/cipherbliss_blog/with_html/20130606200218_cipherbliss_blog_77_mangez-des-pommes.org → sources/cipherbliss_blog/de coté/20130606200218_cipherbliss_blog_77_mangez-des-pommes.org
View File

@ -13,7 +13,7 @@
** mangez des pommes ** mangez des pommes
:html: ceci_est_du_html
<p><a href="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/macbook_air_a_la_pomme_2013-06-05 10.41.24.jpg"><img src="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/macbook_air_a_la_pomme_2013-06-05 10.41.24.jpg" alt="macbook air a la pomme 2013 06 05 10.41.24 , une pomme sur un mac book air" style="display:block; margin:0 auto;" /></a> <p><a href="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/macbook_air_a_la_pomme_2013-06-05 10.41.24.jpg"><img src="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/macbook_air_a_la_pomme_2013-06-05 10.41.24.jpg" alt="macbook air a la pomme 2013 06 05 10.41.24 , une pomme sur un mac book air" style="display:block; margin:0 auto;" /></a>
Voilà, c'était la connerie du jour au boulot. Eh ouais, on est des gros dingues.</p> Voilà, c'était la connerie du jour au boulot. Eh ouais, on est des gros dingues.</p>

2
sources/cipherbliss_blog/with_html/20130606200412_cipherbliss_blog_76_navigo-c-est-pas-toujours-facile.org → sources/cipherbliss_blog/de coté/20130606200412_cipherbliss_blog_76_navigo-c-est-pas-toujours-facile.org
View File

@ -13,7 +13,7 @@
** Navigo c'est pas toujours facile ** Navigo c'est pas toujours facile
:html: ceci_est_du_html
<a href="https://www.cipherbliss.com/wp-content/uploads/i/2013/06juin/informageek/g/ratp_fail_de_navigo_2013-04-24 09.03.23.jpg"><img style="display: block; margin: 0 auto;" src="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/ratp_fail_de_navigo_2013-04-24 09.03.23.jpg" alt="ratp fail de navigo 2013 04 24 09.03.23" /></a> <a href="https://www.cipherbliss.com/wp-content/uploads/i/2013/06juin/informageek/g/ratp_fail_de_navigo_2013-04-24 09.03.23.jpg"><img style="display: block; margin: 0 auto;" src="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/ratp_fail_de_navigo_2013-04-24 09.03.23.jpg" alt="ratp fail de navigo 2013 04 24 09.03.23" /></a>
si on veut valider, y'a des fois on est vraiment pas aidés :D si on veut valider, y'a des fois on est vraiment pas aidés :D

2
sources/cipherbliss_blog/with_html/20130725132546_cipherbliss_blog_75_redirection-dotclear.org → sources/cipherbliss_blog/de coté/20130725132546_cipherbliss_blog_75_redirection-dotclear.org
View File

@ -13,7 +13,7 @@
** Redirection dotclear ** Redirection dotclear
:html: ceci_est_du_html
<p><a href="https://strannytsa.deviantart.com/art/Discouragement-Redirection-Cube-340861214"><img src="https://th08.deviantart.net/fs71/300W/i/2012/337/7/b/discouragement_redirection_cube_by_strannytsa-d5mxu72.jpg" alt="Discouragement Redirection Cube" style="display:block; margin:0 auto;" /></a></p> <p><a href="https://strannytsa.deviantart.com/art/Discouragement-Redirection-Cube-340861214"><img src="https://th08.deviantart.net/fs71/300W/i/2012/337/7/b/discouragement_redirection_cube_by_strannytsa-d5mxu72.jpg" alt="Discouragement Redirection Cube" style="display:block; margin:0 auto;" /></a></p>

2
sources/cipherbliss_blog/with_html/20130729142557_cipherbliss_blog_74_crer-des-alias-de-commande-windows-7.org → sources/cipherbliss_blog/de coté/20130729142557_cipherbliss_blog_74_crer-des-alias-de-commande-windows-7.org
View File

@ -13,7 +13,7 @@
** Créer des alias de commande windows 7 ** Créer des alias de commande windows 7
:html: ceci_est_du_html
<p><a href="https://iflock.deviantart.com/art/Shell-64171812"><img src="https://th05.deviantart.net/fs21/300W/i/2007/248/4/c/Shell_by_iflock.jpg" alt="Shell" style="display:block; margin:0 auto;" /></a> <p><a href="https://iflock.deviantart.com/art/Shell-64171812"><img src="https://th05.deviantart.net/fs21/300W/i/2007/248/4/c/Shell_by_iflock.jpg" alt="Shell" style="display:block; margin:0 auto;" /></a>
Vous voulez éviter de taper des changement de dossier dans votre console? Faite un ctrl + click droit dans le dossier désiré et cliquez sur "ouvrir un terminal ici".</p> Vous voulez éviter de taper des changement de dossier dans votre console? Faite un ctrl + click droit dans le dossier désiré et cliquez sur "ouvrir un terminal ici".</p>

2
sources/cipherbliss_blog/with_html/20130814130055_cipherbliss_blog_73_les-illtrs-technologiques-que-nous-sommes.org → sources/cipherbliss_blog/de coté/20130814130055_cipherbliss_blog_73_les-illtrs-technologiques-que-nous-sommes.org
View File

@ -13,7 +13,7 @@
** Les illétrés technologiques que nous sommes ** Les illétrés technologiques que nous sommes
:html: ceci_est_du_html
<a href="https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs"><img style="display: block; margin: 0 auto;" src="https://lunatopia.fr/img/blog/telephone_fisher_price.jpg" alt="" /></a> <a href="https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs"><img style="display: block; margin: 0 auto;" src="https://lunatopia.fr/img/blog/telephone_fisher_price.jpg" alt="" /></a>
Un récit fort intéressant de la part d'un prof d'informatique / ingé réseau Britannique / techno Papa, traduit en Français. Un récit fort intéressant de la part d'un prof d'informatique / ingé réseau Britannique / techno Papa, traduit en Français.

2
sources/cipherbliss_blog/with_html/20131014085745_cipherbliss_blog_72_rooter-galaxy-s3-et-cyanogenmod-10.org → sources/cipherbliss_blog/de coté/20131014085745_cipherbliss_blog_72_rooter-galaxy-s3-et-cyanogenmod-10.org
View File

@ -13,7 +13,7 @@
** rooter galaxy S3 et cyanogenmod 10 ** rooter galaxy S3 et cyanogenmod 10
:html: ceci_est_du_html
<h3>ingrédients:</h3> <h3>ingrédients:</h3>
<ul><li>Galaxy S3.</li> <ul><li>Galaxy S3.</li>

2
sources/cipherbliss_blog/with_html/20131126112903_cipherbliss_blog_71_alias-symfony-et-git-pour-linux.org → sources/cipherbliss_blog/de coté/20131126112903_cipherbliss_blog_71_alias-symfony-et-git-pour-linux.org
View File

@ -13,7 +13,7 @@
** alias symfony et git pour linux ** alias symfony et git pour linux
:html: ceci_est_du_html
<p>Les alias c'est fort pratique quand on bouffe de la ligne de commande quotidiennement. <p>Les alias c'est fort pratique quand on bouffe de la ligne de commande quotidiennement.
voici donc mon fichier .bash_aliases actuel (se trouvant dans mon répertoire d'utilisateur) sur mon ubuntu maison. Enjoyez les commandes raccourcies!</p> voici donc mon fichier .bash_aliases actuel (se trouvant dans mon répertoire d'utilisateur) sur mon ubuntu maison. Enjoyez les commandes raccourcies!</p>

2
sources/cipherbliss_blog/with_html/20131206210739_cipherbliss_blog_69_importer-facilement-sa-base-de-donnes.org → sources/cipherbliss_blog/de coté/20131206210739_cipherbliss_blog_69_importer-facilement-sa-base-de-donnes.org
View File

@ -13,7 +13,7 @@
** importer facilement sa base de données ** importer facilement sa base de données
:html: ceci_est_du_html
<a href="https://presto-x.deviantart.com/art/mySQL-Dock-Icon-106658165"><img style="display: block; margin: 0 auto;" src="https://fc02.deviantart.net/fs39/f/2008/353/c/1/mySQL_Dock_Icon_by_Presto_X.png" alt="mySQL Dock Icon" /></a> <a href="https://presto-x.deviantart.com/art/mySQL-Dock-Icon-106658165"><img style="display: block; margin: 0 auto;" src="https://fc02.deviantart.net/fs39/f/2008/353/c/1/mySQL_Dock_Icon_by_Presto_X.png" alt="mySQL Dock Icon" /></a>

2
sources/cipherbliss_blog/with_html/20140130100646_cipherbliss_blog_67_s-essayer-git-pas-pas.org → sources/cipherbliss_blog/de coté/20140130100646_cipherbliss_blog_67_s-essayer-git-pas-pas.org
View File

@ -13,7 +13,7 @@
** S'essayer à git pas à pas ** S'essayer à git pas à pas
:html: ceci_est_du_html
<p><a href="https://pixelworlds.deviantart.com/art/Octocat-215284019"><img src="https://th00.deviantart.net/fs70/150/i/2011/178/a/f/octocat_by_rstovall-d3k6a7n.jpg" alt="Octocat" style="float:left; margin: 0 1em 1em 0;" /></a> <p><a href="https://pixelworlds.deviantart.com/art/Octocat-215284019"><img src="https://th00.deviantart.net/fs70/150/i/2011/178/a/f/octocat_by_rstovall-d3k6a7n.jpg" alt="Octocat" style="float:left; margin: 0 1em 1em 0;" /></a>
un tutoriel en anglais vous propose pas à pas de comprendre les principales commandes de git avec le logo de github: l'octocat. un tutoriel en anglais vous propose pas à pas de comprendre les principales commandes de git avec le logo de github: l'octocat.

2
sources/cipherbliss_blog/with_html/20140201214844_cipherbliss_blog_66_astuces-pour-ligne-de-commande-linux.org → sources/cipherbliss_blog/de coté/20140201214844_cipherbliss_blog_66_astuces-pour-ligne-de-commande-linux.org
View File

@ -13,7 +13,7 @@
** Astuces pour ligne de commande Linux ** Astuces pour ligne de commande Linux
:html: ceci_est_du_html
<p><a href="https://droneguard.deviantart.com/art/Computer-monster-110216368"><img src="https://fc01.deviantart.net/fs40/f/2009/021/2/f/Computer_monster_by_Droneguard.gif" alt="Computer monster" style="float:left; margin: 0 1em 1em 0;" /></a> <p><a href="https://droneguard.deviantart.com/art/Computer-monster-110216368"><img src="https://fc01.deviantart.net/fs40/f/2009/021/2/f/Computer_monster_by_Droneguard.gif" alt="Computer monster" style="float:left; margin: 0 1em 1em 0;" /></a>
Des astuces pour les débutants en ligne de commande, des raccourcis, des symboles magiques. Tout ce qu'il faut savoir dans ce merveilleux article de lifeHacker.com Des astuces pour les débutants en ligne de commande, des raccourcis, des symboles magiques. Tout ce qu'il faut savoir dans ce merveilleux article de lifeHacker.com

2
sources/cipherbliss_blog/with_html/20140212082847_cipherbliss_blog_65_zen-coding.org → sources/cipherbliss_blog/de coté/20140212082847_cipherbliss_blog_65_zen-coding.org
View File

@ -13,7 +13,7 @@
** Zen coding ** Zen coding
:html: ceci_est_du_html
<p><img src="https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg" alt="Bouddha and the Lotus" style="float:right; margin: 0 0 1em 1em;" /> <p><img src="https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg" alt="Bouddha and the Lotus" style="float:right; margin: 0 0 1em 1em;" />
ô développeur qui cherche à optimiser son temps, si tu aimes faire du HTML mais que son écriture, pour faire de l'intégration par exemple te semble fort fastidieuse et verbeuse, j'ai un truc 'achement bien pour toi nommé Zen coding. ça n'a rien à voir avec coder avez le nez pour des djeunz. Il s'agit d'écrire un sélecteur css, de sélectionner notre sélecteur, puis de l'étendre avec un raccourci clavier.J'utilise Netbeans comme IDE, le plugin zen coding a de base un raccourci <strong>ctrl+alt+N</strong>.</p> ô développeur qui cherche à optimiser son temps, si tu aimes faire du HTML mais que son écriture, pour faire de l'intégration par exemple te semble fort fastidieuse et verbeuse, j'ai un truc 'achement bien pour toi nommé Zen coding. ça n'a rien à voir avec coder avez le nez pour des djeunz. Il s'agit d'écrire un sélecteur css, de sélectionner notre sélecteur, puis de l'étendre avec un raccourci clavier.J'utilise Netbeans comme IDE, le plugin zen coding a de base un raccourci <strong>ctrl+alt+N</strong>.</p>

2
sources/cipherbliss_blog/with_html/20140304202259_cipherbliss_blog_64_smartwatch-faite-maison-avec-l-aide-de-hong-kong.org → sources/cipherbliss_blog/de coté/20140304202259_cipherbliss_blog_64_smartwatch-faite-maison-avec-l-aide-de-hong-kong.org
View File

@ -13,7 +13,7 @@
** Smartwatch faite maison avec l'aide de hong kong ** Smartwatch faite maison avec l'aide de hong kong
:html: ceci_est_du_html
<p>Pendant que le marché des smart watch commence à faire semblant de s'installer, j'ai préféré me monter ma propre smart watch avec un bracelet. <p>Pendant que le marché des smart watch commence à faire semblant de s'installer, j'ai préféré me monter ma propre smart watch avec un bracelet.
<img src="/public/i/2014/03mars/.2014-03-04_20-41-58_617_m.jpg" alt="2014-03-04_20-41-58_617.jpg" style="display:block; margin:0 auto;" title="2014-03-04_20-41-58_617.jpg, mar. 2014" /> <img src="/public/i/2014/03mars/.2014-03-04_20-41-58_617_m.jpg" alt="2014-03-04_20-41-58_617.jpg" style="display:block; margin:0 auto;" title="2014-03-04_20-41-58_617.jpg, mar. 2014" />

2
sources/cipherbliss_blog/with_html/20140313130103_cipherbliss_blog_63_poids-des-slecteurs-css.org → sources/cipherbliss_blog/de coté/20140313130103_cipherbliss_blog_63_poids-des-slecteurs-css.org
View File

@ -13,7 +13,7 @@
** poids des sélecteurs CSS ** poids des sélecteurs CSS
:html: ceci_est_du_html
<p><a href="https://s-que.deviantart.com/art/Journal-CSS-for-Beginners-40450590"><img src="https://th08.deviantart.net/fs70/300W/i/2009/356/d/a/Journal_CSS_for_Beginners_by_S_Que.png" alt="Journal CSS for Beginners" style="display:block; margin:0 auto;" /></a> <p><a href="https://s-que.deviantart.com/art/Journal-CSS-for-Beginners-40450590"><img src="https://th08.deviantart.net/fs70/300W/i/2009/356/d/a/Journal_CSS_for_Beginners_by_S_Que.png" alt="Journal CSS for Beginners" style="display:block; margin:0 auto;" /></a>
Les sélecteurs CSS totalisent un certain score pour définir leur priorité d'exécution, comprendre cette façon de compter les points vous évitera bien des soucis dans l'héritage des styles.</p> Les sélecteurs CSS totalisent un certain score pour définir leur priorité d'exécution, comprendre cette façon de compter les points vous évitera bien des soucis dans l'héritage des styles.</p>

2
sources/cipherbliss_blog/with_html/20140313130915_cipherbliss_blog_62_css-split-circles.org → sources/cipherbliss_blog/de coté/20140313130915_cipherbliss_blog_62_css-split-circles.org
View File

@ -13,7 +13,7 @@
** CSS split circles ** CSS split circles
:html: ceci_est_du_html
<p><a href="https://artlemoine.com/circles" hreflang="fr" title="CSS circles"><img src="/public/i/2014/03mars/.Capture_du_2014-03-13_13_49_58_m.jpg" alt="Capture_du_2014-03-13_13_49_58.png" style="display:block; margin:0 auto;" title="Capture_du_2014-03-13_13_49_58.png, mar. 2014" /></a> <p><a href="https://artlemoine.com/circles" hreflang="fr" title="CSS circles"><img src="/public/i/2014/03mars/.Capture_du_2014-03-13_13_49_58_m.jpg" alt="Capture_du_2014-03-13_13_49_58.png" style="display:block; margin:0 auto;" title="Capture_du_2014-03-13_13_49_58.png, mar. 2014" /></a>
Pour un exercice donné par Nadir Kademe je me suis lancé dans une démo de Javascript / CSS où l'on découpe des cercles de couleur en passant le curseur dessus. Pour un exercice donné par Nadir Kademe je me suis lancé dans une démo de Javascript / CSS où l'on découpe des cercles de couleur en passant le curseur dessus.

2
sources/cipherbliss_blog/with_html/20140318204651_cipherbliss_blog_61_a-wizard-installing-software.org → sources/cipherbliss_blog/de coté/20140318204651_cipherbliss_blog_61_a-wizard-installing-software.org
View File

@ -13,7 +13,7 @@
** a wizard installing software ** a wizard installing software
:html: ceci_est_du_html
<p><img src="https://d24w6bsrhbeh9d.cloudfront.net/photo/a09O89d_460s.jpg" alt="" /></p> <p><img src="https://d24w6bsrhbeh9d.cloudfront.net/photo/a09O89d_460s.jpg" alt="" /></p>

2
sources/cipherbliss_blog/with_html/20140405105316_cipherbliss_blog_60_perdu-de-recherche.org → sources/cipherbliss_blog/de coté/20140405105316_cipherbliss_blog_60_perdu-de-recherche.org
View File

@ -13,7 +13,7 @@
** Perdu de recherche ** Perdu de recherche
:html: ceci_est_du_html
<p><a href="https://liviavi.deviantart.com/art/Magnifier-306407861"><img src="https://th05.deviantart.net/fs71/300W/i/2012/156/5/0/magnifier_by_liviavi-d52fdth.jpg" alt="Magnifier" style="display:block; margin:0 auto;" /></a> <p><a href="https://liviavi.deviantart.com/art/Magnifier-306407861"><img src="https://th05.deviantart.net/fs71/300W/i/2012/156/5/0/magnifier_by_liviavi-d52fdth.jpg" alt="Magnifier" style="display:block; margin:0 auto;" /></a>
ça arrive souvent qu'on ait besoin de remplacer des choses dans un texte, mais saviez vous que le retour à la ligne, ou la tabulation sont des caractères recherchables et remplaçables?<br /></p> ça arrive souvent qu'on ait besoin de remplacer des choses dans un texte, mais saviez vous que le retour à la ligne, ou la tabulation sont des caractères recherchables et remplaçables?<br /></p>

2
sources/cipherbliss_blog/with_html/20140411154209_cipherbliss_blog_59_raspberry-pi-case-en-papier.org → sources/cipherbliss_blog/de coté/20140411154209_cipherbliss_blog_59_raspberry-pi-case-en-papier.org
View File

@ -13,7 +13,7 @@
** Raspberry Pi case en papier ** Raspberry Pi case en papier
:html: ceci_est_du_html
<p>Le raspberry pi c'est magique, un vrai ordi avec si peu de ressources électriques, et des tas d'idées pour en faire quelque chose. Des sites proposent aussi des pdf à imprimer (sans redimention) afin de se faire&nbsp;<strong>des boites a RasPi maison, en papier</strong>.</p> <p>Le raspberry pi c'est magique, un vrai ordi avec si peu de ressources électriques, et des tas d'idées pour en faire quelque chose. Des sites proposent aussi des pdf à imprimer (sans redimention) afin de se faire&nbsp;<strong>des boites a RasPi maison, en papier</strong>.</p>
<div><img src="https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/1.jpg" alt="1.jpg" title="1.jpg, avr. 2014" style="margin: 0 auto; display: block;" /></div><div><div><br class="Apple-interchange-newline" />Je me suis donc emparé d'un papier photo pour qu'il soit brillant, résistant et kawaii, et me suis armé de matos. un cutter, une règle et une impression plus tard me voici prêt à découper et plier ce qui va se transformer en magnifique enveloppe à ordi.</div><div>après quelques étapes qui m'ont bien pris une dizaine de minutes...</div><img src="https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/2.jpg" alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display: block;" /></div><hr><img src="/public/i/2014/04avril/raspberry_pi_case/4.jpg" alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display: block;" /> <div><img src="https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/1.jpg" alt="1.jpg" title="1.jpg, avr. 2014" style="margin: 0 auto; display: block;" /></div><div><div><br class="Apple-interchange-newline" />Je me suis donc emparé d'un papier photo pour qu'il soit brillant, résistant et kawaii, et me suis armé de matos. un cutter, une règle et une impression plus tard me voici prêt à découper et plier ce qui va se transformer en magnifique enveloppe à ordi.</div><div>après quelques étapes qui m'ont bien pris une dizaine de minutes...</div><img src="https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/2.jpg" alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display: block;" /></div><hr><img src="/public/i/2014/04avril/raspberry_pi_case/4.jpg" alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display: block;" />

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