v0.3.0 merge (#33)

* Adding back buttons to slug pages (#32)

* chore(README): Update Technologies used section

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
 

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>

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>

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>
 

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>
 

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>
 

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>