Update index.html, config, and output.css file

made a new LinkedIn account and added Gmail account rather than Yahoo mail
bccpadge · Nov 8, 2024 · a165e8c · a165e8c
1 parent cc48bd6
commit a165e8c
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 18 deletions.
diff --git 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
@@ -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
@@ -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%)",