commit 2316185a575d45c2fe3536c9a694a4bddb6c16e6 Author: June Hardy Date: Mon Apr 26 00:31:15 2021 +0200 populate diff --git a/404.html b/404.html new file mode 100644 index 0000000..f8414f0 --- /dev/null +++ b/404.html @@ -0,0 +1,3 @@ + +404 Not Found +

404 Not Found

diff --git a/about.md.backup b/about.md.backup new file mode 100644 index 0000000..7011da3 --- /dev/null +++ b/about.md.backup @@ -0,0 +1,31 @@ ++++ +title = "À propos" + +[extra] +no_header = true ++++ + +# Bienvenue chez nous + +La Coloc’ du Café est une instance Yunohost partagée entre quelques ami·es, financée par la participation libre de chacun·e. + +``` aiue ``` + +## Pourquoi ? + +Née d'une volonté de s'émanciper des géants du web qui centralisent nos données, celles-ci ne nous appartenant plus, La Coloc’ est un moyen d'en reprendre le contrôle. + +## Comment ? + +En remplaçant les services des géants du web par des alternatives libres. + +## Quoi ? + +Pour l’instant, La Coloc’, c’est : + +* un wiki, pour apprendre à utiliser les services en toute simplicité. +* une instance NextCloud, pour stocker ses documents et plus encore. +* un webmail, pour accéder à ses mails depuis n’importe quel périphérique. +* une instance Wallabag, pour stocker et lire des articles. +* une forge git, pour créer et consulter les outils que nous utilisons. +* une instance Pleroma, pour pouvoir se connecter au [fediverse](https://www.dadall.info/article695/le-fediverse-pour-les-nuls). diff --git a/about/index.html b/about/index.html new file mode 100644 index 0000000..a75dec3 --- /dev/null +++ b/about/index.html @@ -0,0 +1,76 @@ + + + + + + + + + La Coloc’ + + + + + + +
+ +
+
+ +
+

À propos

+

Bienvenue chez nous

+

La Coloc’ du Café est une instance Yunohost partagée entre amis·amies, soutenue par la participation libre de chacun·chacune.

+

Pourquoi ?

+

Née d'une volonté de s'émanciper des géants du web qui centralisent nos données, ces dernières ne nous appartenant plus, La Coloc’ est un moyen d'en reprendre le contrôle.

+

Comment ?

+

En remplaçant les services des géants du web par des alternatives libres.

+

Quoi ?

+

Pour l’instant, La Coloc’, c’est :

+
    +
  • un wiki, pour apprendre à utiliser les services en toute simplicité.
  • +
  • une instance NextCloud, pour stocker ses documents et plus encore.
  • +
  • un webmail, pour accéder à ses mails depuis n’importe quel périphérique.
  • +
  • une instance Wallabag, pour stocker et lire des articles.
  • +
  • une forge git, pour créer et consulter les outils que nous utilisons.
  • +
  • une instance Pleroma, pour pouvoir se connecter au fediverse.
  • +
  • un gestionnaire de mot de passe, pour arrêter de les noter sur des post-it.
  • +
  • une instance HedgeDoc, pour créer des notes collaboratives.
  • +
  • des sites personnels, pour avoir un espace web à soi.
  • +
+
+
+ +
+
+
+ + diff --git a/archive/index.html b/archive/index.html new file mode 100644 index 0000000..808186b --- /dev/null +++ b/archive/index.html @@ -0,0 +1,71 @@ + + + + + + + + + La Coloc’ + + + + + + +
+ +
+
+ +
+ +
+ +
+
+
+ + diff --git a/fonts/b612-regular.ttf b/fonts/b612-regular.ttf new file mode 100644 index 0000000..c2bd6c5 Binary files /dev/null and b/fonts/b612-regular.ttf differ diff --git a/images/apple-touch-icon-120x120.png b/images/apple-touch-icon-120x120.png new file mode 100644 index 0000000..fa58d42 Binary files /dev/null and b/images/apple-touch-icon-120x120.png differ diff --git a/images/apple-touch-icon-144x144.png b/images/apple-touch-icon-144x144.png new file mode 100644 index 0000000..a1fc1cb Binary files /dev/null and b/images/apple-touch-icon-144x144.png differ diff --git a/images/apple-touch-icon-57x57.png b/images/apple-touch-icon-57x57.png new file mode 100644 index 0000000..f854329 Binary files /dev/null and b/images/apple-touch-icon-57x57.png differ diff --git a/images/apple-touch-icon-72x72.png b/images/apple-touch-icon-72x72.png new file mode 100644 index 0000000..81b0862 Binary files /dev/null and b/images/apple-touch-icon-72x72.png differ diff --git a/images/avatar.jpg b/images/avatar.jpg new file mode 100644 index 0000000..5272f78 Binary files /dev/null and b/images/avatar.jpg differ diff --git a/images/favicon.png b/images/favicon.png new file mode 100644 index 0000000..9b15997 Binary files /dev/null and b/images/favicon.png differ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..68e5a6c Binary files /dev/null and b/images/logo.png differ diff --git a/images/logo.svg b/images/logo.svg new file mode 100644 index 0000000..6a46dc1 --- /dev/null +++ b/images/logo.svg @@ -0,0 +1 @@ +Logo 11 \ No newline at end of file diff --git a/images/logo@2x.png b/images/logo@2x.png new file mode 100644 index 0000000..04fbe09 Binary files /dev/null and b/images/logo@2x.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..d41fbb6 --- /dev/null +++ b/index.html @@ -0,0 +1,91 @@ + + + + + + + + + La Coloc’ + + + + + + +
+ +
+
+ + +
+
+

Premier anniversaire

+
+
+

+ + Ça y est, ça fait un an que nous sommes en ligne. Il y a environ un an, le petit VPS que nous avons … + +

+
+ +
+ + + +
+
+
+ + diff --git a/links/index.html b/links/index.html new file mode 100644 index 0000000..342934d --- /dev/null +++ b/links/index.html @@ -0,0 +1,68 @@ + + + + + + + + + La Coloc’ + + + + + + +
+ +
+
+ +
+

Liens

+

Nos services

+
    +
  • DNS Witch, gestion de zones DNS pour noms de domaines gratuits.
  • +
  • Grimoire, hébergement de blogs statiques avec noms de domaines dédiés.
  • +
+

Nos outils

+
    +
  • Familier, héberge nos outils et nous permet de communiquer via mails.
  • +
  • Le Chaudron, forge gitea dédiée aux outils et services du collectif.
  • +
  • Prometheus, monitore nos service.
  • +
+
+
+ +
+
+
+ + diff --git a/page/1/index.html b/page/1/index.html new file mode 100644 index 0000000..84167b5 --- /dev/null +++ b/page/1/index.html @@ -0,0 +1,6 @@ + + + + +Redirect +

Click here to be redirected.

diff --git a/post-1/index.html b/post-1/index.html new file mode 100644 index 0000000..2ae588f --- /dev/null +++ b/post-1/index.html @@ -0,0 +1,97 @@ + + + + + + + + + La Coloc’ + + + + + + +
+ +
+
+ +
+

Premier anniversaire

+

Ç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, Hamano et moi. De mon côté, je m’auto-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 m’occupais de mettre en place tout l’environnement 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 emojos personnalisés !

+

Rétrospectivement, un an plus tard, voici les quelques leçons que j’ai retenu :

+
    +
  • garder le wiki à jour dés la moindre modification. Ce que je n’ai absolument pas fait et maintenant, le wiki est un vrai désert.
  • +
  • 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, j’ai mis en place DNS Witch et je regrette de payer un nom de domaine alors que je pourrais le gérer gratuitement.
  • +
  • avant de recommander un client à une personne lambda, le tester plusieurs semaines. Quand j’ai voulu utiliser mon adresse mail sur mon portable, je suis allée voir du côté des clients FOSS de F-Droid, j’ai découvert FairEmail. J’ai d’abord trouvé FairEmail plus moderne que K9Mail et j’ai commencé à l’utiliser, en le documentant sur le wiki comme solution de base. Un an plus tard, je suis retournée sur K9Mail.
  • +
  • définir le canal de discussion des colocataires sur une solution interne, facile à utiliser. On a commencé sur une application de messagerie tierce et aujourd’hui, une bonne partie des colocataires qui nous ont rejoints ne sont pas dessus. Ce qui fait que je dois m’incruster dans leurs messages directs Pleroma.
  • +
  • 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 m’est 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’est 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.
  • +
+

Pour l’année à venir, on devrait passer sur un serveur physique, hébergé chez l’un·l’une 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.

+

Je concluerai cet anniversaire en espérant que ce modèle se popularisera dans l’avenir, que des bandes de potes s’organiseront pour reprendre le contrôle deleurs données. Merci à Yunohost d’avoir rendu ça possible.

+

Bon anniversaire à nous,

+

June

+
+ +
+ + + + + + + +
+
+
+ + diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..aa107e4 --- /dev/null +++ b/robots.txt @@ -0,0 +1,3 @@ +User-agent: * +Allow: / +Sitemap: https://lacoloc.cafe/sitemap.xml diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..4bfb998 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,31 @@ + + + + https://lacoloc.cafe/ + + + https://lacoloc.cafe/about/ + + + https://lacoloc.cafe/archive/ + + + https://lacoloc.cafe/links/ + + + https://lacoloc.cafe/page/1/ + + + https://lacoloc.cafe/post-1/ + 2021-04-25 + + + https://lacoloc.cafe/tags/ + + + https://lacoloc.cafe/tags/anniversaire/ + + + https://lacoloc.cafe/tags/retour-d-experience/ + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..428cb73 --- /dev/null +++ b/style.css @@ -0,0 +1 @@ +@font-face{font-family:'b612';src:url("fonts/b612-regular.ttf") format("truetype")}html{background-color:#fff;-webkit-font-smoothing:antialiased}body{color:#474747;font-family:'b612', Helvetica Neue, sans-serif;font-size:15px;width:100%;margin:0 auto 30px auto;background-color:#fff;line-height:1.6em}p{line-height:1.9em;font-weight:400;font-size:14px}a{text-decoration:none}a:link,a:visited{opacity:1;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;-ms-transition:all .15s linear;transition:all .15s linear;color:#424242}a:hover,a:active{color:#4786D6}img{max-width:100%;height:auto}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}.content{height:auto;float:right;width:60%;margin-top:60px}.page-top{width:60%;position:fixed;right:0;z-index:3;background-color:#fff;height:60px;border-bottom:1px solid #f2f2f2}.page-top .nav{list-style:none;padding:18px 30px;float:left;font-size:12px}.page-top .nav li{position:relative;display:initial;padding-right:20px}.page-top .nav a{color:#5A5A5A}.page-top .nav a:hover{color:#4786D6}.page-top .nav a.current{color:#5A5A5A;padding-bottom:22px;border-bottom:1px solid #5A5A5A}.page-top .information{float:right;padding-top:12px;padding-right:20px}.page-top .information .avatar{float:right}.page-top .information .avatar img{width:32px;height:32px;border-radius:300px}.page-top .information .back_btn{float:left;padding-top:5px;margin-right:-10px}.page-top .information .back_btn li{display:initial;padding-right:40px}#sidebar{width:40%;-webkit-background-size:cover;background-size:cover;background-color:#fff;height:100%;transition:0.8s;top:0;left:0;position:fixed;z-index:4;border-right:1px solid #f2f2f2}#sidebar .logo-title{text-align:center;padding-top:240px}#sidebar .logo-title .description{font-size:14px;color:#565654}#sidebar .logo-title .logo{margin:0 auto}#sidebar .logo-title .title h3{text-transform:uppercase;font-size:2rem;font-weight:bold;letter-spacing:2px;line-height:1;margin:0}#sidebar .logo-title .title a{text-decoration:none;color:#464646;font-size:2rem;font-weight:bold}#sidebar .social-links{list-style:none;padding:0;font-size:14px;text-align:center}#sidebar .social-links li{display:inline;padding:0 4px;line-height:0}#sidebar .social-links a{color:#565654}#sidebar .social-links a:hover{color:#4786D6}.post{background-color:#FFF;margin:30px}.post .post-title h1{text-transform:uppercase;font-size:30px;letter-spacing:5px;line-height:1}.post .post-title h2{text-transform:uppercase;letter-spacing:1px;font-size:28px;line-height:1}.post .post-title h3{text-transform:uppercase;letter-spacing:1px;line-height:1;font-weight:600;color:#464646;font-size:22px;margin:0}.post .post-title a{text-decoration:none;letter-spacing:1px;color:#5f5f5f}.post .post-title a:hover{text-decoration:underline}.post .post-content a{text-decoration:none;letter-spacing:1px;color:#4786D6}.post .post-content a:hover{color:#2F69B3}.post .post-content h3{color:#5F5F5F;font-size:22px;font-weight:600}.post .post-content h4{color:#5F5F5F;font-size:16px}.post .post-content>p>code{padding:1px 3px;font-family:Inconsolata, monospace, sans-serif;font-size:0.85em;white-space:pre-wrap;border:1px solid #E3EDF3;background:#f7f7f9;color:#d14;border-radius:2px}.post .post-content pre{padding:4px 6px;border-radius:6px}.post .post-content blockquote{box-sizing:border-box;margin:1.6em 0 1.6em -2em;padding:0 0 0 1.6em;border-left:#4a4a4a 0.2em solid}.post .post-content .footnote-definition p{display:inline}.post .post-content iframe{width:100%;height:500px}.post .post-footer{padding:0 0 30px 0;border-bottom:1px solid #f2f2f2}.post .post-footer .meta{max-width:100%;height:25px;color:#bbbbbb}.post .post-footer .meta .info{float:left;font-size:12px}.post .post-footer .meta .info .date{margin-right:10px}.post .post-footer .meta a{text-decoration:none;color:#bbbbbb;padding-right:10px}.post .post-footer .meta a:hover{color:#4786D6}.post .post-footer .meta i{margin-right:6px}.post .post-footer .tags{padding-bottom:15px;font-size:13px}.post .post-footer .tags ul{list-style-type:none;display:inline;margin:0;padding:0}.post .post-footer .tags ul li{list-style-type:none;margin:0;padding-right:5px;display:inline}.post .post-footer .tags a{text-decoration:none;color:rgba(0,0,0,0.44);font-weight:400}.post .post-footer .tags a:hover{text-decoration:none}.pagination{margin:30px;padding:0px 0 56px 0;border-bottom:1px solid #f2f2f2}.pagination ul{list-style:none;margin:0;padding:0;height:13px}.pagination ul li{margin:0 2px 0 2px;display:inline;line-height:1}.pagination ul li a{text-decoration:none}.pagination .pre{float:left}.pagination .next{float:right}.like-reblog-buttons{float:right}.like-button{float:right;padding:0 0 0 10px}.reblog-button{float:right;padding:0}#install-btn{position:fixed;bottom:0px;right:6px}#disqus_thread{margin:30px;border-bottom:1px solid #f2f2f2}.footer{clear:both;text-align:center;font-size:10px;margin:0 auto;bottom:0;position:absolute;width:100%;padding-bottom:20px;color:#A6A6A6}.footer a{color:#A6A6A6}.footer a:hover{color:#4786D6}.archive{width:100%}.list-with-title{font-size:14px;margin:30px;padding:0}.list-with-title li{list-style-type:none;padding:0}.list-with-title .listing-title{font-size:24px;color:#666666;font-weight:600;line-height:2.2em}.list-with-title .listing{padding:0}.list-with-title .listing .listing-post{padding-bottom:5px}.list-with-title .listing .listing-post .post-time{float:right;color:#C5C5C5}.list-with-title .listing .listing-post a{color:#8F8F8F}.list-with-title .listing .listing-post a:hover{color:#4786D6}.list-with-title .tag-list-item{margin-bottom:18px}.list-with-title .tag-list-item .tagcount{float:right;color:#fefefe;min-width:24px;margin-right:18px;background:gray;padding-left:6px;padding-right:6px;border-radius:1em;text-align:center}.share{margin:0px 30px;display:inline-flex}.evernote{width:32px;height:32px;border-radius:300px;background-color:#3E3E3E;margin-right:5px}.evernote a{color:#fff;padding:11px;font-size:12px}.evernote a:hover{color:#ED6243;padding:11px}.weibo{width:32px;height:32px;border-radius:300px;background-color:#ED6243;margin-right:5px}.weibo a{color:#fff;padding:9px}.weibo a:hover{color:#BD4226}.twitter{width:32px;height:32px;border-radius:300px;background-color:#59C0FD;margin-right:5px}.twitter a{color:#fff;padding:9px}.twitter a:hover{color:#4B9ECE}.about{margin:30px}.about h3{font-size:22px}.links{margin:30px}.links h3{font-size:22px}.links a{cursor:pointer}.comment-count{color:#666}.tab-community{color:#666}.read_more{font-size:14px}.back-button{padding-top:30px;max-width:100px;padding-left:40px;float:left}#fb_comments_container{margin:30px}a.btn{color:#868686;font-weight:400}.btn{display:inline-block;position:relative;outline:0;color:rgba(0,0,0,0.44);background:rgba(0,0,0,0);font-size:14px;text-align:center;text-decoration:none;cursor:pointer;border:1px solid rgba(0,0,0,0.15);white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em}.btn:hover{display:inline-block;position:relative;outline:0px;color:#464545;background:rgba(0,0,0,0);font-size:14px;text-align:center;text-decoration:none;cursor:pointer;border:1px solid #464545;white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em}[role="back"]{padding:0.5em 1.25em;line-height:1.666em}[role="home"]{padding:0.5em 1.25em;line-height:1.666em}[role="navigation"]{padding:0.5em 1.25em;line-height:1.666em}[role="tags"]{padding:6px 12px}.menu{float:right;padding-top:30px}.menu .btn-down{margin:0}.menu .btn-down li{list-style:none;width:100px}.menu .btn-down li a{display:inline-block;position:relative;padding:0.5em 1.25em;outline:0;color:rgba(0,0,0,0.44);background:rgba(0,0,0,0);font-size:14px;text-align:center;text-decoration:none;cursor:pointer;border:1px solid rgba(0,0,0,0.15);white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em;margin-top:5px}.menu .btn-down li a:hover{position:relative;padding:0.5em 1.25em;outline:0;color:#fff;background:#3CBD10;font-size:14px;text-align:center;text-decoration:none;cursor:pointer;border:1px solid rgba(0,0,0,0.15);white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em;margin-top:5px}.menu .btn-down div{position:absolute;visibility:hidden;width:100px;float:right}.page_404{text-align:center;padding-top:50px}@media screen and (max-width: 960px){#sidebar{width:100%;position:absolute;border-right:none;z-index:1}#sidebar .logo-title{padding-top:120px}#sidebar .logo-title .title img{width:100px}#sidebar .logo-title .title h3{font-size:20px}.page-top{width:100%}.post-title h3{line-height:1.6}.content{margin-top:420px;width:100%;z-index:2;position:absolute}.footer{display:none}.share{display:grid}.social-links{list-style:none;font-size:14px;text-align:center}.social-links i{margin-right:3px}} diff --git a/tags/anniversaire/index.html b/tags/anniversaire/index.html new file mode 100644 index 0000000..ad8be8c --- /dev/null +++ b/tags/anniversaire/index.html @@ -0,0 +1,70 @@ + + + + + + + + + La Coloc’ + + + + + + +
+ +
+
+ +
+ +
+ +
+
+
+ + diff --git a/tags/index.html b/tags/index.html new file mode 100644 index 0000000..f226259 --- /dev/null +++ b/tags/index.html @@ -0,0 +1,69 @@ + + + + + + + + + La Coloc’ + + + + + + +
+ +
+
+ +
+ +
+ +
+
+
+ + diff --git a/tags/retour-d-experience/index.html b/tags/retour-d-experience/index.html new file mode 100644 index 0000000..eb3732f --- /dev/null +++ b/tags/retour-d-experience/index.html @@ -0,0 +1,70 @@ + + + + + + + + + La Coloc’ + + + + + + +
+ +
+
+ +
+ +
+ +
+
+
+ +