docs: Website buttons fixed

This commit is contained in:
Krille Fear 2021-11-06 08:26:09 +01:00
parent f7622dc46d
commit 0852b8963d
1 changed files with 11 additions and 9 deletions

View File

@ -303,35 +303,37 @@
<p class="text-blue-700 font-bold pb-4 text-center md:text-left fade-in">Mobile app:</p>
<div class="w-full flex justify-center md:justify-start pb-24 lg:pb-0 fade-in">
<a href="https://apps.apple.com/app/fluffychat/id1551469600"><img src="appstore-badge.png"
class="h-12 pr-2 mb-2 bounce-top-icons inline"></a>
class="max-h-12 pr-2 mb-2 bounce-top-icons inline"></a>
<a href="https://play.google.com/store/apps/details?id=chat.fluffy.fluffychat"><img
src="google-play-badge.png" class="h-12 pr-2 mb-2 bounce-top-icons inline">
src="google-play-badge.png" class="max-h-12 pr-2 mb-2 bounce-top-icons inline">
</a><a href="https://f-droid.org/de/packages/chat.fluffy.fluffychat/"><img src="fdroid_button.png"
class="h-12 pr-2 mb-2 bounce-top-icons inline">
class="max-h-12 pr-2 mb-2 bounce-top-icons inline">
</a>
</div>
<p class="text-blue-700 font-bold py-4 text-center md:text-left fade-in">Desktop app:</p>
<div class="w-full flex justify-center md:justify-start pb-24 lg:pb-0 fade-in">
<div class="h-12 pr-2 mb-2 bounce-top-icons inline">
<div class="max-h-12 pr-2 mb-2 bounce-top-icons inline">
<a href="https://fluffychat.im/web/"
class="h-12 bg-black w-36 rounded flex items-center bounce-top-icons">
class="max-h-12 bg-black w-36 rounded flex items-center bounce-top-icons">
<img class="h-8 m-2 ml-3" src="firefox_icon.png" />
<p class="text-white m-2 font-bold text-sm leading-3">Open in Browser</p>
</a>
</div>
<a href="https://snapcraft.io/fluffychat"><img
src="https://snapcraft.io/static/images/badges/en/snap-store-black.svg"
class="h-12 pr-2 mb-2 bounce-top-icons inline"></a>
class="max-h-12 pr-2 mb-2 bounce-top-icons inline"></a>
<a href="https://flathub.org/apps/details/im.fluffychat.Fluffychat"><img src="flathub-badge-en.png"
class="h-12 pr-2 mb-2 bounce-top-icons inline"></a>
class="max-h-12 pr-2 mb-2 bounce-top-icons inline"></a>
</div>
</div>
<!--Right Col-->
<div class="w-full xl:w-3/5 py-6 relative">
<img class="w-5/6 mx-auto lg:mr-0 slide-in-bottom md:block hidden" src="screenshots/Bildschirmfoto vom 2021-11-05 18-29-38.png">
<img class="slide-in-bottom mx-auto md:absolute left-16 bottom-0 w-64 rounded-xl shadow-xl border border-gray-300" src="screenshots/Simulator Screen Shot - iPhone 13 Pro Max - 2021-11-05 at 18.09.00.png">
<img class="w-5/6 mx-auto lg:mr-0 slide-in-bottom md:block hidden"
src="screenshots/Bildschirmfoto vom 2021-11-05 18-29-38.png">
<img class="slide-in-bottom mx-auto md:absolute left-16 bottom-0 w-64 rounded-xl shadow-xl border border-gray-300"
src="screenshots/Simulator Screen Shot - iPhone 13 Pro Max - 2021-11-05 at 18.09.00.png">
</div>
<!--Footer-->