3 files changed, 48 insertions, 1 deletions
diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
new file mode 100644
index 0000000..a55e7a1
--- /dev/null
+++ b/.idea/codeStyles/codeStyleConfig.xml
@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
+  </state>
+</component>
+\ No newline at end of file
diff --git a/components/Navbar.vue b/components/Navbar.vue
index 2feda4e..8af3a32 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -45,7 +45,8 @@ export default {
       items: [
         { title: 'Home', link: '/', icon: 'home' },
         { title: 'Blog', link: '/blog', icon: 'blog' },
-        { title: 'Projects', link: '/projects', icon: 'projects' }
+        { title: 'Projects', link: '/projects', icon: 'projects' },
+        { title: 'Videos', link: '/videos', icon: 'videos' }
       ]
     }
   }
diff --git a/pages/videos/index.vue b/pages/videos/index.vue
new file mode 100644
index 0000000..fa8c089
--- /dev/null
+++ b/pages/videos/index.vue
@@ -0,0 +1,41 @@
+<template>
+  <div>
+    <v-card>
+      <header id="showcase">
+        <h1 class="display-3 animate__animated animate__fadeIn">Videos</h1>
+        <h1 class="animate__animated animate__fadeIn">This is where you see my videos.</h1>
+      </header>
+    </v-card>
+    <v-container>
+      <rssapp-wall id="0YnuB7ETra9EU2An"></rssapp-wall><script src="https://widget.rss.app/v1/wall.js" type="text/javascript" async></script>
+      <br/>
+      <div class="text-center">
+        <v-btn color="green" align="center" href="https://www.youtube.com/user/Andrew14Lee/videos">View more videos here</v-btn>
+      </div>
+    </v-container>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  head: {
+    title: 'Videos'
+  }
+}
+</script>
+
+<style scoped>
+#showcase {
+  background-image:url("../../assets/img/landing_page.png");
+  background-size: cover;
+  background-position: center;
+  height: 30vh;
+  display: flex;
+  text-shadow: 0px 0px 10px #000000;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 0 20px;
+}
+</style>