Développement du menu en tête de page.

- Lien vers le blog (actualités).
- Lien vers le wiki.
- Lien vers le statut des services (fix #1).

assets/production/css/style.css

@@ -83,19 +83,6 @@ abbr {
   display: inline-block;
 }
 
-.button-members {
-  padding: 8px 24px;
-  background: #05b;
-  color: #fff;
-  text-transform: uppercase;
-  text-decoration: none;
-  font-size: 12.8px;
-  font-weight: bold;
-  border-radius: 0 0 24px 24px;
-  line-height: 24px;
-  display: inline-block;
-}
-
 .tac {
   text-align: center;
 }
@@ -135,15 +122,33 @@ menu {
 }
 
 .LogoContainer,
-.Menu-Items {
+.menu-item {
   height: 30%;
   display: inline-block;
   font-size: 16px;
   vertical-align: middle;
 }
 
-.Menu-Items {
+.menu-item {
   float: right;
+  margin-left: 2em;
+}
+
+.menu-button {
+  padding: 8px 24px;
+  background: #05b;
+  color: #fff;
+  text-transform: uppercase;
+  text-decoration: none;
+  font-size: 12.8px;
+  font-weight: bold;
+  border-radius: 0 0 24px 24px;
+  line-height: 24px;
+  display: inline-block;
+}
+
+.menu-button-login {
+  background: #2eae2e;
 }
 
 .Hero {

layouts/base.njk

@@ -21,8 +21,17 @@
           <a href="/"><img class="logo-small" src="/images/logo.svg" alt=""></a>
           {% endif %}
         </li>
-        <li class="Menu-Items">
-          <a class="button-members" href="https://mon.ti-nuage.fr">Éspace adhérents</a>
+        <li class="menu-item">
+          <a class="menu-button menu-button-login" href="https://mon.ti-nuage.fr">Espace adhérents</a>
+        </li>
+        <li class="menu-item">
+          <a class="menu-button" href="https://status.ti-nuage.fr/">Statut</a>
+        </li>
+        <li class="menu-item">
+          <a class="menu-button" href="https://wiki.ti-nuage.fr/">Documentation</a>
+        </li>
+        <li class="menu-item">
+          <a class="menu-button" href="/blog">Actualités</a>
         </li>
       </menu>