chore: Update font family in tailwind.config.js and input.css

mabushelbaia · Jun 9, 2024 · ffab374 · ffab374
1 parent 0e4c290
commit ffab374
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 133 deletions.
diff --git a/index.html b/index.html
@@ -26,7 +26,7 @@
   </head>
 
   <body
-    class="dark:bg-neutral-900 bg-neutral-50 transition-all text-xs md:text-md"
+    class="dark:bg-neutral-900 bg-neutral-50 transition-all text-xs md:text-md font-sans font-bold"
   >
     <div class="my-4 mx-5">
       <div class="flex flex-row items-center">
@@ -88,7 +88,7 @@ <h1 class="dark:text-white font-bold text-lg">
               Mohammad <br class="md:hidden block" />Abu-Shelbaia
             </h3>
             <a
-              class="text-sm font-medium text-gray-500 dark:text-gray-400 hover:text-gray-600 hover:dark:text-gray-500 transition-colors"
+              class="text-sm font-bold text-gray-500 dark:text-gray-400 hover:text-gray-600 hover:dark:text-gray-500 transition-colors"
               href="mailto:[email protected]"
               >[email protected]</a
             >
@@ -100,26 +100,26 @@ <h1 class="dark:text-white font-bold text-lg">
         <a
           href="https://www.birzeit.edu/"
           target="_blank"
-          class="font-medium text-green-400 dark:text-green-300 hover:underline"
+          class=" text-green-400 dark:text-green-300 hover:underline"
           >Birzeit University</a
         >, interested in Computer Networks, Microcontrollers, and Robotics.In
         addition, I have expertise in deploying web applications using
         <a
           href="https://flask.palletsprojects.com/"
           target="_blank"
-          class="font-medium text-blue-500 dark:text-blue-300 hover:underline"
+          class=" text-blue-500 dark:text-blue-300 hover:underline"
           >Flask</a
         >,
         <a
           href="https://www.djangoproject.com/"
           target="_blank"
-          class="font-medium text-green-500 dark:text-green-500 hover:underline"
+          class=" text-green-500 dark:text-green-500 hover:underline"
           >Django</a
         >, and enhancing user interfaces with
         <a
           href="https://tailwindcss.com/"
           target="_blank"
-          class="font-medium text-blue-500 dark:text-blue-400 hover:underline"
+          class=" text-blue-500 dark:text-blue-400 hover:underline"
           >Tailwind CSS</a
         >.
       </p>
@@ -233,7 +233,7 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
           <ul class="flex gap-0 mt-auto">
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
@@ -244,7 +244,7 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
 
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
@@ -255,7 +255,7 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
 
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
@@ -305,7 +305,7 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
           <ul class="flex flex-wrap mt-auto">
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
@@ -316,7 +316,7 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
 
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
@@ -327,7 +327,7 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
 
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
@@ -378,7 +378,7 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
           <ul class="flex flex-wrap mt-auto">
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
@@ -389,18 +389,18 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
 
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
                 ></span>
-                Pkcs5-Padding</span
+                PKCS5-Padding</span
               >
             </li>
 
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
@@ -451,7 +451,7 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
           <ul class="flex flex-wrap mt-auto">
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
@@ -461,7 +461,7 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
             </li>
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
@@ -471,7 +471,7 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
             </li>
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
@@ -482,7 +482,7 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
 
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"
@@ -493,7 +493,7 @@ <h3 class="mb-2 text-3xl font-bold tracking-tight dark:text-white">
 
             <li>
               <span
-                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-medium mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
+                class="inline-flex items-center gap-1.5 py-1 px-2.5 bg-green-100 text-green-800 text-xs font-bold mr-2 rounded-full dark:bg-green-900 dark:text-green-400 dark:bg-opacity-5 dark:ring-1 dark:ring-inset dark:ring-green-600/20 mb-2 whitespace-nowrap"
               >
                 <span
                   class="w-1.5 h-1.5 inline-block bg-green-400 rounded-full"