diff --git a/src/assets/apps/ffa.png b/src/assets/apps/ffa.png new file mode 100644 index 0000000000000000000000000000000000000000..1a0b785257bcfa33f45b49fd01d93941be437eca Binary files /dev/null and b/src/assets/apps/ffa.png differ diff --git a/src/router.js b/src/router.js index 18cc1743e1282148e32495b9d9b14e5a7810939a..52fa6de2dd83b0f68da58ff909495fc3486e5bbc 100644 --- a/src/router.js +++ b/src/router.js @@ -11,7 +11,7 @@ const routes = [ // this generates a separate chunk (community.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => - import(/* webpackChunkName: "community" */ "./views/Community.vue") + import(/* webpackChunkName: "community" */ "./views/Community.vue"), }, { path: "/:locale?/faqs", @@ -20,7 +20,7 @@ const routes = [ // route level code-splitting // this generates a separate chunk (faqs.[hash].js) for this route // which is lazy-loaded when the route is visited. - component: () => import(/* webpackChunkName: "faqs" */ "./views/Page.vue") + component: () => import(/* webpackChunkName: "faqs" */ "./views/Page.vue"), }, { path: "/:locale?/support-us", @@ -30,7 +30,7 @@ const routes = [ // this generates a separate chunk (community.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => - import(/* webpackChunkName: "support" */ "./views/SupportUs.vue") + import(/* webpackChunkName: "support" */ "./views/SupportUs.vue"), }, { path: "/:locale?/apps", @@ -40,7 +40,17 @@ const routes = [ // this generates a separate chunk (code-of-conduct.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => - import(/* webpackChunkName: "apps" */ "./views/Applications.vue") + import(/* webpackChunkName: "apps" */ "./views/Applications.vue"), + }, + { + path: "/:locale?/apps/funkwhaleandroid", + props: true, + name: "funkwhaleandroid", + // route level code-splitting + // this generates a separate chunk (code-of-conduct.[hash].js) for this route + // which is lazy-loaded when the route is visited. + component: () => + import(/* webpackChunkName: "apps" */ "./views/FunkwhaleAndroid.vue"), }, { path: "/:locale?/code-of-conduct", @@ -49,15 +59,13 @@ const routes = [ // route level code-splitting // this generates a separate chunk (code-of-conduct.[hash].js) for this route // which is lazy-loaded when the route is visited. - component: () => - import(/* webpackChunkName: "pages" */ "./views/Page.vue") + component: () => import(/* webpackChunkName: "pages" */ "./views/Page.vue"), }, { path: "/:locale?/collective", props: true, name: "collective", - component: () => - import(/* webpackChunkName: "pages" */ "./views/Page.vue") + component: () => import(/* webpackChunkName: "pages" */ "./views/Page.vue"), }, { path: "/:locale?/contact", @@ -67,7 +75,7 @@ const routes = [ // this generates a separate chunk (contact.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => - import(/* webpackChunkName: "contact" */ "./views/Contact.vue") + import(/* webpackChunkName: "contact" */ "./views/Contact.vue"), }, { path: "/:locale?/logos", @@ -77,7 +85,7 @@ const routes = [ // this generates a separate chunk (logos.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => - import(/* webpackChunkName: "logos" */ "./views/Logos.vue") + import(/* webpackChunkName: "logos" */ "./views/Logos.vue"), }, { path: "/:locale?/credits", @@ -87,22 +95,22 @@ const routes = [ // this generates a separate chunk (credits.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => - import(/* webpackChunkName: "credits" */ "./views/Credits.vue") + import(/* webpackChunkName: "credits" */ "./views/Credits.vue"), }, { path: "/:locale?/", props: true, name: "home", - component: Home + component: Home, }, - { path: "/:locale?/*", props: true, component: PageNotFound } -] + { path: "/:locale?/*", props: true, component: PageNotFound }, +]; const router = createRouter({ history: createWebHistory(), base: process.env.BASE_URL || "/", scrollBehavior(to, from, savedPosition) { - return new Promise(resolve => { + return new Promise((resolve) => { setTimeout(() => { if (to.path === from.path && to.hash) { resolve({ selector: to.hash }); @@ -112,7 +120,7 @@ const router = createRouter({ }, 100); }); }, - routes + routes, }); export default router; diff --git a/src/views/Applications.vue b/src/views/Applications.vue index 759ff3a692191bd29d5b748ed8b20f5bdca29fef..66362b431ae4bf9593b9c596dfafd26c43b64fe7 100644 --- a/src/views/Applications.vue +++ b/src/views/Applications.vue @@ -15,6 +15,33 @@

  Android

+
+
+ +
+
+

+ + Funkwhale For Android + +

+
+ Free + Beta + F-Droid (self-hosted) + + Source + +
+
+
diff --git a/src/views/FunkwhaleAndroid.vue b/src/views/FunkwhaleAndroid.vue new file mode 100644 index 0000000000000000000000000000000000000000..c109fd3d11a1608812e278a11715eaf5fb9a6a04 --- /dev/null +++ b/src/views/FunkwhaleAndroid.vue @@ -0,0 +1,92 @@ + + + \ No newline at end of file diff --git a/vue.config.js b/vue.config.js index 5aec7935c3e066ad1349e39aff6c07188da82468..5e7165a2f76a7baa0c67dc1f4192d1e946eb4646 100644 --- a/vue.config.js +++ b/vue.config.js @@ -29,6 +29,7 @@ module.exports = { "/community", "/contact", "/apps", + "/apps/funkwhaleandroid", "/collective", "/logos", "/support-us",