tests ui + correctifs mdown

1-ressources.markdown

@@ -7,7 +7,7 @@ permalink: /ressources/
 Quelques pointeurs vers les outils que nous utilisons et divers ressources que nous vous conseillons de découvrir.
 
 
-# Outils & services
+# outils & services
 
 * https://gitea.io
 * https://github.com/ltb-project/self-service-password
@@ -16,7 +16,7 @@ Quelques pointeurs vers les outils que nous utilisons et divers ressources que n
 * https://nextcloud.com/
 * https://about.riot.im/
 
-# Divers
+# divers
 
 * https://chatons.org
 * https://www.recyclivre.com

_layouts/home.html

@@ -8,7 +8,7 @@
     {%- include header.html -%}
     
     <div class="fullscreen">
-     <img src="{{ "/assets/images/logo-2.svg" | relative_url }}"/>
+     <img src="{{ "/assets/images/allella-logotype.png" | relative_url }}"/>
     </div>
 
     <main class="page-content home-page-content" aria-label="Content">

_posts/2020-04-08-logo.markdown

@@ -7,7 +7,7 @@ excerpt_separator: <!--more-->
 ---
 
 &laquo; Tout est design &raquo;, ou encore &laquo; L'art est ce qui rend la vie plus intéressante que l'art &raquo;. <!--more-->Deux maximes
-souvent prononcées par notre ami CDRC LCHRZ que nous souhaitons grandement remercier pour la création du logotype d'Allella.
+souvent prononcées par notre ami Cdrc Lchrz que nous souhaitons grandement remercier pour la création du logotype d'Allella.
 
 ![logo]({{ site.baseurl }}/assets/images/logo-2.svg)
 

assets/main.scss

@@ -9,16 +9,16 @@ $bg-color: white;
 $txt-color: #333;
 $border-color: #e8e8e8;
 
-$header-height: 20vh;
+$header-height: 15vh;
 
 .fullscreen{
-    width: 100vw;
+    width: 100%;
     background-color: black;
     min-height: calc(100vh - #{$header-height});
     margin-top: $header-height;
     display: flex;
     justify-content: center;
-    align-item:center;
+    align-items:center;
 }
 
 header.site-header{
@@ -34,7 +34,9 @@ header.site-header{
   a, a:visited {
     color : $txt-color;
   }
-
+  .wrapper::after{
+      content: none;
+  }
   .site-title{
     @include relative-font-size(1.2);
     float:none;
@@ -55,7 +57,9 @@ header.site-header{
   }
 
   .site-nav .page-link{
-    //color: $bg-color;
+    color: #2a7ae2;
+    letter-spacing : 0.02em;
+    font-weight: bold;
     //background-color: $txt-color;
     padding: 5px;
     font-variant: small-caps;
@@ -63,6 +67,7 @@ header.site-header{
     &:hover{
 	text-decoration: none;
 	background-color: #2a7ae2;
+	color:white;
     }
   }
 }
@@ -70,6 +75,9 @@ header.site-header{
 body{
   @include relative-font-size(1.4);
 
+  h2, h3 {
+       letter-spacing : 0.02em;
+  }
   h3{
     font-weight: bold;
   }
@@ -117,6 +125,16 @@ body{
     }
 }
 
+h2 {
+    font-weight: bold;
+    margin-top: 50px;
+}
+
+h3{
+    @include relative-font-size(1.1);
+    margin-top: 40px;
+}
+
 .page-content{
     margin-top: $header-height;
 }
@@ -137,10 +155,10 @@ body{
 .post-content{
   @include relative-font-size(1.1);
 
-  h2 {
+  /*h2 {
     font-weight: 600;
     margin-top: 50px;
-  }
+  }*/
 
   h3{
     @include relative-font-size(1.2);

index.markdown

@@ -3,7 +3,7 @@ layout: home
 ---
 
 
-## Services en ligne entre amis
+## 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 nos données personnelles au travers d'outils libres.
 
@@ -11,30 +11,30 @@ L'idée est simple : sortir de l'industrie des [GAFAM](https://fr.wikipedia.org/
 
 Vous êtes les bienvenus mais sachez que les places sont limitées.
 
-## Les services
+## 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
+### 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,
 avec 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 boîte mail.
 
-### Stockage de documents
+### stockage de documents
 
 Ce service, instance de l'application [Nextcloud](https://nextcloud.com/), vous permet de stocker vos documents (texte, images, vidéos, etc.) dans un espace sécurisé (10 gigas) accessible de partout dans le monde.
 
-### Messagerie instantanée
+### 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) et d'échanger des fichiers depuis votre ordinateur et votre téléphone intelligent en installant [Riot](https://riot.im/about).
 
-### Visioconférence
+### 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 sites web
+### hébergement de sites web
 Nous hébergeons déjà plusieurs sites, n'hésitez pas à vous rapprocher de nous !
 
-## Le serveur
+## le serveur
 
 Actuellement, le serveur est hébergé chez le 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).
@@ -43,7 +43,7 @@ Les données sont automatiquement sauvegardées chaque nuit, sur une machine hé
 
 [1] Heu alors en fait oui, mais disons que pour le stockage des emails la question se pose, on encourage donc vivement les usagers à chiffrer leurs emails et à nous faire confiance :)
 
-## Combien ça coûte ?
+## combien ça coûte ?
 
 Si vous souhaitez participer à l'entretien du service, vous pouvez contribuer de manière libre et consciente.