From 94f5541041bdcdcf3d9cec2f66f9ba1d4c7aef2f Mon Sep 17 00:00:00 2001
From: Shannon Kay <me@shannonkay.com>
Date: Sun, 2 Mar 2025 23:40:01 -0800
Subject: [PATCH] Updated the intro on my homepage.

---
 home.css   | 22 +++++++++++++++++++++-
 index.html | 22 +++++++++++-----------
 2 files changed, 32 insertions(+), 12 deletions(-)

diff --git a/home.css b/home.css
index 700aed9a..87c60d49 100644
--- a/home.css
+++ b/home.css
@@ -285,9 +285,13 @@ article img {
         margin-left: auto;
         margin-right: auto;
         }
-.intro img {
+.intro img, .blurb img {
     padding: 5px;
 }
+#intro {
+    text-align: justify;
+    padding: 1rem;
+}
 .blurb, .intro {
     display: block;
     background-color: #f7d3d6;
@@ -424,6 +428,22 @@ ul {
     color: #511F2C;
     font-style: italic;
 }
+blockquote {
+    font-style: normal;
+    background-color: #f4ebeb;
+    font-weight: 400;
+    color: #594f67;
+    font-family: "ivyjournal", "adobe-garamond-pro", Georgia, Garamond, Baskerville, serif;
+    font-size: 1rem;
+    text-align: justify;
+    border-image: linear-gradient(180deg, #ffa0c5, #f67b9c 100%);
+    border-image-slice: 1;
+    border-top: 0.1rem solid #FC8EAC;
+    border-left: 0.5rem solid #FC8EAC;
+    border-right: 0.1rem solid #FC8EAC;
+    border-bottom: 0.1rem solid #FC8EAC;
+    padding: 0.5rem;
+}
 
 footer {
     font-size: 1rem;
diff --git a/index.html b/index.html
index d34f9577..24588bd7 100755
--- a/index.html
+++ b/index.html
@@ -43,7 +43,7 @@
     <a href="https://guestbook.shannonkay.com">Guestbook</a>    
 </nav>
 
-<section id="welcome" class="intro">
+<section id="welcome" class="blurb">
   <section class="social-icons" id="follow-icons">
     <a rel="me" href="https://bookstodon.com/@shannonkay"><i class="fa-brands fa-mastodon"></i></a> 
     <a href="https://bsky.app/profile/shannonkay.com"><i class="fa-brands fa-bluesky"></i></a>  
@@ -53,21 +53,21 @@
     <a href="mailto:homepage25@shannonkay.me"><i class="fa-solid fa-envelope"></i></a> 
     <a href="follow/index.html">&hellip;</a>
   </section>  
+<section id="intro">
+  <h2>Welcome to my homepage!</h2>
+  <p>This personal website was made by me, Shannon Kay. I have a personal website because I am a person. I want to participate in the poetic ideal of the world wide web; Using the internet to connect to <em>persons</em> all around the world. This is my place on the web to have fun and be creative. There was a time when starting your website with "Welcome to my website" was dismissed as too cliche. I feel like reclaiming that, and welcoming you to my homepage.</p>
+  </section>
+  <p>I invite you to 💗<a href="https://guestbook.shannonkay.com">Sign My Guestbook</a>📚.</p>
+<blockquote>Handwriting plain HTML and CSS websites again has made me feel creatively revitalized. I think this might be how some people feel when they go back to handwriting a journal. It's like I'm getting in touch with my inner tween.</blockquote>
 
-  <h2>Welcome to my classic homepage!</h2>
-  <p>
-  This personal website is an attempt to make my space on the web more fun and creative. &#128151; &#128218; <br>
-  I invite you to <a href="https://guestbook.shannonkay.com">Sign My Guestbook</a>.<br>
-
-<br>
  <picture>
     <source srcset="coffeeloveblinkie-shannon.gif" 
     media="(prefers-reduced-motion: no-preference)">
      <img src="coffeeloveblinkie-shannon-still.gif" 
-    alt="coffee blinkie Shannon" />
-  </picture>
-    
+    alt="coffee blinkie Shannon">
+</picture>
 </p>
+
 <section id="emoji">
   <p>
     <img src="emoji/EmojiBlitz/Titanic/Rose/EmojiBlitzRoseTitanic1.webp" class="emoji" alt="emoji depicting Rose in her traveling outfit with the hat from the 1997 film titled Titanic">
@@ -134,7 +134,7 @@ I love books, coffee, tech, and making things pink.
 
 <footer>
     <p>Shannon's Homepage by Shannon Kay</p>
-    <p class="updated">Updated February 24, 2025 | Created August 15, 2021</p>
+    <p class="updated">Updated March 2, 2025 | Created August 15, 2021</p>
 </footer>
 
 </body>