modifs page services

_config.yml

@@ -19,18 +19,23 @@ allella :
     - mail:
       name: Courriel
       url: https://mail.allella.fr
+      info: Roundcube
     - cloud:
       name: Documents
       url: https://nuage.allella.fr
+      info: Nextcloud
     - jitsy:
-      name : Visio
+      name : Visio-conférence
       url: https://talk.allella.fr
+      info: Jitsy
     - git :
-      name : Forge
+      name : Forge logicielle
       url: https://git.allella.fr
+      info: Gitea
     - framadate :
-      name: Sondage dates
+      name: Prise de rendez-vous
       url: https://sondage.allella.fr
+      info: Framadate
 
 
 # sass:

_layouts/services.html

@@ -11,6 +11,7 @@ layout: default
           <a href="{{service.url}}">
             {{ service.name | escape }}
           </a>
+          <span>Instance <strong>{{service.info}}</strong></span>
       </li>
       {%- endfor -%}
     </ul>

assets/main.scss

@@ -47,15 +47,8 @@ header.site-header{
   .site-title{
     @include relative-font-size(1.2);
     float:none;
-    // visibility: hidden;
-    // background-image: url('../assets/images/logo.svg');
   }
 
-  // .site-logo{
-  //   background: url('../assets/images/logo.svg') no-repeat;
-  //   background-size: contain;
-  // }
-
   .wrapper {
     width: $content-width;
     display: flex;
@@ -67,7 +60,6 @@ header.site-header{
     color: #2a7ae2;
     letter-spacing : 0.02em;
     font-weight: bold;
-    //background-color: $txt-color;
     padding: 5px;
     font-variant: small-caps;
     @include relative-font-size(1.2);
@@ -101,10 +93,7 @@ body{
         font-weight: normal;
       }
       h3 a, h3 a:visited {
-        // color: $bg-color;
-        // background-color: $txt-color;
         width: 50%;
-        // padding:5px;
       }
 
       background-color: $bg-color;
@@ -175,12 +164,6 @@ h3{
 
 .post-content{
   @include relative-font-size(1.1);
-
-  /*h2 {
-    font-weight: 600;
-    margin-top: 50px;
-  }*/
-
   h3{
     @include relative-font-size(1.2);
     margin-top:40px;
@@ -199,12 +182,18 @@ h3{
 
   li{
     display: flex;
-    width: calc(25% - 12px);
+    flex-direction: column;
+    flex: 0 0 30;
+    min-height:200px;
+    width: 30%;
+    max-width: 30%;
     margin: 5px;
     border: 1px solid #ccc;
-    /*justify-content: center;
-    align-items: center;*/
+    justify-content: space-between;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
+    &:hover{
+      box-shadow: none;
+    }
     a{
       display : flex;
       justify-content: center;
@@ -213,27 +202,17 @@ h3{
 
       &:hover{
         box-shadow: none;
-        background-color: black;
-        color : white;
         text-decoration: none;
-        // a {
-        //   color : white;
-        // }
         }
       }
-  }
-  li:after{
-    content: '';
-    display: block;
-    padding-bottom: 100%;
+
+      span{
+        @include relative-font-size(0.8);
+        text-align: center;
+      }
   }
 }
 
 .cgu{
   text-align: center;
 }
-// .container{
-//   border: 2px solid black;
-//   display: flex;
-//   flex-wrap: wrap;
-// }