From a6a80d7165cfdceaedf9c5b899581a493b2362b1 Mon Sep 17 00:00:00 2001
From: Angel Wang <angel@angelcube.dev>
Date: Fri, 13 Mar 2026 10:26:49 -0600
Subject: [PATCH] refactor: align star with terminal prompt

---
 src/pages/index.astro |  8 ++++++--
 src/styles/main.scss  | 15 ++++++++++++++-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 26f4b4f..cac8752 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -6,8 +6,12 @@ import {SparkleFillIcon} from '@primer/octicons-react'
 
 <Layout>
 	<span class="alt-text">Below is the depiction of a terminal with a blinking cursor, with the word "hi" displayed.</span>
-	<div class="codeblock">
-		<p class="heading"><b>> {<SparkleFillIcon size="1em"/>} /home/angelcube</b>  hi <span class="cursor-blink">_</span></p>
+	<div class="codeblock heading">
+		<b>></b> 
+        {<SparkleFillIcon size="1em"/>} 
+        <b>/home/angelcube</b>  
+        <span>hi</span>
+        <span class="cursor-blink">_</span>
 	</div>
 	
 	<p>
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 1ae5282..8fc152c 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -25,11 +25,13 @@ h6 {
     color: var(--heading-color);
 }
 
-p.heading {
+.heading {
+    // padding: 40px;
     font-family: var(--font-main);
     font-size: 1.4em;
 }
 
+
 h4 {
     font-size: 14px;
 }
@@ -58,6 +60,10 @@ main {
         margin-top: 30px;
         margin-bottom: 10px;
     }
+
+    .heading {
+        font-size: 1.1em;
+    }
 }
 
 nav a {
@@ -169,6 +175,13 @@ svg#icon {
     vertical-align: text-bottom;
 }
 
+.octicon-sparkle-fill {
+    display: inline;
+    position: relative;
+    bottom: 0.15em;
+    // vertical-align: text-bottom;
+}
+
 // projects
 
 ul.projects {
-- 
2.51.2