From a165e8cd6952e862f9e180965a17273f9be356b9 Mon Sep 17 00:00:00 2001
From: Rebecca Padgett <110476306+bccpadge@users.noreply.github.com>
Date: Fri, 8 Nov 2024 12:43:25 -0500
Subject: [PATCH] Update index.html, config, and output.css file

made a new LinkedIn account and added Gmail account rather than Yahoo mail
---
 index.html         | 25 ++++++++++++++++++-------
 public/output.css  | 15 +++++----------
 tailwind.config.js |  2 +-
 3 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index d55532b..ebec158 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,8 @@
   <main class="p-8 md:w-96 bg-dark-grey rounded-xl min-w-80">
     <h1 class="sr-only">Frontend Mentor | Social links profile</h1>
     <figure>
-      <img class="max-w-full mx-auto rounded-full" src="./assets/images/avatar-rebecca.jpg" width="100" height="100" alt="headshot of Rebecca Padgett" />
+      <img class="max-w-full mx-auto rounded-full" src="./assets/images/avatar-rebecca.jpg" width="100" height="100"
+        alt="headshot of Rebecca Padgett" />
       <figcaption class="sr-only">A girl wearing a white shirt.</figcaption>
     </figure>
     <header class="grid gap-3 mt-4">
@@ -31,27 +32,37 @@ <h2 class="text-2xl font-bold">Rebecca Padgett</h2>
     </header>
     <ul class="grid gap-4 mt-4 text-sm font-bold">
       <li>
-        <a href="https://github.com/bccpadge" class="block p-4 transition duration-300 ease-in-out rounded-lg bg-grey hover:bg-green hover:text-off-black" target="_blank" aria-label="Github profile for Rebecca Padgett">
+        <a href="https://github.com/bccpadge"
+          class="block p-4 transition duration-300 ease-in-out rounded-lg bg-grey hover:bg-green hover:text-off-black"
+          target="_blank" aria-label="Github profile for Rebecca Padgett">
           GitHub
         </a>
       </li>
       <li>
-        <a href="https://www.frontendmentor.io/profile/bccpadge" class="block p-4 transition duration-300 ease-in-out bg-grey rounded-xl hover:bg-sky-blue" target="_blank" aria-label="Frontend Mentor profile for Rebecca Padgett">
+        <a href="https://www.frontendmentor.io/profile/bccpadge"
+          class="block p-4 transition duration-300 ease-in-out bg-grey rounded-xl hover:bg-sky-blue" target="_blank"
+          aria-label="Frontend Mentor profile for Rebecca Padgett">
           Frontend Mentor
         </a>
       </li>
       <li>
-        <a href="https://www.linkedin.com/in/rebecca-padgett23/" class="block p-4 transition duration-300 ease-in-out bg-grey rounded-xl hover:bg-blue" target="_blank" aria-label="LinkedIn profile for Rebecca Padgett">
+        <a href="https://www.linkedin.com/in/rebeccapadgett121/"
+          class="block p-4 transition duration-300 ease-in-out bg-grey rounded-xl hover:bg-blue" target="_blank"
+          aria-label="LinkedIn profile for Rebecca Padgett">
           LinkedIn
         </a>
       </li>
       <li>
-        <a href="mailto:beccaboo1414@yahoo.com" class="block p-4 transition duration-300 ease-in-out hover:bg-purple hover:text-white bg-grey rounded-xl" target="_blank" aria-label="Send an email to Rebecca Padgett">
-          Yahoo mail
+        <a href="mailto:rebeccapadgett121@gmail.com"
+          class="block p-4 transition duration-300 ease-in-out hover:bg-gold bg-grey rounded-xl hover:text-off-black"
+          target="_blank" aria-label="Send an email to Rebecca Padgett">
+          Gmail
         </a>
       </li>
       <li>
-        <a href="http://www.youtube.com/@rnpadgett1231" class="block p-4 transition duration-300 ease-in-out hover:bg-red bg-grey rounded-xl" target="_blank" aria-label="Youtube profile for Rebecca Padgett">
+        <a href="http://www.youtube.com/@beccaboo1231"
+          class="block p-4 transition duration-300 ease-in-out hover:bg-red bg-grey rounded-xl" target="_blank"
+          aria-label="Youtube profile for Rebecca Padgett">
           Youtube
         </a>
       </li>
diff --git a/public/output.css b/public/output.css
index 54179ea..962618e 100644
--- a/public/output.css
+++ b/public/output.css
@@ -695,11 +695,6 @@ video {
   background-color: hsl(75 94% 57% / var(--tw-bg-opacity));
 }
 
-.hover\:bg-purple:hover {
-  --tw-bg-opacity: 1;
-  background-color: hsl(267 100% 29% / var(--tw-bg-opacity));
-}
-
 .hover\:bg-red:hover {
   --tw-bg-opacity: 1;
   background-color: hsl(0 100% 50% / var(--tw-bg-opacity));
@@ -710,14 +705,14 @@ video {
   background-color: hsl(189 50% 61% / var(--tw-bg-opacity));
 }
 
-.hover\:text-off-black:hover {
-  --tw-text-opacity: 1;
-  color: hsl(0 0% 8% / var(--tw-text-opacity));
+.hover\:bg-gold:hover {
+  --tw-bg-opacity: 1;
+  background-color: hsl(45 97% 50% / var(--tw-bg-opacity));
 }
 
-.hover\:text-white:hover {
+.hover\:text-off-black:hover {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: hsl(0 0% 8% / var(--tw-text-opacity));
 }
 
 @media (min-width: 768px) {
diff --git a/tailwind.config.js b/tailwind.config.js
index 28a1451..6a6d004 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,7 +5,7 @@ module.exports = {
     extend: {
       colors: {
         green: "hsl(75 94% 57%)",
-        purple: "hsl(267 100% 29%)",
+        gold: "hsl(45 97% 50%)",
         blue: "hsl(201 100% 35%)",
         red: "	hsl(0 100% 50%)",
         "sky-blue": "hsl(189 50% 61%)",