From cc8bfc3f677f524c8b065faa80cefe19504b9488 Mon Sep 17 00:00:00 2001
From: beefchimi <curtdulmage@gmail.com>
Date: Fri, 26 Jul 2024 11:45:07 -0400
Subject: [PATCH] :bug: [Cursors] Bring back preloading

---
 src/components/ContentBlock.astro |  6 ++++++
 src/sections/Intro.astro          |  7 ++++---
 src/styles/global.css             | 25 +++++++++++++++++++++++++
 3 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/src/components/ContentBlock.astro b/src/components/ContentBlock.astro
index 61aa29f..3871967 100644
--- a/src/components/ContentBlock.astro
+++ b/src/components/ContentBlock.astro
@@ -63,6 +63,12 @@ const inactive = !title || !subtitle;
     /* Just a small nudge for better vertical centering */
     padding-top: calc(var(--space-tightest) + 0.1rem);
 
+    /* Consider improveing the legibility of text */
+    /*
+    background-color: rgb(255, 255, 255, 0.04);
+    backdrop-filter: blur(2px);
+    */
+
     & > h3 {
       font-weight: 800;
     }
diff --git a/src/sections/Intro.astro b/src/sections/Intro.astro
index 8d4c265..1fd0a4e 100644
--- a/src/sections/Intro.astro
+++ b/src/sections/Intro.astro
@@ -24,11 +24,12 @@ const {id, thumbnail} = Astro.props;
         Background image photographed by: Curtis Dulmage
       </p>
 
-      <p class="paragraph visually-hidden">
+      <p class="paragraph visually-hidden preload-cursors">
         <b>Curtis Dulmage.</b>
         <u>Front end web developer.</u>
-        <i>Ottawa, Canada.</i> Here are a few of my most recent projects. Please
-        get in touch if you have any questions. Thank you.
+        <i>Ottawa, Canada.</i>
+        <strong>Here are a few of my most recent projects.</strong>
+        <em>Please get in touch if you have any questions. Thank you.</em>
       </p>
     </div>
 
diff --git a/src/styles/global.css b/src/styles/global.css
index c988c20..cc38de9 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -305,3 +305,28 @@ button {
     cursor: url('../assets/svg/cursors/CursorPointerClicked.svg'), pointer;
   }
 }
+
+.preload-cursors {
+  /*
+    Required to preload the variant cursor. Otherwise, there will be
+    a delay upon click when switching to the different cursor asset.
+  */
+
+  > b {
+    cursor: url('../assets/svg/cursors/CursorDeadClicked.svg'), auto;
+  }
+
+  > u {
+    cursor: url('../assets/svg/cursors/CursorHornsClicked.svg'), pointer;
+  }
+
+  > i {
+    cursor: url('../assets/svg/cursors/CursorPointerClicked.svg'), pointer;
+  }
+
+  /*
+  > strong {
+    cursor: url('../assets/svg/cursors/CursorGrabClicked.svg'), pointer;
+  }
+  */
+}