Closes #36 & #34

.vuepress/components/Sidebar.vue

@@ -1,26 +1,12 @@
 <template>
 
-  <v-navigation-drawer clipped app>
+  <div id="sidebar">
 
-    <v-toolbar flat class="transparent">
+    <h2>{{ this.$page.title }}</h2>
-      <v-list>
-        <v-list-tile>
-          <v-list-tile-title class="title">
-            {{ this.$page.title }}
-          </v-list-tile-title>
-        </v-list-tile>
-      </v-list>
-    </v-toolbar>
 
-    <v-list dense>
+    <a v-for="link in this.$page.headers" v-bind:key="link.title" @click="goTo(link.slug)" v-bind:class="['level-' + link.level]">{{ link.title }}</a>
-      <v-list-tile v-for="link in this.$page.headers" v-bind:key="link.title" @click="goTo(link.slug)" v-bind:class="['level-' + link.level]">
-        <v-list-tile-content>
-          <v-list-tile-title>{{ link.title }}</v-list-tile-title>
-        </v-list-tile-content>
-      </v-list-tile>
-    </v-list>
 
-  </v-navigation-drawer>
+  </div>
 
 </template>
 

.vuepress/theme/Layout.vue

@@ -1,42 +1,18 @@
 <template>
-  <v-app>
 
-    <!--/
+  <main>
-    <v-toolbar>
-      <v-toolbar-title class="align-center">
-        <span class="title"><router-link to="/">LBRY.tech</router-link></span>
-      </v-toolbar-title>
-
-      <v-spacer></v-spacer>
-
-      <v-toolbar-items class="hidden-sm-and-down">
-        <v-btn flat to="/overview.html">Overview</v-btn>
-        <v-btn flat to="/documentation.html">Documentation</v-btn>
-        <v-btn flat to="/contribute.html">How to Contribute</v-btn>
-        <v-btn flat to="/develop.html">How to Develop</v-btn>
-        <v-btn flat to="/resources/">Resources</v-btn>
-      </v-toolbar-items>
-    </v-toolbar>
-    /-->
 
     <nav class="navigation">
       <div class="inner-wrap">
-        <a class="navigation__item" href="/" title="Go back home">LBRY</a>
+        <router-link class="navigation__item" to="/" title="Go back home">LBRY</router-link>
-        <a class="navigation__item" href="/overview.html" title="TBD">Overview</a>
+        <router-link class="navigation__item" to="/overview.html" title="TBD">Overview</router-link>
-        <a class="navigation__item" href="/documentation.html" title="TBD">Documentation</a>
+        <router-link class="navigation__item" to="/documentation.html" title="TBD">Documentation</router-link>
-        <a class="navigation__item" href="/contribute.html" title="TBD">Contribute</a>
+        <router-link class="navigation__item" to="/contribute.html" title="TBD">Contribute</router-link>
-        <a class="navigation__item" href="/develop.html" title="TBD">Develop</a>
+        <router-link class="navigation__item" to="/develop.html" title="TBD">Develop</router-link>
-        <a class="navigation__item" href="/resources" title="TBD">Resources</a>
+        <router-link class="navigation__item" to="/resources" title="TBD">Resources</router-link>
       </div>
     </nav>
 
-    <v-content>
-      <!--/
-      <v-alert type="error" value="true" id="in-development-alert">
-        <strong>This website is in beta.</strong> We are actively developing this website to showcase and teach about the LBRY protocol. All things may not work as expected!<br/>This website is open source and you can <a href="https://github.com/lbryio/lbry.tech" target="_blank">contribute to it on Github</a>.</v-alert>
-      </v-alert>
-      /-->
-
     <template v-if="$page.frontmatter.home">
       <section class="home hero">
         <div>
@@ -134,13 +110,10 @@
           {{ $page.title }}
           <Content custom></Content>
           <edit-link :path="this.$page.path"></edit-link>
-          </div>
-
-          <edit-link :path="this.$page.path"></edit-link>
           <router-link to="/sitemap.html">Sitemap</router-link>
+        </div>
       </section>
     </template>
-    </v-content>
 
     <footer class="footer">
       <div class="inner-wrap">
@@ -157,17 +130,15 @@
         </ul>
       </div>
     </footer>
-  </v-app>
+  </main>
 </template>
 
 <script>
 
 import Vue from 'vue'
-import Vuetify from 'vuetify'
 import VueResource from 'vue-resource'
 import VueHighlightJS from 'vue-highlightjs'
 
-Vue.use(Vuetify);
 Vue.use(VueResource)
 Vue.use(VueHighlightJS)
 

package.json

@@ -21,7 +21,6 @@
     "vue-image-upload-resize": "^1.1.6",
     "vue-images-loaded": "^1.1.2",
     "vue-resource": "^1.5.0",
-    "vuepress": "^0.8.3",
+    "vuepress": "^0.8.3"
-    "vuetify": "^1.0.16"
   }
 }

yarn.lock

@@ -5862,10 +5862,6 @@ vuepress@^0.8.3:
     webpackbar "^2.6.1"
     workbox-build "^3.1.0"
 
-vuetify@^1.0.16:
-  version "1.0.16"
-  resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-1.0.16.tgz#e59a4c7f2fb51ecbe3912d83dd1e98256aa0d9a6"
-
 watchpack@^1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.5.0.tgz#231e783af830a22f8966f65c4c4bacc814072eed"