From 3afb12eb990e0a77e1145db8157a2772eb10bfa5 Mon Sep 17 00:00:00 2001
From: Vansh Sethi <44345210+Vansh-Sethi@users.noreply.github.com>
Date: Mon, 17 Aug 2020 13:16:19 -0400
Subject: [PATCH] Added instagram hyperlink

---
 pages/Home.vue | 38 +++++++++++++++++++++-----------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/pages/Home.vue b/pages/Home.vue
index 3adb1a9..e876063 100644
--- a/pages/Home.vue
+++ b/pages/Home.vue
@@ -49,11 +49,20 @@
               </div>
 
               <!-- Newsletter -->
-              <div class="vx-col w-full lg:w-1/4 flex flex-col justify-around" style="">
-              <div class="w-full text-ginger-b text-black text-4xl my-6" style="">
-                Newsletter
-              </div>
-                <NewsletterCard :newsletter="featuredNewsletter" v-if="featuredNewsletter"></NewsletterCard>
+              <div
+                class="vx-col w-full lg:w-1/4 flex flex-col justify-around"
+                style=""
+              >
+                <div
+                  class="w-full text-ginger-b text-black text-4xl my-6"
+                  style=""
+                >
+                  Newsletter
+                </div>
+                <NewsletterCard
+                  :newsletter="featuredNewsletter"
+                  v-if="featuredNewsletter"
+                ></NewsletterCard>
               </div>
 
               <!-- Videos -->
@@ -70,7 +79,6 @@
                   :key="$vs.rtl"
                   style="width: 100%; height: 100%;"
                 >
-                
                   <swiper-slide
                     v-for="(item, index) in featuredContent"
                     :key="index"
@@ -127,16 +135,13 @@ export interface ContactInformation {
 @Component({
   layout: 'main',
   components: { NewsletterCard },
-  mounted()
-  {
-    newslettersStore.GetNewsletters();
+  mounted() {
+    newslettersStore.GetNewsletters()
   }
 })
 export default class Home extends Vue {
-
-  get featuredNewsletter()
-  {
-    return newslettersStore?.newsletterList[0];
+  get featuredNewsletter() {
+    return newslettersStore?.newsletterList[0]
   }
 
   pushComingSoon() {
@@ -158,11 +163,11 @@ export default class Home extends Vue {
     {
       name: 'Instagram',
       imageUrl: require(`~/assets/images/QuentoLogoMain.png`),
+      href: 'https://www.instagram.com/quento.ca/',
       toolTipText: 'Learn More About Quento',
       iconClass: 'bx bxl-instagram',
       backgroundColor: '#e1306c',
-      color: '#FFFFFF',
-      href: '/splash'
+      color: '#FFFFFF'
     },
     {
       name: 'Discord',
@@ -216,8 +221,7 @@ export default class Home extends Vue {
     {
       name: 'Chemistry Fundamentals',
       videoUrl: 'https://www.youtube.com/embed/7YJvx6dlq6M'
-    },
-
+    }
   ]
 
   pushWebsite(website?: string) {