From bff4e03643862540848b6669aecbabb5fb16c7e6 Mon Sep 17 00:00:00 2001 From: kakkokari-gtyih Date: Sun, 9 Jul 2023 02:23:27 +0900 Subject: [PATCH] (add) index page --- app.vue | 4 +- assets/css/tailwind.css | 23 +- assets/data/nav.ts | 47 ++ assets/js/fadein/index.ts | 24 + assets/js/parallax/index.ts | 9 + assets/js/particles/drop.ts | 84 ++++ assets/js/particles/loader.ts | 117 +++++ assets/js/particles/particle.ts | 82 ++++ assets/js/particles/ripple.ts | 95 ++++ assets/js/particles/system.ts | 152 ++++++ assets/js/particles/utils/calc.ts | 201 ++++++++ assets/js/particles/utils/ease.ts | 433 ++++++++++++++++++ assets/js/scroll-to/index.ts | 7 + assets/svg/misskey_mi_bi.svg | 1 + components/g/Button.vue | 56 +++ components/g/Dots.vue | 21 + components/g/Nav.vue | 8 +- components/g/NuxtLink.ts | 6 + components/index/Decenterized.vue | 20 + components/index/Donation.vue | 12 + components/index/Features.vue | 93 ++++ components/index/GetStarted.vue | 63 +++ components/index/Hero.vue | 23 - components/index/KeyFeatures.vue | 47 ++ components/index/Nav.vue | 56 +++ components/index/{ => hero}/Bg.vue | 16 +- components/index/hero/Left.vue | 42 ++ components/index/hero/Particles.vue | 61 +++ components/index/hero/Right.vue | 105 +++++ layouts/default.vue | 2 +- layouts/landing.vue | 11 + locales/ja-JP.yml | 67 ++- nuxt.config.ts | 14 +- package.json | 6 + pages/index.vue | 25 +- pages/servers.vue | 13 + pnpm-lock.yaml | 96 ++++ public/img/emojis/four-leaf-clover_1f340.png | Bin 0 -> 5834 bytes public/img/emojis/gear_2699-fe0f.png | Bin 0 -> 10754 bytes public/img/emojis/light-bulb_1f4a1.png | Bin 0 -> 8194 bytes public/img/emojis/package_1f4e6.png | Bin 0 -> 6830 bytes public/img/emojis/ringed-planet_1fa90.png | Bin 0 -> 8897 bytes public/img/emojis/rocket_1f680.png | Bin 0 -> 10717 bytes public/img/emojis/warning_26a0-fe0f.png | Bin 0 -> 4889 bytes public/img/hero/ai.png | Bin 0 -> 375264 bytes public/img/hero/screenshot-desktop-en.png | Bin 0 -> 902219 bytes public/img/hero/screenshot-desktop.png | Bin 0 -> 656671 bytes public/img/hero/screenshot-mobile-en.png | Bin 0 -> 95460 bytes public/img/hero/screenshot-mobile.png | Bin 0 -> 125829 bytes .../img/top-features/top-features-charts.png | Bin 0 -> 69913 bytes .../img/top-features/top-features-drive.png | Bin 0 -> 304743 bytes .../top-features/top-features-federation.png | Bin 0 -> 34037 bytes public/img/top-features/top-features-note.png | Bin 0 -> 110187 bytes .../top-features/top-features-reaction.png | Bin 0 -> 42113 bytes .../img/top-features/top-features-theme.png | Bin 0 -> 35185 bytes .../img/top-features/top-features-thread.png | Bin 0 -> 172674 bytes .../top-features/top-features-widgets-en.png | Bin 0 -> 27457 bytes .../img/top-features/top-features-widgets.png | Bin 0 -> 17761 bytes tailwind.config.ts | 2 + 59 files changed, 2096 insertions(+), 48 deletions(-) create mode 100644 assets/data/nav.ts create mode 100644 assets/js/fadein/index.ts create mode 100644 assets/js/parallax/index.ts create mode 100644 assets/js/particles/drop.ts create mode 100644 assets/js/particles/loader.ts create mode 100644 assets/js/particles/particle.ts create mode 100644 assets/js/particles/ripple.ts create mode 100644 assets/js/particles/system.ts create mode 100644 assets/js/particles/utils/calc.ts create mode 100644 assets/js/particles/utils/ease.ts create mode 100644 assets/js/scroll-to/index.ts create mode 100644 assets/svg/misskey_mi_bi.svg create mode 100644 components/g/Button.vue create mode 100644 components/g/Dots.vue create mode 100644 components/g/NuxtLink.ts create mode 100644 components/index/Decenterized.vue create mode 100644 components/index/Donation.vue create mode 100644 components/index/Features.vue create mode 100644 components/index/GetStarted.vue delete mode 100644 components/index/Hero.vue create mode 100644 components/index/KeyFeatures.vue create mode 100644 components/index/Nav.vue rename components/index/{ => hero}/Bg.vue (74%) create mode 100644 components/index/hero/Left.vue create mode 100644 components/index/hero/Particles.vue create mode 100644 components/index/hero/Right.vue create mode 100644 layouts/landing.vue create mode 100644 pages/servers.vue create mode 100644 public/img/emojis/four-leaf-clover_1f340.png create mode 100644 public/img/emojis/gear_2699-fe0f.png create mode 100644 public/img/emojis/light-bulb_1f4a1.png create mode 100644 public/img/emojis/package_1f4e6.png create mode 100644 public/img/emojis/ringed-planet_1fa90.png create mode 100644 public/img/emojis/rocket_1f680.png create mode 100644 public/img/emojis/warning_26a0-fe0f.png create mode 100644 public/img/hero/ai.png create mode 100644 public/img/hero/screenshot-desktop-en.png create mode 100644 public/img/hero/screenshot-desktop.png create mode 100644 public/img/hero/screenshot-mobile-en.png create mode 100644 public/img/hero/screenshot-mobile.png create mode 100644 public/img/top-features/top-features-charts.png create mode 100644 public/img/top-features/top-features-drive.png create mode 100644 public/img/top-features/top-features-federation.png create mode 100644 public/img/top-features/top-features-note.png create mode 100644 public/img/top-features/top-features-reaction.png create mode 100644 public/img/top-features/top-features-theme.png create mode 100644 public/img/top-features/top-features-thread.png create mode 100644 public/img/top-features/top-features-widgets-en.png create mode 100644 public/img/top-features/top-features-widgets.png diff --git a/app.vue b/app.vue index 0448260a..b6156cf6 100644 --- a/app.vue +++ b/app.vue @@ -3,6 +3,8 @@ import type { Graph, Thing } from 'schema-dts'; const { t, locale } = useI18n(); const route = useRoute(); +const colorMode = useColorMode(); + const getDescription = (): string => { if (route.meta.description != null && route.meta.description != "") { return route.meta.description; @@ -82,7 +84,7 @@ useHead((): Record => ({ }));