Hopefully fixed error page; Removed v-card in home and tweaks; Navbar tweaks

5 files changed, 78 insertions, 66 deletions

diff --git a/.eslintrc.js b/.eslintrc.js
index 8e1c2e4..c66b587 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,22 +1,22 @@
 module.exports = {
-    env: {
-        browser: true,
-        es6: true
-    },
-    extends: [
-        'plugin:vue/essential',
-        'standard'
-    ],
-    globals: {
-        Atomics: 'readonly',
-        SharedArrayBuffer: 'readonly'
-    },
-    parserOptions: {
-        ecmaVersion: 2018,
-        sourceType: 'module'
-    },
-    plugins: [
-        'vue'
-    ],
-    rules: {}
+  env: {
+    browser: true,
+    es6: true
+  },
+  extends: [
+    'plugin:vue/essential',
+    'standard'
+  ],
+  globals: {
+    Atomics: 'readonly',
+    SharedArrayBuffer: 'readonly'
+  },
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  },
+  plugins: [
+    'vue'
+  ],
+  rules: {}
 }
diff --git a/components/Navbar.vue b/components/Navbar.vue
index 49d9629..fd559db 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -1,24 +1,36 @@
 <template>
-        <v-card>
-            <v-toolbar dark>
-                <v-toolbar-title>Andrew Lee</v-toolbar-title>
-                <v-spacer/>
-                <v-btn to="/" text>
-                    Home
-                </v-btn>
-                <v-btn to="/blog" text>
-                    Blog
-                </v-btn>
-                <v-btn to="/projects" text>
-                    Projects
-                </v-btn>
-            </v-toolbar>
-        </v-card>
+    <div>
+        <v-app-bar>
+            <v-toolbar-title>Andrew Lee</v-toolbar-title>
+            <v-spacer/>
+            <v-toolbar-items>
+            <v-btn to="/" text>
+                Home
+            </v-btn>
+            <v-btn to="/blog" text>
+                Blog
+            </v-btn>
+            <v-btn to="/projects" text>
+                Projects
+            </v-btn>
+            </v-toolbar-items>
+        </v-app-bar>
+    </div>
 </template>
 
 <script>
 export default {
-  name: 'Navbar'
+  name: 'Navbar',
+  data () {
+    return {
+      drawer: false,
+      items: [
+        { title: 'Home', link: '/', icon: 'home' },
+        { title: 'Blog', link: 'store', icon: 'blog' },
+        { title: 'Projects', link: 'cart', icon: 'projects' }
+      ]
+    }
+  }
 }
 </script>
 
diff --git a/layouts/error.vue b/layouts/error.vue
index 27b44b9..d204d97 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -1,9 +1,9 @@
 <template>
         <v-container>
-            <h1 v-if="error.statusCode = 404">404 Error</h1>
+            <h1 v-if="error.statusCode = 404" class="display-3 text-center">404 Error</h1>
             <h1 v-else>An error occurred</h1>
-            <p>Hmm. Seems like this page either didn't exist...</p>
-            <nuxt-link to="/">Home page</nuxt-link>
+            <p class="text-center display-1">Hmm. Seems like this page either didn't exist or something went wrong...</p>
+            <p class="text-center display-1"><nuxt-link to="/">Home</nuxt-link></p>
         </v-container>
 </template>
 
diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 0000000..dfe032a
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,4 @@
+[[redirects]]
+  from = "/*"
+  to = "/error"
+  status = 404
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
index bb821c2..87a2615 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -13,10 +13,30 @@
         </div>
         <v-container>
             <div class="about">
-                <v-card flat color="green darken-4" dark>
-                    <v-container>
-                        <h1>About Me</h1>
+                 <h1>About Me</h1>
                         <p><b>Hello, I'm Andrew Lee and I'm currently 16 years old. I like to program and play some games sometimes.</b></p>
+                        <h1>Platforms</h1>
+                        <v-btn target="_blank" href="https://discord.gg/EFhRDqG" icon>
+                            <v-icon>mdi-discord</v-icon>
+                        </v-btn>
+                        <v-btn target="_blank" href="https://github.com/Alee14" icon>
+                            <v-icon>mdi-github</v-icon>
+                        </v-btn>
+                        <v-btn target="_blank" href="https://lbry.tv/@Alee:4" icon>
+                            <v-icon>mdi-video</v-icon>
+                        </v-btn>
+                        <v-btn target="_blank" href="https://twitter.com/Alee14498" icon>
+                            <v-icon>mdi-twitter</v-icon>
+                        </v-btn>
+                        <v-btn target="_blank" href="https://www.youtube.com/channel/UCNRn4YDPCCWSEl3CT7eWorA" icon>
+                            <v-icon>mdi-youtube</v-icon>
+                        </v-btn>
+                        <v-btn target="_blank" href="https://www.instagram.com/alee14498" icon>
+                            <v-icon>mdi-instagram</v-icon>
+                        </v-btn>
+                        <v-btn target="_blank" href="https://www.reddit.com/user/alee1449" icon>
+                            <v-icon>mdi-reddit</v-icon>
+                        </v-btn>
                         <h1>Timeline</h1>
                         <p> 2014: Created my first YouTube channel The Alee Diamond.<br>
                             2015: First got into programming and learned HTML and Batch.<br>
@@ -42,30 +62,6 @@
                             <li>Software Inc</li>
                             <li>Hacknet</li>
                         </ul>
-                        <h1>Platforms</h1>
-                        <v-btn target="_blank" href="https://discord.gg/EFhRDqG" icon>
-                            <v-icon>mdi-discord</v-icon>
-                        </v-btn>
-                        <v-btn target="_blank" href="https://github.com/Alee14" icon>
-                            <v-icon>mdi-github</v-icon>
-                        </v-btn>
-                        <v-btn target="_blank" href="https://lbry.tv/@Alee:4" icon>
-                            <v-icon>mdi-video</v-icon>
-                        </v-btn>
-                        <v-btn target="_blank" href="https://twitter.com/Alee14498" icon>
-                            <v-icon>mdi-twitter</v-icon>
-                        </v-btn>
-                        <v-btn target="_blank" href="https://www.youtube.com/channel/UCNRn4YDPCCWSEl3CT7eWorA" icon>
-                            <v-icon>mdi-youtube</v-icon>
-                        </v-btn>
-                        <v-btn target="_blank" href="https://www.instagram.com/alee14498" icon>
-                            <v-icon>mdi-instagram</v-icon>
-                        </v-btn>
-                        <v-btn target="_blank" href="https://www.reddit.com/user/alee1449" icon>
-                            <v-icon>mdi-reddit</v-icon>
-                        </v-btn>
-                    </v-container>
-                </v-card>
             </div>
             <div class="aleepc-specs">
                 <h1>AleePC Parts</h1>