diff --git a/src/assets/icon.png b/src/assets/icon.png
new file mode 100644
index 0000000..1857a94
Binary files /dev/null and b/src/assets/icon.png differ
diff --git a/src/components/Card.astro b/src/components/Card.astro
new file mode 100644
index 0000000..fc80b3d
--- /dev/null
+++ b/src/components/Card.astro
@@ -0,0 +1,15 @@
+---
+import type { AstroBuiltinProps } from 'astro'
+import type { AstroComponentFactory } from 'astro/runtime/server/index.js'
+
+type Props = {
+ large?: boolean
+ style?: string
+}
+
+const { large, ...props } = Astro.props
+---
+
+
+
+
diff --git a/src/components/HomepageZigZag.astro b/src/components/HomepageZigZag.astro
new file mode 100644
index 0000000..4c59413
--- /dev/null
+++ b/src/components/HomepageZigZag.astro
@@ -0,0 +1,26 @@
+---
+type Props = {
+ color: string
+}
+
+const { color } = Astro.props
+
+const patternId = 'zig-zag-' + color.slice(1)
+---
+
+
diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro
new file mode 100644
index 0000000..570cd6d
--- /dev/null
+++ b/src/components/ProjectCard.astro
@@ -0,0 +1,24 @@
+---
+// Card.astro
+export interface Props {
+ title: string
+ href: string
+
+ imgSrc?: string
+ style?: string
+}
+
+const { href, imgSrc, style, title } = Astro.props
+---
+
+
+
+
+ {imgSrc ?
:
}
+
+
{title}
+
+
+
+
+
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 87df81a..8cf1758 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -20,6 +20,8 @@ type Props = {
pageTags?: string | string[]
}
+import phcIcon from '../assets/icon.png'
+
const { title, description, thumbnail, pageTags } = Astro.props
---
@@ -36,7 +38,7 @@ const { title, description, thumbnail, pageTags } = Astro.props
{thumbnail && }
-
+