From cb26a2a130da4f7c7b31878b26b81104c405a54c Mon Sep 17 00:00:00 2001 From: Hikari Date: Tue, 21 Apr 2026 16:35:48 -0700 Subject: [PATCH] feat: add the playroom page for social media game templates MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ✨ This feature was built with help from Hikari~ 🌸 --- src/data/playroom.ts | 32 +++++++++ src/pages/index.astro | 8 +++ src/pages/playroom.astro | 151 +++++++++++++++++++++++++++++++++++++++ 3 files changed, 191 insertions(+) create mode 100644 src/data/playroom.ts create mode 100644 src/pages/playroom.astro diff --git a/src/data/playroom.ts b/src/data/playroom.ts new file mode 100644 index 0000000..31d089f --- /dev/null +++ b/src/data/playroom.ts @@ -0,0 +1,32 @@ +/** + * Playroom template data. + * @file + * @copyright Naomi Carrigan + * @license Naomi's Public License + * @author Naomi Carrigan + */ + +interface PlayroomTemplate { + blankAlt: string; + blankUrl: string; + completedAlt: string; + completedUrl: string; + description: string | null; + id: string; + name: string; +} + +const playroomTemplates: Array = [ + { + blankAlt: "A 3×3 alignment chart meme applying the D&D lawful/neutral/chaotic and top/switch/bottom axes to bedroom dynamics. The nine categories and their descriptors are: Lawful Top — knows what they want, big strap/dick energy, will cook food after; Neutral Top — spouse material, wines and dines you, will get to it as soon as you're home; Chaotic Top — way into dirty talk, keyboard smasher, wants to order pizza after; Lawful Switch — sex toy hoarder, \"making you cum is my job\", secretly wants to bottom all the time; True Switch — kinkier than you, low-key horny 24/7, aftercare monarch; Chaotic Switch — brat 24/7, always flirty, might fall asleep during sex; Lawful Bottom — desperate to please, will call you daddy/mommy, will cook food after, naked; Neutral Bottom — just happy to be topped, very soft, will take nap after; Chaotic Bottom — goblin, makes jokes during sex, demands candy after.", + blankUrl: "https://cdn.nhcarrigan.com/personality/playroom/alignment-chart-top-switch-bottom-blank.png", + completedAlt: "A 3×3 alignment chart meme applying the D&D lawful/neutral/chaotic and top/switch/bottom axes to bedroom dynamics. Several items are highlighted in pink. Lawful Top — knows what they want ✦highlighted, big strap/dick energy, will cook food after; Neutral Top — spouse material ✦highlighted, wines and dines you ✦highlighted, will fuck you as soon as you get home ✦highlighted; Chaotic Top — way into dirty talk, keyboard smasher, wants to order pizza after ✦highlighted; Lawful Switch — sex toy hoarder ✦highlighted, \"making you cum is my job\" ✦highlighted, secretly wants to bottom all the time; True Switch — kinkier than you, low-key horny 24/7, aftercare monarch; Chaotic Switch — brat 24/7, always flirty ✦highlighted, might fall asleep during sex; Lawful Bottom — desperate to please, will call you daddy/mommy, will cook food after naked; Neutral Bottom — just happy to be topped, very soft, will take nap after; Chaotic Bottom — goblin, makes jokes during sex, demands candy after.", + completedUrl: "https://cdn.nhcarrigan.com/personality/playroom/alignment-chart-top-switch-bottom-naomi.png", + description: "The classic top/switch/bottom alignment chart - which traits hit a little too close to home~", + id: "alignment-chart-top-switch-bottom", + name: "Top/Switch/Bottom Alignment Chart", + }, +]; + +export type { PlayroomTemplate }; +export { playroomTemplates }; diff --git a/src/pages/index.astro b/src/pages/index.astro index f9931cd..d9c080e 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -40,6 +40,14 @@ import Base from "../layouts/Base.astro";

+ +

🎴 The Playroom

+

+ Alignment charts, bingo cards, and social media games - grab the + blank and fill it out~ +

+ +

📖 User Manual

diff --git a/src/pages/playroom.astro b/src/pages/playroom.astro new file mode 100644 index 0000000..a5edd49 --- /dev/null +++ b/src/pages/playroom.astro @@ -0,0 +1,151 @@ +--- +import Base from "../layouts/Base.astro"; +import { playroomTemplates } from "../data/playroom"; +--- + + +

+
+

🎴 The Playroom

+ ← Back +
+

+ Alignment charts, bingo cards, and all kinds of social media games - my + completed results live here. Grab the blank template, fill it out, and + make it yours~ +

+ + { + playroomTemplates.length === 0 ? ( +

Nothing here yet - check back soon!

+ ) : ( +
+ {playroomTemplates.map((template) => ( +
+

{template.name}

+ {template.description && ( +

{template.description}

+ )} +
+
+

My result

+ {template.completedAlt} +
+
+

Grab the blank~

+ {template.blankAlt} +
+
+
+ ))} +
+ ) + } +
+ + +