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

Minimal refactorization

Browse Source
This commit is contained in:
prototypa
2022-08-17 22:40:27 -04:00
parent 97c2f7d34b
commit 722519d7fd
2 changed files with 28 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/404.astro
View File

@ -1,29 +1,13 @@
--- ---
import Layout from "~/layouts/Empty.astro"; import Layout from "~/layouts/BaseLayout.astro";
import { SITE } from "~/config.mjs";
import Error404 from "~/components/widgets/Error404.astro";
const title = `Error 404 — ${SITE.name}`;
--- ---
<Layout title="Error 404 — AstroWind"> <Layout meta={{ title }}>
<main> <main>
<section class="flex items-center h-full p-16"> <Error404 />
<div class="container flex flex-col items-center justify-center px-5 mx-auto my-8">
<div class="max-w-md text-center">
<h2
class="mb-8 font-extrabold text-9xl bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-pink-500 whitespace-nowrap"
>
<span class="sr-only">Error</span>404
</h2>
<p class="text-3xl font-semibold md:text-3xl">Sorry, we couldn't find this page.</p>
<p class="mt-4 mb-8 text-lg text-gray-600 dark:text-slate-400">
But dont worry, you can find plenty of other things on our homepage.
</p>
<a
rel="noopener noreferrer"
href="./"
class="btn text-white bg-gray-900 hover:bg-gray-800 dark:bg-gray-700 dark:hover:bg-gray-800 ml-4"
>Back to homepage
</a>
</div>
</div>
</section>
</main> </main>
</Layout> </Layout>

38
src/pages/index.astro
View File

@ -1,30 +1,34 @@
--- ---
import Layout from "~/layouts/Default.astro"; import Layout from "~/layouts/PageLayout.astro";
import BasicCTA from "~/components/astro/ctas/BasicCTA.astro"; import { SITE } from "~/config.mjs";
import BasicFeatures from "~/components/astro/features/BasicFeatures.astro";
import StepsFeatures from "~/components/astro/features/StepsFeatures.astro"; import Hero from "~/components/widgets/Hero.astro";
import HeroWithImage from "~/components/astro/hero/HeroWithImage.astro"; import BasicCTA from "~/components/widgets/BasicCTA.astro";
import BasicFAQs from "~/components/astro/faqs/BasicFAQs.astro"; import BasicFeatures from "~/components/widgets/BasicFeatures.astro";
import TwoColsFeatures from "~/components/astro/features/TwoColsFeatures.astro"; import StepsFeatures from "~/components/widgets/StepsFeatures.astro";
import StepsLeft from "~/components/astro/features/StepsLeft.astro"; import BasicFAQs from "~/components/widgets/BasicFAQs.astro";
import BasicStats from "~/components/astro/stats/BasicStats.astro"; import TwoColsFeatures from "~/components/widgets/TwoColsFeatures.astro";
import BlogFeaturesFourCols from "~/components/astro/blog/BlogFeaturesFourCols.astro"; import StepsLeft from "~/components/widgets/StepsLeft.astro";
import BlogFeaturesPosts from "~/components/widgets/BlogFeaturesPosts.astro";
import Stats from "~/components/widgets/Stats.astro";
const title = `${SITE.name} — Your website with Astro + Tailwind CSS`;
const description =
"A ready to start template to make your website using Astro and Tailwind CSS.";
const canonical = new URL("", Astro.site);
--- ---
<Layout <Layout meta={{ title, description, canonical }}>
title="AstroWind — Your website with Astro + Tailwind CSS"
description="A ready to start template to make your website using Astro and Tailwind CSS."
>
<main class="mt-20"> <main class="mt-20">
<HeroWithImage /> <Hero />
<BasicFeatures /> <BasicFeatures />
<StepsLeft /> <StepsLeft />
<TwoColsFeatures /> <TwoColsFeatures />
<StepsFeatures /> <StepsFeatures />
<BlogFeaturesFourCols /> <BlogFeaturesPosts />
<BasicFAQs /> <BasicFAQs />
<BasicStats /> <Stats />
<BasicCTA /> <BasicCTA />
</main> </main>
</Layout> </Layout>