stargazers-site

A single-page, cosmic-themed landing site for the Stargazers Discord: animated gradients, a particle field, and subtle “glass” cards designed for quick scanning and strong vibe retention.

Screenshots

Add your images to docs/screenshots/ and replace these placeholders.

Highlights

• Hero text rotator with smooth fade transitions.
• Canvas particle background + animated radial gradient “nebula” layer.
• Interactive card lighting effect on hover (mouse-position based).
• Responsive layout with sticky blurred header and accessible semantic HTML.

Tech Stack

• HTML5 (single index.html)
• CSS3 (custom properties / design tokens, keyframe animations)
• Vanilla JavaScript (no framework/build step)
• Canvas 2D (particles)

Run Locally

This is a static site—no install required.

• Easiest: open index.html in your browser.
• Or serve locally (recommended for consistent behavior):
  • Python: python -m http.server 8080
  • Node: npx serve .

Then open http://localhost:8080.

Customization

Edit index.html:

• Theme tokens live in the :root CSS variables (colors, card styles).
• Hero phrases are in the phrases array in the script block.
• Particle density is controlled by the for (let k = 0; k < 100; k++) ... loop.

Deployment

Deploy as static hosting (GitHub Pages, Netlify, Vercel static, S3, etc.). The only requirement is serving index.html at the root.