From 6207157da767d6111a4276dc13c7847d9aee83d4 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <alicia@omg.lol>
Date: Sat, 8 Jun 2024 15:23:25 +0100
Subject: [PATCH] Builds footer, and updates new homepage

---
 src/components/scafold/Footer.astro | 53 +++++++++++++++++++++++++++++
 src/pages/index.astro               |  4 +++
 2 files changed, 57 insertions(+)
 create mode 100644 src/components/scafold/Footer.astro

diff --git a/src/components/scafold/Footer.astro b/src/components/scafold/Footer.astro
new file mode 100644
index 0000000..1b81201
--- /dev/null
+++ b/src/components/scafold/Footer.astro
@@ -0,0 +1,53 @@
+---
+const repo = 'github.com/lissy93/web-check';
+const github = `https://github.com/${repo}`;
+
+const licenseText = 'MIT';
+const licenseLink = `${github}/blob/master/LICENSE`;
+
+const aboutLink = '/about';
+const projectName = 'Web Check';
+
+const authorName = 'Alicia Sykes';
+const authorLink = 'https://aliciasykes.com';
+const currentYear = new Date().getFullYear();
+---
+
+<footer>
+  <p>
+    View source at <a href={github}>{repo}</a>
+  </p>
+  <p>
+    <a href={aboutLink}>{projectName}</a>
+    is licensed under
+    <a href={licenseLink}>{licenseText}</a>
+    - © <a href={authorLink}>{authorName}</a>
+    {currentYear}
+  </p>
+</footer>
+
+<style lang="scss">
+  @import '@styles/global.scss';
+  footer {
+    margin-top: 1rem;
+    background: var(--primary);
+    color: var(--background);
+    padding: 1rem;
+    display: flex;
+    justify-content: space-between;
+    gap: 1rem;
+    flex-wrap: wrap;
+    p, a {
+      margin: 0;
+      color: var(--background);
+      font-size: 1rem;
+    }
+    a {
+      text-decoration: underline;
+    }
+    @include tablet-portrait-down {
+      flex-direction: column;
+      align-items: center;
+    }
+  }
+</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9ceade6..731b9e9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,6 +2,8 @@
 import BaseLayout from '@layouts/Base.astro';
 import HeroForm from '@components/homepage/HeroForm.astro';
 import HomeBackground from '@/components/homepage/HomeBackground';
+import AboutSection from '@/components/homepage/AboutSection.astro';
+import Footer from '@components/scafold/Footer.astro';
 
 const isBossServer = import.meta.env.BOSS_SERVER === true;
 
@@ -20,7 +22,9 @@ if (!isBossServer) {
   </Fragment>
   <main>
     <HeroForm />
+    <AboutSection />
   </main>
+  <Footer />
   <HomeBackground client:only="react" />
 </BaseLayout>