diff --git a/src/app/page.tsx b/src/app/page.tsx index 380d6e4..a6fc2a7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -199,15 +199,27 @@ export default function Home() { }`} id="top" > -
Scroll down for more!
- I'm MeowcaTheoRange (miau-kuh-thee~oh-ray~nj).
+ I'm MeowcaTheoRange{" "}
+
+ (miau-kuh-thee~oh-ray~nj)
+
+ .
I'm a web developer, Fediverse enthusiast, and compulsory Minnesotan.
+
Iszac Blue is literally Rocco Orange but inverted. This colour is named after Iszac, an OC of mine that I came up with, for the setting of Ætherglow. @@ -668,7 +684,7 @@ export default function Home() { If you were to use any of these colours to represnt me as a{" "} person, use this one.
-+
Rocco Orange is my favourite colour orange, but now more red.
The name comes from my character Rocco, whose hair is
this colour - though this colour has been applied to more characters
@@ -687,12 +703,12 @@ export default function Home() {
Secondary Negative
-
+
Grape Soda represents my love for grape soda.
My favourite is Fanta Grape. :]
+
Avalonian Waste is also literally Grape Soda{" "}
but inverted. This represents some{" "}
{children}
diff --git a/src/components/Page/Page.tsx b/src/components/Page/Page.tsx
index 2870194..5b59b01 100644
--- a/src/components/Page/Page.tsx
+++ b/src/components/Page/Page.tsx
@@ -40,11 +40,12 @@ export default function Page({
ref={pageobj}
className={`${styles.Page} ${preview ? styles.PagePreview : ""} ${
footer ? styles.PageFooter : ""
- } ${floaty ? styles.PageSpace : ""} block`}
+ } ${floaty ? styles.PageSpace : ""} block PG-collapse-on-a11y`}
style={
{
"--backgroundColor": "#" + color?.darken(75).toHex(),
"--color": "#" + color?.toHex(),
+ "--color-a11y": "#" + color?.lighten(75).toHex(),
background: bg,
backgroundColor: "#" + color?.darken(90).toHex(),
color: "var(--color)",
diff --git a/src/components/ProjectList/ProjectList.tsx b/src/components/ProjectList/ProjectList.tsx
index 0b6f581..a3b8ad8 100644
--- a/src/components/ProjectList/ProjectList.tsx
+++ b/src/components/ProjectList/ProjectList.tsx
@@ -16,10 +16,12 @@ export default function ProjectList({
projects,
markdown = false,
double = false,
+ tooLong = false,
}: {
projects: Project[];
markdown?: boolean;
double?: boolean;
+ tooLong?: boolean;
}) {
const router = useRouter();
return (
@@ -31,7 +33,7 @@ export default function ProjectList({
{projects.map((project, i) => (
@@ -49,7 +51,10 @@ export default function ProjectList({
{project.name}
+
{markdown ? (
Last listened to Last listened to
{player?.recenttracks.track[0].name}
@@ -24,7 +24,7 @@ export default function LastFM({
Hold on... Hold on...