Added SVG star logo to nav bar and word-wrap break-word attribute

vue-theme/src/components/navigation/navigation.vue

@@ -2,7 +2,8 @@
 <template lang="pug">
 nav.main
     router-link(to="/")
-        h1.t-serif.t-up x
+        h1.t-serif.t-up
+            img(src="/vue-theme/src/star.svg")
             span &nbsp;logotype
     
     label(for="toggle-mobile-menu" aria-label="Menu") &#9776;
@@ -48,6 +49,12 @@ nav.main
     position: sticky
     top: 0
     background-color: lightblue
+    word-wrap: break-word
+    z-index: 10000
+    img
+        width: 30px
+        height: 30px
+        padding: 0 0.5em
     a > h1
         margin: 0
     label
@@ -64,7 +71,7 @@ nav.main
                 position: fixed
     ul
         width: 100%
-        background-color: grey
+        background-color: rgba(0,255,255,0.5)
         display: none
         li
             h5