diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
deleted file mode 100644
index eb39945..0000000
--- a/src/components/BaseHead.astro
+++ /dev/null
@@ -1,36 +0,0 @@
----
-// Import the global.css file here so that it is included on
-// all pages through the use of the component.
-import '../styles/global.css';
-import { SITE_TITLE } from '../consts';
-
-export interface Props {
- title: string;
- description: string;
- image?: string;
-}
-
-const { title, description, image = '/placeholder-social.jpg' } = Astro.props;
-
-const canonicalURL = new URL(Astro.url.pathname, Astro.site);
-const actualTitle = title === 'home' ? SITE_TITLE : title + ' | ' + SITE_TITLE;
----
-
-
-
-
-
-
-
{actualTitle}
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
new file mode 100644
index 0000000..c8ea10a
--- /dev/null
+++ b/src/layouts/BaseLayout.astro
@@ -0,0 +1,57 @@
+---
+// Import the global.css file here so that it is included on
+// all pages through the use of the component.
+import '../styles/global.css';
+import { SITE_TITLE } from '../consts';
+
+export interface Props {
+ title: string;
+ description: string;
+ image?: string;
+}
+
+import Header from '../components/Header.astro';
+import Footer from '../components/Footer.astro';
+
+export interface Props {
+ title: string;
+ description: string;
+ image?: string;
+}
+
+const { title, description, image = '/placeholder-social.jpg' } = Astro.props;
+
+const canonicalURL = new URL(Astro.url.pathname, Astro.site);
+const actualTitle = title === 'home' ? SITE_TITLE : `${title} | ${SITE_TITLE}`;
+---
+
+
+
+
+
+
+
+
+
+ {actualTitle}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index d7aed47..db3b543 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -1,9 +1,7 @@
---
import type { CollectionEntry } from 'astro:content';
-import BaseHead from '../components/BaseHead.astro';
-import Header from '../components/Header.astro';
-import Footer from '../components/Footer.astro';
+import BaseLayout from '../layouts/BaseLayout.astro';
import FormattedDate from '../components/FormattedDate.astro';
type Props = CollectionEntry<'blog'>['data'];
@@ -11,26 +9,18 @@ type Props = CollectionEntry<'blog'>['data'];
const { title, description, pubDate } = Astro.props;
---
-
-
-
-
-
-
-
-
-
-
{title}
-
-
-
-
-
-
-
+
+
+
{title}
+
+
+
+
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1488cd4..b810db5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,85 +1,72 @@
---
-import BaseHead from '../components/BaseHead.astro';
import Header from '../components/Header.astro';
import Footer from '../components/Footer.astro';
import { SITE_DESCRIPTION } from '../consts';
+import BaseLayout from '../layouts/BaseLayout.astro';
---
-
-
-
-
-
-
-
-
-
-
Welcome to my website
-
- My name is Maciej, but if you're not sure how to
- pronounce it, then you can call me Mac. I'm an
- eighteen-year-old frontend developer from Poland.
- Although I mainly use Vue and Nuxt for
- my projects, I'm also familiar with Alpine and Astro.
-
-
-
-
My blog
-
- It serves as a means of documenting the development process and inner
- workings of my applications. Check out the
- latest posts below:
-