Skip to content

This is a mini project built with Astro and Tailwind to test out Astro Web framework, each character's voice plays after a user has navigated to the page of the character and hovered(desktop) or tapped on(mobile) the character image on the page.

License

Notifications You must be signed in to change notification settings

VansRouges/Ad-Astra-Ultraque

Repository files navigation

Astro Landing Page

Built with Astro

An Astro + Tailwind CSS.

social

Features

  • 💨 Tailwind CSS for styling
  • 🎨 Themeable
    • CSS variables are defined in src/styles/theme.css and mapped to Tailwind classes (tailwind.config.cjs)
  • 🌙 Dark mode
  • 📱 Responsive (layout, images, typography)
  • ♿ Accessible (as measured by https://web.dev/measure/)
  • 🔎 SEO-enabled (as measured by https://web.dev/measure/)
  • 🔗 Open Graph tags for social media sharing
  • 💅 Prettier setup for both Astro and Tailwind

Commands

Command Action
npm install Install dependencies
npm run dev Start local dev server at localhost:3000
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
npm run format Format code with Prettier
npm run clean Remove node_modules and build output

About

This is a mini project built with Astro and Tailwind to test out Astro Web framework, each character's voice plays after a user has navigated to the page of the character and hovered(desktop) or tapped on(mobile) the character image on the page.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published