From 9cfababf3fb99671f8ec2a7dd3db0dca6b5199bd Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 16 Mar 2025 13:00:24 +0200
Subject: [PATCH] update mobile size

---
 templates/partials/media/social.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/templates/partials/media/social.html b/templates/partials/media/social.html
index f9df09d1a..25ca2eac6 100644
--- a/templates/partials/media/social.html
+++ b/templates/partials/media/social.html
@@ -7,28 +7,28 @@
         <div class="pt-6 lg:pt-10 relative flex flex-col xl:flex xl:flex-row text-center mx-auto justify-center mx-auto">
                 <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
                     <div class="myscale text-white">
-                        <a target="_blank" href="https://forum.threefold.io/"><img src="images/discourse_dark.png" class="mx-auto" width="60px" alt="Image"></p>
+                        <a target="_blank" href="https://forum.threefold.io/"><img src="/images/discourse_dark.png" class="mx-auto" width="60px" alt="Image"></p>
                     </div>
                     <h6 class="text-white mt-4 font-semibold">Forum</h6>
                     <p class="text-base text-white  leading-snug">Ask Questions</p>
                 </div>   
                 <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
                     <div class="myscale">
-                      <a target="_blank" href="https://github.com/threefoldfoundation"><img src="images/github_dark.png" class="mx-auto" width="60px" alt="Image"></a>
+                      <a target="_blank" href="https://github.com/threefoldfoundation"><img src="/images/github_dark.png" class="mx-auto" width="60px" alt="Image"></a>
                     </div>
                     <h6 class="text-white mt-4 font-semibold">GitHub | Tech</h6>
                     <p class="text-base text-white  leading-snug">Open-Source Collaboration for Tech Development</p>
                 </div>
                 <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
                     <div class="myscale">
-                      <a target="_blank" href="https://github.com/threefoldtech"><img src="images/github_dark.png" class="mx-auto" width="60px" alt="Image"></a>
+                      <a target="_blank" href="https://github.com/threefoldtech"><img src="/images/github_dark.png" class="mx-auto" width="60px" alt="Image"></a>
                     </div>
                     <h6 class="text-white mt-4 font-semibold">GitHub | Foundation</h6>
                     <p class="text-base text-white  leading-snug">Open-source Collaboration for Websites and Online Info</p>
                 </div>
                 <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
                     <div class="myscale">
-                      <a target="_blank" href="https://x.com/threefold_io"><img src="images/twitter.png" class="mx-auto" width="60px" alt="Image"></a>
+                      <a target="_blank" href="https://x.com/threefold_io"><img src="/images/twitter.png" class="mx-auto" width="60px" alt="Image"></a>
                     </div>
                     <h6 class="text-white mt-4 font-semibold">X | Twitter</h6>
                     <p class="text-base text-white  leading-snug">"Tweet" With Us</p>   
@@ -37,28 +37,28 @@
         <div class="pt-6 lg:pt-10 relative flex flex-col xl:flex xl:flex-row text-center mx-auto justify-center mx-auto">
             <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
                 <div class="myscale text-white">
-                    <a target="_blank" href="https://t.me/threefoldnews"><img src="images/telegram.png" class="mx-auto" width="60px" alt="Image"></p>
+                    <a target="_blank" href="https://t.me/threefoldnews"><img src="/images/telegram.png" class="mx-auto" width="60px" alt="Image"></p>
                 </div>
                 <h6 class="text-white mt-4 font-semibold">Telegram News</h6>
                 <p class="text-base text-white  leading-snug">Stay Updated</p>
             </div>   
             <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
                 <div class="myscale">
-                  <a target="_blank" href="https://t.me/threefold"><img src="images/telegram.png" class="mx-auto" width="60px" alt="Image"></a>
+                  <a target="_blank" href="https://t.me/threefold"><img src="/images/telegram.png" class="mx-auto" width="60px" alt="Image"></a>
                 </div>
                 <h6 class="text-white mt-4 font-semibold">Telegram Main Chat</h6>
                 <p class="text-base text-white  leading-snug">Community Conversation</p>
             </div>
             <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
                 <div class="myscale">
-                  <a target="_blank" href="https://t.me/threefoldfarmers"><img src="images/telegram.png" class="mx-auto" width="60px" alt="Image"></a>
+                  <a target="_blank" href="https://t.me/threefoldfarmers"><img src="/images/telegram.png" class="mx-auto" width="60px" alt="Image"></a>
                 </div>
                 <h6 class="text-white mt-4 font-semibold">Telegram Farmers Chat</h6>
                 <p class="text-base text-white  leading-snug">Farming Community</p>
             </div>
             <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
                 <div class="myscale">
-                  <a target="_blank" href="https://t.me/threefoldtesting"><img src="images/telegram.png" class="mx-auto" width="60px" alt="Image"></a>
+                  <a target="_blank" href="https://t.me/threefoldtesting"><img src="/images/telegram.png" class="mx-auto" width="60px" alt="Image"></a>
                 </div>
                 <h6 class="text-white mt-4 font-semibold">Telegram Grid User Chat</h6>
                 <p class="text-base text-white  leading-snug">Grid User Community</p>   
@@ -67,28 +67,28 @@
         <div class="pt-6 lg:pt-10 relative flex flex-col xl:flex xl:flex-row text-center mx-auto justify-center mx-auto">
             <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
                 <div class="myscale text-white">
-                    <a target="_blank" href="https://www.reddit.com/r/threefold/"><img src="images/reddit_dark.png" class="mx-auto" width="60px" alt="Image"></p>
+                    <a target="_blank" href="https://www.reddit.com/r/threefold/"><img src="/images/reddit_dark.png" class="mx-auto" width="60px" alt="Image"></p>
                 </div>
                 <h6 class="text-white mt-4 font-semibold">Reddit</h6>
                 <p class="text-base text-white  leading-snug">Join In</p>
             </div>   
             <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
                 <div class="myscale">
-                  <a target="_blank" href="https://www.youtube.com/@ThreeFoldFoundation"><img src="images/youtube.png" class="mx-auto" width="60px" alt="Image"></a>
+                  <a target="_blank" href="https://www.youtube.com/@ThreeFoldFoundation"><img src="/images/youtube.png" class="mx-auto" width="60px" alt="Image"></a>
                 </div>
                 <h6 class="text-white mt-4 font-semibold">YouTube</h6>
                 <p class="text-base text-white  leading-snug">Watch Things Unfold</p>
             </div>
             <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
                 <div class="myscale">
-                  <a target="_self" href="javascript:;" onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')"><img src="images/mail_dark.png" class="mx-auto" width="60px" alt="Image"></a>
+                  <a target="_self" href="javascript:;" onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')"><img src="/images/mail_dark.png" class="mx-auto" width="60px" alt="Image"></a>
                 </div>
                 <h6 class="text-white mt-4 font-semibold">E-mail Newsletter</h6>
                 <p class="text-base text-white  leading-snug">Updates in Your Inbox</p>
             </div>
             <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
                 <div class="myscale">
-                  <a target="_blank" href="https://www.linkedin.com/company/threefold-io/"><img src="images/linkedin_dark.png" class="mx-auto" width="60px" alt="Image"></a>
+                  <a target="_blank" href="https://www.linkedin.com/company/threefold-io/"><img src="/images/linkedin_dark.png" class="mx-auto" width="60px" alt="Image"></a>
                 </div>
                 <h6 class="text-white mt-4 font-semibold">LinkedIn</h6>
                 <p class="text-base text-white  leading-snug">Lets Network</p>