From 3845f76651ae9025c2177b840d9e46d31ebfce1c Mon Sep 17 00:00:00 2001
From: Foster Hangdaan <foster@hangdaan.email>
Date: Wed, 26 Jul 2023 23:04:30 -0400
Subject: [PATCH] Add footer component

---
 _components/footer.tsx                  |  8 ++++++++
 _includes/layouts/main.tsx              |  2 ++
 _includes/styles/components/footer.scss | 10 ++++++++++
 styles/main.scss                        |  1 +
 4 files changed, 21 insertions(+)
 create mode 100644 _components/footer.tsx
 create mode 100644 _includes/styles/components/footer.scss

diff --git a/_components/footer.tsx b/_components/footer.tsx
new file mode 100644
index 0000000..516c204
--- /dev/null
+++ b/_components/footer.tsx
@@ -0,0 +1,8 @@
+export default function({ comp }) {
+  return (
+    <footer className="page-footer">
+      <p>Copyright &copy; 2023 Foster Hangdaan</p>
+      <p>Made with <a href="https://deno.land/" target="_blank">Deno</a>, <a href="https://lume.land/" target="_blank">Lume</a>, <a href="https://www.typescriptlang.org/" target="_blank">TypeScript</a> and lots of <span className="heart"></span>.</p>
+    </footer>
+  );
+}
diff --git a/_includes/layouts/main.tsx b/_includes/layouts/main.tsx
index ad61430..c95d02c 100644
--- a/_includes/layouts/main.tsx
+++ b/_includes/layouts/main.tsx
@@ -11,6 +11,8 @@ export default function({ title, header, children, comp }) {
         { comp.navbar() }
         { comp.header(header) }
         { children }
+        { comp.separator() }
+        { comp.footer() }
       </body>
     </html>
   );
diff --git a/_includes/styles/components/footer.scss b/_includes/styles/components/footer.scss
new file mode 100644
index 0000000..8b37c93
--- /dev/null
+++ b/_includes/styles/components/footer.scss
@@ -0,0 +1,10 @@
+.page-footer {
+  text-align: center;
+  max-width: var(--page--max-width);
+  margin: 0 auto;
+  padding: 1rem;
+
+  .heart {
+    color: var(--color-red);
+  }
+}
diff --git a/styles/main.scss b/styles/main.scss
index 48e625d..3746120 100644
--- a/styles/main.scss
+++ b/styles/main.scss
@@ -11,3 +11,4 @@
 @import "styles/components/navbar";
 @import "styles/components/header";
 @import "styles/components/separator";
+@import "styles/components/footer";