bigger resume button

mtzsouza · Mar 1, 2024 · 213c7c2 · 213c7c2
1 parent 95fc0cd
commit 213c7c2
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 11 deletions.
diff --git a/src/app.css b/src/app.css
@@ -4,10 +4,10 @@
 
 @layer utilities {
     .navItem {
-        @apply cursor-pointer font-bubbler font-bold uppercase tracking-widest opacity-60 hover:opacity-95
+        @apply cursor-pointer font-bubbler font-bold uppercase tracking-widest
     }
 
     .navItem.active {
-        @apply opacity-95
+        @apply opacity-100 border-b-2 border-gray-900
     }
 }
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -9,7 +9,7 @@
         <img src="https://i.imgur.com/Uo4nGZx.png" alt="img" class="animate-bounce w-[55vw] h-[55vw]">
     </div>
     <div class="flex flex-col gap-2 text-2xl relative top-4 px-4">
-        <div class="font-semibold text-center text-3xl py-12">
+        <div class="font-semibold text-center text-3xl py-8">
             <h1>Full-Stack Engineer</h1>
             <h1>&</h1>
             <h1>Machine Learning Enthusiast</h1>
@@ -21,10 +21,12 @@
             <a href="https://linkedin.com/in/mtzsouza/" target="_blank" rel="noreferrer noopener">
                 <i class="fa-brands fa-linkedin fa-xl" style="color: #111827;"></i>
             </a>
-            <a href="https://drive.google.com/file/d/1vR2t1dz1BdmSvVcTWTBB-Dz66IRBiLw1/view?usp=sharing" target="_blank" rel="noreferrer noopener">
-                <i class="fa-solid fa-file-lines fa-xl" style="color: #111827;"></i>
-            </a>
         </div>
+        <a href="https://drive.google.com/file/d/1vR2t1dz1BdmSvVcTWTBB-Dz66IRBiLw1/view?usp=sharing" target="_blank" rel="noreferrer noopener"
+        class="font-bubbler font-semibold text-center text-xl text-tan-400 border rounded bg-gray-900 border-gray-900 mx-12 py-1 h-10">
+            <i class="fa-solid fa-file-lines fa-md mx-2" style="color: #d6bb97;"></i>
+            Resume
+        </a>
     </div>
 </div>
 
@@ -44,10 +46,12 @@
             <a href="https://linkedin.com/in/mtzsouza/" target="_blank" rel="noreferrer noopener">
                 <i class="fa-brands fa-linkedin fa-xl" style="color: #111827;"></i>
             </a>
-            <a href="https://drive.google.com/file/d/1vR2t1dz1BdmSvVcTWTBB-Dz66IRBiLw1/view?usp=sharing" target="_blank" rel="noreferrer noopener">
-                <i class="fa-solid fa-file-lines fa-xl" style="color: #111827;"></i>
-            </a>
         </div>
+        <a href="https://drive.google.com/file/d/1vR2t1dz1BdmSvVcTWTBB-Dz66IRBiLw1/view?usp=sharing" target="_blank" rel="noreferrer noopener"
+        class="font-bubbler font-semibold text-center text-2xl text-tan-400 border rounded bg-gray-900 border-gray-900 mx-40 py-1 h-10">
+            <i class="fa-solid fa-file-lines fa-md mx-2" style="color: #d6bb97;"></i>
+            Resume
+        </a>
     </div>
     <div class="flex justify-center max-w-[45%] relative bottom-10">
         <img src="https://i.imgur.com/Uo4nGZx.png" alt="img" class="object-cover overflow-visible animate-bounce">

diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
@@ -25,13 +25,13 @@
 <div class="hidden h-[90%] w-full sm:grid grid-flow-row items-center justify-evenly px-4">
     <div class="h-full w-full grid grid-flow-col items-center gap-20">
         <a href="https://www.youtube.com/watch?v=BWpijxhNzvY" target="_blank" rel="noreferrer noopener">
-            <div class="rounded-lg border-solid border-blue-950 border-2 overflow-hidden 
+            <div class="rounded-lg border-solid border-gray-900 border-2 overflow-hidden 
             hover:scale-110 hover:skew-y-2 hover:-skew-x-2 hover:brightness-150 transform transition duration-300">
                 <img src="https://i.imgur.com/5qiqfsX.png" alt="">
             </div>
         </a>
         <a href="" class="cursor-default rounded-lg border-solid overflow-hidden">
-            <div class="rounded-lg border-solid border-blue-950 border-2 overflow-hidden opacity-10">
+            <div class="rounded-lg border-solid border-gray-900 border-2 overflow-hidden opacity-10">
                 <img src="https://i.imgur.com/qLCcJLy.png" alt="">
             </div>
         </a>