Merge branch 'master' of git.startinblox.com:applications/hubl

src/header.pug

@@ -29,6 +29,8 @@ details#user-controls.notLoggedIn
             sib-link(next='profile') Mon profil
         li
           sib-link(next='admin') Administration
+        li
+          sib-link(next='about') A propos
       button(role='log out' onclick="document.querySelector('sib-auth').logout();") Se déconnecter
 
 button.loggedIn(role='log in' onclick="document.querySelector('sib-auth').login();") Se connecter

src/index.pug

@@ -52,6 +52,9 @@ html(lang="en")
         #admin(hidden).with-sidebar
           include page-admin.pug
 
+        #about.no-sidebar.with-padding
+          include page-about.pug
+          
         if (endpoints.skills || (endpoints.get && endpoints.get.skills)) && (endpoints.uploads || (endpoints.post && endpoints.post.uploads)) && (endpoints.users || (endpoints.post && endpoints.post.users))
           #profile(hidden).no-sidebar
             include page-profile.pug

src/menu-left.pug

@@ -138,3 +138,4 @@ nav#main__menu.jsLeftMenu
 
     sib-route(name='admin', hidden)
     sib-route.menu(name='profile', hidden)
+    sib-route(name='about', hidden)

src/page-about.pug

@@ -0,0 +1,17 @@
+.views-container
+  h2 A propos
+  div.flex-content-white
+    div
+      div
+        h3 Cette application est développée  par Startin'blox
+        p Startin’blox est une coopérative qui développe des outils libres pour construire facilement et à moindre coût des applications fédérées et interopérables basées sur les derniers standards du web poussés par le projet SOLID.
+        p Sa mission est de redonner le pouvoir aux utilisateurs en leur permettant de reprendre la main sur leur outil numérique et de bénéficier d’un effet de réseau au sein d’un écosystème choisi afin de s’émanciper des grandes plateformes.
+      div
+        a(href="https://startinblox.com/fr/" target="_blank") https://startinblox.com/fr/
+
+    div
+      div
+        h3 Contacte-nous
+        p Tu veux contribuer, nous remonter un bug, nous suggérer une amélioration, travailler avec nous ? 
+      div
+        a(href="https://startinblox.com/fr/#home-contact" target="_blank").main-cta Contact 

src/styles/base/about.scss

@@ -0,0 +1,58 @@
+#about{
+  $main-color: rgb(236, 94, 92);
+  $second-color: white;
+  h2,h3{
+    text-transform: uppercase;
+  }
+  h2{
+    margin-left: 1.5em;
+  }
+  .flex-content-white{ 
+    display: flex;
+    @media only screen and (max-width: 768px) {
+      flex-direction: column;
+    }
+    >div{
+      padding: 2em 2.5em; 
+      text-align: center;
+      margin: 0 1.5em 3em 1.5em;
+      background: white;
+      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.11);
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+    }
+    >div:first-child{
+      width: 60%;
+    }
+    >div:last-child{
+      width: 35%;
+      @media only screen and (max-width: 768px) {
+        width: 60%;
+      }
+    }
+    a{
+      text-decoration: none;
+    }
+  }
+
+  .main-cta{
+    background: $second-color none repeat scroll 0% 0%;
+    border: 1px solid $main-color;
+    border-radius: 55px;
+    color: $main-color;
+    cursor: pointer;
+    font-weight: bold;
+    text-transform: uppercase;
+    width: 25%;
+    font-size: 1.1rem;
+    align-self: center;
+    padding: 0.5rem 1.5rem;
+  }
+
+  .main-cta:hover{
+    background: $main-color none repeat scroll 0% 0%;
+    border : 1px solid $second-color;
+    color: $second-color;
+  }
+}

src/styles/index.scss

@@ -8,6 +8,7 @@
 @import 'abstracts/mixins';
 @import 'components/icons/index';
 @import 'base/main';
+@import 'base/about';
 
 div#viewport {
     display: flex;