materialdesignicons, colors, more layout

src/components/nav/HeaderMenu.vue

@@ -4,30 +4,17 @@
       <li>
         <span>Index</span>
         <ul>
-          <li>
-            <router-link to="/nominum">
-              Nominum
-            </router-link>
-          </li>
-          <li>
-            <router-link to="/locorum">
-              Locorum
-            </router-link>
-          </li>
-          <li>
-            <router-link to="/operum">
-              Operum
-            </router-link>
-          </li>
+          <li><router-link to="/nominum">Nominum</router-link></li>
+          <li><router-link to="/locorum">Locorum</router-link></li>
+          <li><router-link to="/operum">Operum</router-link></li>
         </ul>
       </li>
+      <li><router-link to="/bibliographie">Bibliographie</router-link></li>
+      <li><a href="#">Blog</a></li>
       <li>
-        <router-link to="/bibliographie">
-          Bibliographie
-        </router-link>
-      </li>
-      <li>
-        <a href="#">Blog</a>
+        <a href="#" class="mdi mdi-login-variant" title="connexion">
+          <span class="visualy-hidden">connexion</span>
+        </a>
       </li>
     </ul>
   </nav>
@@ -45,4 +32,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+
 </style>

src/components/nav/History.vue

@@ -0,0 +1,15 @@
+<template>
+  <div id="history">
+    History
+  </div>
+</template>
+<script>
+export default {
+  name: 'History',
+  data: () => ({
+
+  })
+}
+</script>
+<style lang="scss" scoped>
+</style>

src/components/nav/Results.vue

@@ -0,0 +1,15 @@
+<template>
+  <div id="results">
+    Results
+  </div>
+</template>
+<script>
+export default {
+  name: 'Results',
+  data: () => ({
+
+  })
+}
+</script>
+<style lang="scss" scoped>
+</style>

src/components/nav/Search.vue

@@ -0,0 +1,15 @@
+<template>
+  <div id="search">
+    Search
+  </div>
+</template>
+<script>
+export default {
+  name: 'Search',
+  data: () => ({
+
+  })
+}
+</script>
+<style lang="scss" scoped>
+</style>