From aa1ce2edde9c7b3ad87011b46c82409982c0f54b Mon Sep 17 00:00:00 2001
From: Subhamoy Biswas <subhamoybiswas636@gmail.com>
Date: Sun, 26 Nov 2023 22:41:33 +0530
Subject: [PATCH] (feat): added api link sharing for: fb, twitter, whatsapp,
 telegram

---
 htdocs/assets/_floatingbar.php | 11 +++++------
 htdocs/assets/style.css        |  8 ++++++++
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/htdocs/assets/_floatingbar.php b/htdocs/assets/_floatingbar.php
index 98ba562..a1edc2f 100644
--- a/htdocs/assets/_floatingbar.php
+++ b/htdocs/assets/_floatingbar.php
@@ -117,12 +117,11 @@
             <button class="urlcopybtn px-3 border-l-[1px] border-accent_secondary_transparent" title="Copy link"><i class="fa-regular fa-copy"></i></button>
         </div>
         <div class="socialshare w-full grid grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-x-3 gap-y-3 justify-items-center p-4 my-3 bg-bg_primary rounded-lg">
-            <botton class="shareitems w-12 h-12 flex justify-center items-center bg-bg_secondary rounded-full cursor-pointer"><i class="fa-brands fa-facebook text-accent_primary"></i></botton>
-            <botton class="shareitems w-12 h-12 flex justify-center items-center bg-bg_secondary rounded-full cursor-pointer"><i class="fa-brands fa-instagram text-accent_primary"></i></botton>
-            <botton class="shareitems w-12 h-12 flex justify-center items-center bg-bg_secondary rounded-full cursor-pointer"><i class="fa-brands fa-x-twitter text-accent_primary"></i></botton>
-            <botton class="shareitems w-12 h-12 flex justify-center items-center bg-bg_secondary rounded-full cursor-pointer"><i class="fa-brands fa-whatsapp text-accent_primary"></i></botton>
-            <botton class="shareitems w-12 h-12 flex justify-center items-center bg-bg_secondary rounded-full cursor-pointer"><i class="fa-brands fa-facebook-messenger text-accent_primary"></i></botton>
-            <botton class="shareitems w-12 h-12 flex justify-center items-center bg-bg_secondary rounded-full cursor-pointer"><i class="fa-brands fa-telegram text-accent_primary"></i></botton>
+            <botton class="shareitems w-10 h-10 flex justify-center items-center bg-bg_secondary rounded-full cursor-pointer hover:bg-bg_third transition transform duration-500" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location.href))"><i class="fa-brands fa-facebook text-accent_primary"></i></botton>
+            <botton class="shareitems w-10 h-10 flex justify-center items-center bg-bg_secondary rounded-full cursor-pointer hover:bg-bg_third transition transform duration-500" onclick="window.open('https://twitter.com/intent/tweet?text=' + 'Check-out%20this%20awesome%20website:%0A' + '&url=' + encodeURIComponent(window.location.href))"><i class="fa-brands fa-x-twitter text-accent_primary"></i></botton>
+            <botton class="shareitems w-10 h-10 flex justify-center items-center bg-bg_secondary rounded-full cursor-pointer hover:bg-bg_third transition transform duration-500" onclick="window.open('https://api.whatsapp.com/send?phone=&text=' + 'Check-out%20this%20awesome%20website:%0A' + encodeURIComponent(window.location.href))"><i class="fa-brands fa-whatsapp text-accent_primary"></i></botton>
+            <botton class="shareitems w-10 h-10 flex justify-center items-center bg-bg_secondary rounded-full cursor-pointer hover:bg-bg_third transition transform duration-500" onclick="window.open('https://t.me/share/url?url=' + encodeURIComponent(window.location.href) + '&text=Check-out%20this%20awesome%20website')"><i class="fa-brands fa-telegram text-accent_primary"></i></botton>
+            <botton class="shareitems w-10 h-10 flex justify-center items-center bg-bg_secondary rounded-full cursor-pointer hover:bg-bg_third transition transform duration-500" onclick="window.open('https://t.me/share/url?url=' + encodeURIComponent(window.location.href) + '&text=Check-out%20this%20awesome%20website')"><i class="fa-brands fa-telegram text-accent_primary"></i></botton>
         </div>
     </div>
 </div>
diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css
index 5bba8a3..aaaec5f 100644
--- a/htdocs/assets/style.css
+++ b/htdocs/assets/style.css
@@ -946,6 +946,10 @@ video {
   height: 3rem;
 }
 
+.h-10 {
+  height: 2.5rem;
+}
+
 .w-0 {
   width: 0px;
 }
@@ -1047,6 +1051,10 @@ video {
   width: 3rem;
 }
 
+.w-10 {
+  width: 2.5rem;
+}
+
 .rotate-\[15deg\] {
   --tw-rotate: 15deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));