Added database structure for profiles and tattoos. Improved sidebar appearance. Expanded new actors module.

assets/components/header/header.vue

@@ -2,7 +2,7 @@
     <header class="header">
         <div class="header-nav">
             <Icon
-                icon="grid2"
+                icon="menu"
                 class="sidebar-toggle"
                 @click.native.stop="toggleSidebar"
             />
@@ -203,8 +203,8 @@ export default {
 .sidebar-toggle {
     display: none;
     fill: var(--shadow-modest);
-    padding: 0 1.5rem 0 1rem;
-    width: 1.25rem;
+    padding: 0 1rem;
+    width: 1.5rem;
     height: 100%;
 
     &:hover {

assets/components/sidebar/sidebar.vue

@@ -5,7 +5,7 @@
     >
         <div class="sidebar-header">
             <Icon
-                icon="cross"
+                icon="cross2"
                 class="sidebar-close"
                 @click.native="toggleSidebar(false)"
             />
@@ -31,6 +31,21 @@
 
         <nav class="nav">
             <ul class="nolist">
+                <li class="nav-item">
+                    <router-link
+                        v-slot="{ href, isActive, navigate }"
+                        to="/home"
+                        @click.native="toggleSidebar(false)"
+                    >
+                        <a
+                            class="nav-link"
+                            :href="href"
+                            :class="{ active: isActive }"
+                            @click="navigate"
+                        >Home</a>
+                    </router-link>
+                </li>
+
                 <li class="nav-item">
                     <router-link
                         v-slot="{ href, isActive, navigate }"
@@ -96,7 +111,7 @@ export default {
             logoPrimary,
             logoLight,
         };
-    }
+    },
 };
 </script>
 
@@ -122,9 +137,9 @@ export default {
 }
 
 .sidebar-close {
-    width: 1.25rem;
+    width: 1.5rem;
     height: 100%;
-    padding: 0 1.5rem 0 1rem;
+    padding: 0 1rem;
     fill: var(--lighten);
 
     &:hover {

assets/components/tags/tag.vue

@@ -106,10 +106,6 @@ export default {
         color: var(--primary);
     }
 }
-
-.dark .sidebar {
-    border-right: solid 1px var(--shadow-weak);
-}
 </style>
 
 <style lang="scss" scoped>
@@ -201,6 +197,10 @@ export default {
     padding: 1rem;
 }
 
+.dark .sidebar {
+    border-right: solid 1px var(--shadow-hint);
+}
+
 @media(max-width: $breakpoint3) {
     .tag {
         flex-direction: column;

assets/components/tags/tags.vue

@@ -90,8 +90,6 @@ async function mounted() {
         [category]: tagSlugs.map(tagSlug => tagsBySlug[tagSlug]),
     }), {});
 
-    console.log(this.categories);
-
     this.pageTitle = 'Tags';
 }
 

assets/img/menu.svg

@@ -1,5 +1,5 @@
 <!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
 <title>menu</title>
-<path d="M2 6h28v6h-28zM2 14h28v6h-28zM2 22h28v6h-28z"></path>
+<path d="M13 7c1.105 0 2 0.895 2 2s-0.895 2-2 2c-1.105 0-2-0.895-2-2s0.895-2 2-2zM8 7c1.105 0 2 0.895 2 2s-0.895 2-2 2c-1.105 0-2-0.895-2-2s0.895-2 2-2zM3 7c1.105 0 2 0.895 2 2s-0.895 2-2 2c-1.105 0-2-0.895-2-2s0.895-2 2-2z"></path>
 </svg>

assets/img/menu3.svg

@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+<title>menu3</title>
+<path d="M1 3h14v3h-14zM1 7h14v3h-14zM1 11h14v3h-14z"></path>
+</svg>