Back

Version 0

1/8/2025
/** @jsxImportSource https://esm.sh/react@18.2.0 */
import React, { useState, useEffect, useRef } from "https://esm.sh/react@18.2.0";
import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

// Enhanced Color Palette
const COLORS = {
primary: '#8A4FFF', // Soft purple
secondary: '#FF6B9E', // Soft pink
background: '#F6F0FF', // Soft lavender background
text: '#333333',
accent: '#4ECDC4', // Teal accent
lightAccent: '#E6E6FA', // Lavender
softGray: '#F5F5F5',
pastelBlue: '#A7C7E7',
pastelPink: '#FFB6C1'
};

// Constants for Interests and Community Spaces
const INTERESTS = [
'Music 🎵', 'Art 🎨', 'Gaming 🎮', 'Sports ⚽', 'Movies 🎬',
'Reading 📚', 'Photography 📷', 'Cooking 👨‍🍳', 'Dancing 💃',
'Technology 💻', 'Travel ✈️', 'Fashion 👗', 'Anime 🍜'
];

const ORIENTATIONS = [
'Straight ❤️', 'Gay 🏳️‍🌈', 'Lesbian 💕', 'Bisexual 💗',
'Pansexual 💛', 'Asexual 🤍', 'Questioning 🤔', 'Prefer not to say 🤫'
];

const PRONOUNS = [
'He/Him 👨', 'She/Her 👩', 'They/Them 👥', 'Ze/Zir 🌈',
'Other 🤷', 'Prefer not to say 🤐'
];

const SCHOOLS = [
'High School', 'Community College', 'Online School',