Merge branch 'master' into Admin

Author: Monster0506

src/assets/images/bowman.jpg

@@ -78,7 +78,7 @@ export default {
       title: "Interested in Coding?",
       body: `HacKSU teaches anyone, regardless of skill level or major, how to code!`,
       meetings: `Tuesdays, 7PM - 8PM`,
-      meetings2: `via Discord`,
+      meetings2: `IN PERSON`,
       discord: 'discord.gg/sfBBXCJt83',
       showcases: [
         "Design a website",

src/components/HotCard.vue

@@ -31,7 +31,7 @@ export default {
           ['Meetings', '/meetings'],
           ['Leadership', '/leadership'],
           ['Contact', '/contact'],
-          ['IBM Fall Fest!','/ibm']
+          ['Useful Information & Links','/helpful_info']
         ];
         if (loggedIn.value){  
             buttons.push(

src/components/Navigation.vue

@@ -1,6 +1,6 @@
 export const discord = "https://discord.gg/rJDdvnt";
 
-import MSBImage from "@/assets/images/msb.jpg";
+import bowmanImage from "@/assets/images/bowman.jpg";
 import githubImage from "@/assets/images/github-white.svg";
 
 export const landing = {
@@ -26,10 +26,10 @@ export const meetings = {
     virtual: `Due to COVID-19, all meetings are being held virtually through
       <a class="link" href="${discord}">discord</a>.`,
     building: {
-      name: "Mathematical Sciences Building (MSB)",
-      room: "Room 228",
-      image: MSBImage,
-      url: 'https://map.concept3d.com/?id=568#!m/57924?s/',
+      name: "Bowman Hall",
+      room: "Room 219",
+      image: bowmanImage,
+      url: 'https://map.concept3d.com/?id=568#!ct/74937,78237,78239?m/57856?s/bowman',
     },
 
   },

src/details.js

@@ -11,6 +11,7 @@ import EditEvents from "../views/EditEvents.vue";
 import EditNotes from "../views/EditNotes.vue";
 import AdminMeetings from "../views/AdminMeetings.vue";
 import FallFest from "../views/FallFest.vue";
+import HelpPage from "../views/HelpPage.vue";
 import AdminInformation from "../views/AdminInformation.vue";
 
 export const routes = [
@@ -77,6 +78,15 @@ export const routes = [
     },
     component: FallFest,
   },
+  {
+    path: '/helpful_info',
+    name: "Useful Links and Information",
+    meta: {
+      title: "Links and Resources!",
+      description: "A collection of useful links and information for students."
+    },
+    component: HelpPage,
+  },
   { 
     path: "/admin",
     name: "Admin Stuff",

src/router/index.js

@@ -117,6 +117,14 @@ onMounted(async () => {
 
     @media (max-width: 768px) {
         padding: 2rem 1rem;
+.fall-fest-container{
+    background: linear-gradient(to top left, #35c982, #4683FF);
+    width: 100%;
+    background-repeat: repeat;
+    min-height: 50vh;
+    padding: 100px;
+    @media (max-width: 1000px){
+        padding: 100px 10px;
     }
 }
 

src/views/FallFest.vue

@@ -0,0 +1,55 @@
+<template>
+    <div class="info-page-container">
+        <h1 style="margin: auto; text-align: center;">Helpful Resources</h1>
+        <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";
+
+const informations = ref([]);
+const repo = remult.repo(Information);
+onMounted(async () => {
+    const allData = await repo.find(); // Fetch all data
+    informations.value = allData.slice(4); // Skip the first 4 items
+});
+</script>
+<style scoped lang="scss">
+* {
+    box-sizing: border-box;
+}
+
+.information{
+    background-color: lightgrey;
+    color: darkslategrey;
+    width: 100%;
+    padding: 15px 15px 15px 15px;
+    display: flex;
+    align-items: center;
+    margin-bottom: 30px;
+    max-width: 850px;
+    h2 {
+        margin: 5px 0;
+    }
+    &:deep(p) {
+        margin: 5px 0;
+    }
+}
+
+.info-page-container{
+    background: linear-gradient(to top left, #35c982, #4683FF);
+    width: 100%;
+    background-repeat: repeat;
+    min-height: 50vh;
+    padding: 100px;
+    @media (max-width: 1000px){
+        padding: 100px 10px;
+    }
+    overflow: auto;
+}
+
+</style>

src/views/HelpPage.vue

@@ -91,7 +91,8 @@ const groupedEvents = computed(() => {
 
     // reverse the order of events within each group to make them
     // forward-chronological within each semester
-    result.forEach(value => value.reverse());
+    // result.forEach(value => value.reverse());
+    // I like reverse chronological order more :-) -Brandon
     
     return result;
 });