Astro Hackathon Showcase

🎨 Themes

odyssey-theme

by Jaydan Urwin

GitHub npm Live Preview

README.md

Odyssey Theme Banner

Netlify Status

Odyssey Theme

This is the repo for the Odyssey Theme, a modern theme/starter for a business or startup’s marketing website. It provides landing page examples, a full-featured blog, contact forms, and more. It is also fully theme-able to match your business’ branding and style. It even includes a theme switcher component to show how easily the entire style of the site can be changed with only a few lines of CSS.

Some of its features includes but is not limited to:

  • A Full Featured Blog with Tagging
  • Fully theme-able styles with for buttons, shapes, backgrounds, surfaces, etc.
  • Responsive mobile-friendly landing pages
  • SEO Best Practices (Open Graph, Canonical URLs, sitemap)
  • Performant Google Fonts Setup
  • Contact Forms Setup for Netlify, Formspree, Formspark, etc.
  • A package of ready-to-use UI components

Demo

View a live demo of the Odyssey Theme.

Documentation

Visit the Odyssey Theme Documentation to learn more about how to customize the theme and use the components.

Installation & Setup

Remote IDEs

Or

Local Development

cd theme

npm install

npm start

Deploy

Deploy to Netlify

Feel free to deploy and host your site on your favorite static hosting service such as Netlify, Firebase Hosting, Vercel, GitHub Pages, etc.

Astro has an in-depth guide on how to deploy an Astro project to each service.

Extra links

Description

Hey everyone, I’m proud to present Odyssey Theme. This is technically the first project from my new brand, Little Sticks. This is the brand name my YouTube channel, courses, themes, etc. will be found under from now on. Stay tuned for more over the next couple months!

I’m still working on docs leading up to the deadline tomorrow but I hope the usage of the components is self-explanatory enough to see how to use them easily.

Also, here is a YouTube video I quickly made today showing off some of its features and announcing the channel rebrand.

https://www.youtube.com/watch?v=7B74jDONNdk