feat: themes foundation + editors load improvements

client/themes/default/components/app.vue

@@ -0,0 +1,88 @@
+<template lang="pug">
+  v-app
+    nav-header
+    v-navigation-drawer.primary(dark, app, clipped, permanent)
+      v-list(dense)
+        v-list-tile.pt-2
+          v-list-tile-avatar: v-icon home
+          v-list-tile-title Home
+        v-divider.my-2
+        v-subheader.pl-4 Navigation
+        v-list-tile
+          v-list-tile-avatar: v-icon stars
+          v-list-tile-title The Universe
+        v-list-tile
+          v-list-tile-avatar: v-icon directions_boat
+          v-list-tile-title Ships
+        v-list-tile
+          v-list-tile-avatar: v-icon local_airport
+          v-list-tile-title Airports
+
+    v-content
+      v-toolbar(color='grey lighten-3', flat, dense)
+        v-breadcrumbs.pl-0(divider='/')
+          v-breadcrumbs-item Universe
+          v-breadcrumbs-item Galaxy
+          v-breadcrumbs-item Solar System
+          v-breadcrumbs-item Planet Earth
+
+      v-divider
+      v-layout(row)
+        v-flex(xs10)
+          v-toolbar(color='grey lighten-4', flat, :height='90')
+            div
+              .headline.grey--text.text--darken-3 {{title}}
+              .caption.grey--text.text--darken-1 {{description}}
+          .contents
+            slot(name='contents')
+        v-flex(xs2, fill-height)
+          v-toolbar(color='grey lighten-4', flat, :height='90')
+            div
+              .caption.grey--text.text--lighten-1 Last edited by
+              .body-2.grey--text.text--darken-3 John Doe
+              .caption.grey--text.text--darken-1 Monday at 12:34 PM
+            v-spacer
+            v-icon edit
+          v-list.grey.lighten-3(dense)
+            v-subheader.pl-4 Table of contents
+            v-list-tile
+              v-list-tile-avatar: v-icon chevron_right
+              v-list-tile-title Introduction
+            v-list-tile
+              v-list-tile-avatar: v-icon chevron_right
+              v-list-tile-title Cities
+            v-list-tile(inset)
+              v-list-tile-avatar: v-icon chevron_right
+              v-list-tile-title New York
+            v-divider.my-2
+            v-subheader.pl-4 Metadata
+            v-list-tile
+              v-list-tile-avatar: v-icon chevron_right
+              v-list-tile-title Test
+            v-list-tile
+              v-list-tile-avatar: v-icon chevron_right
+              v-list-tile-title Test
+            v-list-tile
+              v-list-tile-avatar: v-icon chevron_right
+              v-list-tile-title Test
+    nav-footer
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: 'Untitled Page'
+    },
+    description: {
+      type: String,
+      default: ''
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+
+</style>

client/themes/default/js/app.js

@@ -0,0 +1 @@
+/* THEME SPECIFIC JAVASCRIPT */

client/themes/default/scss/app.scss

@@ -0,0 +1,45 @@
+/* THEME SPECIFIC STYLES */
+
+.contents {
+  h1 {
+    padding-left: 16px;
+    color: mc('blue', '800');
+    margin-top: 16px;
+    position: relative;
+
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 2px;
+      background: linear-gradient(to right, mc('blue', '500'), rgba(mc('blue', '500'), 0));
+    }
+
+    & + h2 {
+      margin-top: 8px;
+    }
+  }
+  h2 {
+    margin-left: 16px;
+    padding: 8px 0 0 0;
+    color: mc('grey', '800');
+    position: relative;
+
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 1px;
+      background: linear-gradient(to right, mc('grey', '700'), rgba(mc('grey', '700'), 0));
+    }
+  }
+
+  p {
+    padding: 16px 16px 0 16px;
+    margin: 0;
+  }
+}

client/themes/default/theme.yml

@@ -0,0 +1,7 @@
+name: Default
+author: requarks.io
+site: https://wiki.requarks.io/
+version: 1.0.0
+requirements:
+  minimum: '>= 2.0.0'
+  maximum: '< 3.0.0'