Merge pull request #40 from hacksu/ibm-fall-fest

Fix navbar

Author: brandonscholten

src/assets/images/external-link.svg

@@ -5,8 +5,8 @@
         </div>
         <div class="information">
             <component class="information-title" :is="information.link ? 'a' : 'span'" :href="information.link" target="_blank" style="color:white">
-                <img class="external-link" v-if="information.link.startsWith('https://github.com')"
-                    style="height: 30px" src="@/assets/images/github-white.svg" />
+                <img class="external-link" v-if="false"
+                    style="height: 30px" src="@/assets/images/external-link.svg" />
                 <img v-else-if="information.link" style="height: 26px;margin-right:10px" src="@/assets/external-link.svg" />
                 <h2>{{ information.title }}</h2>
             </component>

src/components/InformationCard.vue

@@ -1,20 +1,23 @@
 <template>
-    <div class="container">
+    <div class="fall-fest-container">
         <h1 style="margin: auto; text-align: center;">IBM Fall Fest!</h1>
-        <InformationCard v-for="information, j in informations" :key="information.id" ref="informations"
+        <InformationCard v-for="information, j in informations" :key="information" ref=""
                     :information="information"/>
     </div>
 </template>
 <script setup>
 import { onMounted, ref } from 'vue';
 import { remult } from 'remult';
 import { Information } from "../../db/entities.js";
-import InformationCard from "../components/InformationCard.vue"
+import InformationCard from "../components/InformationCard.vue";
 
 const informations = ref([]);
 const repo = remult.repo(Information);
-onMounted(() => {
-    repo.find().then(e => (informations.value = e));
+onMounted(async () => {
+    repo.find()
+        .then(e => {
+            informations.value = e;
+        });
 });
 </script>
 <style scoped lang="scss">
@@ -39,7 +42,7 @@ onMounted(() => {
     }
 }
 
-.container{
+.fall-fest-container{
     background: linear-gradient(to top left, #35c982, #4683FF);
     max-width: 1600px;
     background-repeat: repeat;