mirror of
https://gitlab.com/famedly/fluffychat.git
synced 2024-11-19 10:39:26 +01:00
docs: More minimalistic website
This commit is contained in:
Krille
parent
5df709e12b
commit
09a74bf3ee
576
docs/index.html
576
docs/index.html
@ -1,461 +1,62 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<title>FluffyChat Official Website</title>
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta name="identifier-url" content="https://fluffychat.im" />
|
||||||
<title>FluffyChat - Official Website</title>
|
<meta name="title" content="FluffyChat Official Website" />
|
||||||
<meta name="description" content="A cute and secure chatclient for the matrix protocol">
|
<meta name="description" content="The cutest messenger in the Matrix network" />
|
||||||
<meta name="keywords"
|
<meta name="abstract" content="FluffyChat is the cutest messenger in the Matrix network" />
|
||||||
content="Fluffychat, Matrix, Web, Android, iOS, Desktop, Chat, Client, Chatclient, Matrix.org, Secure, E2EE, End to End, Encryption, End to End Encryption, F-Droid, Foss, FOSS, OpenSource, Free, Community, Open">
|
<meta name="keywords" content="FluffyChat, Matrix, Flutter, App" />
|
||||||
<script type="application/ld+json">
|
<meta name="author" content="Krille Fear" />
|
||||||
{
|
<meta name="revisit-after" content="15" />
|
||||||
"@context": "https://schema.org",
|
<meta name="language" content="EN" />
|
||||||
"@type": "MobileApplication",
|
<meta name="robots" content="All" />
|
||||||
"name": "Fluffychat",
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
"applicationCategory": "CommunicationApplication",
|
<link rel="icon" type="image/x-icon" href="favicon.png">
|
||||||
"countriesNotSupported": "fr",
|
<link href="tailwind.css" rel="stylesheet">
|
||||||
"operatingSystem": "ANDROID",
|
|
||||||
"releaseNotes": "https://gitlab.com/famedly/fluffychat/-/blob/main/CHANGELOG.md",
|
|
||||||
"screenshot": "https://gitlab.com/famedly/fluffychat/-/raw/main/docs/screenshots/mobile.png",
|
|
||||||
"softwareHelp": "https://gitlab.com/famedly/fluffychat/-/wikis/FAQ",
|
|
||||||
"author": {
|
|
||||||
"@type": "Person",
|
|
||||||
"callSign": "KrilleFear"
|
|
||||||
},
|
|
||||||
"license": "https://gitlab.com/famedly/fluffychat/-/blob/main/LICENSE",
|
|
||||||
"offers": {
|
|
||||||
"@type": "Offer",
|
|
||||||
"price": "0",
|
|
||||||
"priceCurrency": "USD"
|
|
||||||
},
|
|
||||||
"aggregateRating": {
|
|
||||||
"@type": "AggregateRating",
|
|
||||||
"ratingValue": "4.5",
|
|
||||||
"ratingCount": "133"
|
|
||||||
},
|
|
||||||
"installUrl": "https://play.google.com/store/apps/details?id=chat.fluffy.fluffychat"
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "https://schema.org",
|
|
||||||
"@type": "MobileApplication",
|
|
||||||
"name": "Fluffychat",
|
|
||||||
"applicationCategory": "CommunicationApplication",
|
|
||||||
"countriesNotSupported": "fr",
|
|
||||||
"operatingSystem": "ANDROID",
|
|
||||||
"releaseNotes": "https://gitlab.com/famedly/fluffychat/-/blob/main/CHANGELOG.md",
|
|
||||||
"screenshot": "https://gitlab.com/famedly/fluffychat/-/raw/main/docs/screenshots/mobile.png",
|
|
||||||
"softwareHelp": "https://gitlab.com/famedly/fluffychat/-/wikis/FAQ",
|
|
||||||
"author": {
|
|
||||||
"@type": "Person",
|
|
||||||
"callSign": "KrilleFear"
|
|
||||||
},
|
|
||||||
"license": "https://gitlab.com/famedly/fluffychat/-/blob/main/LICENSE",
|
|
||||||
"offers": {
|
|
||||||
"@type": "Offer",
|
|
||||||
"price": "0",
|
|
||||||
"priceCurrency": "USD"
|
|
||||||
},
|
|
||||||
"aggregateRating": {
|
|
||||||
"@type": "AggregateRating",
|
|
||||||
"ratingValue": "4.5",
|
|
||||||
"ratingCount": "133"
|
|
||||||
},
|
|
||||||
"installUrl": "https://f-droid.org/de/packages/chat.fluffy.fluffychat/"
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "https://schema.org",
|
|
||||||
"@type": "MobileApplication",
|
|
||||||
"name": "Fluffychat",
|
|
||||||
"applicationCategory": "CommunicationApplication",
|
|
||||||
"countriesNotSupported": "fr",
|
|
||||||
"operatingSystem": "IOS",
|
|
||||||
"releaseNotes": "https://gitlab.com/famedly/fluffychat/-/blob/main/CHANGELOG.md",
|
|
||||||
"screenshot": "https://gitlab.com/famedly/fluffychat/-/raw/main/docs/screenshots/mobile.png",
|
|
||||||
"softwareHelp": "https://gitlab.com/famedly/fluffychat/-/wikis/FAQ",
|
|
||||||
"author": {
|
|
||||||
"@type": "Person",
|
|
||||||
"callSign": "KrilleFear"
|
|
||||||
},
|
|
||||||
"license": "https://gitlab.com/famedly/fluffychat/-/blob/main/LICENSE",
|
|
||||||
"offers": {
|
|
||||||
"@type": "Offer",
|
|
||||||
"price": "0",
|
|
||||||
"priceCurrency": "USD"
|
|
||||||
},
|
|
||||||
"aggregateRating": {
|
|
||||||
"@type": "AggregateRating",
|
|
||||||
"ratingValue": "4.4",
|
|
||||||
"ratingCount": "28"
|
|
||||||
},
|
|
||||||
"installUrl": "https://apps.apple.com/app/fluffychat/id1551469600"
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "https://schema.org",
|
|
||||||
"@type": "WebApplication",
|
|
||||||
"name": "Fluffychat",
|
|
||||||
"applicationCategory": "CommunicationApplication",
|
|
||||||
"countriesNotSupported": "fr",
|
|
||||||
"operatingSystem": "WEB",
|
|
||||||
"releaseNotes": "https://gitlab.com/famedly/fluffychat/-/blob/main/CHANGELOG.md",
|
|
||||||
"screenshot": "https://gitlab.com/famedly/fluffychat/-/raw/main/docs/screenshots/mobile.png",
|
|
||||||
"softwareHelp": "https://gitlab.com/famedly/fluffychat/-/wikis/FAQ",
|
|
||||||
"author": {
|
|
||||||
"@type": "Person",
|
|
||||||
"callSign": "KrilleFear"
|
|
||||||
},
|
|
||||||
"license": "https://gitlab.com/famedly/fluffychat/-/blob/main/LICENSE",
|
|
||||||
"offers": {
|
|
||||||
"@type": "Offer",
|
|
||||||
"price": "0",
|
|
||||||
"priceCurrency": "USD"
|
|
||||||
},
|
|
||||||
"aggregateRating": {
|
|
||||||
"@type": "AggregateRating",
|
|
||||||
"ratingValue": "4.5",
|
|
||||||
"ratingCount": "133"
|
|
||||||
},
|
|
||||||
"url": "https://fluffychat.im/web",
|
|
||||||
"downloadUrl": "https://fluffychat.im/web",
|
|
||||||
"installUrl": "https://fluffychat.im/web"
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "https://schema.org",
|
|
||||||
"@type": "SoftwareApplication",
|
|
||||||
"name": "Fluffychat",
|
|
||||||
"applicationCategory": "CommunicationApplication",
|
|
||||||
"countriesNotSupported": "fr",
|
|
||||||
"operatingSystem": "LINUX",
|
|
||||||
"releaseNotes": "https://gitlab.com/famedly/fluffychat/-/blob/main/CHANGELOG.md",
|
|
||||||
"screenshot": "https://gitlab.com/famedly/fluffychat/-/raw/main/docs/screenshots/mobile.png",
|
|
||||||
"softwareHelp": "https://gitlab.com/famedly/fluffychat/-/wikis/FAQ",
|
|
||||||
"author": {
|
|
||||||
"@type": "Person",
|
|
||||||
"callSign": "KrilleFear"
|
|
||||||
},
|
|
||||||
"license": "https://gitlab.com/famedly/fluffychat/-/blob/main/LICENSE",
|
|
||||||
"offers": {
|
|
||||||
"@type": "Offer",
|
|
||||||
"price": "0",
|
|
||||||
"priceCurrency": "USD"
|
|
||||||
},
|
|
||||||
"aggregateRating": {
|
|
||||||
"@type": "AggregateRating",
|
|
||||||
"ratingValue": "4.5",
|
|
||||||
"ratingCount": "133"
|
|
||||||
},
|
|
||||||
"downloadUrl": "https://snapcraft.io/fluffychat",
|
|
||||||
"installUrl": "https://snapcraft.io/fluffychat"
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "https://schema.org",
|
|
||||||
"@type": "SoftwareApplication",
|
|
||||||
"name": "Fluffychat",
|
|
||||||
"applicationCategory": "CommunicationApplication",
|
|
||||||
"countriesNotSupported": "fr",
|
|
||||||
"operatingSystem": "LINUX",
|
|
||||||
"releaseNotes": "https://gitlab.com/famedly/fluffychat/-/blob/main/CHANGELOG.md",
|
|
||||||
"screenshot": "https://gitlab.com/famedly/fluffychat/-/raw/main/docs/screenshots/mobile.png",
|
|
||||||
"softwareHelp": "https://gitlab.com/famedly/fluffychat/-/wikis/FAQ",
|
|
||||||
"author": {
|
|
||||||
"@type": "Person",
|
|
||||||
"callSign": "KrilleFear"
|
|
||||||
},
|
|
||||||
"license": "https://gitlab.com/famedly/fluffychat/-/blob/main/LICENSE",
|
|
||||||
"offers": {
|
|
||||||
"@type": "Offer",
|
|
||||||
"price": "0",
|
|
||||||
"priceCurrency": "USD"
|
|
||||||
},
|
|
||||||
"aggregateRating": {
|
|
||||||
"@type": "AggregateRating",
|
|
||||||
"ratingValue": "4.5",
|
|
||||||
"ratingCount": "133"
|
|
||||||
},
|
|
||||||
"downloadUrl": "https://flathub.org/apps/details/im.fluffychat.Fluffychat",
|
|
||||||
"installUrl": "https://flathub.org/apps/details/im.fluffychat.Fluffychat"
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "https://schema.org",
|
|
||||||
"@type": "WebSite",
|
|
||||||
"name": "FluffyChat - Official Website",
|
|
||||||
"url": "https://fluffychat.im",
|
|
||||||
"description": "A cute and secure chatclient for the matrix protocol",
|
|
||||||
"thumbnailUrl": "https://fluffychat.im/favicon.png",
|
|
||||||
"inLanguage": "de-de"
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "https://schema.org",
|
|
||||||
"@type": "BreadcrumbList",
|
|
||||||
"description": "Breadcrumbs list",
|
|
||||||
"name": "Breadcrumbs",
|
|
||||||
"itemListElement": [
|
|
||||||
{
|
|
||||||
"@type": "ListItem",
|
|
||||||
"item": {
|
|
||||||
"@id": "https://fluffychat.im",
|
|
||||||
"name": "Homepage"
|
|
||||||
},
|
|
||||||
"position": 1
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<link rel="icon" type="image/png" href="favicon.png">
|
|
||||||
<link rel="stylesheet" href="tailwind.css">
|
|
||||||
<!-- Animation CSS-->
|
|
||||||
<style>
|
<style>
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: Zen Kurenaido;
|
font-family: Zen Kurenaido;
|
||||||
src: url(ZenKurenaido-Regular.ttf);
|
src: url(ZenKurenaido-Regular.ttf);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ----------------------------------------------
|
|
||||||
* Generated by Animista
|
|
||||||
* w: http://animista.net, t: @cssanimista
|
|
||||||
* ---------------------------------------------- */
|
|
||||||
|
|
||||||
.slide-in-bottom {
|
|
||||||
-webkit-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both;
|
|
||||||
animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-in-bottom-h1 {
|
|
||||||
-webkit-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) .5s both;
|
|
||||||
animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) .5s both
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-in-bottom-subtitle {
|
|
||||||
-webkit-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) .75s both;
|
|
||||||
animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) .75s both
|
|
||||||
}
|
|
||||||
|
|
||||||
.fade-in {
|
|
||||||
-webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1.000) 1s both;
|
|
||||||
animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1.000) 1s both
|
|
||||||
}
|
|
||||||
|
|
||||||
.bounce-top-icons {
|
|
||||||
-webkit-animation: bounce-top .9s 1s both;
|
|
||||||
animation: bounce-top .9s 1s both
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes slide-in-bottom {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: translateY(1000px);
|
|
||||||
transform: translateY(1000px);
|
|
||||||
opacity: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
-webkit-transform: translateY(0);
|
|
||||||
transform: translateY(0);
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes slide-in-bottom {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: translateY(1000px);
|
|
||||||
transform: translateY(1000px);
|
|
||||||
opacity: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
-webkit-transform: translateY(0);
|
|
||||||
transform: translateY(0);
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes bounce-top {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: translateY(-45px);
|
|
||||||
transform: translateY(-45px);
|
|
||||||
-webkit-animation-timing-function: ease-in;
|
|
||||||
animation-timing-function: ease-in;
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
24% {
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
40% {
|
|
||||||
-webkit-transform: translateY(-24px);
|
|
||||||
transform: translateY(-24px);
|
|
||||||
-webkit-animation-timing-function: ease-in;
|
|
||||||
animation-timing-function: ease-in
|
|
||||||
}
|
|
||||||
|
|
||||||
65% {
|
|
||||||
-webkit-transform: translateY(-12px);
|
|
||||||
transform: translateY(-12px);
|
|
||||||
-webkit-animation-timing-function: ease-in;
|
|
||||||
animation-timing-function: ease-in
|
|
||||||
}
|
|
||||||
|
|
||||||
82% {
|
|
||||||
-webkit-transform: translateY(-6px);
|
|
||||||
transform: translateY(-6px);
|
|
||||||
-webkit-animation-timing-function: ease-in;
|
|
||||||
animation-timing-function: ease-in
|
|
||||||
}
|
|
||||||
|
|
||||||
93% {
|
|
||||||
-webkit-transform: translateY(-4px);
|
|
||||||
transform: translateY(-4px);
|
|
||||||
-webkit-animation-timing-function: ease-in;
|
|
||||||
animation-timing-function: ease-in
|
|
||||||
}
|
|
||||||
|
|
||||||
25%,
|
|
||||||
55%,
|
|
||||||
75%,
|
|
||||||
87% {
|
|
||||||
-webkit-transform: translateY(0);
|
|
||||||
transform: translateY(0);
|
|
||||||
-webkit-animation-timing-function: ease-out;
|
|
||||||
animation-timing-function: ease-out
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
-webkit-transform: translateY(0);
|
|
||||||
transform: translateY(0);
|
|
||||||
-webkit-animation-timing-function: ease-out;
|
|
||||||
animation-timing-function: ease-out;
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes bounce-top {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: translateY(-45px);
|
|
||||||
transform: translateY(-45px);
|
|
||||||
-webkit-animation-timing-function: ease-in;
|
|
||||||
animation-timing-function: ease-in;
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
24% {
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
40% {
|
|
||||||
-webkit-transform: translateY(-24px);
|
|
||||||
transform: translateY(-24px);
|
|
||||||
-webkit-animation-timing-function: ease-in;
|
|
||||||
animation-timing-function: ease-in
|
|
||||||
}
|
|
||||||
|
|
||||||
65% {
|
|
||||||
-webkit-transform: translateY(-12px);
|
|
||||||
transform: translateY(-12px);
|
|
||||||
-webkit-animation-timing-function: ease-in;
|
|
||||||
animation-timing-function: ease-in
|
|
||||||
}
|
|
||||||
|
|
||||||
82% {
|
|
||||||
-webkit-transform: translateY(-6px);
|
|
||||||
transform: translateY(-6px);
|
|
||||||
-webkit-animation-timing-function: ease-in;
|
|
||||||
animation-timing-function: ease-in
|
|
||||||
}
|
|
||||||
|
|
||||||
93% {
|
|
||||||
-webkit-transform: translateY(-4px);
|
|
||||||
transform: translateY(-4px);
|
|
||||||
-webkit-animation-timing-function: ease-in;
|
|
||||||
animation-timing-function: ease-in
|
|
||||||
}
|
|
||||||
|
|
||||||
25%,
|
|
||||||
55%,
|
|
||||||
75%,
|
|
||||||
87% {
|
|
||||||
-webkit-transform: translateY(0);
|
|
||||||
transform: translateY(0);
|
|
||||||
-webkit-animation-timing-function: ease-out;
|
|
||||||
animation-timing-function: ease-out
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
-webkit-transform: translateY(0);
|
|
||||||
transform: translateY(0);
|
|
||||||
-webkit-animation-timing-function: ease-out;
|
|
||||||
animation-timing-function: ease-out;
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes fade-in {
|
|
||||||
0% {
|
|
||||||
opacity: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fade-in {
|
|
||||||
0% {
|
|
||||||
opacity: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
<body
|
||||||
|
class="flex flex-col items-center justify-center min-h-screen w-screen bg-gradient-to-t from-purple-200 to-blue-50 dark:from-gray-800 dark:to-slate-900 p-4"
|
||||||
|
style="font-family: 'Zen Kurenaido', sans-serif;">
|
||||||
|
<img src="favicon.png" class="h-10" />
|
||||||
|
<h1 class="flex text-4xl items-center mb-4">
|
||||||
|
<span style="color: #5625BA">Fluffy</span>
|
||||||
|
<span style="color: #41a2bc">Chat</span>
|
||||||
|
</h1>
|
||||||
|
<img src="screenshots/screenshots.png" class="sm:max-w-lg max-w-screen mb-8" />
|
||||||
|
|
||||||
<body class="leading-normal tracking-normal text-gray-900" style="font-family: 'Zen Kurenaido', sans-serif;">
|
<div class="max-w-lg mb-8 flex justify-center 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"
|
||||||
<div class="h-screen pb-14 bg-right bg-cover" style="background-image:url('bg.svg');">
|
class="w-36 pr-2 mb-2 hover:scale-105 transition-transform inline">
|
||||||
<!--Nav-->
|
</a><a href="https://f-droid.org/de/packages/chat.fluffy.fluffychat/"><img src="fdroid_button.png"
|
||||||
<div class="w-full container mx-auto p-6">
|
class="w-36 pr-2 mb-2 hover:scale-105 transition-transform inline">
|
||||||
|
|
||||||
<div class="w-full flex items-center justify-between">
|
|
||||||
<a class="flex items-center no-underline hover:no-underline font-bold text-2xl lg:text-4xl" href="#">
|
|
||||||
<img src="favicon.png" class="h-8 fill-current text-indigo-600 pr-2" /> <span
|
|
||||||
style="color: #5625BA">Fluffy</span><span style="color: #41a2bc">Chat</span>
|
|
||||||
</a>
|
</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 class="flex w-1/2 justify-end content-center">
|
<div class="flex mb-8 justify-center content-center">
|
||||||
<a class="inline-block text-blue-300 no-underline hover:text-indigo-800 hover:text-underline text-center h-10 p-2 md:h-auto md:p-4"
|
<a class="inline-block text-indigo-300 no-underline hover:text-indigo-800 hover:scale-105 transition-all hover:text-underline text-center h-auto p-4"
|
||||||
href="https://matrix.to/#/#fluffychat:matrix.org">
|
|
||||||
<svg class="fill-current h-6" enable-background="new -91 49.217 56.693 56.693" id="Layer_1"
|
|
||||||
version="1.1" viewBox="-91 49.217 56.693 56.693" xml:space="preserve"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
||||||
<path
|
|
||||||
d="M-38.3289,79.8244c-0.7526-2.2362-3.1756-3.4388-5.4117-2.6861l-4.5351,1.5264l-3.0737-9.1321l4.4169-1.4866 c2.2362-0.7526,3.4388-3.1756,2.6861-5.4117c-0.7526-2.2362-3.1756-3.4388-5.4117-2.6861l-4.4168,1.4866l-1.4877-4.4201 c-0.7527-2.2362-3.1756-3.4388-5.4117-2.6861v0c-2.2362,0.7526-3.4388,3.1756-2.6861,5.4117l1.4877,4.4201l-9.3246,3.1385 l-1.4697-4.3666c-0.7527-2.2362-3.1756-3.4388-5.4117-2.6861c-2.2362,0.7527-3.4388,3.1756-2.6861,5.4117l1.4697,4.3666 l-4.445,1.4961c-2.2362,0.7527-3.4388,3.1756-2.6861,5.4117v0c0.7526,2.2362,3.1756,3.4388,5.4117,2.6861l4.445-1.4961 l3.0737,9.1321l-4.3268,1.4563c-2.2362,0.7527-3.4388,3.1756-2.6861,5.4117c0.7526,2.2362,3.1756,3.4388,5.4117,2.6861 l4.3268-1.4563l1.5778,4.6877c0.7527,2.2362,3.1756,3.4388,5.4117,2.6861c2.2362-0.7527,3.4388-3.1756,2.6861-5.4117l-1.5778-4.6877 l9.3246-3.1385l1.5598,4.6342c0.7527,2.2362,3.1756,3.4388,5.4117,2.6861c2.2362-0.7527,3.4388-3.1756,2.6861-5.4117l-1.5598-4.6342 l4.5351-1.5264C-38.7789,84.4835-37.5762,82.0606-38.3289,79.8244z M-65.6982,84.5288l-3.0737-9.1321l9.3246-3.1385l3.0737,9.1321 L-65.6982,84.5288z" />
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a class="inline-block text-blue-300 no-underline hover:text-indigo-800 hover:text-underline text-center h-10 p-2 md:h-auto md:p-4"
|
|
||||||
href="https://metalhead.club/@krille">
|
href="https://metalhead.club/@krille">
|
||||||
<svg class="fill-current h-6" viewBox="0 0 1000 1000" version="1.1"
|
<svg class="fill-current h-6" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||||
xml:space="preserve"
|
|
||||||
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
|
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
|
||||||
<clipPath id="_clip1">
|
<clipPath id="_clip1">
|
||||||
<rect x="33.6" y="-0.035" width="932.844" height="1000" />
|
<rect x="33.6" y="-0.035" width="932.844" height="1000" />
|
||||||
@ -470,88 +71,55 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
<a class="inline-block text-blue-300 no-underline hover:text-indigo-800 hover:text-underline text-center h-10 p-2 md:h-auto md:p-4"
|
<a class="inline-block text-indigo-300 no-underline hover:text-indigo-800 hover:scale-105 transition-all hover:text-underline text-center h-auto p-4"
|
||||||
|
href="https://matrix.to/#/#fluffychat:matrix.org">
|
||||||
|
<svg class="fill-current h-6" enable-background="new -91 49.217 56.693 56.693" id="Layer_1" version="1.1"
|
||||||
|
viewBox="-91 49.217 56.693 56.693" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<path
|
||||||
|
d="M-38.3289,79.8244c-0.7526-2.2362-3.1756-3.4388-5.4117-2.6861l-4.5351,1.5264l-3.0737-9.1321l4.4169-1.4866 c2.2362-0.7526,3.4388-3.1756,2.6861-5.4117c-0.7526-2.2362-3.1756-3.4388-5.4117-2.6861l-4.4168,1.4866l-1.4877-4.4201 c-0.7527-2.2362-3.1756-3.4388-5.4117-2.6861v0c-2.2362,0.7526-3.4388,3.1756-2.6861,5.4117l1.4877,4.4201l-9.3246,3.1385 l-1.4697-4.3666c-0.7527-2.2362-3.1756-3.4388-5.4117-2.6861c-2.2362,0.7527-3.4388,3.1756-2.6861,5.4117l1.4697,4.3666 l-4.445,1.4961c-2.2362,0.7527-3.4388,3.1756-2.6861,5.4117v0c0.7526,2.2362,3.1756,3.4388,5.4117,2.6861l4.445-1.4961 l3.0737,9.1321l-4.3268,1.4563c-2.2362,0.7527-3.4388,3.1756-2.6861,5.4117c0.7526,2.2362,3.1756,3.4388,5.4117,2.6861 l4.3268-1.4563l1.5778,4.6877c0.7527,2.2362,3.1756,3.4388,5.4117,2.6861c2.2362-0.7527,3.4388-3.1756,2.6861-5.4117l-1.5778-4.6877 l9.3246-3.1385l1.5598,4.6342c0.7527,2.2362,3.1756,3.4388,5.4117,2.6861c2.2362-0.7527,3.4388-3.1756,2.6861-5.4117l-1.5598-4.6342 l4.5351-1.5264C-38.7789,84.4835-37.5762,82.0606-38.3289,79.8244z M-65.6982,84.5288l-3.0737-9.1321l9.3246-3.1385l3.0737,9.1321 L-65.6982,84.5288z" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<a class="inline-block text-indigo-300 no-underline hover:text-indigo-800 hover:scale-105 transition-all hover:text-underline text-center h-auto p-4"
|
||||||
href="https://ko-fi.com/krille">
|
href="https://ko-fi.com/krille">
|
||||||
<img class="w-10 hover:animate-bounce" src="Kofi_pixel_logo.png"/>
|
<svg class="fill-current h-6" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
|
||||||
|
viewBox="0 0 24 24">
|
||||||
|
<path
|
||||||
|
d="M2.608,19.5c0,0,8.267-0.023,11.966-0.048c2.438-0.418,2.683-2.517,2.658-3.663c4.352,0.235,7.422-2.777,6.649-6.784C23.108,4.998,19.022,4.5,19.022,4.5H0.723c-0.604,0-0.679,0.783-0.679,0.783s-0.082,7.184-0.022,11.596C0.186,19.257,2.608,19.5,2.608,19.5z M17.31,7.373h1.77c0,0,1.971,0.541,1.971,2.588c0,1.877-0.985,2.616-2.059,2.958c-0.928,0.114-1.682,0.027-1.682,0.027V7.373z M4.265,8.766C5.216,7.775,7.27,7.701,8.628,9.165c0,0,1.565-1.748,3.468-0.945c1.904,0.804,1.832,2.953,0.723,4.229c-1.246,1.425-4.011,3.9-4.011,3.9s-0.121,0.117-0.31,0.023c-0.076-0.056-0.108-0.088-0.108-0.088c-0.443-0.432-3.368-2.991-4.034-3.878C3.647,11.459,3.315,9.757,4.265,8.766z" />
|
||||||
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!--Main-->
|
|
||||||
<div class="container pt-8 px-6 mx-auto flex flex-wrap flex-col md:flex-row items-center">
|
|
||||||
|
|
||||||
<!--Left Col-->
|
|
||||||
<div class="flex flex-col w-full xl:w-2/5 justify-center lg:items-start overflow-y-hidden">
|
|
||||||
<h1
|
|
||||||
class="my-4 text-3xl md:text-5xl text-purple-800 font-bold leading-tight text-center md:text-left slide-in-bottom-h1">
|
|
||||||
Open. Nonprofit. Cute.</h1>
|
|
||||||
<p class="leading-normal text-base md:text-2xl mb-8 text-center md:text-left slide-in-bottom-subtitle">
|
|
||||||
Easy to use (<a class="underline hover:text-blue-700 transition-all"
|
|
||||||
href="https://matrix.org">matrix</a>) messenger. Secure and decentralized.</p>
|
|
||||||
|
|
||||||
<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="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="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="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">
|
|
||||||
<a href="https://fluffychat.im/web">
|
|
||||||
<img src="browser-badge.png" class="max-h-12 pr-2 mb-2 bounce-top-icons inline"></a>
|
|
||||||
<a href="https://snapcraft.io/fluffychat"><img
|
|
||||||
src="https://snapcraft.io/static/images/badges/en/snap-store-black.svg"
|
|
||||||
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="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-full mx-auto slide-in-bottom" src="screenshots/screenshots.png">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!--Footer-->
|
<!--Footer-->
|
||||||
<div class="w-full pt-16 pb-6 text-sm text-center md:text-left fade-in">
|
<div class="w-full text-sm text-center max-w-lg">
|
||||||
<a class="text-gray-500 no-underline hover:text-purple-800"
|
<a class="text-slate-700 dark:text-slate-200 no-underline hover:text-purple-800"
|
||||||
href="https://gitlab.com/famedly/fluffychat">Source code</a>
|
href="https://gitlab.com/famedly/fluffychat">Source
|
||||||
|
code</a>
|
||||||
-
|
-
|
||||||
<a class="text-gray-500 no-underline hover:text-purple-800"
|
<a class="text-slate-700 dark:text-slate-200 no-underline hover:text-purple-800"
|
||||||
href="https://gitlab.com/famedly/fluffychat/-/blob/main/PRIVACY.md">Privacy</a>
|
href="https://gitlab.com/famedly/fluffychat/-/blob/main/PRIVACY.md">Privacy</a>
|
||||||
-
|
-
|
||||||
<a class="text-gray-500 no-underline hover:text-purple-800"
|
<a class="text-slate-700 dark:text-slate-200 no-underline hover:text-purple-800"
|
||||||
href="https://gitlab.com/famedly/fluffychat/-/blob/main/CHANGELOG.md">Changelog</a>
|
href="https://gitlab.com/famedly/fluffychat/-/blob/main/CHANGELOG.md">Changelog</a>
|
||||||
-
|
-
|
||||||
<a class="text-gray-500 no-underline hover:text-purple-800"
|
<a class="text-slate-700 dark:text-slate-200 no-underline hover:text-purple-800"
|
||||||
href="https://hosted.weblate.org/projects/fluffychat/">Translations</a>
|
href="https://hosted.weblate.org/projects/fluffychat/">Translations</a>
|
||||||
-
|
-
|
||||||
<a class="text-gray-500 no-underline hover:text-purple-800"
|
<a class="text-slate-700 dark:text-slate-200 no-underline hover:text-purple-800"
|
||||||
href="https://gitlab.com/famedly/fluffychat/-/blob/main/docs/fdroid_repo.md">FluffyChat F-Droid repository</a>
|
href="https://gitlab.com/famedly/fluffychat/-/blob/main/docs/fdroid_repo.md">FluffyChat F-Droid
|
||||||
|
repository</a>
|
||||||
-
|
-
|
||||||
<a class="text-gray-500 no-underline hover:text-purple-800"
|
<a class="text-slate-700 dark:text-slate-200 no-underline hover:text-purple-800"
|
||||||
href="https://liberapay.com/KrilleChritzelius/donate">Donate</a>
|
href="https://liberapay.com/KrilleChritzelius/donate">Donate</a>
|
||||||
-
|
-
|
||||||
<a class="text-gray-500 no-underline hover:text-purple-800"
|
<a class="text-slate-700 dark:text-slate-200 no-underline hover:text-purple-800"
|
||||||
href="https://keys.mailvelope.com/pks/lookup?op=get&search=christian-pauly%40posteo.de">Contact</a>
|
href="https://keys.mailvelope.com/pks/lookup?op=get&search=christian-pauly%40posteo.de">Contact</a>
|
||||||
-
|
-
|
||||||
<a class="text-gray-500 no-underline hover:text-purple-800" href="https://krillefear.gitlab.io">Created
|
<a class="text-slate-700 dark:text-slate-200 no-underline hover:text-purple-800"
|
||||||
|
href="https://krillefear.gitlab.io">Created
|
||||||
by Krille Fear</a>
|
by Krille Fear</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user