Update CSS + post

This commit is contained in:
June Hardy 2021-04-26 09:37:16 +02:00
parent 2c8b9963ee
commit afba8a4d6c
8 changed files with 104 additions and 107 deletions

View File

@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, viewport-fit=cover">
<link rel="short icon" href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;images&#x2F;logo.svg" type="image/x-icon"/>
<link rel="stylesheet" href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;style.css">
<title>La Coloc</title>
</head>
<body>
<div id="sidebar" class="animated fadeInDown">
<div class="logo-title">
<div class="title">
<img src=https:&#x2F;&#x2F;lacoloc.cafe&#x2F;images&#x2F;logo.svg style="width:127px;" alt="logo"/>
<h3><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;">La Coloc</a></h3>
<div class="description">
<p>Amitié, mutualisation et Internet</p>
</div>
</div>
</div>
<ul class="social-links">
</ul>
<div class="footer">
<span>Designed by </span><a href="https://www.caicai.me">CaiCai</a>
<div class="by_zola"><a href="https://www.getzola.org/" target="_blank">Proudly published with Zola!</a></div>
</div>
</div>
<div id="main">
<div class="page-top animated fadeInDown">
<div class="nav">
<li><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;">Accueil</a></li><li><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;about&#x2F;">À propos</a></li><li><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;tags">Mots-clefs</a></li><li><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;archive&#x2F;">Archives</a></li><li><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;links&#x2F;">Liens</a></li></div>
<div class="information">
<div class="back_btn">
<li><a onclick="window.history.go(-1)" ><i class="fas fa-chevron-left"></i></a></li>
</div>
</div>
</div>
<div class="autopagerize_page_element">
<div class="content">
<article class="post animated fadeInDown">
<h1><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;1er-anniversaire&#x2F;">Premier anniversaire</a></h1>
<div class="post-content"><p>Ça y est, le 24 mai, nous fêterons notre premier anniversaire de mise en ligne. Il y a environ un an, le petit VPS que nous avons loué chez Hetzner démarrait et avec lui, notre aventure. Cela faisait quelques mois que nous parlions de mutualiser des services, <a href="https://social.lacoloc.cafe/Hamano">Hamano</a> et moi. De mon côté, je mauto-hébergeais déjà depuis quelques années sur un VPS avec un nom de domaine personnel, je connaissais Yunohost et je trouvais dommage dêtre la seule à profiter de mes compétences. Nous avons pris notre courage en main, brainstormé un nom chaleureux, réparti les tâches. Je moccupais de mettre en place tout lenvironnement informatique nécessaire, Hamano réalisait le graphisme. En quelques semaines, nous étions en ligne avec une identité graphique complète sur notre instance Pleroma, notre façade sociale la plus importante. On a même sorti des <a href="https://labo.lacoloc.cafe/june?tab=&amp;sort=recentupdate&amp;q=blob">emojos personnalisés</a> ! Rétrospectivement, un an plus tard, voici les quelques leçons que jai retenues.</p>
<p><strong>Garder le wiki à jour dés la moindre modification.</strong> Ce que je nai absolument pas fait et maintenant, le wiki est un vrai désert.</p>
<p><strong>Penser le plus économe possible.</strong> Ça peut paraître bête à dire mais on a hésité entre un domaine en .eu.org (gratuit) et .cafe (payant), sachant que ça serait une de nos seules dépenses. Un an plus tard, jai mis en place <a href="https://dns-witch.net.eu.org">DNSWitch</a> et je regrette de payer un nom de domaine alors que je pourrais le gérer gratuitement.</p>
<p><strong>Avant de recommander un client à une personne lambda, le tester plusieurs semaines.</strong> Quand jai voulu utiliser mon adresse mail sur mon portable, je suis allée voir du côté des clients FOSS de F-Droid, jai découvert FairEmail. Jai dabord trouvé FairEmail plus moderne que K9Mail et jai commencé à lutiliser, en le documentant sur le wiki comme solution de base. Un an plus tard, je suis retournée sur K9Mail.</p>
<p><strong>Définir le canal de discussion des colocataires sur une solution interne, facile à utiliser.</strong> On a commencé sur une application de messagerie tierce et aujourdhui, une bonne partie des colocataires qui nous ont rejoints·rejointes ne sont pas dessus. Ça a pour conséquence que je dois mincruster dans leurs messages directs Pleroma.</p>
<p><strong>Organiser le support utilisateur.</strong> Ça peut paraître bête, mais en me lançant dans ce projet, je sous-estimais les difficultés que nous pourrions rencontrer et avec elle, le chaos communicationnel. Il mest arrivé de recevoir des messages à des moments inattendus pour me dire que tel ou tel service avait un problème, de ne pas comprendre si cétait une urgence ou pas. Parfois, je nétais tout simplement pas disponible, ce qui peut aussi compliquer les choses. Je pense que dés le départ, nous aurions dû établir des règles claires pour savoir quand, où et comment communiquer à propos de létat du service. Un système de tickets aurait été disproportionné, mais par exemple, une syntaxe à suivre, un salon de discussion dédié, etc.</p>
<p>Pour lannée à venir, on devrait passer sur un serveur physique, hébergé chez lun·lune de nous. Nous allons peut-être passer sur un nom de domaine .eu.org, pour les raisons soulevées précédemment. Une fois que tout cela sera fait, nos données seront vraiment à la maison.</p>
<p>Je concluerai cet anniversaire en espérant que ce modèle se popularisera dans lavenir, que des bandes de potes sorganiseront pour reprendre le contrôle deleurs données. Merci à <a href="https://yunohost.org">Yunohost</a> davoir rendu ça possible.</p>
<p>Bon anniversaire à nous,</p>
<p><a href="https://social.lacoloc.cafe/June">June</a></p>
</div>
<div class="post-footer">
<div class="meta">
<div class="info">
<i class="far fa-sun"></i><span class="date">2021-04-25</span>
<i class="fas fa-tags"></i>
<a class="tag" href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;tags/retour dexpérience">&nbsp;retour dexpérience</a>
<a class="tag" href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;tags/anniversaire">&nbsp;anniversaire</a>
</div>
</div>
</div>
</article>
<div class="share">
<div class="twitter">
<a class="fab fa-twitter" href="http://twitter.com/share?text=Premier anniversaire&url=https:&#x2F;&#x2F;lacoloc.cafe&#x2F;1er-anniversaire&hashtags=retour dexpérience,anniversaire"></a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -54,7 +54,7 @@
<div class="listing-item">
<div class="listing-post">
<a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;post-1&#x2F;" title="Premier anniversaire">Premier anniversaire</a>
<a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;1er-anniversaire&#x2F;" title="Premier anniversaire">Premier anniversaire</a>
<div class="post-time"><span class="date">2021-04-25</span></div>
</div>
</div>

View File

@ -48,12 +48,12 @@
<section class="post animated fadeInDown">
<div class="post-title">
<h3><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;post-1&#x2F;">Premier anniversaire</a></h3>
<h3><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;1er-anniversaire&#x2F;">Premier anniversaire</a></h3>
</div>
<div class="post-content">
<p>
Ça y est, ça fait un an que nous sommes en ligne. Il y a environ un an, le petit VPS que nous avons
Ça y est, le 24 mai, nous fêterons notre premier anniversaire de mise en ligne. Il y a environ un an
</p>
</div>

View File

@ -1,97 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, viewport-fit=cover">
<link rel="short icon" href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;images&#x2F;logo.svg" type="image/x-icon"/>
<link rel="stylesheet" href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;style.css">
<title>La Coloc</title>
</head>
<body>
<div id="sidebar" class="animated fadeInDown">
<div class="logo-title">
<div class="title">
<img src=https:&#x2F;&#x2F;lacoloc.cafe&#x2F;images&#x2F;logo.svg style="width:127px;" alt="logo"/>
<h3><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;">La Coloc</a></h3>
<div class="description">
<p>Amitié, mutualisation et Internet</p>
</div>
</div>
</div>
<ul class="social-links">
</ul>
<div class="footer">
<span>Designed by </span><a href="https://www.caicai.me">CaiCai</a>
<div class="by_zola"><a href="https://www.getzola.org/" target="_blank">Proudly published with Zola!</a></div>
</div>
</div>
<div id="main">
<div class="page-top animated fadeInDown">
<div class="nav">
<li><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;">Accueil</a></li><li><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;about&#x2F;">À propos</a></li><li><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;tags">Mots-clefs</a></li><li><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;archive&#x2F;">Archives</a></li><li><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;links&#x2F;">Liens</a></li></div>
<div class="information">
<div class="back_btn">
<li><a onclick="window.history.go(-1)" ><i class="fas fa-chevron-left"></i></a></li>
</div>
</div>
</div>
<div class="autopagerize_page_element">
<div class="content">
<article class="post animated fadeInDown">
<h1><a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;post-1&#x2F;">Premier anniversaire</a></h1>
<div class="post-content"><p>Ça y est, ça fait un an que nous sommes en ligne. Il y a environ un an, le petit VPS que nous avons loué chez Hetzner démarrait et avec lui, notre aventure. Cela faisait quelques mois que nous parlions de mutualiser des services, <a href="https://social.lacoloc.cafe/Hamano">Hamano</a> et moi. De mon côté, je mauto-hébergeais déjà depuis quelques années sur un VPS, avec un nom de domaine personnel, je connaissais Yunohost, et je trouvais dommage dêtre la seule à profiter de mes compétences. Nous avons pris notre courage en main, brainstormé un nom chaleureux, réparti les tâches. Je moccupais de mettre en place tout lenvironnement informatique nécessaire, Hamano réalisait le graphisme. En quelques semaines, nous étions en ligne avec une identité graphique complète sur notre instance Pleroma, notre façade sociale la plus importante. On a même sorti des <a href="https://labo.lacoloc.cafe/june?tab=&amp;sort=recentupdate&amp;q=blob">emojos personnalisés</a> !</p>
<p>Rétrospectivement, un an plus tard, voici les quelques leçons que jai retenu :</p>
<ul>
<li>garder le wiki à jour dés la moindre modification. Ce que je nai absolument pas fait et maintenant, le wiki est un vrai désert.</li>
<li>penser le plus économe possible. Ça peut paraître bête à dire mais on a hésité entre un domaine en .eu.org (gratuit) et .cafe (payant), sachant que ça serait une de nos seules dépenses. Un an plus tard, jai mis en place <a href="https://dns-witch.net.eu.org">DNSWitch</a> et je regrette de payer un nom de domaine alors que je pourrais le gérer gratuitement.</li>
<li>avant de recommander un client à une personne lambda, le tester plusieurs semaines. Quand jai voulu utiliser mon adresse mail sur mon portable, je suis allée voir du côté des clients FOSS de F-Droid, jai découvert FairEmail. Jai dabord trouvé FairEmail plus moderne que K9Mail et jai commencé à lutiliser, en le documentant sur le wiki comme solution de base. Un an plus tard, je suis retournée sur K9Mail.</li>
<li>définir le canal de discussion des colocataires sur une solution interne, facile à utiliser. On a commencé sur une application de messagerie tierce et aujourdhui, une bonne partie des colocataires qui nous ont rejoints ne sont pas dessus. Ce qui fait que je dois mincruster dans leurs messages directs Pleroma.</li>
<li>organiser le support utilisateur. Ça peut paraître bête, mais en me lançant dans ce projet, je sous-estimais les difficultés que nous pourrions rencontrées et avec elle, le chaos communicationnel. Il mest arrivé de recevoir des messages à des moments inattendus pour me dire que tel ou tel service avait un problème, de ne pas comprendre si cest une urgence ou pas. Parfois, je nétais tout simplement pas disponible, ce qui peut aussi compliquer les choses. Je pense que dés le départ, nous aurions dû établir des règles claires pour savoir quand, où et comment communiquer à propos de létat du service. Un système de tickets aurait vraiment été abusé mais par exemple une syntaxe à suivre, un salon de discussion dédié, etc.</li>
</ul>
<p>Pour lannée à venir, on devrait passer sur un serveur physique, hébergé chez lun·lune de nous. Nous allons peut-être passer sur un nom de domaine .eu.org, pour les raisons soulevées précédemment. Une fois que tout cela sera fait, nos données seront à la maison et contrôlées par nous de bout-en-bout.</p>
<p>Je concluerai cet anniversaire en espérant que ce modèle se popularisera dans lavenir, que des bandes de potes sorganiseront pour reprendre le contrôle deleurs données. Merci à <a href="https://yunohost.org">Yunohost</a> davoir rendu ça possible.</p>
<p>Bon anniversaire à nous,</p>
<p><a href="https://june.lacoloc.cafe">June</a></p>
</div>
<div class="post-footer">
<div class="meta">
<div class="info">
<i class="far fa-sun"></i><span class="date">2021-04-25</span>
<i class="fas fa-tags"></i>
<a class="tag" href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;tags/retour dexpérience">&nbsp;retour dexpérience</a>
<a class="tag" href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;tags/anniversaire">&nbsp;anniversaire</a>
</div>
</div>
</div>
</article>
<div class="share">
<div class="twitter">
<a class="fab fa-twitter" href="http://twitter.com/share?text=Premier anniversaire&url=https:&#x2F;&#x2F;lacoloc.cafe&#x2F;post-1&hashtags=retour dexpérience,anniversaire"></a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -3,6 +3,10 @@
<url>
<loc>https://lacoloc.cafe/</loc>
</url>
<url>
<loc>https://lacoloc.cafe/1er-anniversaire/</loc>
<lastmod>2021-04-25</lastmod>
</url>
<url>
<loc>https://lacoloc.cafe/about/</loc>
</url>
@ -15,10 +19,6 @@
<url>
<loc>https://lacoloc.cafe/page/1/</loc>
</url>
<url>
<loc>https://lacoloc.cafe/post-1/</loc>
<lastmod>2021-04-25</lastmod>
</url>
<url>
<loc>https://lacoloc.cafe/tags/</loc>
</url>

File diff suppressed because one or more lines are too long

View File

@ -53,7 +53,7 @@
<div class="listing-item">
<div class="listing-post">
<a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;post-1&#x2F;" title="Premier anniversaire">Premier anniversaire</a>
<a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;1er-anniversaire&#x2F;" title="Premier anniversaire">Premier anniversaire</a>
<div class="post-time"><span class="date">2021-04-25</span></div>
</div>
</div>

View File

@ -53,7 +53,7 @@
<div class="listing-item">
<div class="listing-post">
<a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;post-1&#x2F;" title="Premier anniversaire">Premier anniversaire</a>
<a href="https:&#x2F;&#x2F;lacoloc.cafe&#x2F;1er-anniversaire&#x2F;" title="Premier anniversaire">Premier anniversaire</a>
<div class="post-time"><span class="date">2021-04-25</span></div>
</div>
</div>