update mobile size

This commit is contained in:
2025-03-16 13:00:24 +02:00
parent 88d039b6b4
commit 9cfababf3f

View File

@@ -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="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="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
<div class="myscale text-white"> <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> </div>
<h6 class="text-white mt-4 font-semibold">Forum</h6> <h6 class="text-white mt-4 font-semibold">Forum</h6>
<p class="text-base text-white leading-snug">Ask Questions</p> <p class="text-base text-white leading-snug">Ask Questions</p>
</div> </div>
<div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0"> <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
<div class="myscale"> <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> </div>
<h6 class="text-white mt-4 font-semibold">GitHub | Tech</h6> <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> <p class="text-base text-white leading-snug">Open-Source Collaboration for Tech Development</p>
</div> </div>
<div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0"> <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
<div class="myscale"> <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> </div>
<h6 class="text-white mt-4 font-semibold">GitHub | Foundation</h6> <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> <p class="text-base text-white leading-snug">Open-source Collaboration for Websites and Online Info</p>
</div> </div>
<div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0"> <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
<div class="myscale"> <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> </div>
<h6 class="text-white mt-4 font-semibold">X | Twitter</h6> <h6 class="text-white mt-4 font-semibold">X | Twitter</h6>
<p class="text-base text-white leading-snug">"Tweet" With Us</p> <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="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="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
<div class="myscale text-white"> <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> </div>
<h6 class="text-white mt-4 font-semibold">Telegram News</h6> <h6 class="text-white mt-4 font-semibold">Telegram News</h6>
<p class="text-base text-white leading-snug">Stay Updated</p> <p class="text-base text-white leading-snug">Stay Updated</p>
</div> </div>
<div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0"> <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
<div class="myscale"> <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> </div>
<h6 class="text-white mt-4 font-semibold">Telegram Main Chat</h6> <h6 class="text-white mt-4 font-semibold">Telegram Main Chat</h6>
<p class="text-base text-white leading-snug">Community Conversation</p> <p class="text-base text-white leading-snug">Community Conversation</p>
</div> </div>
<div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0"> <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
<div class="myscale"> <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> </div>
<h6 class="text-white mt-4 font-semibold">Telegram Farmers Chat</h6> <h6 class="text-white mt-4 font-semibold">Telegram Farmers Chat</h6>
<p class="text-base text-white leading-snug">Farming Community</p> <p class="text-base text-white leading-snug">Farming Community</p>
</div> </div>
<div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0"> <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
<div class="myscale"> <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> </div>
<h6 class="text-white mt-4 font-semibold">Telegram Grid User Chat</h6> <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> <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="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="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
<div class="myscale text-white"> <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> </div>
<h6 class="text-white mt-4 font-semibold">Reddit</h6> <h6 class="text-white mt-4 font-semibold">Reddit</h6>
<p class="text-base text-white leading-snug">Join In</p> <p class="text-base text-white leading-snug">Join In</p>
</div> </div>
<div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0"> <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
<div class="myscale"> <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> </div>
<h6 class="text-white mt-4 font-semibold">YouTube</h6> <h6 class="text-white mt-4 font-semibold">YouTube</h6>
<p class="text-base text-white leading-snug">Watch Things Unfold</p> <p class="text-base text-white leading-snug">Watch Things Unfold</p>
</div> </div>
<div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0"> <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
<div class="myscale"> <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> </div>
<h6 class="text-white mt-4 font-semibold">E-mail Newsletter</h6> <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> <p class="text-base text-white leading-snug">Updates in Your Inbox</p>
</div> </div>
<div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0"> <div class="flex-1 mb-6 md:mb-0 px-2 md:px-4 w-full m-2 lg:m-0">
<div class="myscale"> <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> </div>
<h6 class="text-white mt-4 font-semibold">LinkedIn</h6> <h6 class="text-white mt-4 font-semibold">LinkedIn</h6>
<p class="text-base text-white leading-snug">Lets Network</p> <p class="text-base text-white leading-snug">Lets Network</p>