sytyles: home page styles updated

Author: UsmanDev24

bun.lock

@@ -3,10 +3,10 @@
   <section class="mt-8 mb-20">
     <div class="flex flex-col md:flex-row items-center gap-16 lg:gap-20">
 
-      <div class="lg:w-1/2 flex flex-col items-center md:items-start text-left xs:text-center md:text-left lg:pr-6">
+      <div class="lg:w-1/2 flex flex-col items-center md:items-start text-center xs:text-center md:text-left lg:pr-6">
 
         <h1 class="text-4xl text-center md:text-left md:text-6xl font-black leading-[1.1] mb-8 tracking-tighter text-base-content">
-          <span class="text-transparent bg-clip-text bg-linear-to-r from-green-500  to-purple-600">Share Ideas, Spark Discussion</span>
+          <span class="text-green-500/90">Share</span> <span class="text-transparent bg-clip-text bg-linear-to-r from-green-500  to-purple-600"> Ideas, Spark </span> <span class=" text-purple-500/90">Discussion</span> 
 
         </h1>
 
@@ -105,7 +105,7 @@
 
           {{else}}
           <a href="/users/oauth/google"
-            class="btn btn-outline hover:bg-base-200 active:bg-base-300 dark:hover:bg-[#131314] flex items-center justify-center gap-4 w-full rounded-full border-base-300 h-14 transition-all shadow-sm hover:shadow-md">
+            class=" text-[#1a1a1a] dark:text-[#ededed]  outline-[#ededed] outline-0 dark:outline-[#1a1a1a] dark:bg-[#202020] bg-white hover:bg-[#ebedef] active:bg-[#ededed] dark:hover:bg-[#121212] dark:active:bg-[#080808] flex items-center justify-center gap-4 w-full rounded-full  h-14 transition-all shadow-sm hover:shadow-md">
             <svg version="1.1" class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
               <path fill="#EA4335"
                 d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z">
@@ -467,10 +467,9 @@
   <script>document.getElementById("feed_modal").showModal()</script>
   {{else}}
   <h2 class="text-3xl font-black mb-4 tracking-tight">The base is empty</h2>
-  <p class="opacity-80 mb-10 max-w-sm mx-auto leading-relaxed">Be the first one to share a technical insight or a
-    personal thought with the world.</p>
+  <p class="opacity-80 mb-10 max-w-sm mx-auto leading-relaxed">Be the first one to share ideas with the world.</p>
   <a class="btn btn-success rounded-full px-10 shadow-lg shadow-success/20" href="/posts/add">
-    Create Your First Post
+    Create First Post
   </a>
   {{/if}}
 </div>

src/public/assets/stylesheets/styles.css

@@ -3,11 +3,11 @@
 
     <div class="bg-primary/90 text-primary-content p-8 rounded-t-2xl text-center">
       <h2 class="text-3xl font-bold">Welcome Back</h2>
-      <p class="text-sm opacity-80 mt-2">Log in to manage your notes</p>
+      <p class="text-sm opacity-80 mt-2">Log in to manage your Posts</p>
     </div>
 
     <form class="card-body gap-4 p-6 md:p-8" method='POST' action='/users/login'>
-      <a href="/users/oauth/google" class="btn btn-outline items-center gap-3 bg-white dark:bg-[#131314] rounded-full">
+      <a href="/users/oauth/google" class="btn btn-outline items-center gap-3 bg-white dark:bg-[#101214] dark:active:bg-[#080112] rounded-full">
         <svg version="1.1" class=" h-5.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: block;">
         <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
         <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>