Added about page.

gymboard-app/src/i18n/en-US/index.ts

@@ -2,6 +2,13 @@ export default {
   mainLayout: {
     language: 'Language',
     pages: 'Pages',
+    menu: {
+      gyms: 'Gyms',
+      leaderboard: 'Global Leaderboard',
+      users: 'Users',
+      adminPanel: 'Admin Panel',
+      about: 'About Gymboard'
+    }
   },
   registerPage: {
     title: 'Create a Gymboard Account',

gymboard-app/src/i18n/nl-NL/index.ts

@@ -2,6 +2,13 @@ export default {
   mainLayout: {
     language: 'Taal',
     pages: "Pagina's",
+    menu: {
+      gyms: 'Sportscholen',
+      leaderboard: 'Wereldwijd klassement',
+      users: 'Gebruikers',
+      adminPanel: 'Adminpaneel',
+      about: 'Over Gymboard'
+    }
   },
   registerPage: {
     title: 'Maak een nieuwe Gymboard account aan',

gymboard-app/src/layouts/MainLayout.vue

@@ -24,22 +24,27 @@
       <q-list>
         <q-item clickable to="/">
           <q-item-section>
-            <q-item-label>Gyms</q-item-label>
+            <q-item-label>{{ $t('mainLayout.menu.gyms') }}</q-item-label>
           </q-item-section>
         </q-item>
         <q-item clickable>
           <q-item-section>
-            <q-item-label>Global Leaderboard</q-item-label>
+            <q-item-label>{{ $t('mainLayout.menu.leaderboard') }}</q-item-label>
           </q-item-section>
         </q-item>
         <q-item clickable to="/users">
           <q-item-section>
-            <q-item-label>Users</q-item-label>
+            <q-item-label>{{ $t('mainLayout.menu.users') }}</q-item-label>
           </q-item-section>
         </q-item>
         <q-item clickable to="/admin" v-if="authStore.isAdmin">
           <q-item-section>
-            <q-item-label>Admin Panel</q-item-label>
+            <q-item-label>{{ $t('mainLayout.menu.adminPanel') }}</q-item-label>
+          </q-item-section>
+        </q-item>
+        <q-item clickable to="/about">
+          <q-item-section>
+            <q-item-label>{{ $t('mainLayout.menu.about')}}</q-item-label>
           </q-item-section>
         </q-item>
       </q-list>

gymboard-app/src/pages/AboutPage.vue

@@ -0,0 +1,24 @@
+<template>
+  <q-page>
+    <StandardCenteredPage>
+      <h3 class="text-center">About Gymboard</h3>
+      <p>
+        Gymboard is a platform for sharing and celebrating your lifting
+        achievements. Record your lift, submit it to your gym's page, and climb
+        the leaderboards!
+      </p>
+      <p>
+        A more substantial piece of text and media will be added here soon.
+      </p>
+    </StandardCenteredPage>
+  </q-page>
+</template>
+
+<script setup lang="ts">
+import StandardCenteredPage from 'components/StandardCenteredPage.vue';
+
+</script>
+
+<style scoped>
+
+</style>

gymboard-app/src/router/routes.ts

@@ -13,8 +13,9 @@ import SubmissionPage from 'pages/SubmissionPage.vue';
 import UserPage from 'pages/user/UserPage.vue';
 import UserSettingsPage from 'pages/auth/UserSettingsPage.vue';
 import UserSearchPage from 'pages/UserSearchPage.vue';
-import AdminPage from "pages/admin/AdminPage.vue";
+import AdminPage from 'pages/admin/AdminPage.vue';
-import {useAuthStore} from "stores/auth-store";
+import {useAuthStore} from 'stores/auth-store';
+import AboutPage from 'pages/AboutPage.vue';
 
 const routes: RouteRecordRaw[] = [
   // Auth-related pages, which live outside the main layout.
@@ -50,7 +51,8 @@ const routes: RouteRecordRaw[] = [
           const s = useAuthStore();
           if (!s.isAdmin) return '/'; // Redirect non-admins to the main page.
         }
-      }
+      },
+      { path: 'about', component: AboutPage },
     ],
   },