From 17edb5a079358f50fb8b6ea2a1fc3723bdb13fd5 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Wed, 4 Dec 2024 17:33:52 +0800
Subject: [PATCH] Style home page link buttons

---
 src/_includes/main/project-grid.njk |  2 +-
 src/assets/css/home.css             | 10 ++++++++++
 src/assets/css/utility.css          |  1 +
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/_includes/main/project-grid.njk b/src/_includes/main/project-grid.njk
index 8158ed2e..087d797c 100644
--- a/src/_includes/main/project-grid.njk
+++ b/src/_includes/main/project-grid.njk
@@ -5,5 +5,5 @@
             {% include "main/project-card.njk" %}
         {% endeach %}
     </div>
-    <a class="home__btn-link" href="/projects">More Projects</a>
+    <a class="home__btn-link el-top-margin" href="/projects">More Projects</a>
 </section>
\ No newline at end of file
diff --git a/src/assets/css/home.css b/src/assets/css/home.css
index 47a67277..9b7105c5 100644
--- a/src/assets/css/home.css
+++ b/src/assets/css/home.css
@@ -83,6 +83,16 @@
 .home__btn-link {
     display: block;
     margin: 0 auto;
+    border: 0.15em solid currentColor;
+    text-decoration: none;
+    padding: 0.5em 1em;
+    border-radius: 0.5em;
+    font-weight: 700;
+}
+
+.home__btn-link:focus {
+    outline: 0.2em solid var(--clr-accent-700);
+    outline-offset: 0.15em;
 }
 
 /* Webrings and Badges */
diff --git a/src/assets/css/utility.css b/src/assets/css/utility.css
index ed9b53d9..b37a8a1e 100644
--- a/src/assets/css/utility.css
+++ b/src/assets/css/utility.css
@@ -8,6 +8,7 @@
 
 .text-center { text-align: center; }
 .text-bold { font-weight: 700; }
+.el-top-margin { margin-top: 1.5em; }
 
 .inline-icon {
     display: inline-block;