From 66f276b62bfbc46cec13379c44bad8e1bb5185ad Mon Sep 17 00:00:00 2001
From: authen <74334681+authenyoo@users.noreply.github.com>
Date: Tue, 30 Jan 2024 23:11:31 -0300
Subject: [PATCH 1/3] Update index.vue

---
 pages/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/index.vue b/pages/index.vue
index 0a3e16c..1876dc9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -10,7 +10,7 @@ definePageMeta({ layout: 'home' })
     />
 
     <main class="col gap2">
-      <h1>Hi, I'm F53</h1>
+      <marquee><h1>Hi, I'm F53</h1></marquee>
 
       <p class="bio">
         I'm a {{ Math.floor((Date.now() / 100000 - 10463292) / 315360) }}yo Full Stack Developer

From 0697080520e497cbef18e18108599589af51b31b Mon Sep 17 00:00:00 2001
From: authen <74334681+authenyoo@users.noreply.github.com>
Date: Tue, 30 Jan 2024 23:50:41 -0300
Subject: [PATCH 2/3] Update index.vue

---
 pages/index.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/pages/index.vue b/pages/index.vue
index 1876dc9..c3cf5df 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -10,7 +10,7 @@ definePageMeta({ layout: 'home' })
     />
 
     <main class="col gap2">
-      <marquee><h1>Hi, I'm F53</h1></marquee>
+      <div class=marquee><h1>Hi, I'm F53</h1></div>
 
       <p class="bio">
         I'm a {{ Math.floor((Date.now() / 100000 - 10463292) / 315360) }}yo Full Stack Developer
@@ -55,5 +55,18 @@ definePageMeta({ layout: 'home' })
   }
 
   h1 { color: var(--accent-light); }
+.marquee {
+    white-space: nowrap;
+    overflow: hidden;
+    box-sizing: border-box;
+}
+.marquee h1 {
+    display: inline-block;
+    padding-left: 100%;
+    animation: marquee 15s linear infinite;
+}
+@keyframes marquee {
+    0%   { transform: translate(0, 0); }
+    100% { transform: translate(-100%, 0); }
 }
 </style>

From e87adae9676605040b0b883b339d88197d8ef114 Mon Sep 17 00:00:00 2001
From: CodeF53 <37855219+CodeF53@users.noreply.github.com>
Date: Tue, 30 Jan 2024 20:02:51 -0700
Subject: [PATCH 3/3] match prefered class style, fix syntax error, improve
 indentation

---
 pages/index.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index c3cf5df..b016c1c 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -10,7 +10,7 @@ definePageMeta({ layout: 'home' })
     />
 
     <main class="col gap2">
-      <div class=marquee><h1>Hi, I'm F53</h1></div>
+      <div class="marquee"><h1>Hi, I'm F53</h1></div>
 
       <p class="bio">
         I'm a {{ Math.floor((Date.now() / 100000 - 10463292) / 315360) }}yo Full Stack Developer
@@ -55,18 +55,20 @@ definePageMeta({ layout: 'home' })
   }
 
   h1 { color: var(--accent-light); }
-.marquee {
+  
+  .marquee {
     white-space: nowrap;
     overflow: hidden;
     box-sizing: border-box;
-}
-.marquee h1 {
+  }
+  .marquee * {
     display: inline-block;
     padding-left: 100%;
     animation: marquee 15s linear infinite;
-}
-@keyframes marquee {
+  }
+  @keyframes marquee {
     0%   { transform: translate(0, 0); }
     100% { transform: translate(-100%, 0); }
+  }
 }
 </style>