From 57d645692c24515dec137dd9203f05fb7775dca4 Mon Sep 17 00:00:00 2001
From: Front <27463495+Frontesque@users.noreply.github.com>
Date: Mon, 24 Jan 2022 22:10:51 -0500
Subject: [PATCH] tweaks + youtube rewind 2018

---
 NUXT/layouts/default.vue | 18 +++++++++++-------
 NUXT/pages/index.vue     | 12 +++++++++++-
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/NUXT/layouts/default.vue b/NUXT/layouts/default.vue
index 6e4ccf3..ed69878 100644
--- a/NUXT/layouts/default.vue
+++ b/NUXT/layouts/default.vue
@@ -2,7 +2,7 @@
   <v-app dark>
 
     <v-card class="topNav rounded-0" style="display: flex;">
-      <img src="/icon.svg" height="40px" />
+      <img src="/icon.svg" height="30px" />
       <v-spacer />
       <v-text-field outlined dense label="Search" prepend-inner-icon="mdi-magnify" class="topNavSearch" />
     </v-card>
@@ -37,8 +37,12 @@
   width: 20vw !important;
 }
 .topNavSearch {
-  margin-bottom: -100em;
+  margin-bottom: -10em;
   margin-left: 2em;
+  transform: translateY(-2.5%);
+  border-radius: 5px;
+  border-bottom-left-radius: 5px !important;
+  border-bottom-right-radius: 5px !important;
 }
 </style>
 
@@ -47,11 +51,11 @@
     data: () => ({
       tabSelection: 0,
       tabs: [
-        { name: "Home", icon: "mdi-home" },
-        { name: "Shorts", icon: "mdi-lightning-bolt" },
-        { name: "Upload", icon: "mdi-plus" },
-        { name: "Subscriptions", icon: "mdi-youtube-subscription" },
-        { name: "Library", icon: "mdi-view-list" },
+        { name: "Home", icon: "mdi-home", link: "/" },
+        { name: "Shorts", icon: "mdi-lightning-bolt", link: "/shorts" },
+        { name: "Upload", icon: "mdi-plus", link: "/upload" },
+        { name: "Subscriptions", icon: "mdi-youtube-subscription", link: "/subs" },
+        { name: "Library", icon: "mdi-view-list", link: "/library" },
       ]
     }),
   }
diff --git a/NUXT/pages/index.vue b/NUXT/pages/index.vue
index c5d9c82..d4b09bf 100644
--- a/NUXT/pages/index.vue
+++ b/NUXT/pages/index.vue
@@ -1,5 +1,15 @@
 <template>
   <div>
-    <p>Sample Content</p>
+    <video controls :src="vidSrc" width="100%" height="300vh" />
   </div>
 </template>
+
+<script>
+export default {
+  data() {
+    return {
+      vidSrc: "https://rr3---sn-ab5l6n6e.googlevideo.com/videoplayback?expire=1643101048&ei=F2fvYbegO4ythgbf6prgBw&ip=8.46.116.241&id=o-AKy6hy3pwbh5E7Q2oSThJtnBpBYdVDthEzO--siU1Pzb&itag=22&source=youtube&requiressl=yes&mh=3J&mm=31%2C29&mn=sn-ab5l6n6e%2Csn-ab5szn7l&ms=au%2Crdu&mv=m&mvi=3&pl=24&initcwndbps=1512500&vprv=1&mime=video%2Fmp4&ns=NmcjQCgOge6h_ERTK6R9hdcG&ratebypass=yes&dur=493.052&lmt=1631287826858240&mt=1643078960&fvip=3&fexp=24001373%2C24007246&c=WEB&txp=5532434&n=iEKpKJGuEiIbn0FFd167&sparams=expire%2Cei%2Cip%2Cid%2Citag%2Csource%2Crequiressl%2Cvprv%2Cmime%2Cns%2Cratebypass%2Cdur%2Clmt&sig=AOq0QJ8wRQIhAMUsO4Jl50Kcm1ReQjtB7x5OcruOrJ6zs22OtXMhKER8AiA4H2VsoSePLS_uCSM4a4kpjGUTm4_CRPg_PJn_MIVXfw%3D%3D&lsparams=mh%2Cmm%2Cmn%2Cms%2Cmv%2Cmvi%2Cpl%2Cinitcwndbps&lsig=AG3C_xAwRQIhANGPdRlpAaW0kbCGaYOBacI8cFUkh49Eo3YgJN4_T3X_AiBU_LqddZ7VkX1vktQBR4ul2jGvI16oLA8rH3InKzAPEg%3D%3D"
+    }
+  }
+}
+</script>