fluffychat/docs/index.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>
Improve website SEO tagging 3 years ago			`<!DOCTYPE html>`
			`<html lang="en">`
docs: More minimalistic website 2 years ago			`<html>`
Improve website SEO tagging 3 years ago
			`<head>`
docs: More minimalistic website 2 years ago			`<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">`
Improve website SEO tagging 3 years ago			`<style>`
			`@font-face {`
			`font-family: Zen Kurenaido;`
			`src: url(ZenKurenaido-Regular.ttf);`
			`}`
			`</style>`
			`</head>`

docs: New website 1 year ago			`<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">`
docs: More minimalistic website 2 years ago
docs: New website 1 year ago			`<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>`
Improve website SEO tagging 3 years ago
docs: New website 1 year ago			`<div id="spacer" class="flex-grow"> </div>`
Improve website SEO tagging 3 years ago
docs: New website 1 year ago			`<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>`
Improve website SEO tagging 3 years ago
docs: New website 1 year ago			`</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>`
Improve website SEO tagging 3 years ago			`</body>`

docs: Update mastodon link 2 years ago			`</html>`