Added video section

1 files changed, 41 insertions, 0 deletions

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>