From 978e02d5adabe55a606c5ef7cd8f040937e9fc66 Mon Sep 17 00:00:00 2001 From: DecDuck Date: Sun, 20 Apr 2025 18:23:16 +1000 Subject: [PATCH] Revert "better seo and first load performance" --- assets/core.scss | 86 +- {public/images => assets}/proton.webp | Bin .../images => assets}/ss/admin-metadata.png | Bin {public/images => assets}/updates.png | Bin components/Footer.vue | 39 +- components/Header.vue | 12 +- components/Logo.vue | 1 - components/OgImage/DropOG.vue | 84 - drop-base | 2 +- error.vue | 11 +- layouts/default.vue | 25 - nuxt.config.ts | 112 +- package.json | 23 +- pages/comparison.vue | 4 +- pages/features/library.vue | 20 +- pages/index.vue | 107 +- public/{images => }/carousel/hl.png | Bin public/{images => }/carousel/hzd.png | Bin public/{images => }/carousel/mobile/hl.png | Bin public/{images => }/carousel/mobile/hzd.png | Bin public/{images => }/carousel/mobile/store.png | Bin public/{images => }/carousel/store.png | Bin ...tica-600-bold.woff => Helvetica-Bold.woff} | Bin ...italic.woff => Helvetica-BoldOblique.woff} | Bin ...400-italic.woff => Helvetica-Oblique.woff} | Bin .../{Helvetica-400.woff => Helvetica.woff} | Bin ...f2 => helvetica-light-587ebe5a59211.woff2} | Bin ...00-italic.ttf => InterVariable-Italic.ttf} | Bin ...ter-variable-400.ttf => InterVariable.ttf} | Bin ...lack.woff.ttf => MotivaSansBlack.woff.ttf} | Bin ...-bold.woff.ttf => MotivaSansBold.woff.ttf} | Bin ...extra-bold.ttf => MotivaSansExtraBold.ttf} | Bin ...ight.woff.ttf => MotivaSansLight.woff.ttf} | Bin ...ium.woff.ttf => MotivaSansMedium.woff.ttf} | Bin ...ar.woff.ttf => MotivaSansRegular.woff.ttf} | Bin ...a-sans-100-thin.ttf => MotivaSansThin.ttf} | Bin public/robots.txt | 1 + tailwind.config.js | 4 +- yarn.lock | 5914 ++++------------- 39 files changed, 1564 insertions(+), 4881 deletions(-) rename {public/images => assets}/proton.webp (100%) rename {public/images => assets}/ss/admin-metadata.png (100%) rename {public/images => assets}/updates.png (100%) delete mode 100644 components/OgImage/DropOG.vue rename public/{images => }/carousel/hl.png (100%) rename public/{images => }/carousel/hzd.png (100%) rename public/{images => }/carousel/mobile/hl.png (100%) rename public/{images => }/carousel/mobile/hzd.png (100%) rename public/{images => }/carousel/mobile/store.png (100%) rename public/{images => }/carousel/store.png (100%) rename public/fonts/helvetica/{Helvetica-600-bold.woff => Helvetica-Bold.woff} (100%) rename public/fonts/helvetica/{Helvetica-600-bold-italic.woff => Helvetica-BoldOblique.woff} (100%) rename public/fonts/helvetica/{Helvetica-400-italic.woff => Helvetica-Oblique.woff} (100%) rename public/fonts/helvetica/{Helvetica-400.woff => Helvetica.woff} (100%) rename public/fonts/helvetica/{helvetica-300-light.woff2 => helvetica-light-587ebe5a59211.woff2} (100%) rename public/fonts/inter/{Inter-variable-400-italic.ttf => InterVariable-Italic.ttf} (100%) rename public/fonts/inter/{Inter-variable-400.ttf => InterVariable.ttf} (100%) rename public/fonts/motiva/{motiva-sans-900-black.woff.ttf => MotivaSansBlack.woff.ttf} (100%) rename public/fonts/motiva/{motiva-sans-600-bold.woff.ttf => MotivaSansBold.woff.ttf} (100%) rename public/fonts/motiva/{motiva-sans-700-extra-bold.ttf => MotivaSansExtraBold.ttf} (100%) rename public/fonts/motiva/{motiva-sans-300-light.woff.ttf => MotivaSansLight.woff.ttf} (100%) rename public/fonts/motiva/{motiva-sans-500-medium.woff.ttf => MotivaSansMedium.woff.ttf} (100%) rename public/fonts/motiva/{motiva-sans-400-regular.woff.ttf => MotivaSansRegular.woff.ttf} (100%) rename public/fonts/motiva/{motiva-sans-100-thin.ttf => MotivaSansThin.ttf} (100%) create mode 100644 public/robots.txt diff --git a/assets/core.scss b/assets/core.scss index 22271d9..984de89 100644 --- a/assets/core.scss +++ b/assets/core.scss @@ -1,50 +1,50 @@ -// $motiva: ( -// ("MotivaSansThin.ttf", "ttf", 100, normal), -// ("MotivaSansLight.woff.ttf", "woff", 300, normal), -// ("MotivaSansRegular.woff.ttf", "woff", 400, normal), -// ("MotivaSansMedium.woff.ttf", "woff", 500, normal), -// ("MotivaSansBold.woff.ttf", "woff", 600, normal), -// ("MotivaSansExtraBold.ttf", "woff", 700, normal), -// ("MotivaSansBlack.woff.ttf", "woff", 900, normal) -// ); +$motiva: ( + ("MotivaSansThin.ttf", "ttf", 100, normal), + ("MotivaSansLight.woff.ttf", "woff", 300, normal), + ("MotivaSansRegular.woff.ttf", "woff", 400, normal), + ("MotivaSansMedium.woff.ttf", "woff", 500, normal), + ("MotivaSansBold.woff.ttf", "woff", 600, normal), + ("MotivaSansExtraBold.ttf", "woff", 700, normal), + ("MotivaSansBlack.woff.ttf", "woff", 900, normal) +); -// $helvetica: ( -// ("Helvetica.woff", "woff", 400, normal), -// ("Helvetica-Oblique.woff", "woff", 400, italic), -// ("Helvetica-Bold.woff", "woff", 600, normal), -// ("Helvetica-BoldOblique.woff", "woff", 600, italic), -// ("helvetica-light-587ebe5a59211.woff2", "woff2", 300, normal) -// ); +$helvetica: ( + ("Helvetica.woff", "woff", 400, normal), + ("Helvetica-Oblique.woff", "woff", 400, italic), + ("Helvetica-Bold.woff", "woff", 600, normal), + ("Helvetica-BoldOblique.woff", "woff", 600, italic), + ("helvetica-light-587ebe5a59211.woff2", "woff2", 300, normal) +); -// @each $file, $format, $weight, $style in $motiva { -// @font-face { -// font-family: "Motiva Sans"; -// src: url("/fonts/motiva/#{$file}") format($format); -// font-weight: $weight; -// font-style: $style; -// } -// } +@each $file, $format, $weight, $style in $motiva { + @font-face { + font-family: "Motiva Sans"; + src: url("/fonts/motiva/#{$file}") format($format); + font-weight: $weight; + font-style: $style; + } +} -// @each $file, $format, $weight, $style in $helvetica { -// @font-face { -// font-family: "Helvetica"; -// src: url("/fonts/helvetica/#{$file}") format($format); -// font-weight: $weight; -// font-style: $style; -// } -// } +@each $file, $format, $weight, $style in $helvetica { + @font-face { + font-family: "Helvetica"; + src: url("/fonts/helvetica/#{$file}") format($format); + font-weight: $weight; + font-style: $style; + } +} -// @font-face { -// font-family: "Inter"; -// src: url("/fonts/inter/InterVariable.ttf"); -// font-style: normal; -// } +@font-face { + font-family: "Inter"; + src: url("/fonts/inter/InterVariable.ttf"); + font-style: normal; +} -// @font-face { -// font-family: "Inter"; -// src: url("/fonts/inter/InterVariable-Italic.ttf"); -// font-style: italic; -// } +@font-face { + font-family: "Inter"; + src: url("/fonts/inter/InterVariable-Italic.ttf"); + font-style: italic; +} .carousel__icon { color: #f4f4f5; @@ -66,4 +66,4 @@ html { background-color: oklch(0.21 0.006 285.885); -} +} \ No newline at end of file diff --git a/public/images/proton.webp b/assets/proton.webp similarity index 100% rename from public/images/proton.webp rename to assets/proton.webp diff --git a/public/images/ss/admin-metadata.png b/assets/ss/admin-metadata.png similarity index 100% rename from public/images/ss/admin-metadata.png rename to assets/ss/admin-metadata.png diff --git a/public/images/updates.png b/assets/updates.png similarity index 100% rename from public/images/updates.png rename to assets/updates.png diff --git a/components/Footer.vue b/components/Footer.vue index f6b07a1..673a3fa 100644 --- a/components/Footer.vue +++ b/components/Footer.vue @@ -5,16 +5,16 @@ class="-mb-6 flex flex-wrap justify-center gap-x-12 gap-y-3 text-sm/6" aria-label="Footer" > - {{ item.name }}{{ item.name }}
- {{ item.name }} +

© {{ new Date().getFullYear() }} Drop OSS. Licensed under GNU @@ -36,7 +36,8 @@ import { defineComponent, h } from "vue"; const navigation = { - main: [], + main: [ + ], social: [ { name: "GitHub", @@ -52,20 +53,20 @@ const navigation = { ]), }), }, - // { - // name: "YouTube", - // href: "#", - // icon: defineComponent({ - // render: () => - // h("svg", { fill: "currentColor", viewBox: "0 0 24 24" }, [ - // h("path", { - // "fill-rule": "evenodd", - // d: "M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z", - // "clip-rule": "evenodd", - // }), - // ]), - // }), - // }, + { + name: "YouTube", + href: "#", + icon: defineComponent({ + render: () => + h("svg", { fill: "currentColor", viewBox: "0 0 24 24" }, [ + h("path", { + "fill-rule": "evenodd", + d: "M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z", + "clip-rule": "evenodd", + }), + ]), + }), + }, ], }; diff --git a/components/Header.vue b/components/Header.vue index 2acee41..82e4cf0 100644 --- a/components/Header.vue +++ b/components/Header.vue @@ -78,7 +78,9 @@ --> - Home

@@ -167,10 +169,10 @@ >
- Get started →Get started →
diff --git a/components/Logo.vue b/components/Logo.vue index 457f174..8645c5b 100644 --- a/components/Logo.vue +++ b/components/Logo.vue @@ -4,7 +4,6 @@ viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" - preserveAspectRatio="xMidYMid meet" > -/** - * @credits Pergel - * Based on https://github.com/nuxt-modules/og-image/blob/b510a7170d8feeb70790707eab7a075f6b029339/src/runtime/app/components/Templates/Community/Pergel.vue - */ -import { computed } from "vue"; - -const { - title: propTitle = "title", - description = "description", - headline = "v0.2", -} = defineProps<{ - title?: string; - description?: string; - headline?: string; -}>(); - -const title = computed(() => propTitle.slice(0, 60)); - - - diff --git a/drop-base b/drop-base index e32cc36..01fd41c 160000 --- a/drop-base +++ b/drop-base @@ -1 +1 @@ -Subproject commit e32cc36f3396d2f90448742fccb33854460a893c +Subproject commit 01fd41c65ae288eb19bbc92b2625733afe51c101 diff --git a/error.vue b/error.vue index f9e1397..eb0a310 100644 --- a/error.vue +++ b/error.vue @@ -30,14 +30,5 @@ diff --git a/layouts/default.vue b/layouts/default.vue index fee2854..99a2887 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -95,28 +95,3 @@ - - diff --git a/nuxt.config.ts b/nuxt.config.ts index e45b42c..cdbec39 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -1,114 +1,18 @@ // https://nuxt.com/docs/api/configuration/nuxt-config export default defineNuxtConfig({ compatibilityDate: "2024-11-01", - site: { - url: "https://droposs.org/", - name: "Drop OSS", - }, - devtools: { - enabled: true, - - timeline: { - enabled: true, - }, - }, - modules: [ - "@nuxtjs/tailwindcss", - "vue3-carousel-nuxt", - "@nuxt/image", - "@nuxt/fonts", - "@nuxtjs/seo", - ], + devtools: { enabled: true }, + modules: ["@nuxtjs/tailwindcss", "vue3-carousel-nuxt"], extends: ["./drop-base"], css: ["~/assets/core.scss"], + app: { + head: { + link: [{ rel: "icon", href: "/favicon.ico" }], + }, + }, carousel: { prefix: "Vue", }, - nitro: { - preset: "github_pages", - minify: true, - compressPublicAssets: true, - prerender: { - crawlLinks: true, - }, - }, - - ogImage: { - zeroRuntime: true, - }, - - fonts: { - families: [ - { - name: "Helvetica", - src: "/fonts/helvetica/helvetica-300-light.woff2", - }, - { - name: "Helvetica", - src: "/fonts/helvetica/Helvetica-400-italic.woff", - }, - { - name: "Helvetica", - src: "/fonts/helvetica/Helvetica-400.woff", - }, - { - name: "Helvetica", - src: "/fonts/helvetica/Helvetica-600-bold-italic.woff", - }, - { - name: "Helvetica", - src: "/fonts/helvetica/Helvetica-600-bold.woff", - }, - { - name: "Inter", - src: "/fonts/inter/Inter-variable-400.ttf", - }, - { - name: "Inter", - src: "/fonts/inter/Inter-variable-400-italic.ttf", - }, - { - name: "Motiva Sans", - src: "/fonts/motiva/motiva-sans-100-thin.ttf", - }, - { - name: "Motiva Sans", - src: "/fonts/motiva/motiva-sans-300-light.woff.ttf", - }, - { - name: "Motiva Sans", - src: "/fonts/motiva/motiva-sans-400-regular.woff.ttf", - }, - { - name: "Motiva Sans", - src: "/fonts/motiva/motiva-sans-500-medium.woff.ttf", - }, - { - name: "Motiva Sans", - src: "/fonts/motiva/motiva-sans-600-bold.woff.ttf", - }, - { - name: "Motiva Sans", - src: "/fonts/motiva/motiva-sans-700-extra-bold.ttf", - }, - { - name: "Motiva Sans", - src: "/fonts/motiva/motiva-sans-900-black.woff.ttf", - }, - ], - }, - - typescript: { - typeCheck: false, - - tsConfig: { - compilerOptions: { - verbatimModuleSyntax: false, - strictNullChecks: true, - exactOptionalPropertyTypes: true, - skipLibCheck: true, - }, - }, - }, + ssr: false, }); diff --git a/package.json b/package.json index a7ff379..9802f53 100644 --- a/package.json +++ b/package.json @@ -7,34 +7,19 @@ "dev": "nuxt dev", "generate": "nuxt generate", "preview": "nuxt preview", - "postinstall": "nuxt prepare", - "typecheck": "nuxt typecheck" + "postinstall": "nuxt prepare" }, "dependencies": { "@headlessui/vue": "^1.7.23", "@heroicons/vue": "^2.2.0", - "@nuxt/fonts": "0.11.1", - "@nuxt/image": "1.10.0", - "@nuxtjs/seo": "3.0.3", "@nuxtjs/tailwindcss": "6.13.1", - "nuxt": "^3.16.2", - "vite": "6.3.2", + "nuxt": "^3.15.2", "vue": "latest", "vue-router": "latest", "vue3-carousel-nuxt": "^1.1.5" }, "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e", "devDependencies": { - "@nuxt/icon": "^1.12.0", - "sass-embedded": "^1.83.4", - "serve": "^14.2.4", - "typescript": "^5.8.3", - "unstorage": "1.15.0", - "vue-tsc": "^2.2.8" - }, - "overrides": { - "vue3-carousel-nuxt": { - "vue3-carousel": "^0.15.0" - } + "sass-embedded": "^1.83.4" } -} \ No newline at end of file +} diff --git a/pages/comparison.vue b/pages/comparison.vue index f64c38c..bb469df 100644 --- a/pages/comparison.vue +++ b/pages/comparison.vue @@ -32,14 +32,14 @@ project removed or updated.

- GitHub - +

diff --git a/pages/features/library.vue b/pages/features/library.vue index 3a1c4cc..83d64ab 100644 --- a/pages/features/library.vue +++ b/pages/features/library.vue @@ -17,13 +17,10 @@
-
@@ -53,12 +50,7 @@ diff --git a/pages/index.vue b/pages/index.vue index 9f79350..64be32a 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -14,63 +14,35 @@ creating a Steam-like experience for DRM-free games.

- Quickstart →Quickstart → - Download - + >Download
- - - - - - + + + + - - -