From f6c4e2549d6592e9199e31e4ed26c118a65b9837 Mon Sep 17 00:00:00 2001
From: Jared Monaco <monacojay@gmail.com>
Date: Tue, 11 Nov 2025 07:59:14 -0800
Subject: [PATCH 1/6] Add class="card" to completed projects section

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 102d919..745e0c1 100644
--- a/index.html
+++ b/index.html
@@ -48,7 +48,7 @@ <h3>Current Projects</h3>
         - Building as many app and data projects that I can find or think of. Been taking intro to programming courses over and over for years. Trying to focus on building things now. </p>
       </section>
 
-      <section>
+      <section class="card">
         <h3>Completed Projects</h3>
         <p>
           <a href="https://github.com/monacojay/big_book_word_cloud" target="_blank">Big Book Word Cloud</a>

From 54dda21ebfd2454a6943f8d37e14b7693eac2807 Mon Sep 17 00:00:00 2001
From: Jared Monaco <monacojay@gmail.com>
Date: Tue, 11 Nov 2025 08:15:56 -0800
Subject: [PATCH 2/6] Edit completed project descriptions

---
 index.html | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 745e0c1..50c4f86 100644
--- a/index.html
+++ b/index.html
@@ -48,12 +48,29 @@ <h3>Current Projects</h3>
         - Building as many app and data projects that I can find or think of. Been taking intro to programming courses over and over for years. Trying to focus on building things now. </p>
       </section>
 
-      <section class="card">
+      <section id="completed-projects" class="card">
         <h3>Completed Projects</h3>
-        <p>
-          <a href="https://github.com/monacojay/big_book_word_cloud" target="_blank">Big Book Word Cloud</a>
-        </p>
-      </section>  
+
+        <div class="completed-project">
+          <p>
+            <a href="https://github.com/monacojay/big_book_word_cloud" target="_blank" class="project-link">
+              Big Book Word Cloud
+            </a><br>
+            <span class="project-desc">
+              Generates word clouds from large text sources like novels or essays.
+            </span>
+          </p>
+        </div>
+
+        <!-- Add more completed projects like this:
+        <div class="completed-project">
+          <p>
+            <a href="https://github.com/monacojay/another-repo" target="_blank" class="project-link">Project Name</a><br>
+            <span class="project-desc">One-line description of what it does.</span>
+          </p>
+        </div>
+        -->
+      </section>
 
       <section id="contact" class="card">
         <h3>Contact</h3>

From 85e6e814b267920b0e1b2bd6615ea38757a84100 Mon Sep 17 00:00:00 2001
From: Jared Monaco <monacojay@gmail.com>
Date: Tue, 11 Nov 2025 08:16:16 -0800
Subject: [PATCH 3/6] Edit completed projects descriptions and link colors

---
 styles.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/styles.css b/styles.css
index 235c9e5..cd1c463 100644
--- a/styles.css
+++ b/styles.css
@@ -140,6 +140,25 @@ footer{
   text-align:center;
 }
 
+/* ===== Completed Projects: links + descriptions ===== */
+.completed-project { margin-bottom: 14px; }
+.completed-project:last-child { margin-bottom: 0; }
+
+.project-link {
+  color: var(--accent);
+  font-weight: 600;
+  text-decoration: underline;
+}
+.project-link:hover { text-decoration: none; }
+
+.project-desc {
+  display: inline-block;
+  margin-top: 4px;
+  font-style: italic;
+  color: var(--muted);
+  line-height: 1.5;
+}
+
 @media (max-width:540px){
   header{flex-direction:column;gap:20px}
   header .clock{width:100%;max-width:100%}

From 7becb34aa7d5e0161d2ebdc2f99dbc2592da5b61 Mon Sep 17 00:00:00 2001
From: Jared Monaco <monacojay@gmail.com>
Date: Tue, 11 Nov 2025 08:17:33 -0800
Subject: [PATCH 4/6] Edit word could project description

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 50c4f86..4417486 100644
--- a/index.html
+++ b/index.html
@@ -57,7 +57,7 @@ <h3>Completed Projects</h3>
               Big Book Word Cloud
             </a><br>
             <span class="project-desc">
-              Generates word clouds from large text sources like novels or essays.
+              Generates word cloud from large text source. Example here is from the Big Book of Alcoholics Anonymous.
             </span>
           </p>
         </div>

From 28752dbf17ab4b472daa7486142a8a1f1a17b676 Mon Sep 17 00:00:00 2001
From: Jared Monaco <monacojay@gmail.com>
Date: Tue, 11 Nov 2025 08:21:24 -0800
Subject: [PATCH 5/6] Edit project link class text color

---
 styles.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index cd1c463..20fabc6 100644
--- a/styles.css
+++ b/styles.css
@@ -144,12 +144,18 @@ footer{
 .completed-project { margin-bottom: 14px; }
 .completed-project:last-child { margin-bottom: 0; }
 
-.project-link {
+a.project-link,
+a.project-link:visited {
   color: var(--accent);
+  filter: brightness(1.3);      /* brightens without changing hue */
   font-weight: 600;
+  text-decoration: none;
+}
+
+a.project-link:hover {
+  filter: brightness(1.6);
   text-decoration: underline;
 }
-.project-link:hover { text-decoration: none; }
 
 .project-desc {
   display: inline-block;

From ae999b06d65c018b4592c802f090e150a282df71 Mon Sep 17 00:00:00 2001
From: Jared Monaco <monacojay@gmail.com>
Date: Tue, 11 Nov 2025 10:50:44 -0800
Subject: [PATCH 6/6] Changing contact link text color

---
 styles.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/styles.css b/styles.css
index 20fabc6..0fe15d1 100644
--- a/styles.css
+++ b/styles.css
@@ -165,6 +165,20 @@ a.project-link:hover {
   line-height: 1.5;
 }
 
+/* ===== Contact Link Styling ===== */
+#contact a,
+#contact a:visited {
+  color: #9ef3a3;              /* same light green as project links */
+  font-weight: 600;
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+
+#contact a:hover {
+  color: #b6ffc2;              /* gentle glow on hover */
+  text-decoration: underline;
+}
+
 @media (max-width:540px){
   header{flex-direction:column;gap:20px}
   header .clock{width:100%;max-width:100%}