140 lines
No EOL
7.3 KiB
HTML
140 lines
No EOL
7.3 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="fi"></html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>FluffyChat Official Website | FAQ</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="/assets/favicon.png">
|
|
<link rel="preload" href="/assets/tailwind.css" as="style" onload="this.rel='stylesheet'">
|
|
<noscript><link rel="stylesheet" href="/assets/tailwind.css"></noscript>
|
|
</head>
|
|
<body
|
|
class="flex flex-col items-center min-h-screen w-full bg-white dark:bg-slate-800"
|
|
style="font-family: 'Zen Kurenaido', sans-serif;">
|
|
<!--Header-->
|
|
<div class="w-full lg:h-12 min-h-12 py-4 lg:py-0 mb-8 border-b border-gray-200 dark:border-gray-700">
|
|
<nav class="flex flex-wrap h-full justify-center items-center space-x-6 w-full max-w-4xl m-auto">
|
|
<a href="/fi/" class=" text-lg"></a>
|
|
<a href="/fi/faq" class="underline text-lg"></a>
|
|
<a href="/fi/changelog" class=" text-lg">
|
|
</a>
|
|
<a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">
|
|
</a>
|
|
<div class="lg:flex-grow"></div>
|
|
<a href='https://ko-fi.com/C1C86VN53' class="hover:scale-110 transition-transform" target='_blank'>
|
|
<div class="rounded-xl bg-slate-900 dark:bg-slate-50 p-2 flex flex-row spacing-4"><img src="/assets/ko-fi.png" class="h-5 mr-2"/>
|
|
<span class="text-white dark:text-black text-xs flex items-center mr-2"></span>
|
|
</div>
|
|
</a>
|
|
<a href="https://troet.cafe/@krille" rel="me" class="m-2 hover:scale-110 transition-transform "><img src="/assets/mastodon.svg" class="h-7"/>
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="container max-w-4xl markdown px-4 lg:px-0">
|
|
|
|
<h1 class="text-center"></h1>
|
|
<p class="text-center"></p>
|
|
<p class="text-center"><input id="searchField" type="text" placeholder="" class="placeholder:text-slate-400 text-center text-slate-700 text-3xl bg-slate-100 border border-slate-200 rounded-full
|
|
w-full px-8 py-4 my-8"/>
|
|
</p>
|
|
<span id="faqEntries">
|
|
|
|
</span>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const inputField = document.getElementById("searchField");
|
|
inputField.oninput = (_) => {
|
|
const query = inputField.value.toLowerCase();
|
|
const questions = document.querySelectorAll("#faqEntries .question");
|
|
for (var i = 0; i < questions.length; i++) {
|
|
const questionNode = questions[i];
|
|
const answerNodeId = questionNode.id.split(":")[0] + ":answer";
|
|
const answerNode = document.getElementById(answerNodeId);
|
|
const displayEntry = questionNode
|
|
.innerText
|
|
.toLowerCase()
|
|
.includes(query) || answerNode
|
|
.innerText
|
|
.toLowerCase()
|
|
.includes(query);
|
|
questionNode.hidden = answerNode.hidden = ! displayEntry;
|
|
}
|
|
};
|
|
});
|
|
</script>
|
|
</div>
|
|
<!--Footer-->
|
|
<div class="w-full flex justify-center border-t border-gray-200 dark:border-gray-700">
|
|
<footer class="w-full text-center max-w-4xl p-4 text-slate-700 dark:text-slate-200">
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fi/impressum">
|
|
</a>
|
|
-
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fi/privacy">
|
|
</a>
|
|
-
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fi/tos">
|
|
</a>
|
|
-
|
|
<a
|
|
class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
|
|
href="https://github.com/krille-chan/fluffychat"></a>
|
|
-
|
|
<a
|
|
class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
|
|
href="https://liberapay.com/KrilleChritzelius"></a>
|
|
-
|
|
<a
|
|
class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
|
|
href="https://hosted.weblate.org/projects/fluffychat/"></a>
|
|
-
|
|
<a
|
|
class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
|
|
href="https://googlefonts.github.io/noto-emoji-animation/"></a>
|
|
-
|
|
<a
|
|
class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
|
|
href="https://krille-chan.github.io"></a>
|
|
<br/>
|
|
<span class="text-slate-700 dark:text-slate-200 text-sm">:
|
|
</span>
|
|
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/">Беларуская</a>
|
|
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/de/">Deutsch</a>
|
|
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/">English</a>
|
|
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/">eesti keel</a>
|
|
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fi/"></a>
|
|
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/">Frysk</a>
|
|
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/">Galego</a>
|
|
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/lv/">Latviešu</a>
|
|
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/nb_NO/">Norsk</a>
|
|
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/nl/">Nederlands</a>
|
|
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/ta/">ஆங்கிலம்</a>
|
|
|
|
<a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/uz/">O'zbekcha</a>
|
|
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html> |