mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Minimal design updates

Browse Source
This commit is contained in:
prototypa
2022-11-23 10:33:37 -05:00
parent 4f14b16e34
commit 82ea86a2ea
10 changed files with 293 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/widgets/Hero.astro
View File

@ -17,13 +17,13 @@ import Picture from '~/components/core/Picture.astro';
</h1>
<div class="max-w-3xl mx-auto">
<p class="text-xl text-gray-600 mb-8 dark:text-slate-400">
<span class="font-semibold">AstroWind</span> is a production ready template to start your new website using <em>Astro</em> + <em>Tailwind CSS</em>. It has been
<span class="font-semibold underline decoration-wavy decoration-1 decoration-primary-600 underline-offset-2">AstroWind</span> is a production ready template to start your new website using <em>Astro</em> + <em>Tailwind CSS</em>. It has been
designed following Best Practices, SEO, Accessibility, <span class="inline sm:hidden">...</span><span
class="hidden sm:inline"
>Dark Mode, Great Page Speed, image optimization, sitemap generation and more.</span
>
</p>
<div class="max-w-sm m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4">
<div class="max-w-xs sm:max-w-md m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4">
<div class="flex w-full sm:w-auto">
<a
class="btn btn-primary sm:mb-0 w-full"
@ -47,7 +47,7 @@ import Picture from '~/components/core/Picture.astro';
<div class="relative m-auto max-w-4xl">
<Picture
src={import('~/assets/images/hero.jpg')}
class="mx-auto rounded-md bg-gray-400 dark:bg-slate-700 w-full"
class="mx-auto rounded-md w-full"
widths={[400, 768, 1480]}
sizes="(max-width: 767px) 400px, (max-width: 1479px) 768px, 1480px"
alt="Hero Image"