From 5ec8cf52a113108e75c95a8ac8312dedf78a298c Mon Sep 17 00:00:00 2001
From: Emilia <contact@emiliaallison.com>
Date: Wed, 19 Jul 2023 14:44:24 -0400
Subject: [PATCH] Add styled underline to main page

---
 src/index.html                         |  4 +++-
 src/scss/waltuh/components/_marks.scss | 17 +++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/index.html b/src/index.html
index caf78a4..45f6780 100644
--- a/src/index.html
+++ b/src/index.html
@@ -21,7 +21,9 @@
 	<div id="overlay"></div>
 <main class="offset-grid--top fullsize">
 	<div>
-		<h1 class="text-dark ff-serif fs-800 gap-large-bottom">Emilia.</h1>
+		<h1 class="text-dark ff-serif fs-800 gap-large-bottom">
+			Em<span class="waltuh-gradient-underline">ilia</span>.
+		</h1>
 		<p>mathematics enjoyer</p>
 		<p id="pgp_p">pgp:
 						<a href="https://keyserver.ubuntu.com/pks/lookup?search=0x8cbc050e7bbb8779eccd42074b33e52e3bd25455&fingerprint=on&op=index" id="pgp_a" class="fixed">
diff --git a/src/scss/waltuh/components/_marks.scss b/src/scss/waltuh/components/_marks.scss
index ced9a7c..d259d67 100644
--- a/src/scss/waltuh/components/_marks.scss
+++ b/src/scss/waltuh/components/_marks.scss
@@ -37,3 +37,20 @@ span.waltuh-gradient {
   wipeIn 0.25s ease-in;
 
 }
+
+span.waltuh-gradient-underline {
+  position: relative;
+
+  &::after {
+    @extend span, .waltuh-gradient;
+    background-clip: unset;
+    border-radius: 2rem;
+
+    content: "";
+    position: absolute;
+    bottom: 0.2rem;
+    left: 10%;
+    height: 0.4rem;
+    width: 80%;
+  }
+}