From 7b71542f7dc40b7c956058f8de7dbc6740fc1639 Mon Sep 17 00:00:00 2001
From: Jacob Biehler <jacob@biehlerj.xyz>
Date: Sat, 29 Jul 2023 17:06:51 -0700
Subject: [PATCH] v0.3.0 merge (#33)

* Adding back buttons to slug pages (#32)

* chore(README): Update Technologies used section
---
 README.md                         |  2 ++
 src/components/BackCard.astro     | 22 ++++++++++++++++++++++
 src/layouts/CertEntry.astro       |  2 ++
 src/layouts/EducationEntry.astro  |  2 ++
 src/layouts/ExperienceEntry.astro |  2 ++
 src/layouts/ProjectEntry.astro    |  2 ++
 src/pages/skills/[skill].astro    |  2 ++
 7 files changed, 34 insertions(+)
 create mode 100644 src/components/BackCard.astro

diff --git a/README.md b/README.md
index f057c34..e1c2080 100644
--- a/README.md
+++ b/README.md
@@ -100,6 +100,8 @@ A big thank you to the following projects for helping me build my website the wa
 - [Astro Icon](https://github.com/natemoo-re/astro-icon) for making me not have worry about inlining my svgs on my own.
 - [Hugo PaperMod theme](https://github.com/adityatelange/hugo-PaperMod) for inspiring my layout and providing the SVGs for my social media links.
 - [date-fns](https://github.com/date-fns/date-fns) for making working with dates so much easier!
+- [Tailwind CSS](https://tailwindcss.com/) for helping make my site beautiful with ease!
+- [Catppuccin Palette](https://github.com/catppuccin/palette) for helping theme my website the way I want!
 
 ## Roadmap
 
diff --git a/src/components/BackCard.astro b/src/components/BackCard.astro
new file mode 100644
index 0000000..6d73e34
--- /dev/null
+++ b/src/components/BackCard.astro
@@ -0,0 +1,22 @@
+---
+import "@styles/global.css";
+
+interface Props {
+  title: string;
+  href: string;
+}
+
+const { href, title } = Astro.props;
+---
+
+<div class="buttons">
+  <a href={href}>
+    <h2>
+      {title}
+      <span>&rarr;</span>
+    </h2>
+    <p>
+      <slot />
+    </p>
+  </a>
+</div>
diff --git a/src/layouts/CertEntry.astro b/src/layouts/CertEntry.astro
index 8f18206..9377f26 100644
--- a/src/layouts/CertEntry.astro
+++ b/src/layouts/CertEntry.astro
@@ -1,6 +1,7 @@
 ---
 import MonthYearDate from "@components/MonthYearDate.astro";
 import Layout from "./Layout.astro";
+import BackCard from "@components/BackCard.astro";
 
 const { frontmatter } = Astro.props;
 ---
@@ -14,5 +15,6 @@ const { frontmatter } = Astro.props;
       </div>
       <slot />
     </article>
+    <BackCard href="/education" title="Back to Education" />
   </div>
 </Layout>
diff --git a/src/layouts/EducationEntry.astro b/src/layouts/EducationEntry.astro
index 4cb961e..e0ca56c 100644
--- a/src/layouts/EducationEntry.astro
+++ b/src/layouts/EducationEntry.astro
@@ -1,6 +1,7 @@
 ---
 import MultiDate from "@components/MultiDate.astro";
 import Layout from "./Layout.astro";
+import BackCard from "@components/BackCard.astro";
 
 const { frontmatter } = Astro.props;
 ---
@@ -32,6 +33,7 @@ const { frontmatter } = Astro.props;
         }
       </div>
     </article>
+    <BackCard href="/education" title="Back to Education" />
   </div>
 </Layout>
 
diff --git a/src/layouts/ExperienceEntry.astro b/src/layouts/ExperienceEntry.astro
index 488f77b..da356d9 100644
--- a/src/layouts/ExperienceEntry.astro
+++ b/src/layouts/ExperienceEntry.astro
@@ -1,6 +1,7 @@
 ---
 import MultiDate from "@components/MultiDate.astro";
 import Layout from "./Layout.astro";
+import BackCard from "@components/BackCard.astro";
 
 const { frontmatter } = Astro.props;
 ---
@@ -28,6 +29,7 @@ const { frontmatter } = Astro.props;
         }
       </div>
     </article>
+    <BackCard href="/experience" title="Back to Experience" />
   </div>
 </Layout>
 
diff --git a/src/layouts/ProjectEntry.astro b/src/layouts/ProjectEntry.astro
index 8356b2b..32d1443 100644
--- a/src/layouts/ProjectEntry.astro
+++ b/src/layouts/ProjectEntry.astro
@@ -1,6 +1,7 @@
 ---
 import Date from "@components/Date.astro";
 import Layout from "./Layout.astro";
+import BackCard from "@components/BackCard.astro";
 
 const { frontmatter } = Astro.props;
 ---
@@ -25,6 +26,7 @@ const { frontmatter } = Astro.props;
         }
       </div>
     </article>
+    <BackCard href="/projects" title="Back to Projects" />
   </div>
 </Layout>
 
diff --git a/src/pages/skills/[skill].astro b/src/pages/skills/[skill].astro
index b2463c2..a9d1f61 100644
--- a/src/pages/skills/[skill].astro
+++ b/src/pages/skills/[skill].astro
@@ -1,4 +1,5 @@
 ---
+import BackCard from "@components/BackCard.astro";
 import Card from "@components/Card.astro";
 import Date from "@components/Date.astro";
 import MultiDate from "@components/MultiDate.astro";
@@ -102,6 +103,7 @@ const { projectSkills, experienceSkills, educationSkills } = Astro.props;
             ))}
             </ul>
     ) : <></>}
+        <BackCard href="/skills" title="Back to Skills" />
     </main>
 </Layout>