diff options
| -rw-r--r-- | astro.config.mjs | 3 | ||||
| -rw-r--r-- | src/components/HomePageHeader.astro | 11 | ||||
| -rw-r--r-- | src/pages/index.astro | 15 |
3 files changed, 16 insertions, 13 deletions
diff --git a/astro.config.mjs b/astro.config.mjs index 2d50471..444c212 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -8,6 +8,9 @@ import react from "@astrojs/react" export default defineConfig({ vite: { plugins: [tailwindcss()], + optimizeDeps: { + exclude: ['astro/virtual-modules/prefetch.js'] + } }, integrations: [react()], prefetch: true, diff --git a/src/components/HomePageHeader.astro b/src/components/HomePageHeader.astro new file mode 100644 index 0000000..b03c189 --- /dev/null +++ b/src/components/HomePageHeader.astro @@ -0,0 +1,11 @@ +--- +--- +<!-- Title --> +<div class="flex flex-col items-center px-4"> + <h1 class="text-4xl font-bold text-center mt-10">Iwan Ingman</h1> + <p class="text-lg text-center text-muted-foreground mt-4"> + I'm a Computer Science student at Cardiff University, with a focus + on Software Development. + </p> +</div> + diff --git a/src/pages/index.astro b/src/pages/index.astro index e3afff5..af26414 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -2,24 +2,13 @@ import Layout from "@/layouts/main.astro" import BlogPosts from "@/components/BlogPosts.astro" import OpenRing from "@/components/OpenRing.astro" +import HomePageHeader from "@/components/HomePageHeader.astro" --- <Layout title="Iwan Ingman's Blog"> <main class="mx-auto flex w-full max-w-3xl flex-col gap-8 p-4 md:p-6"> - <!-- Title --> - <div class="flex flex-col items-center px-4"> - <h1 class="text-4xl font-bold text-center mt-10">Iwan Ingman</h1> - <p class="text-lg text-center text-muted-foreground mt-4"> - I'm a Computer Science student at Cardiff University, with a focus - on Software Development. - </p> - </div> - - <!-- Content --> - <!-- List Astro posts --> + <HomePageHeader /> <BlogPosts /> - - <!-- Render openring output --> <OpenRing /> </main> </Layout> |