From 455679a981adc7e0521aac92285e157956280c2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Mon, 12 Jan 2026 14:00:13 -0600
Subject: [PATCH] feat: some footer
---
.../src/components/BaseStyles.astro | 4 ++
.../website-ue/src/components/Footer.astro | 59 ++++++++++++++++++-
.../website-ue/src/components/Text/index.css | 4 ++
.../website-ue/src/components/Text/index.tsx | 2 +-
.../website-ue/src/layouts/BaseLayout.astro | 6 +-
.../src/pages/[...locale]/avatars/_index.tsx | 5 ++
.../src/pages/[...locale]/avatars/index.astro | 39 ++----------
7 files changed, 81 insertions(+), 38 deletions(-)
create mode 100644 packages/website-ue/src/pages/[...locale]/avatars/_index.tsx
diff --git a/packages/website-ue/src/components/BaseStyles.astro b/packages/website-ue/src/components/BaseStyles.astro
index 204208fb4..ba674f142 100644
--- a/packages/website-ue/src/components/BaseStyles.astro
+++ b/packages/website-ue/src/components/BaseStyles.astro
@@ -20,10 +20,14 @@ import "@fontsource-variable/roboto-flex";
--font-size-regular: 1rem;
--font-size-minor: 0.75rem;
+ --font-size-major: 1.25rem;
--font-family-regular: "Roboto Flex Variable", sans-serif;
--font-family-mono: "JetBrains Mono Variable", monospace;
+ --color-regular: var(--gray-12);
+ --color-low-contrast: var(--gray-11);
+
--weight-light: 300;
--weight-regular: 400;
--weight-medium: 500;
diff --git a/packages/website-ue/src/components/Footer.astro b/packages/website-ue/src/components/Footer.astro
index d659b0e49..dccf64ec1 100644
--- a/packages/website-ue/src/components/Footer.astro
+++ b/packages/website-ue/src/components/Footer.astro
@@ -1,20 +1,75 @@
+---
+import packageJson from "../../../../package.json";
+import { api } from "../core/api/dynamic";
+import { BlitzKitIcon } from "../icons/BlitzKit";
+import { Code } from "./Code";
+import { Text } from "./Text";
+
+interface Props {
+ locale: string;
+}
+
+const { locale } = Astro.props;
+
+const strings = await api.strings(locale);
+---
+
+
+
diff --git a/packages/website-ue/src/components/Text/index.css b/packages/website-ue/src/components/Text/index.css
index 7ff053b3e..c2b4eb0e7 100644
--- a/packages/website-ue/src/components/Text/index.css
+++ b/packages/website-ue/src/components/Text/index.css
@@ -5,6 +5,10 @@
font-size: var(--font-size-minor);
}
+ &[data-size="major"] {
+ font-size: var(--font-size-major);
+ }
+
&[data-weight="light"] {
font-weight: var(--weight-light);
}
diff --git a/packages/website-ue/src/components/Text/index.tsx b/packages/website-ue/src/components/Text/index.tsx
index 28af9b9f4..0a1f05733 100644
--- a/packages/website-ue/src/components/Text/index.tsx
+++ b/packages/website-ue/src/components/Text/index.tsx
@@ -7,7 +7,7 @@ export interface TextProps extends ComponentProps<"span"> {
color?: Color;
weight?: "light" | "regular" | "medium" | "bold" | "black";
lowContrast?: boolean;
- size?: "regular" | "minor";
+ size?: "regular" | "minor" | "major";
}
export function Text({
diff --git a/packages/website-ue/src/layouts/BaseLayout.astro b/packages/website-ue/src/layouts/BaseLayout.astro
index ca876676f..ef9f70c3f 100644
--- a/packages/website-ue/src/layouts/BaseLayout.astro
+++ b/packages/website-ue/src/layouts/BaseLayout.astro
@@ -8,11 +8,12 @@ import Navbar from "../components/Navbar.astro";
import type { Color } from "../core/ui/color";
interface Props {
+ locale: string;
accent: Color;
noNavbar?: boolean;
}
-const { accent, noNavbar } = Astro.props;
+const { accent, noNavbar, locale } = Astro.props;
---
@@ -35,6 +36,7 @@ const { accent, noNavbar } = Astro.props;
display: flex;
flex-direction: column;
gap: var(--space-5);
+ min-height: 100dvh;
background-color: var(--gray-1);
color: var(--gray-12);
@@ -50,6 +52,6 @@ const { accent, noNavbar } = Astro.props;
-
+