add application link to compass (#320)

* upgrade astro, add svelte integration

* add host compass

* add application link to end of compass

Author: DagHemberg

src/components/compass/data.ts

@@ -134,3 +134,5 @@ export const questions: QuestionData[] = [
     },
   },
 ];
+
+export const applicationLink = "https://forms.gle/N3sYozRTNp3X1UZp9";

src/components/compass/quiz.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Tally } from "./data";
-  import { questions } from "./data";
+  import { questions, applicationLink } from "./data";
   import { fly, fade } from "svelte/transition";
 
   import Question from "./question.svelte";
@@ -41,6 +41,7 @@
             <p class="font-light text-xl sm:text-2xl">{host}</p>
           {/each}
         {/if}
+        <a href={applicationLink} class="mt-10 font-bold underline text-xl">Apply here!</a>
       </div>
     {/if}
   {:else}

src/pages/students.astro

@@ -3,9 +3,8 @@ import { Image } from "astro:assets";
 import Layout from "~/layouts/Layout.astro";
 import studentSession from "~/assets/student_session.webp";
 import fun from "~/assets/fun.webp";
-import { hosts } from "~/components/compass/data.ts"
+import { hosts, applicationLink } from "~/components/compass/data.ts"
 
-const applicationLink = "https://forms.gle/N3sYozRTNp3X1UZp9"
 ---
 
 <Layout>