Change settings

src/components/FooterOpen.vue

@@ -1,7 +1,7 @@
 <template>
   <footer class="page-footer">
     <div class="footer-section">
-      <span class="footer-label">Presented By:</span>
+      <span class="footer-label">Presented By</span>
       <div class="logos-row">
         <div v-for="(logo, i) in presentedBy" :key="'p-' + i" class="logo-item">
           <img :src="logo.src" :alt="logo.name" class="logo-image" />
@@ -10,7 +10,7 @@
     </div>
 
     <div class="footer-section">
-      <span class="footer-label">Academic Collaborators:</span>
+      <span class="footer-label">Academic Collaborators</span>
       <div class="logos-row">
         <div v-for="(logo, i) in collaborators" :key="'c-' + i" class="logo-item">
           <img :src="logo.src" :alt="logo.name" class="logo-image" />

src/pages/Main.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="main-container">
     <Header />
-    <router-view />
+    <main class="main-content">
+      <router-view />
+    </main>
     <Footer />
   </div>
 </template>
@@ -23,5 +25,12 @@ export default {
   width: 100%;
   height: 100%;
 }
+.main-content {
+  flex: 1; /* take all remaining vertical space */
+  padding: 2rem 2.5rem 120px; /* bottom padding prevents overlap with footer */
+  box-sizing: border-box;
+  overflow-x: hidden;
+  background: transparent;
+}
 </style>