mirror of
https://forge.chapril.org/tykayn/orgmode-to-gemini-blog
synced 2025-10-09 17:02:45 +02:00
move files
This commit is contained in:
Tykayn
tykayn
parent
a58b0efcad
commit
2a1891dc2a
399 changed files with 41852 additions and 36 deletions
|
|
@ -0,0 +1,220 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<h2
|
||||
id="on-a-besoin-de-compétences-en-ux-design-dans-les-projets-libres">On
|
||||
a besoin de compétences en UX design dans les projets libres</h2>
|
||||
|
||||
<p>L'expérience utilisateur, et le design bien foutu sont des choses que
|
||||
l'on reproche souvent à des <a href="<a
|
||||
href="https://www.cipherbliss.com/?s=logiciels+libres">https://www.cipherbliss.com/?s=logiciels+libres</a>">logiciels
|
||||
libres</a>. Enfin, à <em>ce qu'on se représente</em>
|
||||
de logiciels libres, car sans eux il n'y aurait pas d'internet possible,
|
||||
et encore moins de web. Tout le monde utilise des choses libres sans le
|
||||
savoir mais qui leur sont invisibles, par exemple des serveurs web. Mais
|
||||
concentrons nous sur les logiciels et sites web ayant un fort tenant
|
||||
visuel. Le plus souvent, un site, un logiciel de bureau comme un simple
|
||||
tableur ou un truc pour gérer les plantations de son jardin sont loin
|
||||
d'être sexy et faciles à utiliser. Enfin, dans la mesure où on a pas un
|
||||
tuto pour nous prendre la main dès notre première visite.</p>
|
||||
<p>L'ergonomie, le design, l'UX, ça manque cruellement à ce monde.</p>
|
||||
<p>c’est d’ailleurs un des reproches les plus souvent faits aux projets
|
||||
libres: ils sont pas jolis jolis parce que la compétence principale des
|
||||
contributeurs est celle d’ingénieurs. Et quand on est ingénieur, la
|
||||
priorité c’est de faire en sorte que les choses marchent avec le moins
|
||||
de bugs possible. Cela sous entend que l'on s'attend à certains
|
||||
comportements (conformes à une spécification), et que tout ce qui en
|
||||
dévie est indésirable, <a href="<a
|
||||
href="https://fr.wikipedia.org/wiki/Bug_(informatique)">https://fr.wikipedia.org/wiki/Bug_(informatique)</a>">comme
|
||||
un insecte qui fait des courts jus en marchant sur des circuits
|
||||
imprimés</a>.</p>
|
||||
<p><a href="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/01/horse_skyrim_climbing_flawless.jpg">https://www.cipherbliss.com/wp-content/uploads/2019/01/horse_skyrim_climbing_flawless.jpg</a>"><img
|
||||
class="aligncenter size-large wp-image-1149" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/01/horse_skyrim_climbing_flawless-1024x576.jpg">https://www.cipherbliss.com/wp-content/uploads/2019/01/horse_skyrim_climbing_flawless-1024x576.jpg</a>"
|
||||
alt="" width="620" height="349" /></a></p>
|
||||
<p>Prenez par exemple un logiciel libre qui sert à "graver" une image
|
||||
disque sur une clé usb. Etcher est super populaire parce qu'il est doté
|
||||
d'une expérience utilisateur super simple, que l'on comprend tout de
|
||||
suite, très facile à utiliser. Ce qui a suffi à le faire adopter plus
|
||||
facilement qu'unetbootin, qui permet la même chose mais avec une
|
||||
interface vachement moins sexy.</p>
|
||||
<p>[caption id="attachment<sub>1152</sub>" align="alignnone"
|
||||
width="300"]<a href="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/01/unetbootin.gif">https://www.cipherbliss.com/wp-content/uploads/2019/01/unetbootin.gif</a>"><img
|
||||
class="wp-image-1152 size-medium" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/01/unetbootin-300x221.gif">https://www.cipherbliss.com/wp-content/uploads/2019/01/unetbootin-300x221.gif</a>"
|
||||
alt="" width="300" height="221" /></a> unetbootin, interface
|
||||
d'une beauté digne de windows XP[/caption]</p>
|
||||
<p>[caption id="attachment<sub>1153</sub>" align="alignnone"
|
||||
width="300"]<a href="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/01/etcher-screenshot-04.png">https://www.cipherbliss.com/wp-content/uploads/2019/01/etcher-screenshot-04.png</a>"><img
|
||||
class="wp-image-1153 size-medium" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/01/etcher-screenshot-04-300x154.png">https://www.cipherbliss.com/wp-content/uploads/2019/01/etcher-screenshot-04-300x154.png</a>"
|
||||
alt="" width="300" height="154" /></a> Etcher, interface fort
|
||||
jolie qui situe en plus le plan d'action clairement[/caption]</p>
|
||||
<p>Peu de gens savent qu'il suffit de glisser déposer un fichier .iso
|
||||
dans le dossier d'une clé usb pour que Debian / Ubuntu / Mint et
|
||||
d'autres OS libres proposent de graver cette image disque dessus. C'est
|
||||
très simple quand on le sait, plus simple que d'installer et lancer
|
||||
Etcher, mais c'est juste méconnu car ce n'est pas un comportement que
|
||||
windows ou macOS fournissent à ma connaissance.</p>
|
||||
<p>Les personnes ayant des compétences en UX sont bien cachées de par le
|
||||
monde, et c’est d’ailleurs rare de les trouver dans les entreprises
|
||||
faisant du logiciel. Mais alors, où vous cachez vous, amis bidouilleurs
|
||||
et bidouilleuses de design?</p>
|
||||
<p>Cependant avoir une jolie identité graphique (effet wouaw, truc trop
|
||||
joli et “interface sexy” * o * ) n’est pas forcément suffisant à ce que
|
||||
le tout soit utilisable et bien foutu. Combien de fois ai-je pu lire des
|
||||
mésaventures de projets de dev qui avaient une fuking belle identité
|
||||
visuelle mais se révèlaient impossible à utiliser car pas du tout
|
||||
hiérarchisée faute de recueil des besoins avec les utilisateurs finaux,
|
||||
faute de hiérarchie de l’information, faute de contraintes bling bling
|
||||
qui n’apportaient rien si ce n’est des rallongements de temps de dev à
|
||||
faire ensuite car manquant d’harmonie et trop lourd en complexité.</p>
|
||||
<p>Chacun des acteurs d'un projet peut le flinguer en négligeant
|
||||
l'implication de ses choix sur les autres membres de l'équipe. Un
|
||||
problème classique de la gestion de projet.</p>
|
||||
<p>L'expérience utilisateur (et l'expérience développeur) fonctionnent
|
||||
comme une pyramide de Maslow: chacune des couches des besoins n'est
|
||||
atteignable par l'utilisateur que dans le cas où toutes les couches
|
||||
précédentes ont été réalisées. <ol> <li>Fonctionnel, utile.
|
||||
Fonctionne tel qu'on l'a programmé. (niveau essentiel)</li>
|
||||
<li>Fiable. Est disponible et précis. (nécessaire)</li>
|
||||
<li>Utilisable. Peut être utilisé sans difficulté.
|
||||
(nécessaire)</li> <li>Pratique. Très simple à utilisé,
|
||||
fonctionne tel qu'on se l'imagine. On entre dans la partie sujbective.
|
||||
(désirable)</li> <li>Plaisant. Doté d'une expérience
|
||||
mémorable, qui donne l'envie de le faire connaître et de le
|
||||
partager.</li> <li>Sensé. à un sens propre, apporte quelque
|
||||
chose de bénéfique concret à l'utilisateur. (excellente UX)</li>
|
||||
</ol> Toutes ces problématiques, il faut que les libristes s’en
|
||||
emparent aussi!</p>
|
||||
<p>Bon ok, on est d’accord. Mais comment faire pour trouver des gens à
|
||||
ces compétences si rares et leur donner envie de contribuer ?</p>
|
||||
<p>si vous avez des pistes pour aller les pêcher (cafésalé ? deviantart?
|
||||
dribble?) je suis preneur.</p>
|
||||
<p>Sur MobiliZon, un projet d'organisation d'évènements utilisant
|
||||
ActivityPub (et donc le fédiverse), Framasoft a embauché deux
|
||||
designers.</p>
|
||||
<p>Mais venez donc <a href="<a
|
||||
href="https://riot.im/app/#/room/#Mobilizon:matrix.org">https://riot.im/app/#/room/#Mobilizon:matrix.org</a>">sur
|
||||
le canal Matrix du projet</a> (on y cause Français et Englishe) ou
|
||||
sur le site officiel <a href="<a
|
||||
href="https://joinmobilizon.org">https://joinmobilizon.org</a>">joinmobilizon.org</a>
|
||||
, plus on est de fous, moins y'a de riz.</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,134 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<h2 id="aaron-swartz-lenfant-dinternet-1">Aaron Swartz, l'enfant
|
||||
d'internet</h2>
|
||||
|
||||
<p><iframe src="<a
|
||||
href="https://peertube.cipherbliss.com/videos/embed/69bb6e90-ec0f-49a3-9e28-41792f4a7c5f">https://peertube.cipherbliss.com/videos/embed/69bb6e90-ec0f-49a3-9e28-41792f4a7c5f</a>"
|
||||
width="560" height="315" frameborder="0" sandbox="allow-same-origin
|
||||
allow-scripts" allowfullscreen="allowfullscreen"></iframe></p>
|
||||
<p>l'histoire d'<a href="<a
|
||||
href="https://fr.wikipedia.org/wiki/Aaron_Swartz">https://fr.wikipedia.org/wiki/Aaron_Swartz</a>">Aaron
|
||||
Swartz</a>, né en 1986 et mort en 2013, - créateur de Reddit et de
|
||||
bien d'autres services rendus à l'humanité - montre les enjeux d'un
|
||||
accès commun aux libre savoir et à quel point cela vaut le coup de les
|
||||
défendre.</p>
|
||||
<p>Je suis né un an après lui, et je suis loin d'en avoir autant fait.
|
||||
On devrait tous en prendre de la graine.</p>
|
||||
<p>Très bon documentaire en VOSTF dispo sur peertube.</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,127 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<p><a
|
||||
href="id:9280b094-e87b-4be8-b2b4-cc104af9c93b">comment-jai-quitte-facebook-et-google</a></p>
|
||||
<h2 id="byebye-facebook-1">byebye Facebook</h2>
|
||||
|
||||
<p><a href="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/01/fb_supression.png">https://www.cipherbliss.com/wp-content/uploads/2019/01/fb_supression.png</a>"><img
|
||||
class="aligncenter size-full wp-image-1162" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/01/fb_supression.png">https://www.cipherbliss.com/wp-content/uploads/2019/01/fb_supression.png</a>"
|
||||
alt="" width="552" height="503" /></a></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,240 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<h2 id="rester-relié-à-son-passé-via-les-réseaux-sociaux">Rester relié à
|
||||
son passé via les réseaux sociaux</h2>
|
||||
|
||||
<p>Gargron, créateur du réseau social Mastodon a écrit un chouette
|
||||
article à propos de la façon donc nous sommes dépossédés de notre propre
|
||||
passé sur les "réseaux" sociaux privateurs, quels sont les enjeux
|
||||
derrière l'accès à <a href="<a
|
||||
href="https://blog.joinmastodon.org/2018/02/this-isnt-about-social-media.-this-is-about-control./">https://blog.joinmastodon.org/2018/02/this-isnt-about-social-media.-this-is-about-control./</a>">notre
|
||||
propre historique et son contrôle par l'utilisateur</a>, et
|
||||
comment <a href="<a
|
||||
href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a>">Mastodon</a>
|
||||
permet cela. <p style="text-align: center;">***</p>
|
||||
<p><h2>Il ne s'agit pas de médias sociaux, il s'agit de
|
||||
contrôle.</h2> <main>Les êtes humains, par dessus tout, sont
|
||||
des narrateurs d'histoires. Il s'agit de notre rapport au passé, aux
|
||||
personnalités, ou entre les uns et les autres. Des histoires à propos de
|
||||
notre façon de nous connecter au monde autour de nous, de tirer du sens
|
||||
des évènements, et d'apprendre des valeurs. Nous dépendons d'histoires
|
||||
pour fonctionner en tant qu'acteurs dans le monde.</main>Ces
|
||||
histoires sont souvent dites d'expériences personnelles: "oh, j'ai fait
|
||||
ça aujourd'hui, je me suis senti comme ça, ça s'est passé et j'étais
|
||||
genre 'wouah, c'est dingue!' ". Dans les temps anciens, nous nous
|
||||
basions sur la tradition orale pour transmettre nos valeurs, puis nous
|
||||
avons évolué vers la forme écrite pendant que la littératie se répandait
|
||||
et que les villes devenaient le principal lieu de vie où les gens
|
||||
vivaient.</p>
|
||||
<p>Les médias sociaux étaient, d'une certaine façon, un moyen d'apporter
|
||||
la tradition orale dans le monde écrit: un discours vivant de nos
|
||||
histoires personnelles au fur et à mesure qu'elles se produisaient,
|
||||
enregistrées d'une façon la plus adaptée qui soit au récit. Nous
|
||||
pouvions être en désaccord sur les détails, car les détails n'étaient
|
||||
pas aussi importants dans l'histoire que l'image globale du récit dans
|
||||
son ensemble.</p>
|
||||
<p>Mais désormais, c'est le récit qui est fait à notre place.</p>
|
||||
<p>Nos histoires, notre sentiment d'appartenance à la narration que nous
|
||||
créons, est sous une révision constante. Facebook et Twitter nous ont
|
||||
enlevé le récit linéaire que nous connaissions. Nous ne voyons pas notre
|
||||
participation, nous voyons des contributions, et seulement si elles sont
|
||||
assez populaires auprès de nos pairs (et donc, des agences de publicité)
|
||||
pour générer du trafic.</p>
|
||||
<p>Nous obtenons une perte, une réduction de notre histoire personnelle,
|
||||
coupée avec des posts que nous n'avons pas écrit et qui n'ont aucun lien
|
||||
avec nous. Notre histoire et nos centres d'intérêts, la profonde façon
|
||||
dont nous nous définissons, est mixée avec des éléments qui ont été
|
||||
décidés comme profitables, et donc intéressants, pour maximiser notre
|
||||
engagement avec une histoire au récit mensonger.</p>
|
||||
<p>Nous avons en effet perdu notre engeance à nous raconter nous mêmes,
|
||||
et les uns avec les autres, les histoires qui définissent qui nous
|
||||
sommes. Petit à petit, notre contrôle sur notre propre identité à été
|
||||
érodé, monétisé, et vendu.</p>
|
||||
<p>Avant d'aller plus loin, je souhaite évoquer le livre "l'enfant
|
||||
autogéré"; un livre récemment couvert chez <a href="<a
|
||||
href="https://www.scientificamerican.com/article/the-case-for-the-ldquo-self-driven-child-rdquo/">https://www.scientificamerican.com/article/the-case-for-the-ldquo-self-driven-child-rdquo/</a>">Scientific
|
||||
American</a>. C'est une interessante lecture, mais la chose
|
||||
importante à en tirer est ceci: la perte progressive d'autonomie durant
|
||||
les vies des enfants et des adolescents à conduit à une augmentation
|
||||
marquée de taux d'anxiété et de dépression, une augmentation générale de
|
||||
cas de maladies mentales, et un sommeil d'une piètre qualité.</p>
|
||||
<p>Il s'agit de plus qu'une simple suppression de choix d'activités: nos
|
||||
sources de distraction ont augmenté, la liberté pour beaucoup de choisir
|
||||
à été remplacée par des devoirs à la maison et des activités structurées
|
||||
contre de l'accomplissement et du temps libre.</p>
|
||||
<p><img class="aligncenter size-full wp-image-1221" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/02/lain_wired.jpg">https://www.cipherbliss.com/wp-content/uploads/2019/02/lain_wired.jpg</a>"
|
||||
alt="" width="480" height="360" /></p>
|
||||
<p>Dans les espaces en ligne, particulièrement sur les tendances de
|
||||
Facebook et Twitter, ont graduellement remplacé l'agence des
|
||||
participants avec un régime fachisouriant, structuré, et ce pendant plus
|
||||
d'une décennie maintenant. En fait, ils l'ont fait assez longtemps sur
|
||||
assez de gens pour que de nombreuses personnes n'aient jamais connu de
|
||||
version de leur propre histoire qui ne soient pas totalement hors de
|
||||
leur contrôle.</p>
|
||||
<p>Quand la ligne de temps linéaire à été enlevée en faveur de leur
|
||||
propre algorithme de tri, ils ont enlevé notre contrôle sur la
|
||||
conversation entièrement. Au lieu de vous et vos amis en discussion l'un
|
||||
avec l'autre, vous êtes en discussion en périphérie de sources de
|
||||
contenus que l'on vous impose de voir, lire, et aimer. Vous êtes en
|
||||
compétition directe avec une notion entrepreneuriale de votre histoire
|
||||
personnelle, de votre identité, et de vos relations avec les autres.</p>
|
||||
<p>Cela peut être vu plus facilement sur Intagram: votre flux d'actu est
|
||||
remplie de contenu sponsorisé par des étrangers, les publicités sont
|
||||
indistinguables des vrais posts, "des suggestions" et même d'injections
|
||||
dans votre historique de recherche et de tags, et plus encore: il ne
|
||||
s'agit pas d'un cas où l'on vous propose des suggestions de "choses que
|
||||
vous pourriez aimer". Il s'agit de ce que l'on vous dit, explicitement
|
||||
de façon autoritaire, que vous devez aimer. Votre histoire n'est plus un
|
||||
enregistrement; c'est une affaire de révision corporatiste sous audit
|
||||
strict.</p>
|
||||
<p>"Mais nous sommes libres de participer, ou pas, sur ces plateformes"
|
||||
diriez-vous. Et vous êtes dans le vrai; nous pouvons reprendre notre
|
||||
ballon et rentrer à la maison.</p>
|
||||
<p>Mais nous n'allons pas le faire, et nous ne devrions pas avoir à le
|
||||
faire.</p>
|
||||
<p>Il est naïf de penser que nous devrions choisir de ne pas participer
|
||||
au discours public si nous sommes insatisfaits de l'état actuel des
|
||||
médias sociaux. Plus qu'un luxe, la norme pour beaucoup, beaucoup de
|
||||
gens dans le monde d'aujourd'hui est de communiquer et discourir avec
|
||||
des gens de par le monde, sans s'arrêter aux barrières des frontières,
|
||||
des idéologies, de la politique ou de la religion. Il est irréaliste de
|
||||
suggérer simplement de ne pas participer au média social de même qu'il
|
||||
l'est de suggérer de ne pas payer l'électricité, se désinscrire de son
|
||||
fournisseur internet, ou clore votre abonnement téléphonique.</p>
|
||||
<p>Faisable, oui; mais franchement ridicule pour la plupart d'entre
|
||||
nous.</p>
|
||||
<p>Nous avons besoin d'une plateforme qui n'est pas détenue par des
|
||||
intérêts corporatistes, dirigée par la collecte et la vente
|
||||
d'informations personnelles, la monétisation de l'expérience sociale à
|
||||
travers la dépersonnalisation et des services publicitaires.</p>
|
||||
<p>C'est pourquoi nous avons besoin de <a href="<a
|
||||
href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a>">Mastodon</a>.</p>
|
||||
<p>Pour débuter avec Mastodon, allez sur <em> <a href="<a
|
||||
href="https://joinmastodon.org/">https://joinmastodon.org/</a>">joinMastodon.org</a>
|
||||
</em>et choisissez un lieu pour y établir votre chez-vous!
|
||||
Utilisez les menus de sélection pour cibler votre recherche par centre
|
||||
d'intérêt et par langue parlée, et commencez à tooter!</p>
|
||||
<p>—<span class="p-author h-card"> Tremaine Friske </span>,
|
||||
<time class="dt-published" datetime="2018-02-19T00:00:00Z"> Feb
|
||||
19, 2018- traduit de l'Anglais par B. Lemoine. Illustrations de la série
|
||||
"<a href="<a
|
||||
href="https://fr.wikipedia.org/wiki/Serial_experiments_Lain">https://fr.wikipedia.org/wiki/Serial_experiments_Lain</a>">Serial
|
||||
Experiments Lain</a> - yoshitoshi ABE" </time></p>
|
||||
<p>&nbsp;</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,243 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<h2 id="faire-son-propre-thème-mastodon">Faire son propre thème
|
||||
Mastodon</h2>
|
||||
|
||||
<p>&nbsp;</p>
|
||||
<p>Personnaliser son instance Mastodon c'est fort simple,
|
||||
<h2>facile: CSS personnalisé</h2> on peut rajouter du css
|
||||
personnalisé dans l'interface d'administration.</p>
|
||||
<p>naviguez dans "espace perso"&gt; "administration" &gt;
|
||||
"paramètres du site" pour ajouter des éléments graphiques, changer
|
||||
l'image d'accueil, un logo, une vignette, la description du site, mettre
|
||||
des emoji personnalisés, tout ça tout ça.</p>
|
||||
<p>sur votre instance ce sera à l'addresse
|
||||
<strong>votresite.com/admin/settings/edit</strong></p>
|
||||
<p><img class="aligncenter " src="<a
|
||||
href="https://mastodon.cipherbliss.com/system/site_uploads/files/000/000/003/original/logo_clair.png?1545082425">https://mastodon.cipherbliss.com/system/site_uploads/files/000/000/003/original/logo_clair.png?1545082425</a>"
|
||||
alt="le logo de CipherBliss sur mon instance mastodon" width="155"
|
||||
height="167" /> <h2>Faire son thème perso</h2> Mais on
|
||||
peut aussi développer complètement son propre thème en surchargeant les
|
||||
fichiers au bon endroit, en relançant la compilation des fichiers pour
|
||||
le frontend, et en relançant les services qui font tourner Mastodon.</p>
|
||||
<p>Pour s'amuser on peut commencer par modifier juste les variables de
|
||||
couleur en scss, changer la taille de base des colonnes, changer les
|
||||
icones.</p>
|
||||
<p>Vous pouvez aussi proposer plusieurs thèmes que vos utilisateurs vont
|
||||
voir dans leurs préférences, par exemple chez witches.town, une instance
|
||||
lgbt-amicale propose les sources de <a href="<a
|
||||
href="https://github.com/Sylvhem/witches-town-theme">https://github.com/Sylvhem/witches-town-theme</a>">son
|
||||
thème à installer ici</a>.</p>
|
||||
<p><img class="alignnone" src="<a
|
||||
href="https://github.com/Sylvhem/witches-town-theme/raw/master/screenshoot.png">https://github.com/Sylvhem/witches-town-theme/raw/master/screenshoot.png</a>"
|
||||
width="430" height="242" /></p>
|
||||
<p>Mais il ya tout un tas de possibilités.</p>
|
||||
<p><img class="alignnone" src="<a
|
||||
href="https://open-time.net/public/screenshots/2018/mastodon-themes.jpg">https://open-time.net/public/screenshots/2018/mastodon-themes.jpg</a>"
|
||||
width="419" height="249" /><img class="alignnone " src="<a
|
||||
href="https://framablog.org/wp-content/uploads/2018/02/Screenshot-2018-2-18-Framapiaf-e1519000913745-768x440.png">https://framablog.org/wp-content/uploads/2018/02/Screenshot-2018-2-18-Framapiaf-e1519000913745-768x440.png</a>"
|
||||
width="432" height="247" /><img class="alignnone " src="<a
|
||||
href="https://raw.githubusercontent.com/trwnh/mastodon-flat-css/master/screenshots/mfc-flamingo.png">https://raw.githubusercontent.com/trwnh/mastodon-flat-css/master/screenshots/mfc-flamingo.png</a>"
|
||||
width="850" height="468" /></p>
|
||||
<p>J'ai donc réalisé <a href="<a
|
||||
href="https://portfolio.cipherbliss.com/page/mastodon-template">https://portfolio.cipherbliss.com/page/mastodon-template</a>">une
|
||||
page dynamique qui vous permet de générer votre propre feuille de style
|
||||
custom.scss</a> qui modifie <a href="<a
|
||||
href="https://github.com/tootsuite/mastodon/blob/master/app/javascript/styles/mastodon/variables.scss">https://github.com/tootsuite/mastodon/blob/master/app/javascript/styles/mastodon/variables.scss</a>">les
|
||||
variables par défaut</a> à ajouter à votre installation
|
||||
mastodon.</p>
|
||||
<p>[caption id="attachment<sub>1188</sub>" align="aligncenter"
|
||||
width="620"]<a href="<a
|
||||
href="https://portfolio.cipherbliss.com/page/mastodon-template">https://portfolio.cipherbliss.com/page/mastodon-template</a>"><img
|
||||
class="size-large wp-image-1188" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/02/screenshot-portfolio.cipherbliss.com-2019.02.18-15-56-16-1024x590.png">https://www.cipherbliss.com/wp-content/uploads/2019/02/screenshot-portfolio.cipherbliss.com-2019.02.18-15-56-16-1024x590.png</a>"
|
||||
alt="" width="620" height="357" /></a> éditeur de couleurs de
|
||||
thème Mastodon par cipherbliss[/caption] <h3>Comment ça marche
|
||||
?</h3> cliquez sur les sélecteurs de couleurs et le style scss
|
||||
sera mis à jour en temps réel en dessous ( dans le bloc grisé ).</p>
|
||||
<p>Vous n'aurez plus qu'à copier ces variables pour les mettre dans
|
||||
votre fichier de styles durant l'installation de votre thème
|
||||
personnalisé: <h2>Comment installer votre thème
|
||||
personnalisé</h2> dans votre installation, créez le fichier
|
||||
<strong>custom.scss</strong> et collez votre style
|
||||
personnalisé dedans. <pre>cd /home/mastodon/live editor
|
||||
app/javascript/styles/custom.scss<code></p>
|
||||
<p>modifiez le fichier <code>config/themes.yml</code></p>
|
||||
<p>afin qu'il contienne</p>
|
||||
<p><code>default: styles/custom.scss</code></p>
|
||||
<p>pour prendre en compte votre style custom.</p>
|
||||
<p>il sera pris en compte au redémarrage des services de mastodon.</p>
|
||||
<p>Si vous vous y connaissez en ReactJS vous pourrez modifier les
|
||||
templates. il sera donc pratique de faire tourner un serveur de dev
|
||||
local avec webpack. <h3>Installer plusieurs thèmes</h3>
|
||||
modifiez <code>config/themes.yml</code></p>
|
||||
<p>et rajoutez une ligne par thème, qui renverra vers une feuille de
|
||||
style chacun. il faut obligatoirement avoir un thème par défaut indiqué
|
||||
avec le mot clé "default". <div class="highlight
|
||||
highlight-source-yaml"> <pre><span
|
||||
class="pl-ent">default</span>: <span
|
||||
class="pl-s">styles/awesome<sub>theme</sub>.scss</span>
|
||||
<span class="pl-ent">mastodon</span>: <span
|
||||
class="pl-s">styles/application.scss</span> <span
|
||||
class="pl-ent">another</span>: <span
|
||||
class="pl-s">style/another<sub>theme</sub>.scss</span></pre>
|
||||
</div> Vous pouvez changer le nom du thème dans le fichier de
|
||||
traductions.</p>
|
||||
<p><code>config/locales/fr.yml</code></p>
|
||||
<p>et mettez le nom que vous voulez pour chaque thème <div
|
||||
class="highlight highlight-source-yaml"> <pre><span
|
||||
class="pl-ent">themes</span>: <span
|
||||
class="pl-ent">default</span>: <span
|
||||
class="pl-s"><span class="pl-pds">"</span>Le Thème trop
|
||||
génial<span class="pl-pds">"</span></span> <span
|
||||
class="pl-ent">mastodon</span>: <span
|
||||
class="pl-s"><span class="pl-pds">"</span>Mastodon par
|
||||
défaut<span class="pl-pds">"</span></span> <span
|
||||
class="pl-ent">another</span>: <span
|
||||
class="pl-s"><span class="pl-pds">"</span>Un autre
|
||||
thème<span class="pl-pds">"</span></span></pre>
|
||||
</div> <h3>Lien vers le code source</h3> Mastodon
|
||||
étant distribué sous licence AGPL, il faut fournir les sources aux
|
||||
utilisateurs, donc il convient d'héberger votre feuille de style à un
|
||||
endroit publique et de mettre un lien vers ce thème sur votre instance
|
||||
Mastodon.</p>
|
||||
<p>pour cela, créez un fichier
|
||||
<code>config/initializers/source.rb</code>, et personnalisez
|
||||
les liens dans les sections <code>/about</code> et
|
||||
<code>/about/more</code> : <pre>editor
|
||||
config/initializers/source.rb</pre> <div class="highlight
|
||||
highlight-source-ruby"> <pre><span class="pl-c">#
|
||||
frozen<sub>stringliteral</sub>: true</span> <span
|
||||
class="pl-k">module</span> <span
|
||||
class="pl-en">Mastodon</span> <span
|
||||
class="pl-k">module</span> <span
|
||||
class="pl-en">Version</span> <span
|
||||
class="pl-k">module<sub>function</sub></span> <span
|
||||
class="pl-k">def</span> <span
|
||||
class="pl-en">source<sub>baseurl</sub></span> <span
|
||||
class="pl-s"><span class="pl-pds">'</span><a
|
||||
href="https://framagit.org/VOTRE_COMPTE/VOTRE_PROJET">https://framagit.org/VOTRE_COMPTE/VOTRE_PROJET</a><span
|
||||
class="pl-pds">'</span></span> <span
|
||||
class="pl-k">end</span> <span
|
||||
class="pl-k">end</span> <span
|
||||
class="pl-k">end</span></pre> </div> &nbsp;</p>
|
||||
<p>Et par ici <a href="<a
|
||||
href="https://github.com/tootsuite/documentation/blob/master/Running-Mastodon/Customizing.md">https://github.com/tootsuite/documentation/blob/master/Running-Mastodon/Customizing.md</a>">pour
|
||||
la doc officielle de personnalisation de thème mastodon.</a></p>
|
||||
<p>have fun!</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,156 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<h2 id="suivre-une-chaine-de-vidéos-par-flux-rss">Suivre une chaine de
|
||||
vidéos par flux RSS</h2>
|
||||
|
||||
<p>Vous n'avez pas l'obligation de vous taper tout le bruit autour des
|
||||
productions d'un vidéaste que vous appréciez. Youtube le cache bien
|
||||
(plus de bouton avec un symbole de flux RSS) mais il propose une API
|
||||
pour suivre un utilisateur ou une chaine sans nom d'utilisateur via un
|
||||
flux RSS que vous pourrez ensuite incorporer à Thunderbird, Akregator
|
||||
(si vous avez un bureau Kubuntu) et autres lecteurs de flux RSS/Atom.
|
||||
<pre class="prettyprint"><a
|
||||
href="https://www.youtube.com/feeds/videos.xml?user=">https://www.youtube.com/feeds/videos.xml?user=</a><strong>dirtybiology
|
||||
</strong></pre> Et comme youtube c'est sale, je vous
|
||||
recommande de jeter un oeil sur les instances peertube toutes reliées
|
||||
entre elles via ActivityPub (coucou le fédivers!). Sur toute instance
|
||||
peertube c'est beaucoup plus facile à trouver, il y a un bouton pour ça.
|
||||
<pre class="prettyprint"><a
|
||||
href="https://video.monsieurbidouille.fr/feeds/videos.xml?accountId=2">https://video.monsieurbidouille.fr/feeds/videos.xml?accountId=2</a></pre>
|
||||
Par exemple, la chaine <em>du Vortex</em> lancée par Léo de
|
||||
DirtyBiology qui a rassemblé une coloc de plein de vulgarisateurs avec
|
||||
Arte et Nerd Entertrainement Systems pour une production au top. <pre
|
||||
class="prettyprint"><a
|
||||
href="https://www.youtube.com/feeds/videos.xml?channel_id=">https://www.youtube.com/feeds/videos.xml?channel_id=</a><strong>UCZxLew-WXWm5dhRZBgEFl-Q</strong></pre>
|
||||
De plus en plus de gens connus sur youtube publient également leurs
|
||||
vidéos en les important dans une instance Peertube, pour en profiter
|
||||
sans être poursuivi par les trackers de google je vous conseille
|
||||
d'installer l'addon <a href="<a
|
||||
href="https://addons.mozilla.org/fr/firefox/addon/peertubeify/?src=search">https://addons.mozilla.org/fr/firefox/addon/peertubeify/?src=search</a>">Peertubify
|
||||
firefox</a> qui vous propose un lien vers la version peertube
|
||||
d'une vidéo que vous visionnez sur youtube. Il n'y a qu'a cliquer sur le
|
||||
lien qui apparait alors quand la version peertube existe. Comme dirait
|
||||
Monsieur Masure, c'est Fabulon!</p>
|
||||
<p>D'ailleurs vous avez notamment Nota Bene qui a un compte sur
|
||||
Mastodon, mais pas encore mis ses vidéos sur peertube, contrairement à
|
||||
Monsieur Bidouille, Thinkerview et DataGueule.</p>
|
||||
<p>Pour plusse d'astuces INCROYABLES, vous pouvez aussi ajouter le flux
|
||||
RSS de CipherBliss.com évidemment ;) <pre class="prettyprint"><a
|
||||
href="https://www.cipherbliss.com/feed/">https://www.cipherbliss.com/feed/</a></pre>
|
||||
Enjaillez!</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,150 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<h2 id="ouverture-dun-canal-matrix-cipherbliss-1">Ouverture d'un canal
|
||||
Matrix CipherBliss</h2>
|
||||
|
||||
<p>Pour faire du support et contribuer ensemble à plusieurs projets de
|
||||
CipherBliss, vous pouvez maintenant me joindre via Matrix/Riot sur le
|
||||
canal <a href="<a
|
||||
href="https://matrix.to/#/!jfoYESqTObXYlKAOVM:matrix.org?via=matrix.org">https://matrix.to/#/!jfoYESqTObXYlKAOVM:matrix.org?via=matrix.org</a>">#cipherbliss:matrix.org</a></p>
|
||||
<p>J'ai longtemps cherché un moyen d'avoir des canaux de discussion
|
||||
fonctionnant sur des <a href="<a
|
||||
href="https://www.cipherbliss.com/category/logiciels-libres/">https://www.cipherbliss.com/category/logiciels-libres/</a>">logiciels
|
||||
libres</a> et qui soient pratique à l'usage. Après avoir testé
|
||||
moults clients IRC et constaté que leurs versions portables (sur
|
||||
ORDIPHONE) étaient bien moisies et pas capables de prendre en compte les
|
||||
connexions intermittentes, j'ai testé plusieurs pistes telles que
|
||||
Telegram ou discord (mais ce n'est pas du libre) et c'est finalement
|
||||
Riot/Matrix qui a gagné en ayant un client mobile et desktop qui ont
|
||||
bien évolué depuis que j'ai commencé mon investigation.</p>
|
||||
<p>L'UX est franchement bonne autant via une page web que via le client
|
||||
desktop, et le client mobile fonctionne très bien avec une connexion
|
||||
pourrave. Le tout étant entièrement sur du libre, ce qui est top.</p>
|
||||
<p>[caption id="attachment<sub>1245</sub>" align="aligncenter"
|
||||
width="480"]<img class="wp-image-1245 size-full" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/05/envoie_moi_un_fax.jpg">https://www.cipherbliss.com/wp-content/uploads/2019/05/envoie_moi_un_fax.jpg</a>"
|
||||
alt="" width="480" height="360" /> "La prochaine fois, envoie moi un
|
||||
fax" -Georges Abidbol, l'homme le plus classe du monde[/caption]</p>
|
||||
<p>J'ai donc ouvert un canal pour CipherBliss et un autre pour les
|
||||
contributeurs francophones à OpenStreetMap, <a href="<a
|
||||
href="https://matrix.to/#/!ZalAqLEVESdVpPOBMf:matrix.org?via=matrix.org">https://matrix.to/#/!ZalAqLEVESdVpPOBMf:matrix.org?via=matrix.org</a>">#osm-fr:matrix.org</a>
|
||||
. Et si vous êtes plutôt Telegram, j'en ai fait un aussi <a href="<a
|
||||
href="https://t.me/osmfr">https://t.me/osmfr</a>">osm-fr</a>
|
||||
qui rencontre son petit succès.</p>
|
||||
<p>Bisous et comme on dit à Brugges, à bientôt dans les cannaux!</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,167 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<h2 id="bonus-du-documentaire-la-bataille-du-libre-sur-peertube-1">Bonus
|
||||
du documentaire "la bataille du libre" sur peertube</h2>
|
||||
|
||||
<p><blockquote>"Si tu ne sais pas, demande ; et si tu sais
|
||||
partage" Partez à la rencontre des militants du logiciel libre avec le
|
||||
documentaire INTERNET OU LA RÉVOLUTION DU PARTAGE, diffusé sur Arte
|
||||
mardi 7 mai, et disponible en replay jusqu'au 5 juin. INTERNET OU LA
|
||||
RÉVOLUTION DU PARTAGE – 55’ Un film de Philippe Borrel, écrit par
|
||||
Philippe Borrel, Annabelle Jarry et Marion Chataing Produit par Tancrede
|
||||
Ramonet et Jeremy Zelnik Une coproduction Temps noir / ARTE France Avec
|
||||
le soutien de la Procirep Angoa et du CNC</blockquote> <a
|
||||
href="<a
|
||||
href="https://www.arte.tv/fr/videos/077346-000-A/internet-ou-la-revolution-du-partage/">https://www.arte.tv/fr/videos/077346-000-A/internet-ou-la-revolution-du-partage/</a>">Le
|
||||
documentaire intitulé "internet ou la révolution du partage-la bataille
|
||||
du libre"</a> par <a href="<a
|
||||
href="https://peertube.fr/accounts/philippe_borrel/videos?sort=-publishedAt&page=1">https://peertube.fr/accounts/philippe_borrel/videos?sort=-publishedAt&page=1</a>">Philippe
|
||||
borrel</a> montre les enjeux concrets liés à l'éthique des
|
||||
logiciels libres dans divers domaines qui nous concernent tous.</p>
|
||||
<p>Qui sont ces malfrats qui vous vendent des produits que vous n'avez
|
||||
pas le droit de réparer, ou qui souhaitent asservir tout un chacun en
|
||||
mettant en place des procédures légales mais totalement immorales ? Et
|
||||
comment reprendre le contrôle ?</p>
|
||||
<p>Vous l'aurez deviné, avec des considérations de bien communs, et des
|
||||
logiciels libre qui sont aussi des meilleures pistes en terme de qualité
|
||||
et de business.</p>
|
||||
<p>Nul besoin de savoir coder pour comprendre les enjeux dans le domaine
|
||||
de la médecine, du commerce, de la sécurité des personnes et des
|
||||
données, et des implications liées à l'avancée de la recherche
|
||||
scientifique freinée par des entreprises énormes, en passant par les
|
||||
logements et les biens communs.</p>
|
||||
<p>Diffusé sur arte et en replay, l'auteur propose aussi des bonus en
|
||||
ligne sur peertube.</p>
|
||||
<p>Petit extrait ici avec <a href="<a
|
||||
href="https://peertube.fr/videos/watch/a9dc801b-f806-4490-9db0-1bbfa039b0ba">https://peertube.fr/videos/watch/a9dc801b-f806-4490-9db0-1bbfa039b0ba</a>">la
|
||||
prise de parole du boss de l'association framasoft Pierre-yves Bosset
|
||||
par exemple.</a> <iframe src="<a
|
||||
href="https://peertube.fr/videos/embed/a9dc801b-f806-4490-9db0-1bbfa039b0ba">https://peertube.fr/videos/embed/a9dc801b-f806-4490-9db0-1bbfa039b0ba</a>"
|
||||
width="560" height="315" frameborder="0" sandbox="allow-same-origin
|
||||
allow-scripts" allowfullscreen="allowfullscreen"></iframe></p>
|
||||
<p>Les autres vidéos sont en ligne <a href="<a
|
||||
href="https://peertube.fr/accounts/philippe_borrel/videos?sort=-publishedAt&page=1">https://peertube.fr/accounts/philippe_borrel/videos?sort=-publishedAt&page=1</a>">sur
|
||||
la chaîne peertube de Philippe borrel</a> et en replay sur Arte
|
||||
jusqu'au 7 juin 2019. J'imagine qu'ensuite l'auteur va publier le film
|
||||
entier sur sa chaîne. Stay tunéd !</p>
|
||||
<p><a
|
||||
href="https://www.arte.tv/fr/videos/077346-000-A/internet-ou-la-revolution-du-partage/">https://www.arte.tv/fr/videos/077346-000-A/internet-ou-la-revolution-du-partage/</a>
|
||||
&nbsp;</p>
|
||||
<p>&nbsp;</p>
|
||||
<p>&nbsp;</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,175 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<h2
|
||||
id="mobilizon-lance-son-financement-participatif-et-cartonne-tout-dès-le-premier-jour">Mobilizon
|
||||
lance son financement participatif et cartonne tout dès le premier
|
||||
jour</h2>
|
||||
|
||||
<p>On m'a déjà dit plusieurs fois qu'un truc qui manque à pas mal
|
||||
d'alternatives aux GAFAM ce serait un truc qui permette de s'organiser
|
||||
des événements aussi facilement qu'on peut le faire via Facebook. Mais
|
||||
sans avoir la sonde dans le cul en permanence.</p>
|
||||
<p><a href="<a
|
||||
href="https://joinmobilizon.org">https://joinmobilizon.org</a>"><img
|
||||
class=" aligncenter" src="<a
|
||||
href="https://joinmobilizon.org//img/software_to_the_people_830x830_-_Mobilizon.png">https://joinmobilizon.org//img/software_to_the_people_830x830_-_Mobilizon.png</a>"
|
||||
width="469" height="469" /></a></p>
|
||||
<p>ben devinez quoi c'est exactement ce que propose <a href="<a
|
||||
href="https://joinmobilizon.org/fr/">https://joinmobilizon.org/fr/</a>">Mobilizon:
|
||||
un logiciel libre et fédéré qui permet de gérer plusieurs identités pour
|
||||
organiser toutes sortes d'événements dans le fédiverse</a>. Grâce
|
||||
à activity pub vous pouvez interagir depuis un compte <a href="<a
|
||||
href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a>">mastodon</a>
|
||||
avec une vidéo sur une chaîne <a href="<a
|
||||
href="https://peertube.cipherbliss.com">https://peertube.cipherbliss.com</a>">peertube</a>
|
||||
ou un compte de photos <a href="<a
|
||||
href="https://pix.cipherbliss.com">https://pix.cipherbliss.com</a>">Pixelfed</a>.
|
||||
Et inversement. Et vous pourrez bientôt rejoindre ou organiser des
|
||||
événements avec Mobilizon.</p>
|
||||
<p>Pour éviter que le projet soit fonctionnel mais complexe à l'usage,
|
||||
l'équipe de Framasoft a fait appel au boulot de deux designers
|
||||
professionnels chargés également de son ergonomie: <a href="<a
|
||||
href="https://mcgodwin.com">https://mcgodwin.com</a>">Marie Cécile
|
||||
Godwin Paccard</a>, et <a href="<a
|
||||
href="https://designandhuman.com">https://designandhuman.com</a>">Geoffrey
|
||||
Dorne</a> (avec qui j'ai eu le plaisir de bosser).</p>
|
||||
<p>Je suis <a href="<a
|
||||
href="https://www.joinmobilizon.org">https://www.joinmobilizon.org</a>">le
|
||||
projet Mobilizon</a> depuis ses débuts et j'avais hâte qu'il soit
|
||||
lancé publiquement, en attendant j'ai contribué comme j'ai pu en
|
||||
regardant le code source, en discutant avec les devs, en écrivant dans
|
||||
le wiki du projet, en étudiant les projets existants, et en faisant une
|
||||
petite donation de 222€ au nom de mon entreprise CipherBliss.</p>
|
||||
<p>Et leur campagne en ligne a super bien cartonné, plus de vingt mille
|
||||
euros récoltés en trois jours. Je n'avais jamais croisé de campagne qui
|
||||
cartonne aussi bien. Ou si, celle de Karim Debbache pour Chroma,
|
||||
éventuellement. Nous en sommes donc au 2e pallier sur un objectif total
|
||||
de 50 000 €. à 35 000€ récoltés le service sera entièrement fédéré. Vous
|
||||
pouvez venir discuter sur le canal Matrix du projet <a href="<a
|
||||
href="https://matrix.to/#/!BpgfSmvhhOalYAXmIg:matrix.tcit.fr?via=matrix.org&via=converser.eu&via=matrix.drycat.fr">https://matrix.to/#/!BpgfSmvhhOalYAXmIg:matrix.tcit.fr?via=matrix.org&via=converser.eu&via=matrix.drycat.fr</a>">#mobilizon:matrix.org</a>
|
||||
(en français ou anglais comme vous voulez) avec les devs et autres
|
||||
enthousiastes. Le code source est disponible sur <a href="<a
|
||||
href="https://framagit.org/framasoft/mobilizon">https://framagit.org/framasoft/mobilizon</a>">la
|
||||
forge de Framasoft</a>.</p>
|
||||
<p>Pour tout savoir sur le projet et ses implications pratiques, ainsi
|
||||
que suivre les donations ils ont aussi fait un site maison que je vous
|
||||
invite grandement à aller consulter. Reprenons le contrôle sur nos
|
||||
évènements! <p style="text-align: center;"><a href="<a
|
||||
href="https://joinmobilizon.org/fr/">https://joinmobilizon.org/fr/</a>"><a
|
||||
href="https://joinmobilizon.org">https://joinmobilizon.org</a></a></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,174 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<h2
|
||||
id="mobilizon-a-réussi-son-financement-et-a-dépassé-ses-objectifs">Mobilizon
|
||||
a réussi son financement et a dépassé ses objectifs</h2>
|
||||
|
||||
<p>Excellente nouvelle, <a href="<a
|
||||
href="https://joinmobilizon.org/">https://joinmobilizon.org/</a>">Mobilizon</a>
|
||||
a obtenu son financement de 50 000 € et l'a dépassé jusqu'à atteindre 58
|
||||
689 €. <blockquote> <div> <div></p>
|
||||
<p>nous nous engageons à continuer le développement de Mobilizon pour
|
||||
vous proposer une V1 au premier semestre 2020 qui prendra en compte vos
|
||||
retours et remarques afin d’y apporter de nouvelles fonctionnalités.</p>
|
||||
<p></div> </div> <div> <ul> <li>En voici
|
||||
un petit récapitulatif :</li> <li>inscription par email/mdp
|
||||
ou via un autre compte sur le fediverse (Mastodon, PeerTube, Plume,
|
||||
etc.)</li> <li>création / modification / suppression de
|
||||
profils individuels permettant la création de plusieurs
|
||||
identités</li> <li>création / modification / suppression de
|
||||
groupes</li> <li>création / modification / suppression
|
||||
d’événements à partir d’un profil ou d’un groupe</li>
|
||||
<li>groupes permettant la création de plusieurs canaux de
|
||||
discussion (à la manière d’un forum), de sondages simples, de listes de
|
||||
tâches et d’un espace de dépôt de documents (collections de ressources
|
||||
stockées)</li> <li>gestion des multi-identités : chaque
|
||||
identité comprendra un nom d’utilisateur⋅ice, un avatar et une petite
|
||||
description</li> <li>possibilité pour les internautes de
|
||||
créer un évènement sans avoir de compte (évènement anonyme) selon les
|
||||
conditions de l’administrateur⋅ice</li> <li>possibilité pour
|
||||
les internautes de s’inscrire à un évènement sans avoir de compte
|
||||
(participation anonyme) selon les conditions de l’administrateur⋅ice et
|
||||
du créateur de l’événement</li> <li>outils d’administration
|
||||
des instances (gestion des comptes, paramétrage des relations avec les
|
||||
autres instances)</li> <li>outils de modération nécessaires
|
||||
: gestion des signalements sur les comptes et contenus</li>
|
||||
<li>intégration au fediverse (ActivityPub) : inter-connexion
|
||||
d’instances entre elles</li> </ul> </div> <div>
|
||||
<div></p>
|
||||
<p>Ça semble beaucoup, mais on y croit ! Toute la #TeamMobilizon est
|
||||
mobilisée pendant tout l’été pour avancer sur le développement de ces
|
||||
fonctionnalités. Nous continuerons à vous informer régulièrement des
|
||||
avancées de Mobilizon, ce logiciel dont vous êtes les héros et les
|
||||
héroïnes !</p>
|
||||
<p></div> </div></blockquote> Il va maintenant falloir
|
||||
attendre un peu pour s'installer son instance de Mobilizon en situation
|
||||
réelle afin qu'elle communique avec tous les <a href="<a
|
||||
href="https://mastodon.cipherbliss.com/">https://mastodon.cipherbliss.com/</a>">mastodon</a>,
|
||||
<a href="<a
|
||||
href="https://peertube.cipherbliss.com/">https://peertube.cipherbliss.com/</a>">peertube</a>,
|
||||
<a href="<a
|
||||
href="https://pix.cipherbliss.com/">https://pix.cipherbliss.com/</a>">pixelfed</a>
|
||||
et autres médias compatibles <a href="<a
|
||||
href="https://ActivityPub.rocks">https://ActivityPub.rocks</a>">ActivityPub</a>
|
||||
du monde.</p>
|
||||
<p>Mais vous ppouvez déjà jeter un coup d'oeil a <a href="<a
|
||||
href="https://framagit.org/framasoft/mobilizon">https://framagit.org/framasoft/mobilizon</a>">la
|
||||
forge logicielle du projet sur framagit.org </a>et causer avec
|
||||
toutes les personnes interessés sur Matrix / Riot.</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,216 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<h2
|
||||
id="comparaison-entre-openstreetmap-et-googlemap---googleknowsnothing">Comparaison
|
||||
entre OpenStreetMap et GoogleMap - GoogleKnowsNothing</h2>
|
||||
|
||||
<p>à l'heure où il est crucial d'encourager du mieux que l'on peut
|
||||
l'utilisation de transports en commun pour réduire l'utilisation de
|
||||
transports polluants, ainsi qu'un tri correct des déchets pour optimiser
|
||||
les ressources, google maps qui fait certaines choses de façon
|
||||
réellement impressionnante en combinant une imagerie au sol et aérienne
|
||||
pour trouver des bâtiments, mange de la colle quand il s'agit de
|
||||
cartographier pas mal de trucs. C'est pourquoi OpentSreetMaps est un
|
||||
projet que j'affectionne tant: libre, éthique et participatif.</p>
|
||||
<p>Voici donc un petit comparatif de la gare autoroutière d'à côté de
|
||||
chez moi, à Briis sous forges au fin fond de l'Essonne où j'ai un brin
|
||||
contribué au lieu de poster des bêtises (ou pas) sur des <a href="<a
|
||||
href="https://mastodon.cipherbliss.com/@tykayn">https://mastodon.cipherbliss.com/@tykayn</a>">médias
|
||||
sociaux</a>. <h2>Ce qu'en voit google maps:</h2>
|
||||
<img class=" wp-image-1313 alignnone" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/07/google_briis_view.png">https://www.cipherbliss.com/wp-content/uploads/2019/07/google_briis_view.png</a>"
|
||||
alt="" width="300" height="268" /><img class="wp-image-1314
|
||||
alignnone" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/07/screenshot-www.google.com-2019.07.25-10-11-46.png">https://www.cipherbliss.com/wp-content/uploads/2019/07/screenshot-www.google.com-2019.07.25-10-11-46.png</a>"
|
||||
alt="" width="299" height="330" /></p>
|
||||
<p>Cette gare voisine d'une déchèterie toute neuve est ultra utilisée, à
|
||||
tel point que même en été le parking est blindé et que des gens s'y
|
||||
garent aussi en vrac en dehors du parking. Voici ce que Google en
|
||||
connaît: une très bonne vue aérienne, quelques routes, mais aucune
|
||||
indication de la présence d'une gare, de parcs à vélos et deux roues
|
||||
motorisés, d'une boutique ou d'un parking. <a href="<a
|
||||
href="https://horaires-dechetteries.fr/ile-de-france/essonne/item/briis-sous-forges">https://horaires-dechetteries.fr/ile-de-france/essonne/item/briis-sous-forges</a>">La
|
||||
déchetterie en question</a>, bien que prise en photo n'a pas
|
||||
encore été indiquée, ne serait-ce que par un point d'intérêt. La route y
|
||||
menant, au sud du parking n'est même pas présente chez Google.
|
||||
<h2>Et dans OpenStreetMaps, on voit bien que
|
||||
#googleKnowsNothing</h2> <img class="wp-image-1311 alignnone"
|
||||
src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/07/carto_osm_briis.png">https://www.cipherbliss.com/wp-content/uploads/2019/07/carto_osm_briis.png</a>"
|
||||
alt="" width="301" height="307" /></p>
|
||||
<p>Ici <a href="<a
|
||||
href="https://www.openstreetmap.org/#map=18/48.61591/2.12883">https://www.openstreetmap.org/#map=18/48.61591/2.12883</a>">sur
|
||||
la carte OSM</a> on voit bien toutes les infos, même l'emplacement
|
||||
des ascenseurs menant aux quais de l'abri bus autoroutier, et les accès
|
||||
pour personnes handicapées.</p>
|
||||
<p>OSM présente plusieurs fonds de carte, et voici celui des transports
|
||||
indiquant précisément les numéros de ligne de bus qui passent par cette
|
||||
gare autoroutière. chose dont Gmap n'a clairement rien à péter.</p>
|
||||
<p><img class="wp-image-1312 alignnone" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/07/transports_osm.png">https://www.cipherbliss.com/wp-content/uploads/2019/07/transports_osm.png</a>"
|
||||
alt="" width="300" height="387" /></p>
|
||||
<p>Ce genre d'exemple d'informations fournies par quelques personnes
|
||||
dans des coins paumés montre plusieurs choses:</p>
|
||||
<p>Gmap est au taquet surtout pour placer des commerces, dans des
|
||||
grandes villes, mais avec des données pas très à jour malgré de gros
|
||||
moyens. Il réussit cependat à disposer de nombreuses addresses et
|
||||
bâtiments dans des lieux où ses google cars ne se sont pas rendus, grâce
|
||||
à son imagerie satellite de qualité.</p>
|
||||
<p>Cependant de nombreuses vues aériennes aux données ouvertes (IGN,
|
||||
openTopoMap, Maxar, MapBox, Bing…) sont aussi disponible dans OSM, ainsi
|
||||
que le cadastre Français.</p>
|
||||
<p>Le projet permet aussi d'aider les cyclistes avec <a href="<a
|
||||
href="https://opencyclemap.org/">https://opencyclemap.org/</a>">opencyclemap</a>
|
||||
en quête d'aventure à planifier leurs trajets avec plus d'infos que
|
||||
Gmaps n'en a jamais eu.</p>
|
||||
<p>En ce qui concerne Street View, les données de cartographie d'OSM
|
||||
sont utilisées et disponible sur les projets Mapilary et OpenStreetCam,
|
||||
qui sont alimentés par des prises de vue de smartphone mais aussi de
|
||||
caméras plus complexe. Le tout mis a dispo librement pour être réutilisé
|
||||
ailleurs, et pour compléter les infos de carte.</p>
|
||||
<p>OpenStreetMap bénéficie d'une communauté de gens tellement énorme que
|
||||
l'on peut découvrir souvent bien plus d'informations sur ce qui nous
|
||||
entoure grâce à des bénévoles (mais aussi des pros) de la
|
||||
cartographie.</p>
|
||||
<p>D'autres utilisateurs postent ce genre de comparatif sur mastodon
|
||||
avec le tag <a href="<a
|
||||
href="https://mastodon.cipherbliss.com/web/timelines/tag/openstreetmaps">https://mastodon.cipherbliss.com/web/timelines/tag/openstreetmaps</a>">#openstreetmaps.</a></p>
|
||||
<p>Seul point où OSM pêche, c'est le nombre d'adresses répertoriées.
|
||||
Bien que des tas d'infos soient présentes en plus de celles de Gmaps,
|
||||
OSM dispose de moins d’adresses car on ne peut pas les importer en masse
|
||||
pour des raisons de droit sur certaines bases de données. C'est pourquoi
|
||||
il serait bon que chacun d'entre nous puisse ajouter quelques éléments
|
||||
utile au projet, et je suis parfaitement convaincu que ce n'est pas plus
|
||||
compliqué que de poster sur un média social, ce qui est à la portée
|
||||
d'énormément de gens.</p>
|
||||
<p>Allez je vous remets le comparatif Gamp - OSM.</p>
|
||||
<p><img class="wp-image-1314 alignnone" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/07/screenshot-www.google.com-2019.07.25-10-11-46.png">https://www.cipherbliss.com/wp-content/uploads/2019/07/screenshot-www.google.com-2019.07.25-10-11-46.png</a>"
|
||||
alt="" width="299" height="330" /><img class="wp-image-1311
|
||||
alignnone" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/07/carto_osm_briis.png">https://www.cipherbliss.com/wp-content/uploads/2019/07/carto_osm_briis.png</a>"
|
||||
alt="" width="301" height="307" /> <h2>Pourquoi pas
|
||||
vous?</h2> Contribuer à un bien commun vous intéresse? Allez donc
|
||||
faire un tour dans des lieux que vous connaissez sur <a href="<a
|
||||
href="https://openstreetmaps.org">https://openstreetmaps.org</a>">le
|
||||
site en .org</a> et suivez <a href="<a
|
||||
href="https://www.cipherbliss.com/debuter-sur-openstreetmaps/">https://www.cipherbliss.com/debuter-sur-openstreetmaps/</a>">mon
|
||||
guide du débutant</a> pour essayer de voir comment modifier la
|
||||
carte. Vous pouvez le faire dans votre navigateur favori sans avoir à
|
||||
installer quoi que ce soit. Enjaillez!</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,273 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<p><a href="id:e4fb9f3f-370e-4364-bb7c-826c93cc8307">degafam</a> <a
|
||||
href="id:73a9944e-801b-42a1-9342-defbffbc556b">comment-facebook-choisit-vos-amis-a-votre-place</a>
|
||||
<a
|
||||
href="id:b3226710-3bfd-4962-929b-3678069aee67">facebook-est-mort-vive-mastodon</a>
|
||||
<a href="id:dddbc4ac-24f3-44b6-958c-a2f2f04eea79">byebye-facebook</a> <a
|
||||
href="id:eff1f9db-4e50-4ee1-ab23-50b57bd713cb">face-palme</a></p>
|
||||
<h2 id="comment-jai-quitté-facebook-et-google">Comment j'ai quitté
|
||||
Facebook et Google</h2>
|
||||
|
||||
<p><h1>Partir de Google</h1> <a href="<a
|
||||
href="https://www.facebook.com/settings?tab=your_facebook_information">https://www.facebook.com/settings?tab=your_facebook_information</a>">Pourquoi?:
|
||||
parce que "Google IS evil".</a></p>
|
||||
<p>Partir de google, si vous avez un téléphone Android ça demande aussi
|
||||
de s'installer un système libre sur votre tel (LineageOS, <em>e</em> …),
|
||||
sans les services google. Eh oui, c'est possible. C'est d'ailleurs
|
||||
conseillé de le faire avant de supprimer son compte Google. Je m'y suis
|
||||
pris en avance quelques mois pour voir si je pouvais utiliser des applis
|
||||
suffisament bien sans le Play Store. Et j'ai découvert au passage que je
|
||||
pourrais malgré tout utiliser des applis qui ne sont présentes que sur
|
||||
le play store, en installant le Yalp Store depuis F-droid. Toute appli
|
||||
Android est installable sur votre tel si vous avez son fichier .apk</p>
|
||||
<p>Exporter mes données avec <a href="<a
|
||||
href="https://takeout.google.com">https://takeout.google.com</a>">Google
|
||||
Takeout</a>. Comme ça j'aurai mes agenda, photos, emails,
|
||||
contacts, feuilles de calcul de drive et tout et tout disponible hors
|
||||
ligne en backup.</p>
|
||||
<p>Faire une réponse automatique pendant plusieurs mois sur gmail
|
||||
indiquant mes nouvelles coordonnées et multiples moyens de me joindre,
|
||||
avec un bref résumé expliquant la raison de mon départ.</p>
|
||||
<p>Importer mes vidéos youtube sur <a href="<a
|
||||
href="https://peertube.cipherbliss.com">https://peertube.cipherbliss.com</a>">mon
|
||||
compte peertube</a>.</p>
|
||||
<p>Changer les adresses email liées à gmail de quelques sites dont je me
|
||||
sers régulièrement, banque, paiement en ligne divers (liberapay,
|
||||
portefeuille crypto), correspondances de sites administratifs comme
|
||||
l'urssaf, la sécu, les impots. Les autres sites où j'ai eu le malheur de
|
||||
me faire un compte "via google" peuvent bien attendre.</p>
|
||||
<p>Essayer plein d'alternatives auto hébergées. Retenir principalement
|
||||
des services sur un NAS et un Nextcloud chiffré hébergé en France.</p>
|
||||
<p>Supprimer mon compte google, depuis mon tableau de bord.</p>
|
||||
<p>ça c'est fait. une galère de moins. <h2>Dégager Google de son
|
||||
téléphone.</h2> En installant un système libre dessus via un
|
||||
simple cable USB avec un tuto de LineageOS, sans les service
|
||||
d'espionnage de Google.</p>
|
||||
<p>Relier son agenda avec une app qui me permet de syncroniser contacts
|
||||
et agenda au nextcloud.</p>
|
||||
<p>Se rendre compte qu'on a besoin de très peu d'applis au
|
||||
quotidien.</p>
|
||||
<p>Désactiver les notifications push pour retrouver le calme.</p>
|
||||
<p>Voilà, ça c'est fait. Reste le plus facile: <h1>Partir de
|
||||
Facebook</h1> C'est pas très différent, <a href="<a
|
||||
href="https://www.facebook.com/settings?tab=your_facebook_information">https://www.facebook.com/settings?tab=your_facebook_information</a>">un
|
||||
coup d'export de données en zip</a> et on a ses infos (photos,
|
||||
likes, contacts, recherches, pages suivies, évènements participés,
|
||||
historique de GPS, conversations messenger, vos catégories de
|
||||
profilage…). J'avais testé l'outil plusieurs fois et constaté que
|
||||
l'export json et html proposaient des arborescences différentes à
|
||||
quelques mois d'écart. Probablement les quelques scandales de 2018 et le
|
||||
RGPD qui ont demandé d'avantage de transparence.</p>
|
||||
<p>Partir de Fb c'est techniquement beaucoup plus facile que de changer
|
||||
sa boite mail. Bien que ça implique de quitter également Whatsapp,
|
||||
Messenger, et Instagram. Dans le tas, en ce qui me concerne seul
|
||||
Messenger se révèlait un tant soit peu utile pour causer.</p>
|
||||
<p>On peut tenter de complexifier un peu en prévenant à l'avance avec
|
||||
des posts pour dire à nos contacts comment nous joindre.</p>
|
||||
<p>Pour cela j'ai non seulement annoncé plusieurs fois par des statuts
|
||||
mon départ, avec peu de réactions parmi mes 500 et quelques
|
||||
contacts.</p>
|
||||
<p>J'ai listé la quainzaine de moyens de me contacter sur mon site
|
||||
perso: <a href="<a
|
||||
href="https://portfolio.cipherbliss.com/contact">https://portfolio.cipherbliss.com/contact</a>"><a
|
||||
href="https://portfolio.cipherbliss.com/contact">https://portfolio.cipherbliss.com/contact</a></a></p>
|
||||
<p>J'ai envoyé un message privé sur Messenger à mes contacts avec qui
|
||||
j'ai réellement passé de bons moments dans ma vie à un moment ou à un
|
||||
autre. J'en ai probablement oublié, mais tant pis.</p>
|
||||
<p>Fb m'a signifié que c'était pas gentil de dire a ses contacts plein
|
||||
de fois un message similaire et me demandait régulièrement au bout d'un
|
||||
moment de remplir des captchas pour confirmer que je n'étais pas un
|
||||
spambot. Aussi je ne suis pas certain qu'ils soient tous arrivés à bon
|
||||
port. Saviez vous que non seulement Fb vous donne l'illusion que tous
|
||||
vos contacts sont au courant de ce que vous y publiez, alors que c'est
|
||||
ultra faux,mais en plus <a href="<a
|
||||
href="https://ploum.net/facebook-ma-rendu-injoignable/">https://ploum.net/facebook-ma-rendu-injoignable/</a>">il
|
||||
vous rend injoignable</a>?</p>
|
||||
<p>Certains m'ont répondu et souhaité bonne chance, que c'était couillu,
|
||||
admirable, qu'ils n'avaient pas le courage de le faire mais me
|
||||
soutenaient et dit qu'on se contacterai à l'occasion.</p>
|
||||
<p>Beaucoup ont ignoré le message, plus de 90%.</p>
|
||||
<p>Une personne m'a dit qu'elle aurait la flemme de bouger sur autre
|
||||
chose (bien que j'aie évoqué brièvement les implications très graves du
|
||||
<a href="<a
|
||||
href="https://www.cipherbliss.com/comment-facebook-choisit-vos-amis-a-votre-place/">https://www.cipherbliss.com/comment-facebook-choisit-vos-amis-a-votre-place/</a>">business
|
||||
model de surveillance des GAFAM</a>, en mettant des liens vers des
|
||||
infos plus complètes - et en français) en me signifiant en filigrane
|
||||
"peu importe les saloperies que fait Facebook".</p>
|
||||
<p>Une personne m'a écrit un peu plus tard pour prendre des nouvelles…
|
||||
via messenger. On dirait que personne n'y croyait.</p>
|
||||
<p>Début Janvier 2019, Le jour où j'annonce que "aujourd’hui je supprime
|
||||
mon compte" et qu'on pourrait désormais me trouver (entre autre) dans le
|
||||
fédiverse sur <a href="<a
|
||||
href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a>">mon
|
||||
compte Mastodon</a> fraîchement auto hébergé, des gens me
|
||||
souhaitent des encouragements, voire de l'admiration. Mais très peu sont
|
||||
ceux qui ont compris que je ne verrai pas leur messages sur mon post
|
||||
annonçant mon départ, puisque je supprimais mon compte. Assez peu ont
|
||||
gardé contact par d'autres moyens comme le téléphone, Telegram, ou
|
||||
Signal. Mais ceux là, ce sont des contacts qu'il vaut mieux conserver.
|
||||
Qui montrent bien l'accumulation d'illusion de contacts que l'on peut
|
||||
avoir avec ses "amis" comme nous incite à en avoir Facebook.</p>
|
||||
<p>J'ai entendu ceci à la radio: <blockquote>"Facebook je ne
|
||||
l'utilise plus depuis longtemps, c'est comme les copains morts, tous ces
|
||||
gens que j'ai croisé quand j'étais étudiante mais avec qui on a jamais
|
||||
entretenu de relation, voir leur vie dont je n'ai rien à faire. je
|
||||
déteste ça."</blockquote> Et donc, s'être séparé de ce tableau de
|
||||
bord chelou c'est un gros poids en moins.</p>
|
||||
<p>Les gens qui comptent pour moi on se contacte autrement, limite on
|
||||
redécouvre le téléphone et le reste du web. On redevient explorateur,
|
||||
mais sans avoir à se trimbaler de sonde dans le cul à chacun de nos
|
||||
échanges avec des proches et des moins proches.</p>
|
||||
<p><a href="<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>">Le
|
||||
fédivers et Mastodon</a> c'est un peu comme la loi de Moore, ça
|
||||
double en nombre d'utilisateurs tous les six mois, avec des gens de
|
||||
toutes sortes, et mêmes <a href="<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>">des
|
||||
artistes talentueux</a>. On était à peine plus de 2 millions quand
|
||||
les Gilets Jaunes sont apparus en Novembre 2018 et que venait tout juste
|
||||
d'éclater le scandale de Facebook et Cambridge Analytica, aujourd'hui on
|
||||
est plus de 4 millions.</p>
|
||||
<p>Et précisément en ce qui concerne mastodon, mon flux d'actu est enfin
|
||||
plein de sujets qui m'intéressent, malgré la présence d'un nombre plus
|
||||
élevé de gens que je n'ai jamais croisé.</p>
|
||||
<p>Toute la force de l'effet de réseau (je suis là parce que j'ai peur
|
||||
d'être là où y'a pas tout le monde) est de vous faire croire que vous
|
||||
allez en chier un max à ne serait-ce qu'envisager de faire quelque chose
|
||||
de différent de la majorité des gens. C'est sournois, et très éloigné de
|
||||
la réalité. Et ça vous habitue à ne jamais remettre en question quoi que
|
||||
ce soit. Alors que vous pouvez éviter de consacrer tout votre temps
|
||||
libre à avoir une mauvaise opinion de votre vie et de l'humanité toute
|
||||
entière.</p>
|
||||
<p>Vous pouvez vous passer des miroirs aux alouettes des GAFAM pour
|
||||
garder contact avec vos proches, et c'est en fait d'une facilité assez
|
||||
décevante.</p>
|
||||
<p>Tout comme on est déçu de notre propre capacité à jauger les
|
||||
complications, à voir à quel point on s'imagine des difficultés là où il
|
||||
n'y en a pas.</p>
|
||||
<p><strong>Ils ont besoin de vous pour gagner de l'argent à
|
||||
milliards en profilant de vos habitudes et vos opinions, en les
|
||||
revendant au plus offrant. Mais vous non.</strong></p>
|
||||
<p>N'attendez pas que d'autres vous ordonnent (enfin, vous "suggérer")
|
||||
qui vous devez fréquenter pour recommencer votre exploration du web et
|
||||
du monde, soyez un aventurier comme aux premiers jours du web, <a
|
||||
href="<a
|
||||
href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a>">essayez</a>
|
||||
vraiment, vous ne le regretterez pas.</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,192 @@
|
|||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par B. Lemoine">
|
||||
<meta property="og:url" content="https://www.cipherbliss.com">
|
||||
<meta property="og:site_name" content="Cipher Bliss">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux" href="https://www.cipherbliss.com/feed/">
|
||||
<link href="/style.css" rel="stylesheet">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<meta name="author" content="">
|
||||
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
|
||||
href="https://www.cipherbliss.com/feed/">
|
||||
<meta property="og:title" content="">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<!-- Description de la page -->
|
||||
<meta name="description" content="">
|
||||
<meta name="reply-to" content="contact@cipherbliss.com">
|
||||
<link rel="icon" type="image/png" href="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="page">
|
||||
<header id="masthead" class="site-header">
|
||||
<div class="header-image" style="background: url(https://www.cipherbliss.com/wp-content/uploads/2016/11/bg.jpg)">
|
||||
<a href="/">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png" class="site-icon img">
|
||||
</a>
|
||||
<h1 class="blog-title">Cipher Bliss</h1>
|
||||
<p class="blog-subtitle">Code, nouvelles technologies et entrepreneurariat par B. Lemoine</p>
|
||||
</div>
|
||||
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a class="navbar-item" href="https://www.cipherbliss.com">
|
||||
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
|
||||
class="img-fluid">
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<form role="search" method="get" class="search-form" action="/">
|
||||
<label>
|
||||
<input class="search-field" placeholder="Recherche" value="" name="s"
|
||||
type="search">
|
||||
</label>
|
||||
<input class="is-hidden search-submit" value="Rechercher" type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="body-wrap boxed-container">
|
||||
<article class="content">
|
||||
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
|
||||
<h2
|
||||
id="changer-la-limite-de-caractères-sur-son-instance-mastodon">Changer
|
||||
la limite de caractères sur son instance Mastodon</h2>
|
||||
|
||||
<p>La limite de caractères de Mastodon (<a href="<a
|
||||
href="https://www.cipherbliss.com/?s=mastodon">https://www.cipherbliss.com/?s=mastodon</a>">voir
|
||||
ici les autres articles sur le sujet</a>) est une contrainte que
|
||||
l'on peut définir plutôt facilement, bien que cette personnalisation
|
||||
n'existe pas encore dans le frontend administrateur. Vous trouverez la
|
||||
source correspondant au <a href="<a
|
||||
href="https://framagit.org/tykayn/mastodon/blob/master/app/javascript/mastodon/features/compose/components/compose_form.js">https://framagit.org/tykayn/mastodon/blob/master/app/javascript/mastodon/features/compose/components/compose_form.js</a>">fichier
|
||||
compose<sub>form</sub>.js</a> sur framagit où j'héberge les
|
||||
sources de <a href="<a
|
||||
href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a>">Mastodon
|
||||
Bliss</a>.</p>
|
||||
<p>il suffit de modifier le fichier
|
||||
app/javascript/mastodon/features/compose/components/<strong>compose<sub>form</sub>.js</strong>
|
||||
et changer la limite de 500 caractères en un nombre entier de votre
|
||||
choix. Pour faire quelque chose de propre vous devriez définir une
|
||||
propriété locale au composant compose<sub>form</sub> et la référencer.
|
||||
La version simple consiste à faire un rechercher-remplacer. Mais je suis
|
||||
certain que faire un peu plus propre est à la portée de beaucoup de
|
||||
monde.</p>
|
||||
<p>dans la partie <strong>propTypes, </strong>ajoutez la
|
||||
propriété <pre>maxTootCharsLimit : PropTypes.number,</pre>
|
||||
définissez sa valeur par défaut, par exemple 7777 comme sur <a
|
||||
href="<a
|
||||
href="https://mastodon.cipherbliss.com">https://mastodon.cipherbliss.com</a>">Mastodon
|
||||
Bliss</a>, dans l'objet <strong>defaultProps</strong>
|
||||
<pre>static defaultProps = { showSearch : false,
|
||||
maxTootCharsLimit: 7777, };</pre> et ensuite vous n'avez plus qu'a
|
||||
remplacer les "500" par
|
||||
<strong>this.props.maxTootCharsLimit</strong></p>
|
||||
<p>ligne 93 <pre>if (isSubmitting || isUploading ||
|
||||
isChangingUpload || length(fulltext) &gt;
|
||||
<strong>this.props.maxTootCharsLimit</strong> ||
|
||||
(fulltext.length !== 0 &amp;&amp; fulltext.trim().length <code
|
||||
class="verbatim">=</code> 0 &amp;&amp; !anyMedia)) {</pre>
|
||||
ligne 186 et 249: <pre class="prettyprint">const disabledButton =
|
||||
disabled || this.props.isUploading || this.props.isChangingUpload ||
|
||||
length(text) &gt;
|
||||
<strong>this.props.maxTootCharsLimit</strong> ||
|
||||
(text.length !== 0 &amp;&amp; text.trim().length <code
|
||||
class="verbatim">=</code> 0 &amp;&amp; !anyMedia);</pre>
|
||||
<pre class="prettyprint">&lt;div
|
||||
className='character-counter_<sub>wrapper</sub>'&gt;&lt;CharacterCounter
|
||||
max={<strong>this.props.maxTootCharsLimit</strong>}
|
||||
text={text}/&gt;</pre> Enfin, vous n'avez plus qu'a
|
||||
reconstruire votre frontend avec la commande
|
||||
<code><strong>RAILS<sub>ENV</sub>=production bundler exec
|
||||
rake assets:precompile</strong></code> (éventuellement vider
|
||||
le cache avec <strong>bin/tootctl cache:clear</strong> ),
|
||||
relancer le service mastodon-web et le tour est joué. Si vous ne voyez
|
||||
pas de quoi je parle, <a href="<a
|
||||
href="https://docs.joinmastodon.org/">https://docs.joinmastodon.org/</a>">regardez
|
||||
la doc</a>. (Ne soyez pas trop pressé de bidouiller Mastodon si
|
||||
vous n'avez aucune idée de ce dont parlent les deux dernières lignes
|
||||
hein :D)</p>
|
||||
<p><img class="aligncenter size-full wp-image-1367" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2019/12/screenshot-mastodon.cipherbliss.com-2019.12.11-20_39_41.png">https://www.cipherbliss.com/wp-content/uploads/2019/12/screenshot-mastodon.cipherbliss.com-2019.12.11-20_39_41.png</a>"
|
||||
alt="" width="300" height="316" /></p>
|
||||
<p>Dernière modif a faire côté backend dans le validateur en Ruby:
|
||||
app/validators/status<sub>lengthvalidator</sub>.rb</p>
|
||||
<p>changer la valeur de MAX<sub>CHARS</sub>.<pre>
|
||||
MAX<sub>CHARS</sub> = 7777 <pre> Et voilà, votre serveur Mastodon
|
||||
peut faire du macro-blogging.</p>
|
||||
<p>Si vous aimez bidouiller Mastodon et que vous souhaitez échanger à ce
|
||||
sujet à ce propos, venez donc faire un tour sur <a href="<a
|
||||
href="https://framateam.org/ux-framatrucs/channels/mastodon">https://framateam.org/ux-framatrucs/channels/mastodon</a>">framateam
|
||||
Design Libre / UX / Mastodon</a>, on sera ravi d'en causer. (<a
|
||||
href="<a
|
||||
href="https://www.cipherbliss.com/?s=mastodon">https://www.cipherbliss.com/?s=mastodon</a>">voir
|
||||
ici les autres articles sur le sujet</a></p>
|
||||
<p>Enjaillez!</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
|
||||
<p class="after-article">
|
||||
|
||||
</p>
|
||||
</article>
|
||||
</main>
|
||||
<footer class="site-footer has-top-divider">
|
||||
<div class="container">
|
||||
<div class="site-footer-inner">
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<a href="/">Accueil</a>
|
||||
<a href="https://portfolio.cipherbliss.com">Portfolio</a>
|
||||
<a href="/feed">Flux RSS</a>
|
||||
<a href="/contact">Contact</a>
|
||||
<a href="/ressources-de-café-vie-privée">Ressources</a>
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
|
||||
</html>
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue