added sponsors json and cleaned up unused images

Author: munjoonteo

frontend/src/assets/black_lozenge.png

@@ -21,15 +21,15 @@ export default {
   },
   data: () => ({
     banners: [
-      { src: require('../../assets/b1.png') },
-      { src: require('../../assets/b2.png') },
-      { src: require('../../assets/b3.png') },
-      { src: require('../../assets/b4.png') },
-      { src: require('../../assets/b5.png') },
-      { src: require('../../assets/b6.png') },
-      { src: require('../../assets/b7.png') },
-      { src: require('../../assets/b8.png') },
-      { src: require('../../assets/b9.jpg') }
+      { src: require('../../assets/slideshow/b1.png') },
+      { src: require('../../assets/slideshow/b2.png') },
+      { src: require('../../assets/slideshow/b3.png') },
+      { src: require('../../assets/slideshow/b4.png') },
+      { src: require('../../assets/slideshow/b5.png') },
+      { src: require('../../assets/slideshow/b6.png') },
+      { src: require('../../assets/slideshow/b7.png') },
+      { src: require('../../assets/slideshow/b8.png') },
+      { src: require('../../assets/slideshow/b9.jpg') }
     ]
   })
 };

frontend/src/assets/discord_logo.png

@@ -124,19 +124,19 @@ export default {
         link: 'https://jobsboard.csesoc.unsw.edu.au/login',
         title: 'Job Board',
         description: 'A place where CSESoc students can look for relevant job opportunities.',
-        src: require('../../assets/resource-job-board.png')
+        src: require('../../assets/resources/resource-job-board.png')
       },
       fy_guide: {
         link: 'https://media.csesoc.org.au/first-year-guide/',
         title: 'First Year Guide',
         description: 'The ultimate guide to conquering first year at CSE.',
-        src: require('../../assets/resource-first-year-guide.png')
+        src: require('../../assets/resources/resource-first-year-guide.png')
       },
       media: {
         link: 'https://media.csesoc.org.au/',
         title: 'CSESOC Media',
         description: 'All things content',
-        src: require('../../assets/resource-media.png')
+        src: require('../../assets/resources/resource-media.png')
       },
       comp_club: {
         link: 'https://compclub.csesoc.unsw.edu.au/',
@@ -147,13 +147,13 @@ export default {
         link: 'https://notangles.csesoc.unsw.edu.au/',
         title: 'Notangles',
         description: 'Trimster timetabling tool - no more timetable tangles!',
-        src: require('../../assets/resource-notangles.png')
+        src: require('../../assets/resources/resource-notangles.png')
       },
       pe_guide: {
         link: ' https://media.csesoc.org.au/pre-enrolment-guide/',
         title: 'Pre-enrolment Guide',
         description: 'Learn how to get a headstart on uni',
-        src: require('../../assets/resource-pre-enrolment-guide.jpg')
+        src: require('../../assets/resources/resource-pre-enrolment-guide.jpg')
       }
     }
   })

frontend/src/assets/facebook_logo.png

@@ -29,7 +29,7 @@
           <div class="logo-margin">
             <img
               class="large-logo logo"
-              :src="`data:image/png;base64,${sponsor.logo}`"
+              :src="`@/assets/sponsors/${sponsor.logo}`"
               v-on:click="onClickModal(sponsor)"
             />
           </div>
@@ -49,7 +49,7 @@
           <div class="logo-margin">
             <img
               class="mid-logo logo"
-              :src="`data:image/png;base64,${sponsor.logo}`"
+              :src="`@/assets/sponsors/${sponsor.logo}`"
               v-on:click="onClickModal(sponsor)"
             />
           </div>
@@ -73,7 +73,7 @@
           <div class="logo-margin">
             <img
               class="small-logo logo"
-              :src="`data:image/png;base64,${sponsor.logo}`"
+              :src="`@/assets/sponsors/${sponsor.logo}`"
               v-on:click="onClickModal(sponsor)"
             />
           </div>
@@ -92,13 +92,14 @@
 
 <script type="text/javascript">
 import SponsorModal from '@/components/SponsorModal';
-import APIClient from '../utils/APIClient';
+
+const sponsorData = require('@/assets/sponsors_mini.json');
 
 export default {
   name: 'Sponsor',
   data: () => ({
     currentSponsor: {},
-    sponsors: [],
+    sponsors: sponsorData,
     dialog: false,
     scrollY: 0,
 
@@ -123,9 +124,6 @@ export default {
     }
   },
   mounted() {
-    APIClient.fetchSponsors().then((responseJson) => {
-      this.sponsors = responseJson;
-    });
     window.addEventListener('scroll', this.handleScroll, true);
   },
   beforeDestroy() {