You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
4.5 KiB
HTML
103 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>FluffyChat Official Website</title>
|
|
<meta name="identifier-url" content="https://fluffychat.im" />
|
|
<meta name="title" content="FluffyChat Official Website" />
|
|
<meta name="description" content="The cutest messenger in the Matrix network" />
|
|
<meta name="abstract" content="FluffyChat is the cutest messenger in the Matrix network" />
|
|
<meta name="keywords" content="FluffyChat, Matrix, Flutter, App" />
|
|
<meta name="author" content="Krille Fear" />
|
|
<meta name="revisit-after" content="15" />
|
|
<meta name="language" content="EN" />
|
|
<meta name="robots" content="All" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" type="image/x-icon" href="favicon.png">
|
|
<link href="tailwind.css" rel="stylesheet">
|
|
<style>
|
|
@font-face {
|
|
font-family: Zen Kurenaido;
|
|
src: url(ZenKurenaido-Regular.ttf);
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="background"
|
|
class="w-screen min-h-screen bg-gradient-to-t from-purple-50 to-transparent bg-opacity-50 pb-16">
|
|
<div id="content" class="max-w-7xl mx-auto">
|
|
|
|
<nav class="h-24 bg-white dark:bg-black bg-opacity-80 flex items-center">
|
|
<img src="favicon.png" class="h-14">
|
|
<h1 class="text-2xl m-3"><span class="text-primary">Fluffy</span><span
|
|
class="text-secondary">Chat</span>
|
|
</h1>
|
|
|
|
<div id="spacer" class="flex-grow"> </div>
|
|
|
|
<a class="text-gray-500 dark:text-gray-100 m-3 hover:text-black dark:hover:text-white transition-colors"
|
|
href="https://ko-fi.com/krille">Blog</a>
|
|
<a class="text-gray-500 dark:text-gray-100 m-3 hover:text-black dark:hover:text-white transition-colors"
|
|
href="https://matrix.to/#/#fluffychat:matrix.org">Community</a>
|
|
<a class="m-3 hover:scale-125 transition-transform" href="https://mastodon.art/krille"><img class="h-6"
|
|
src="images/mastodon.png" /></a>
|
|
<a class="m-3 hover:scale-125 transition-transform"
|
|
href="https://github.com/krille-chan/fluffychat"><img class="h-6" src="images/github.png" /></a>
|
|
<a class="ml-3 px-6 py-3 rounded-xl flex items-center text-white shadow hover:shadow-xl bg-primary hover:bg-opacity-90 transition-all"
|
|
target="_blank" href="/web">Open in
|
|
browser <img class="ml-2 h-4" src="images/external_link_dark.png" /></a>
|
|
</nav>
|
|
|
|
<div id="intro-container"
|
|
class="rounded-3xl shadow shadow-gray-500/20 bg-gradient-to-r from-pink-50 via-purple-100 to-blue-50 flex mb-16">
|
|
|
|
<div id="intro-left-half" class="flex-1 flex flex-col justify-center p-16">
|
|
<h1 class="text-gray-700 text-4xl mb-4">The cutest instant messenger in [matrix]</h1>
|
|
<h2 class="text-gray-600 mb-4">Chat with your friends from any device, any operating system, and in
|
|
any
|
|
network. Compatible with other <a class="text-purple-500 hover:text-purple-700"
|
|
href="https://matrix.org/ecosystem/clients/" target="_blank">[matrix]</a> apps
|
|
and connectabel with other messaging platforms via <a
|
|
class="text-purple-500 hover:text-purple-700" href="https://matrix.org/ecosystem/bridges/"
|
|
target="_blank">bridges</a>. Designed to be accessible by
|
|
everyone.
|
|
</h2>
|
|
|
|
<div id="app-install-buttons" class="max-w-lg flex mt-4 flex-wrap">
|
|
<a href="https://apps.apple.com/app/fluffychat/id1551469600"><img src="appstore-badge.png"
|
|
class="w-36 pr-2 mb-2 inline hover:scale-105 transition-transform"></a>
|
|
<a href="https://play.google.com/store/apps/details?id=chat.fluffy.fluffychat"><img
|
|
src="google-play-badge.png"
|
|
class="w-36 pr-2 mb-2 hover:scale-105 transition-transform inline">
|
|
</a><a href="https://f-droid.org/packages/chat.fluffy.fluffychat/"><img src="fdroid_button.png"
|
|
class="w-36 pr-2 mb-2 hover:scale-105 transition-transform inline">
|
|
</a>
|
|
<a href="https://fluffychat.im/web">
|
|
<img src="browser-badge.png"
|
|
class="w-36 pr-2 mb-2 hover:scale-105 transition-transform inline"></a>
|
|
<a href="https://snapcraft.io/fluffychat"><img
|
|
src="https://snapcraft.io/static/images/badges/en/snap-store-black.svg"
|
|
class="w-36 pr-2 mb-2 hover:scale-105 transition-transform inline"></a>
|
|
<a href="https://flathub.org/apps/details/im.fluffychat.Fluffychat"><img
|
|
src="flathub-badge-en.png"
|
|
class="w-36 pr-2 mb-2 hover:scale-105 transition-transform inline"></a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="intro-right-half" class="flex-1 flex justify-center p-16">
|
|
<img class="rounded-3xl border-white shadow-xl border-8 w-80" src="screenshots/mobile.png" />
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |