Added page not found, updated languge/icons

src/components/Navigation.vue

@@ -111,17 +111,15 @@
               </router-link>
             </li>
             <li class="pure-menu-item">
-              <router-link
+              <a
                 class="pure-menu-link"
-                :to="{
-                  name: 'support-us',
-                  params: { locale: $language.current }
-                }"
+                href="https://funkwhale.audio/support-us"
+                target="_blank"
               >
                 <translate translate-context="Content/Footer/List.Item"
                   >Support us</translate
                 >
-              </router-link>
+              </a>
             </li>
           </ul>
         </li>

src/router.js

 import Vue from "vue";
 import Router from "vue-router";
 import Home from "./views/Home.vue";
+import PageNotFound from "./views/PageNotFound.vue";
 
 Vue.use(Router);
 
@@ -45,6 +46,7 @@ export default new Router({
       // which is lazy-loaded when the route is visited.
       component: () =>
         import(/* webpackChunkName: "contact" */ "./views/Platforms.vue")
-    }
+    },
+    { path: "/:locale?/*", props: true, component: PageNotFound }
   ]
 });

src/views/Contact.vue

@@ -64,13 +64,6 @@
               </td>
               <td>French, English</td>
             </tr>
-            <tr>
-              <td>Ginny McQueen</td>
-              <td>
-                <a href="'mailto:email@ginny.today">email@ginny.today</a>
-              </td>
-              <td>English</td>
-            </tr>
           </tbody>
         </table>
       </div>

src/views/Home.vue

@@ -224,6 +224,7 @@
             href="https://funkwhale.audio/en_US/code-of-conduct"
             target="_blank"
           >
+            <i class="fa fa-question"></i>&nbsp;
             <translate translate-context="Content/Home/*"
               >Learn more about us</translate
             >

src/views/PageNotFound.vue

+<template>
+  <div class="row">
+    <section>
+      <h1>
+        <translate translate-context="Content/Error/Header"
+          >Page not found</translate
+        >
+      </h1>
+      <p>
+        <translate translate-context="Content/Error/Paragraph"
+          >We're sorry, the page your requested doesn't exist.</translate
+        >
+      </p>
+      <p>
+        <router-link class="pure-button" :to="{ name: 'home' }">
+          <translate translate-context="Content/Error/Link"
+            >Go back to home page</translate
+          >
+        </router-link>
+      </p>
+    </section>
+  </div>
+</template>
+
+<script>
+import PageMixin from "../PageMixin";
+
+export default {
+  mixins: [PageMixin]
+};
+</script>

src/views/Platforms.vue

@@ -4,7 +4,7 @@
       <section>
         <h1>
           <translate translate-context="Content/Platforms/Header"
-            >Supported Applications</translate
+            >Supported Platforms</translate
           >
         </h1>
         <p>
@@ -31,17 +31,17 @@
             </a>
           </li>
           <li>
-            <a href="https://governance.funkwhale.audio" targe="_blank">
+            <a href="https://governance.funkwhale.audio" target="_blank">
               <translate translate-context="Content/Platforms/Link"
                 >Join our forums</translate
               >
             </a>
           </li>
         </ul>
-        <a class="pure-button" href="#fedi-apps">
+        <a class="pure-button" href="#fedi-platforms">
           <i class="fa fa-activitypub"></i>&nbsp;
           <translate translate-context="Content/Platforms.FAQ/Link"
-            >Fediverse Applications</translate
+            >Fediverse Platforms</translate
           >
         </a>
         <a class="pure-button" href="#donation-platforms">
@@ -50,7 +50,7 @@
             >Donation Platforms</translate
           >
         </a>
-        <h2 id="fedi-apps">Fediverse Applications</h2>
+        <h2 id="fedi-platforms">Fediverse Platforms</h2>
         <div class="apps-list">
           <div class="app-card">
             <div class="img-wrapper">