🌌 Smarter with Science - Cyberpunk-Utopian Website

"Science plus community equals exponential impact." - Science Stanley

A cutting-edge web platform where neon glows with hope, not warning. Where scientific breakthroughs meet community power. Where the future isn't dystopian—it's brilliant.

🚀 Quick Start

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

Visit http://localhost:4321/ to see the cyberpunk-utopian future come alive!

🎨 Design System

Our cyberpunk-utopian aesthetic features:

• Void Black backgrounds with infinite depth
• Royal Purple (#663399) for transformation
• Warp Core Blue (#00D4FF) for breakthrough moments
• Quantum glass effects and holographic borders
• Particle animations and data stream loading states
• Magnetic hover effects and neural interfaces

📁 Project Structure

src/
├── components/         # Reusable UI components
│   ├── core/          # Design system components
│   ├── layout/        # Header, Footer, Navigation
│   ├── home/          # Homepage sections
│   └── effects/       # Animations and WebGL
├── layouts/           # Page templates
├── pages/             # Route pages
├── styles/            # Global CSS and themes
├── content/           # Blog posts and project data
└── assets/            # Images and media

Key Files:
├── BUILDPLAN.md      # Development roadmap
├── CLAUDE.md         # AI context for future sessions
├── SESSION_REVIEW.md # Current progress summary
└── .env.example      # Environment variables template

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:4321
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying
npm run astro ...	Run CLI commands like astro add, astro check
npm run astro -- --help	Get help using the Astro CLI

🚀 Deployment

GitHub

# Code is committed and ready
git push -u origin main

Vercel

1. Push to GitHub first
2. Import repository at vercel.com
3. Add environment variables from .env.example

🔧 Environment Variables

Copy .env.example to .env and add:

• OPENAI_API_KEY - For AI image generation
• VERCEL_TOKEN - For deployment
• PUBLIC_DISCORD_WIDGET_ID - Discord integration

🤝 Contributing

This is a community-powered project! Check out:

• BUILDPLAN.md for the development roadmap
• CLAUDE.md for AI agent context
• style_context/ for design guidelines

📚 Resources

• Smarter with Science
• Discord Community
• GitHub Repository
• Astro Documentation

---

"Your curiosity could spark the next breakthrough." - Science Stanley 🧬✨