From a06b53d96992162aebca00d4c3f215c797789f1e Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Tue, 20 Sep 2022 23:14:13 +0200
Subject: [PATCH] feat: Back component

---
 src/components/Back.astro | 11 +++++++++++
 src/pages/now.astro       |  6 ++----
 src/pages/social.astro    |  6 ++----
 3 files changed, 15 insertions(+), 8 deletions(-)
 create mode 100644 src/components/Back.astro

diff --git a/src/components/Back.astro b/src/components/Back.astro
new file mode 100644
index 0000000..e93ae47
--- /dev/null
+++ b/src/components/Back.astro
@@ -0,0 +1,11 @@
+<nav><a href="/">&larr; Back</a></nav>
+
+<style>
+  nav {
+      margin-bottom: -1rem;
+  }
+
+  nav a {
+    text-decoration: none;
+  }
+</style>
diff --git a/src/pages/now.astro b/src/pages/now.astro
index 3279eab..9f5f183 100644
--- a/src/pages/now.astro
+++ b/src/pages/now.astro
@@ -2,11 +2,12 @@
 import Layout from '../layouts/Layout.astro';
 import Card from '../components/Card.astro';
 import Footer from '../components/Footer.astro';
+import Back from '../components/Back.astro';
 ---
 
 <Layout title="Ayo Ayco | Software Engineer + Web Developer">
 	<main>
-            <nav><a href="/">Back</a></nav>
+		<Back />
             <h1><span class="text-gradient">Now</span></h1>
 						<em>What am I currently up to?</em>
 						<p>This year (2022) I have moved to The Netherlands with my family; specifically the north of Amsterdam.</p>
@@ -65,7 +66,4 @@ import Footer from '../components/Footer.astro';
 		padding: 0;
 	}
 
-        nav {
-            margin-bottom: -1rem;
-        }
 </style>
diff --git a/src/pages/social.astro b/src/pages/social.astro
index d7487f3..a699a8d 100644
--- a/src/pages/social.astro
+++ b/src/pages/social.astro
@@ -2,11 +2,12 @@
 import Layout from '../layouts/Layout.astro';
 import Card from '../components/Card.astro';
 import Footer from '../components/Footer.astro';
+import Back from '../components/Back.astro';
 ---
 
 <Layout title="Ayo Ayco | Software Engineer + Web Developer">
 	<main>
-            <nav><a href="/">Back</a></nav>
+		<Back />
             <h1>Social <span class="text-gradient">Links</span></h1>
             <ul role="list" class="link-card-grid">
                 <Card
@@ -74,7 +75,4 @@ import Footer from '../components/Footer.astro';
 		padding: 0;
 	}
 
-        nav {
-            margin-bottom: -1rem;
-        }
 </style>