(feat): replaced Hire Me button with View CV

htdocs/assets/style.css

@@ -766,6 +766,10 @@ video {
   margin-bottom: 60vh;
 }
 
+.ml-1 {
+  margin-left: 0.25rem;
+}
+
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -862,10 +866,6 @@ video {
   margin-top: 30vh;
 }
 
-.ml-1 {
-  margin-left: 0.25rem;
-}
-
 .flex {
   display: flex;
 }
@@ -898,10 +898,6 @@ video {
   height: 10px;
 }
 
-.h-\[150px\] {
-  height: 150px;
-}
-
 .h-\[200px\] {
   height: 200px;
 }
@@ -962,10 +958,6 @@ video {
   width: 0.5rem;
 }
 
-.w-\[150px\] {
-  width: 150px;
-}
-
 .w-\[200px\] {
   width: 200px;
 }
@@ -990,10 +982,6 @@ video {
   width: 35px;
 }
 
-.w-\[40\%\] {
-  width: 40%;
-}
-
 .w-\[40px\] {
   width: 40px;
 }
@@ -1062,10 +1050,6 @@ video {
   cursor: pointer;
 }
 
-.grid-cols-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
 .grid-cols-5 {
   grid-template-columns: repeat(5, minmax(0, 1fr));
 }
@@ -1167,10 +1151,6 @@ video {
   border-radius: 0.75rem;
 }
 
-.rounded-sm {
-  border-radius: 0.125rem;
-}
-
 .border-\[1px\] {
   border-width: 1px;
 }
@@ -1191,14 +1171,14 @@ video {
   border-left-width: 1px;
 }
 
-.border-t-\[5px\] {
-  border-top-width: 5px;
-}
-
 .border-t-\[1px\] {
   border-top-width: 1px;
 }
 
+.border-t-\[5px\] {
+  border-top-width: 5px;
+}
+
 .border-\[rgba\(255\2c _255\2c _255\2c _0\.15\)\] {
   border-color: rgba(255, 255, 255, 0.15);
 }
@@ -1299,14 +1279,15 @@ video {
   padding: 1rem;
 }
 
-.p-5 {
-  padding: 1.25rem;
-}
-
 .p-\[0\.30rem\] {
   padding: 0.30rem;
 }
 
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1387,6 +1368,11 @@ video {
   padding-bottom: 0.05rem;
 }
 
+.py-\[0\.10rem\] {
+  padding-top: 0.10rem;
+  padding-bottom: 0.10rem;
+}
+
 .py-\[0\.15rem\] {
   padding-top: 0.15rem;
   padding-bottom: 0.15rem;
@@ -1397,16 +1383,6 @@ video {
   padding-bottom: 0.30rem;
 }
 
-.py-\[0\.10rem\] {
-  padding-top: 0.10rem;
-  padding-bottom: 0.10rem;
-}
-
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-
 .text-center {
   text-align: center;
 }
@@ -1434,6 +1410,10 @@ video {
   line-height: 2.5rem;
 }
 
+.text-\[0\.50rem\] {
+  font-size: 0.50rem;
+}
+
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -1459,10 +1439,6 @@ video {
   line-height: 1rem;
 }
 
-.text-\[0\.50rem\] {
-  font-size: 0.50rem;
-}
-
 .font-\[300\] {
   font-weight: 300;
 }
@@ -1732,20 +1708,20 @@ video {
     height: 60vh;
   }
 
-  .md\:w-\[44vw\] {
+  .md\:w-\[150px\] {
-    width: 44vw;
+    width: 150px;
-  }
-
-  .md\:w-\[50vw\] {
-    width: 50vw;
   }
 
   .md\:w-\[40\%\] {
     width: 40%;
   }
 
-  .md\:w-\[150px\] {
+  .md\:w-\[44vw\] {
-    width: 150px;
+    width: 44vw;
+  }
+
+  .md\:w-\[50vw\] {
+    width: 50vw;
   }
 
   .md\:flex-row {

htdocs/home.php

@@ -25,7 +25,7 @@ require 'core/query_functions.php';
                 <h2 class="text-lg mt-3 mb-1 lg:mt-2 lg:mb-1 lg:whitespace-nowrap">Full Stacked <span class="text-accent_primary font-bold">Web Designer</span> and <span class="text-accent_primary font-bold">Android Developer</span></h2>
                 <h3 class="text-lg mt-1 mb-3 lg:mt-1 lg:mb-2 lg:whitespace-nowrap">Based on <span class="text-accent_primary font-bold">Kolkata</span>, <span class="font-bold">India</span></h3>
                 <div class="w-full flex justify-start items-center my-7 lg:my-6">
-                    <button class="px-5 py-1 font-bold bg-accent_primary text-bg_primary rounded-full hover:shadow-lg hover:shadow-accent_secondary_transparent hover:bg-accent_secondary hover:rounded-lg transition transform duration-500" onclick="location.href='<?php echo $basePath . '/contact' ?>'">Hire Me</button>
+                    <button class="px-5 py-1 font-bold bg-accent_primary text-bg_primary rounded-full hover:shadow-lg hover:shadow-accent_secondary_transparent hover:bg-accent_secondary hover:rounded-lg transition transform duration-500" onclick="window.alert('Feature coming soon...!')">View CV</button>
                     <i class="text-accent_primary text-2xl cursor-pointer ml-8 mr-3 hover:scale-125 hover:text-accent_secondary transition transform duration-300 <?php echo fetch_social_icon($conn, 'Facebook')?>" onclick="window.open('<?php echo fetch_social_link($conn, 'Facebook') ?>')"></i>
                     <i class="text-accent_primary text-2xl cursor-pointer mx-3 hover:scale-125 hover:text-accent_secondary transition transform duration-300 <?php echo fetch_social_icon($conn, 'Instagram')?>" onclick="window.open('<?php echo fetch_social_link($conn, 'Instagram') ?>')"></i>
                     <i class="text-accent_primary text-2xl cursor-pointer mx-3 hover:scale-125 hover:text-accent_secondary transition transform duration-300 <?php echo fetch_social_icon($conn, 'Twitter')?>" onclick="window.open('<?php echo fetch_social_link($conn, 'Twitter') ?>')"></i>