Un peu de propre, de corrections.

0-about.markdown

@@ -1,52 +0,0 @@
----
-layout: page
-title: À propos
-permalink: /about/
----
-
-
-## Services en ligne entre amis.
-
-L'idée est simple: sortir de l'industrie des [GAFAM](https://fr.wikipedia.org/wiki/GAFAM) et reprendre le contrôle de ses données personnelles au travers d'outils libres.
-
-*ALLELLA* – pour reprendre une analogie souvent utilisée – est une sorte d'AMAP du numérique en proposant des services éthiques et locaux.
-Nous nous engageons à respecter la vie privée des utilisateurs de part l'utilisation d'outils open source et du chiffrement des données.
-
-Vous êtes les bienvenus mais sachez que les places sont limitées.
-
-## Les services
-
-L'intégralité des services proposés repose sur des solutions de logiciels libres, sans aucune exploitation des données, sans publicité et sans traçage.
-
-### Courriel
-Vous disposez d'une boîte mail de 5 gigas de la forme *identifiant@allella.fr*, accessible depuis le [webmail *ALLELLA*](https://mail.allella.io/) et/ou de vos clients mail favoris, ainsi que la possibilité de créer plusieurs alias.
-
-Si vous avez déjà votre propre nom de domaine, il est tout à fait possible de l'utiliser pour votre boite mail.
-
-### Stockage de documents
-
-Ce service, instance de l'application [Nextcloud](https://nextcloud.com/), vous permet de stocker vos documents (texte, images, vidéos, ...) dans un espace sécurisé (10 gigas) et accessible de partout dans le monde.
-
-### Messagerie instantanée
-Une instance de [Matrix | Synapse](https://matrix.org/docs/projects/server/synapse) installée sur notre serveur vous permet de discuter (à 2 ou en groupe), échanger des fichiers depuis votre ordinateur et votre téléphone intelligent en installant [Riot](https://riot.im/about).
-
-### Visioconférence
-Nous disposons d'une instance [Jitsi](https://jitsi.org/) publique disponible à cette adresse : [https://talk.allella.io](https://talk.allella.io)
-
-### Hébergement de site web
-Nous hébergeons déjà plusieurs sites, n'hésitez pas à vous rapprocher de nous !
-
-## Le serveur
-
-Actuellement, le serveur est hébergé chez l'hébergeur français [OVH](https://www.ovh.com/fr/), au sein du datacenter de Roubaix RBX3 (France). Pour la partie plus technique,
-cette machine est équipée de CPUs Intel(R) Xeon(R) CPU E5-1620 v2 4c / 8t 3.70GHz, de 16Gb de RAM et d'un SoftRaid de 2x2To SATA, et tourne sous le système d'exploitation [Linux Debian](https://debian.org).
-
-Les données sont automatiquement sauvegardées chaque nuit, sur une machine hébergée chez nous. Toutes les données étant chiffrées*, nous ne pouvons y accéder!
-
-\* heu alors en fait oui mais disons que pour le stockage des emails, c'est pas facile donc on pousse les gens à chiffrer leur email et nous faire confiance :)
-
-## Combien ça coûte ?
-
-Si vous souhaitez participer à l'entretien du service, vous pouvez contribuez de manière libre et consciente.
- 
-Et puis si c'est gratuit, c'est toi le produit ;)

_config.yml

@@ -1,29 +1,9 @@
-# Welcome to Jekyll!
-#
-# This config file is meant for settings that affect your whole blog, values
-# which you are expected to set up once and rarely edit after that. If you find
-# yourself editing this file very often, consider using Jekyll's data files
-# feature for the data you need to update frequently.
-#
-# For technical reasons, this file is *NOT* reloaded automatically when you use
-# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
-#
-# If you need help with YAML syntax, here are some quick references for you:
-# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
-# https://learnxinyminutes.com/docs/yaml/
-#
-# Site settings
-# These are used to personalize your new site. If you look in the HTML files,
-# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
-# You can create any custom variable you would like, and they will be accessible
-# in the templates via {{ site.myvariable }}.
-
-title: Le blog
-email: contact@allella.io
+title: allella.fr
+email: contact@allella.fr
 description: >- # this means to ignore newlines until "baseurl:"
-  ALLELLA côté technique (et peut-être plus), en vrac et à l'arrache.
+  ALLELLA
 baseurl: "/blog" # the subpath of your site, e.g. /blog
-url: "http://allella.io" # the base hostname & protocol for your site, e.g. http://example.com
+url: "http://allella.fr" # the base hostname & protocol for your site, e.g. http://example.com
 # twitter_username: jekyllrb
 # github_username:  jekyll
 
@@ -33,6 +13,23 @@ theme: minima
 plugins:
   - jekyll-feed
   - jekyll-paginate
+
+allella :
+  services :
+    - mail:
+      name: Courriel
+      url: https://webmail.allella.fr
+    - cloud:
+      name: Documents
+      url: https://nuage.allella.fr
+    - jitsy:
+      name : Visio
+      url: https://talk.allella.fr
+    - git :
+      name : Forge
+      url: https://gitlab.allella.fr
+
+
 # sass:
 #   style: compact
 #   load_paths:

_includes/footer.html

@@ -26,7 +26,7 @@
       </div> -->
 
       <div class="footer-col footer-col-3">
-        <p>{{- site.description | escape -}}</p>
+        <!-- <p>{{- site.description | escape -}}</p> -->
       </div>
     </div>
 

_includes/header.html

@@ -4,10 +4,12 @@
     {%- assign default_paths = site.pages | map: "path" -%}
     {%- assign page_paths = site.header_pages | default: default_paths -%}
     <div>
-      <span class="site-logo"><img src="{{ "/assets/images/logo.svg" | relative_url }}"/></span>
-      <div>
+      <span class="site-logo">
+	<a class="site-title" rel="author" href="{{ "/" | relative_url }}"><img src="{{ "/assets/images/logo.svg" | relative_url }}"/></a>
+      </span>
+      <!--<div>
         <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
-      </div>
+      </div>-->
     </div>
     {%- if page_paths -%}
       <nav class="site-nav">
@@ -28,7 +30,7 @@
             <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
             {%- endunless-%}
             {%- endif -%}
-          {%- endfor -%}
+            {%- endfor -%}
         </div>
       </nav>
     {%- endif -%}

_posts/2020-04-03-presentation.markdown

@@ -20,7 +20,7 @@ pour trouver un semblant de motivation, le gimmick "Allez-là" revient souvent (
 Puisque nous sommes mauvais en orthographe (*J* surtout) la graphie glisse tranquillement vers "allella".
 Bingo, c'est un put*** de palindrome... Allez, ressers un verre pour fêter ça !
 
-[1] C'est juste que *J* aime les poneys, mais c'était [déjà pris](https://poneycreve.bandcamp.com/).
+[1] C'est juste que **J** aime les poneys, mais c'était [déjà pris](https://poneycreve.bandcamp.com/).
 ## Pour qui ?
 
 Au début, pour nous et quelques proches. Maintenant que tout ceci tient un peu la route et que les services semblent stables, l'idée d'ouvrir à un cercle plus élargi a éclos.
@@ -34,9 +34,11 @@ Parler ici du colletif chatons et de l'essaimage.
 ## Quels services ?
 
 * les mails
-* les documents
+* le stokage de documents
 * la discussion instantanée
 * la gestion de code source
+* l'hébergement de sites web
+* la visio
 
 ## Quels outils ?
 
@@ -49,7 +51,4 @@ Les services actuels reposent sur solutions techniques suivantes :
 * documents (mais pas que): [Nextcloud](https://nextcloud.com)
 * discussion instantanée : [Matrix / Synapse](https://matrix.org/docs/projects/server/synapse)
 * gestion de code source : [Gitlab](https://about.gitlab.com/)
-
-## En détails
-
-Des informations complémentaires, plus détaillées se trouvent sur la page [à propos](/about).
+* la visio : [Jitsy](https://jitsy.org)

assets/main.scss

@@ -53,7 +53,11 @@ header.site-header{
 body{
   @include relative-font-size(1.4);
 
-  .home {
+  h3{
+    font-weight: bold;
+  }
+
+  .blog {
       .post-list li {
           p{
             margin-bottom: 10px
@@ -62,6 +66,7 @@ body{
       h3{
         margin-bottom: 5px;
         border-bottom: 1px solid $border-color;
+        font-weight: normal;
       }
       h3 a, h3 a:visited {
         // color: $bg-color;
@@ -108,10 +113,40 @@ body{
 
   h2 {
     font-weight: 600;
-    margin-top: 25px;
+    margin-top: 50px;
+  }
+
+  h3{
+    @include relative-font-size(1.2);
+    margin-top:40px;
   }
 }
 
 .wrapper{
   max-width: $content-width;
 }
+
+.services-list{
+  list-style-type: none;
+  display: flex;
+  flex-wrap: wrap;
+  li{
+    display: flex;
+    flex: 1 0 calc(25% - 12px);
+    margin: 5px;
+    border: 1px solid #333;
+    justify-content: center;
+    align-items: center;
+  }
+  li:after{
+    content: '';
+    display: block;
+    padding-bottom: 100%;
+  }
+}
+
+// .container{
+//   border: 2px solid black;
+//   display: flex;
+//   flex-wrap: wrap;
+// }

index.markdown

@@ -1,6 +1,50 @@
 ---
-# Feel free to add content and custom Front Matter to this file.
-# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
-layout: home
+layout: page
 ---
+
+
+## Services en ligne entre amis
+
+L'idée est simple: sortir de l'industrie des [GAFAM](https://fr.wikipedia.org/wiki/GAFAM) et reprendre le contrôle de ses données personnelles au travers d'outils libres.
+
+*ALLELLA* – pour reprendre une analogie souvent utilisée – est une sorte d'AMAP du numérique en proposant des services éthiques et locaux.
+Nous nous engageons à respecter la vie privée des utilisateurs de part l'utilisation d'outils open source et du chiffrement des données.
+
+Vous êtes les bienvenus mais sachez que les places sont limitées.
+
+## Les services
+
+L'intégralité des services proposés repose sur des solutions de logiciels libres, sans aucune exploitation des données, sans publicité et sans traçage.
+
+### Courriel
+Vous disposez d'une boîte mail de 5 gigas de la forme *identifiant@allella.fr*, accessible depuis le [webmail *ALLELLA*](https://mail.allella.io/) et/ou de vos clients mail favoris, ainsi que la possibilité de créer plusieurs alias.
+
+Si vous avez déjà votre propre nom de domaine, il est tout à fait possible de l'utiliser pour votre boite mail.
+
+### Stockage de documents
+
+Ce service, instance de l'application [Nextcloud](https://nextcloud.com/), vous permet de stocker vos documents (texte, images, vidéos, ...) dans un espace sécurisé (10 gigas) et accessible de partout dans le monde.
+
+### Messagerie instantanée
+Une instance de [Matrix | Synapse](https://matrix.org/docs/projects/server/synapse) installée sur notre serveur vous permet de discuter (à 2 ou en groupe), échanger des fichiers depuis votre ordinateur et votre téléphone intelligent en installant [Riot](https://riot.im/about).
+
+### Visioconférence
+Nous disposons d'une instance [Jitsi](https://jitsi.org/) publique disponible à cette adresse : [https://talk.allella.io](https://talk.allella.io)
+
+### Hébergement de site web
+Nous hébergeons déjà plusieurs sites, n'hésitez pas à vous rapprocher de nous !
+
+## Le serveur
+
+Actuellement, le serveur est hébergé chez l'hébergeur français [OVH](https://www.ovh.com/fr/), au sein du datacenter de Roubaix RBX3 (France). Pour la partie plus technique,
+cette machine est équipée de CPUs Intel(R) Xeon(R) CPU E5-1620 v2 4c / 8t 3.70GHz, de 16Gb de RAM et d'un SoftRaid de 2x2To SATA, et tourne sous le système d'exploitation [Linux Debian](https://debian.org).
+
+Les données sont automatiquement sauvegardées chaque nuit, sur une machine hébergée chez nous. Toutes les données étant chiffrées<sup>1</sup>, nous ne pouvons y accéder!
+
+[1] heu alors en fait oui mais disons que pour le stockage des emails, la question se pose donc on pousse les gens à chiffrer leur email et à nous faire confiance :)
+
+## Combien ça coûte ?
+
+Si vous souhaitez participer à l'entretien du service, vous pouvez contribuez de manière libre et consciente.
+
+Et puis si c'est gratuit, c'est qui le produit ? ;)