Added iOS app banner

Author: jacksonjude

index.html

@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="The best campus app for UCSB students">
+    <meta name="apple-itunes-app" content="app-id=6449792730">
     <meta property="og:url" content="https://gogaucho.app">
     <meta property="og:title" content="GoGaucho">
     <meta property="og:description" content="The best campus app for UCSB students">

src/views/Home.vue

@@ -23,13 +23,13 @@ init()
 <template>
   <div class="relative w-full min-h-full flex flex-col py-10 px-6 sm:px-20 all-transition sm:items-start">
     <img class="fixed z-0 left-0 bottom-14 sm:bottom-0 w-full" :src="banner">
-    <div class="absolute top-0 left-0 w-full">
+    <!-- <div class="absolute top-0 left-0 w-full">
       <Wrapper :show="!state.isStandalone">
         <div class="bg-blue-200 text-blue-700 p-2 flex items-center justify-center">
           <a class="font-bold" href="https://apps.apple.com/us/app/gogaucho/id6449792730">Get the new GoGaucho iOS app!</a>
         </div>
       </Wrapper>
-    </div>
+    </div> -->
     <h1 class="font-bold text-2xl" :class="!state.isStandalone && 'mt-4'">Hi, {{ state.user.name || 'Gaucho' }}</h1>
     <p class="text-sm text-gray-500 mb-6">{{ 'Welcome to GoGaucho' }}</p>
     <DaySummary></DaySummary>