diff --git a/web/astro.config.mjs b/web/astro.config.mjs index 73c479b..e5f09c8 100644 --- a/web/astro.config.mjs +++ b/web/astro.config.mjs @@ -6,6 +6,11 @@ import mdx from "@astrojs/mdx"; // https://astro.build/config export default defineConfig({ site: "https://www.vspace.one", + // Other pages get prefetched for SPA typical navigation speed + prefetch: { + prefetchAll: true, + defaultStrategy: "hover", + }, integrations: [ tailwind({ applyBaseStyles: false, diff --git a/web/bun.lockb b/web/bun.lockb index 535aa11..8eac1c5 100755 Binary files a/web/bun.lockb and b/web/bun.lockb differ diff --git a/web/package.json b/web/package.json index de7f750..3aecf9f 100644 --- a/web/package.json +++ b/web/package.json @@ -18,12 +18,14 @@ "@photo-sphere-viewer/core": "^5.8.1", "@photo-sphere-viewer/markers-plugin": "^5.8.1", "@photo-sphere-viewer/virtual-tour-plugin": "^5.8.1", + "@unom/style": "git+https://git.unom.io/unom/style.git", "astro": "^4.11.3", "autoprefixer": "^10.4.19", "class-variance-authority": "^0.7.0", "clsx": "^2.1.1", "ical": "^0.8.0", "keen-slider": "^6.8.6", + "lucide-astro": "^0.399.0", "marked": "^13.0.1", "motion": "^10.18.0", "postcss": "^8.4.38", diff --git a/web/src/components/Card.astro b/web/src/components/Card.astro index 8b8da17..419886f 100644 --- a/web/src/components/Card.astro +++ b/web/src/components/Card.astro @@ -2,7 +2,7 @@ import type { HTMLAttributes } from "astro/types"; import { type VariantProps, cva } from "class-variance-authority"; -const card = cva( +export const card = cva( "card rounded-card transition-colors bg-neutral-accent ring-2 ring-main/10", { variants: { @@ -16,7 +16,7 @@ const card = cva( false: "p-0", }, }, - } + }, ); export interface Props diff --git a/web/src/components/Cards/CardSupport.astro b/web/src/components/Cards/CardSupport.astro new file mode 100644 index 0000000..4f82031 --- /dev/null +++ b/web/src/components/Cards/CardSupport.astro @@ -0,0 +1,19 @@ +--- +import { card } from "../Card.astro"; + +type Props = { + title: string; + text: string; + to: string; +}; + +const { text, title, to } = Astro.props; +--- + + +
+ +
+

{title}

+

{text}

+
diff --git a/web/src/components/InfoSlide.astro b/web/src/components/InfoSlide.astro index 69ac49f..caf4b47 100644 --- a/web/src/components/InfoSlide.astro +++ b/web/src/components/InfoSlide.astro @@ -1,21 +1,24 @@ --- import type { InfoSlide } from "@/content/info-slides"; +import { Image } from "astro:assets"; type Props = { infoSlide: InfoSlide; }; const { - infoSlide: { imageSrc, text, title }, + infoSlide: { image, text, title, imageAlt }, } = Astro.props; ---
- {imageAlt}
FAQ - Unterstütze uns!Unterstütze uns!
diff --git a/web/src/components/PhotoSphere.astro b/web/src/components/PhotoSphere.astro index 8ce8d42..a2ecc51 100644 --- a/web/src/components/PhotoSphere.astro +++ b/web/src/components/PhotoSphere.astro @@ -7,7 +7,7 @@ import "@photo-sphere-viewer/core/index.css";
+ diff --git a/web/src/styles/global.css b/web/src/styles/global.css index e1bf26c..20cb820 100644 --- a/web/src/styles/global.css +++ b/web/src/styles/global.css @@ -39,6 +39,7 @@ html { @apply bg-neutral text-main; font-family: system-ui, sans-serif; + scroll-behavior: smooth; } code { font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,