From 2131d5fec97f6163678fdec40dd2d6e9f7a5e58c Mon Sep 17 00:00:00 2001 From: "Alex Pooley (@zuedev)" Date: Thu, 30 Oct 2025 23:40:37 +0000 Subject: restructure repo into a monorepo --- projects/about/src/app/globals.css | 101 +++++++++++++++++ projects/about/src/app/layout.js | 39 +++++++ projects/about/src/app/mentoring/page.js | 64 +++++++++++ projects/about/src/app/page.js | 179 +++++++++++++++++++++++++++++++ 4 files changed, 383 insertions(+) create mode 100644 projects/about/src/app/globals.css create mode 100644 projects/about/src/app/layout.js create mode 100644 projects/about/src/app/mentoring/page.js create mode 100644 projects/about/src/app/page.js (limited to 'projects/about/src') diff --git a/projects/about/src/app/globals.css b/projects/about/src/app/globals.css new file mode 100644 index 0000000..404fef7 --- /dev/null +++ b/projects/about/src/app/globals.css @@ -0,0 +1,101 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +/* set default font */ +html { + font-family: "Monaspace Neon"; + font-feature-settings: "calt", "ss01", "ss02", "ss03", "ss04", "ss05", "ss06", + "ss07", "ss08", "ss09", "liga"; +} + +/* hide scrollbar */ +::-webkit-scrollbar { + display: none; +} + +/* make text pan :3 */ +pan { + background: linear-gradient( + 45deg, + #ff1b8d 33%, + #ffd800 33%, + #ffd800 66%, + #21b1ff 66% + ); + background-clip: text; + -webkit-text-fill-color: transparent; +} + +/* RAVE!!! */ +.rave { + background: red; + animation: raveBackgroundAnimation 1s linear infinite; +} + +@keyframes raveBackgroundAnimation { + 0% { + background-color: red; + } + 16.666% { + background-color: orange; + } + 33.333% { + background-color: yellow; + } + 50% { + background-color: green; + } + 66.666% { + background-color: blue; + } + 83.333% { + background-color: indigo; + } + 100% { + background-color: violet; + } +} + +.rave > * { + background: black; + background-clip: text; + -webkit-text-fill-color: transparent; + animation: raveBackgroundTextAnimation 1s linear infinite; +} + +@keyframes raveBackgroundTextAnimation { + 0% { + background-color: black; + } + 16.666% { + background-color: black; + } + 33.333% { + background-color: black; + } + 50% { + background-color: white; + } + 66.666% { + background-color: white; + } + 83.333% { + background-color: white; + } + 100% { + background-color: black; + } +} + +/* page fade in */ +body { + opacity: 0; + animation: fadeIn 1s ease-in-out forwards; +} + +@keyframes fadeIn { + to { + opacity: 1; + } +} diff --git a/projects/about/src/app/layout.js b/projects/about/src/app/layout.js new file mode 100644 index 0000000..532ed42 --- /dev/null +++ b/projects/about/src/app/layout.js @@ -0,0 +1,39 @@ +// get those fonts! +import "@fontsource/monaspace-neon"; +import "@fontsource/monaspace-krypton"; +import "@fontsource/monaspace-radon"; +import "@fontsource/monaspace-argon"; +import "@fontsource/monaspace-xenon"; + +// always import global styles last +import "./globals.css"; + +import Script from "next/script"; + +export const metadata = { + title: "zuedev's space", + description: "Hello, World! I'm zuedev.", + icons: { + icon: "/avatar.png", + }, +}; + +export const viewport = { + width: "device-width", + initialScale: 1, + maximumScale: 1, + userScalable: false, +}; + +export default ({ children }) => { + return ( + + +

{children}

+ +