Merge branch 'main' of https://github.com/onwidget/astrowind

README.md

@@ -242,7 +242,8 @@ Clone this repository on own GitHub account and deploy to Vercel:
 
 ## Related projects
 
-- [Qwind](https://qwind.pages.dev/) - A template to make your website using Qwik + Tailwind CSS.
+- [TailNext](https://tailnext.vercel.app/) - Free template using Next.js 13 and Tailwind CSS with the new App Router.
+- [Qwind](https://qwind.pages.dev/) - Free template to make your website using Qwik + Tailwind CSS.
 
 ## Contributing
 

src/assets/styles/base.css

@@ -29,7 +29,7 @@
   }
 
   .btn-primary {
-    @apply font-semibold bg-primary text-white border-primary hover:bg-blue-900 hover:border-blue-900 hover:text-white dark:text-white dark:bg-primary dark:border-primary dark:hover:border-blue-900 dark:hover:bg-blue-900;
+    @apply font-semibold bg-primary text-white border-primary hover:bg-secondary hover:border-secondary hover:text-white dark:text-white dark:bg-primary dark:border-primary dark:hover:border-secondary dark:hover:bg-secondary;
   }
 }
 

src/components/widgets/Hero.astro

@@ -52,7 +52,7 @@ const {
                     <a class="btn btn-primary sm:mb-0 w-full" href={callToAction?.href} target="_blank" rel="noopener">
                       {callToAction?.icon && (
                         <>
-                          <Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}
+                          <Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5" />&nbsp;
                         </>
                       )}
                       {callToAction?.text}
@@ -70,7 +70,7 @@ const {
                     <a class="btn w-full" href={callToAction2?.href}>
                       {callToAction2?.icon && (
                         <>
-                          <Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}
+                          <Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />&nbsp;
                         </>
                       )}
                       {callToAction2.text}

src/pages/index.astro

@@ -29,9 +29,8 @@ const meta = {
     image={{ src: import('~/assets/images/hero.png'), alt: 'AstroWind Hero Image' }}
   >
     <Fragment slot="title">
-      Free template for <span class="hidden lg:inline">create your website <br class="2xl:hidden"/> with</span>
+      Free template for <span class="hidden xl:inline">creating websites with</span>
-      <span class="text-accent dark:text-white highlight"> Astro 2.0</span> + Tailwind CSS
+      <span class="text-accent dark:text-white highlight"> Astro 2.0</span> + Tailwind CSS    </Fragment>
-    </Fragment>
 
     <Fragment slot="subtitle">
       <span class="hidden sm:inline">
@@ -265,9 +264,9 @@ const meta = {
   <LatestPosts
     title="Find out more content in our Blog"
     information={`The blog is used to display AstroWind documentation.
-			Each new article will be an important step that you will need to know to be an expert in creating a website using Astro + Tailwind CSS.
+                        Each new article will be an important step that you will need to know to be an expert in creating a website using Astro + Tailwind CSS.
-			Astro is a very interesting technology. Thanks.
+                        Astro is a very interesting technology. Thanks.
-		`}
+                `}
     postIds={[
       'get-started-website-with-astro-tailwind-css.md',
       'how-to-customize-astrowind-to-your-brand.md',

src/types.ts

@@ -1,3 +1,5 @@
+import { AstroComponentFactory } from 'astro/dist/runtime/server';
+
 export interface Post {
   id: string;
   slug: string;
@@ -18,7 +20,7 @@ export interface Post {
   tags?: Array<string>;
   author?: string;
 
-  Content: unknown;
+  Content: AstroComponentFactory;
   content?: string;
 
   readingTime?: number;