minor fixes

Author: munjoonteo

frontend/src/assets/resources/resource-first-year-guide.png

@@ -16,7 +16,7 @@
           </RouterLink>
         </v-col>
         <v-col class="d-flex align-center justify-end pr-10">
-          <v-btn text to='/about' class="mr-2" color="white">ABOUT US</v-btn>
+          <v-btn text to="/about" class="mr-2" color="white">ABOUT US</v-btn>
           <v-btn text to="/sponsors" class="ms-2" color="white">SPONSORSHIP</v-btn>
         </v-col>
       </v-row>
@@ -58,6 +58,6 @@
 
 <script type="text/javascript">
 export default {
-  name: 'SecondaryNavbar',
+  name: 'SecondaryNavbar'
 };
 </script>

frontend/src/assets/resources/resource-job-board.png

@@ -3,6 +3,7 @@ import Router from 'vue-router';
 
 Vue.use(Router);
 export default new Router({
+  mode: 'history',
   routes: [
     {
       path: '/',
@@ -23,7 +24,7 @@ export default new Router({
       path: '/sponsors',
       name: 'sponsors',
       component: () => import('../views/Sponsor')
-    },
+    }
     // {
     //   path: '/engage',
     //   name: 'engage',
@@ -32,6 +33,6 @@ export default new Router({
   ],
   scrollBehavior() {
     // Scroll to top for all route navigations
-    return { x: 0, y: 0 };
+    document.getElementById('main-app').scrollIntoView({ behavior: 'smooth' });
   }
 });

frontend/src/assets/resources/resource-media.png

@@ -8,29 +8,29 @@
 <template>
   <div id="sponsor" class="content">
     <v-container>
-    <!-- "support csesoc" title -->
-    <HeaderTitle title="SUPPORT CSESOC" />
-    <!-- row for trophy image and text adjacent -->
-    <v-row no-gutters v-for="info in supportInfo" :key="info.title">
-      <v-col cols="4" align="center">
-        <div class="icon-text-aligner">
-          <img :src="info.logo">
-        </div>
+      <!-- "support csesoc" title -->
+      <HeaderTitle title="SUPPORT CSESOC" />
+      <!-- row for trophy image and text adjacent -->
+      <v-row no-gutters v-for="info in supportInfo" :key="info.title">
+        <v-col cols="4" align="center">
+          <div class="icon-text-aligner">
+            <img :src="info.logo" />
+          </div>
+        </v-col>
+        <!-- h4 and p text adjacent to trophy image -->
+        <v-col cols="8">
+          <h4>{{ info.title }}</h4>
+          <p>{{ info.desc }}</p>
+        </v-col>
+      </v-row>
+      <!-- "sponsor us" button -->
+      <v-col cols="12" align="right">
+        <RouterLink to="/sponsors" class="link" style="text-decoration: none;">
+          <button class="btn--sponsorUs">
+            Sponsor Us
+          </button>
+        </RouterLink>
       </v-col>
-      <!-- h4 and p text adjacent to trophy image -->
-      <v-col cols="8">
-        <h4>{{info.title}}</h4>
-        <p>{{info.desc}}</p>
-      </v-col>
-    </v-row>
-    <!-- "sponsor us" button -->
-    <v-col cols="12" align="right">
-      <RouterLink to="/sponsors" class="link" style="text-decoration: none;">
-      <button class="btn--sponsorUs">
-        Sponsor Us
-      </button>
-      </RouterLink>
-    </v-col>
     </v-container>
   </div>
 </template>
@@ -45,25 +45,28 @@ export default {
     supportInfo: [
       {
         logo: require('../../assets/trophy.svg'),
-        title: 'Reach Australia\'s Best Computing Graduates',
-        desc: 'Many of our past members have gone on to work at our previous sponsor companies including Google, Facebook, Jane Street and Commonwealth Bank.'
+        title: "Reach Australia's Best Computing Graduates",
+        desc:
+          'Many of our past members have gone on to work at our previous sponsor companies including Google, Facebook, Jane Street and Commonwealth Bank.'
       },
       {
         logo: require('../../assets/share.svg'),
         title: 'Interact With Our Huge Active Community',
-        desc: 'We have an extremely active community of over 3000 CSE students, achieved through our offering of career, social and educational events.'
-      },
+        desc:
+          'We have an extremely active community of over 3000 CSE students, achieved through our offering of career, social and educational events.'
+      }
     ]
   }),
   components: {
-    HeaderTitle,
+    HeaderTitle
   }
 };
 </script>
 
 <style lang="scss" scoped>
 #sponsor {
-  background-image: linear-gradient(transparent, transparent, $dark-color-1), url(../../assets/landing_page/sponsor_us.png);
+  background-image: linear-gradient(transparent, transparent, $dark-color-1),
+    url(../../assets/landing_page/sponsor_us.png);
   background-size: cover;
   background-attachment: local;
 }
@@ -80,6 +83,6 @@ export default {
 .btn--sponsorUs:hover {
   transition: 0.4s;
   // when on hover, change background from transparent to $brand-color with light opacity
-  background: rgba(102,255,255, 0.2);
+  background: rgba(102, 255, 255, 0.2);
 }
 </style>

frontend/src/assets/resources/resource-notangles.png

@@ -17,13 +17,6 @@
             <div data-cy="resources-box" class="box primary rounded-lg">
               <h2>{{ resources.jobs_board.title }}</h2>
               <h3>{{ resources.jobs_board.description }}</h3>
-              <v-img
-                data-cy="resources-img"
-                max-height="80px"
-                position="top"
-                :src="resources.jobs_board.src"
-                class="image hidden-xs-only"
-              />
             </div>
           </a>
         </v-col>
@@ -34,13 +27,6 @@
               <h2>{{ resources.comp_club.title }}</h2>
               <h3 class="hidden-sm-above">{{ resources.comp_club.description }}</h3>
               <div class="flex-grow-1"></div>
-              <v-img
-                data-cy="resources-img"
-                max-height="80px"
-                position="top"
-                :src="resources.comp_club.src"
-                class="image hidden-xs-only"
-              />
             </div>
           </a>
         </v-col>
@@ -50,13 +36,6 @@
             <div data-cy="resources-box" class="box primary rounded-lg">
               <h2>{{ resources.notangles.title }}</h2>
               <h3>{{ resources.notangles.description }}</h3>
-              <v-img
-                data-cy="resources-img"
-                max-height="80px"
-                :src="resources.notangles.src"
-                position="top"
-                class="image hidden-xs-only"
-              />
             </div>
           </a>
         </v-col>
@@ -66,13 +45,6 @@
             <div data-cy="resources-box" class="box secondary rounded-lg">
               <h2>{{ resources.media.title }}</h2>
               <h3>{{ resources.media.description }}</h3>
-              <v-img
-                data-cy="resources-img"
-                max-height="100px"
-                :src="resources.media.src"
-                position="top"
-                class="image hidden-xs-only"
-              />
             </div>
           </a>
         </v-col>
@@ -82,12 +54,6 @@
             <div data-cy="resources-box" class="box primary rounded-lg">
               <h2>{{ resources.fy_guide.title }}</h2>
               <h3>{{ resources.fy_guide.description }}</h3>
-              <v-img
-                data-cy="resources-img"
-                :src="resources.fy_guide.src"
-                position="top"
-                class="image hidden-xs-only  flex-grow-1"
-              />
             </div>
           </a>
         </v-col>
@@ -97,12 +63,6 @@
             <div data-cy="resources-box" class="box secondary rounded-lg">
               <h2>{{ resources.pe_guide.title }}</h2>
               <h3>{{ resources.pe_guide.description }}</h3>
-              <v-img
-                data-cy="resources-img"
-                position="top"
-                :src="resources.pe_guide.src"
-                class="image align hidden-xs-only"
-              />
             </div>
           </a>
         </v-col>
@@ -123,20 +83,17 @@ export default {
       jobs_board: {
         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/resources/resource-job-board.png')
+        description: 'A place where CSESoc students can look for relevant job opportunities.'
       },
       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/resources/resource-first-year-guide.png')
+        description: 'The ultimate guide to conquering first year at CSE.'
       },
       media: {
         link: 'https://media.csesoc.org.au/',
         title: 'CSESOC Media',
-        description: 'All things content',
-        src: require('../../assets/resources/resource-media.png')
+        description: 'All things content'
       },
       comp_club: {
         link: 'https://compclub.csesoc.unsw.edu.au/',
@@ -146,14 +103,12 @@ export default {
       notangles: {
         link: 'https://notangles.csesoc.unsw.edu.au/',
         title: 'Notangles',
-        description: 'Trimster timetabling tool - no more timetable tangles!',
-        src: require('../../assets/resources/resource-notangles.png')
+        description: 'Trimster timetabling tool - no more timetable tangles!'
       },
       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/resources/resource-pre-enrolment-guide.jpg')
+        link: 'https://media.csesoc.org.au/enrolment-guide/',
+        title: 'Enrolment Guide',
+        description: 'Learn how to get a headstart on uni'
       }
     }
   })