chore: Move website back to main repo

assets/OFL.txt

@@ -0,0 +1,91 @@
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part "../assets copy"or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part "../assets copy"or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

assets/mastodon.svg

@@ -0,0 +1,10 @@
+<svg width="75" height="79" viewBox="0 0 75 79" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M73.8393 17.4898C72.6973 9.00165 65.2994 2.31235 56.5296 1.01614C55.05 0.797115 49.4441 0 36.4582 0H36.3612C23.3717 0 20.585 0.797115 19.1054 1.01614C10.5798 2.27644 2.79399 8.28712 0.904997 16.8758C-0.00358524 21.1056 -0.100549 25.7949 0.0682394 30.0965C0.308852 36.2651 0.355538 42.423 0.91577 48.5665C1.30307 52.6474 1.97872 56.6957 2.93763 60.6812C4.73325 68.042 12.0019 74.1676 19.1233 76.6666C26.7478 79.2728 34.9474 79.7055 42.8039 77.9162C43.6682 77.7151 44.5217 77.4817 45.3645 77.216C47.275 76.6092 49.5123 75.9305 51.1571 74.7385C51.1797 74.7217 51.1982 74.7001 51.2112 74.6753C51.2243 74.6504 51.2316 74.6229 51.2325 74.5948V68.6416C51.2321 68.6154 51.2259 68.5896 51.2142 68.5661C51.2025 68.5426 51.1858 68.522 51.1651 68.5058C51.1444 68.4896 51.1204 68.4783 51.0948 68.4726C51.0692 68.4669 51.0426 68.467 51.0171 68.4729C45.9835 69.675 40.8254 70.2777 35.6502 70.2682C26.7439 70.2682 24.3486 66.042 23.6626 64.2826C23.1113 62.762 22.7612 61.1759 22.6212 59.5646C22.6197 59.5375 22.6247 59.5105 22.6357 59.4857C22.6466 59.4609 22.6633 59.4391 22.6843 59.422C22.7053 59.4048 22.73 59.3929 22.7565 59.3871C22.783 59.3813 22.8104 59.3818 22.8367 59.3886C27.7864 60.5826 32.8604 61.1853 37.9522 61.1839C39.1768 61.1839 40.3978 61.1839 41.6224 61.1516C46.7435 61.008 52.1411 60.7459 57.1796 59.7621C57.3053 59.7369 57.431 59.7154 57.5387 59.6831C65.4861 58.157 73.0493 53.3672 73.8178 41.2381C73.8465 40.7606 73.9184 36.2364 73.9184 35.7409C73.9219 34.0569 74.4606 23.7949 73.8393 17.4898Z" fill="url(#paint0_linear_549_34)"/>
+<path d="M61.2484 27.0263V48.114H52.8916V27.6475C52.8916 23.3388 51.096 21.1413 47.4437 21.1413C43.4287 21.1413 41.4177 23.7409 41.4177 28.8755V40.0782H33.1111V28.8755C33.1111 23.7409 31.0965 21.1413 27.0815 21.1413C23.4507 21.1413 21.6371 23.3388 21.6371 27.6475V48.114H13.2839V27.0263C13.2839 22.7176 14.384 19.2946 16.5843 16.7572C18.8539 14.2258 21.8311 12.926 25.5264 12.926C29.8036 12.926 33.0357 14.5705 35.1905 17.8559L37.2698 21.346L39.3527 17.8559C41.5074 14.5705 44.7395 12.926 49.0095 12.926C52.7013 12.926 55.6784 14.2258 57.9553 16.7572C60.1531 19.2922 61.2508 22.7152 61.2484 27.0263Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_549_34" x1="37.0692" y1="0" x2="37.0692" y2="79" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6364FF"/>
+<stop offset="1" stop-color="#563ACC"/>
+</linearGradient>
+</defs>
+</svg>

be/changelog/index.html

@@ -0,0 +1,109 @@
+
+<!DOCTYPE html>
+<html lang="be"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Changelog</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="/be/" class=" text-lg">Home</a>
+                <a href="/be/faq" class=" text-lg">FAQ</a>
+                <a href="/be/changelog" class="underline text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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>Changelog</h1>
+
+</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="/be/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/privacy">
+                    Privacy policy</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

be/faq/index.html

@@ -0,0 +1,252 @@
+
+<!DOCTYPE html>
+<html lang="be"></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="/be/" class=" text-lg">Home</a>
+                <a href="/be/faq" class="underline text-lg">FAQ</a>
+                <a href="/be/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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">Favourite asked questions</h1>
+<p class="text-center">You can edit or translate this FAQ on <a href='https://hosted.weblate.org/projects/fluffychat/fluffychat-website'>Weblate</a>.</p>
+<p class="text-center"><input id="searchField" type="text" placeholder="Search 🔍" 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">
+  
+    <h2 id="what_is_fluffychat:question" class="question">
+      <a name="what_is_fluffychat" href="#what_is_fluffychat">#</a>
+      What is FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="what_is_fluffychat:answer">FluffyChat is a user-friendly, free, and ad-free open-source app based on the <a href='https://matrix.org'>Matrix protocol</a> and works similarly to Telegram or WhatsApp.<br/>With FluffyChat, you can chat with your friends privately, create group chats, exchange voice messages, share pictures and videos, and even send your location.<br/>And the best part:<br/><b>FluffyChat is compatible with other Matrix messengers!</b></article>
+  
+    <h2 id="who_is_fluffychat_for:question" class="question">
+      <a name="who_is_fluffychat_for" href="#who_is_fluffychat_for">#</a>
+      Who is FluffyChat for?
+    </h2>
+    <article class="mb-12 pl-5" id="who_is_fluffychat_for:answer">FluffyChat is for anyone looking for a fast, user-friendly, and secure alternative to centralized messaging apps like WhatsApp, Telegram, or WeChat.</article>
+  
+    <h2 id="who_created_fluffychat:question" class="question">
+      <a name="who_created_fluffychat" href="#who_created_fluffychat">#</a>
+      Who created FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="who_created_fluffychat:answer">FluffyChat is developed by the community and was initiated by Christian (<a href='https://krille-chan.github.io/'>Krille</a>) Kußowski. However there are a lot of contributors, either code or translations. You can find them <a href='https://github.com/krille-chan/fluffychat/graphs/contributors'>here</a>.</article>
+  
+    <h2 id="how_is_fluffychat_funded:question" class="question">
+      <a name="how_is_fluffychat_funded" href="#how_is_fluffychat_funded">#</a>
+      How is FluffyChat funded?
+    </h2>
+    <article class="mb-12 pl-5" id="how_is_fluffychat_funded:answer">FluffyChat is a non-profit project driven by volunteers and totally funded by donations.</article>
+  
+    <h2 id="is_fluffychat_available_on_my_device:question" class="question">
+      <a name="is_fluffychat_available_on_my_device" href="#is_fluffychat_available_on_my_device">#</a>
+      Is FluffyChat available on my device?
+    </h2>
+    <article class="mb-12 pl-5" id="is_fluffychat_available_on_my_device:answer">Yes! You can use FluffyChat on mobile phones, tablets, and as a web version on your PC. Available on Android (Play Store and F-Droid), iOS (App Store), as a web app and as a desktop app for Linux (Flathub, Snap Store). It even works on Linux phones by using the Arm64 version of the Flatpak/Snap. You can compile it for MacOS and Windows by yourself if you like, but that is not yet supported.</article>
+  
+    <h2 id="how_do_i_create_an_account:question" class="question">
+      <a name="how_do_i_create_an_account" href="#how_do_i_create_an_account">#</a>
+      How do I create a FluffyChat account?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_create_an_account:answer">When you first launch the app, you'll be asked to create a new Matrix account. Select a server (e.g., matrix.org), enter your desired username, and a secure password. Optionally, you can add an email address (this is helpful for password recovery, but not required).</article>
+  
+    <h2 id="what_is_a_matrix_id:question" class="question">
+      <a name="what_is_a_matrix_id" href="#what_is_a_matrix_id">#</a>
+      What is a Matrix ID?
+    </h2>
+    <article class="mb-12 pl-5" id="what_is_a_matrix_id:answer">Your <b>Matrix ID</b> is your unique username on the network, e.g., @name:matrix.org. It consists of your name and the server on which your account is located.</article>
+  
+    <h2 id="how_do_i_log_in:question" class="question">
+      <a name="how_do_i_log_in" href="#how_do_i_log_in">#</a>
+      How do I log in to FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_log_in:answer">If you already have a Matrix account, simply enter your Matrix ID (e.g., @name:matrix.org) and password. You can log in to any Matrix-compatible server because FluffyChat is decentralized.</article>
+  
+    <h2 id="do_i_need_email:question" class="question">
+      <a name="do_i_need_email" href="#do_i_need_email">#</a>
+      Do I need an email address for FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="do_i_need_email:answer">No, an email address is not required. However, it is recommended if you want to reset your password or verify your account.</article>
+  
+    <h2 id="i_forgot_my_password:question" class="question">
+      <a name="i_forgot_my_password" href="#i_forgot_my_password">#</a>
+      I forgot my password. What now?
+    </h2>
+    <article class="mb-12 pl-5" id="i_forgot_my_password:answer">If you provided an email address when creating your account, you can reset your password via the server website (e.g., https://matrix.org). Unfortunately, recovery is not possible without an email address. In this case, you will need to create a new account.</article>
+  
+    <h2 id="i_changed_my_device_encrypted_messages:question" class="question">
+      <a name="i_changed_my_device_encrypted_messages" href="#i_changed_my_device_encrypted_messages">#</a>
+      I changed my device and now all my messages are encrypted. What now?
+    </h2>
+    <article class="mb-12 pl-5" id="i_changed_my_device_encrypted_messages:answer">To read your encrypted messages on the new device, you need to restore the backup you created previously. Enter your backup key or password when setting up FluffyChat on the new device. Only then can your messages be decrypted. If you haven't created a backup or have lost the key, your encrypted messages unfortunately cannot be restored.</article>
+  
+    <h2 id="how_do_i_create_a_backup_key:question" class="question">
+      <a name="how_do_i_create_a_backup_key" href="#how_do_i_create_a_backup_key">#</a>
+      How do I create a backup key in FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_create_a_backup_key:answer">Open FluffyChat and go to the <b>settings</b> to the <b>Chat Backup</b>. There you can set up an <u>encrypted</u> chat backup. You will be asked to save a recovery key. Important: Make a note of this key or keep it safe. <b>Without it, you won't be able to restore your encrypted messages on a new device.</b></article>
+  
+    <h2 id="i_found_a_bug:question" class="question">
+      <a name="i_found_a_bug" href="#i_found_a_bug">#</a>
+      I found a bug. What now?
+    </h2>
+    <article class="mb-12 pl-5" id="i_found_a_bug:answer">You can report bugs directly on Github. Alternatively, there's a public group chat on Messenger (#fluffy-space:matrix.org) where you can ask questions or send feedback.</article>
+  
+    <h2 id="push_without_google_services:question" class="question">
+      <a name="push_without_google_services" href="#push_without_google_services">#</a>
+      How can I get Push Notifications without Google Services?
+    </h2>
+    <article class="mb-12 pl-5" id="push_without_google_services:answer"><p>Push notifications are a great way to make sure you don&#39;t miss important messages in FluffyChat. For users who do not use Google Services (for example Huawei Phones, Amazon Fire tablets or custom roms), setting up push notifications is slightly different.</p> <p>FluffyChat attempts to set up push notifications automatically every time you launch the app. However, if you do not have Google Services on your device, you may receive an error message. In this case, it is necessary to use the an <a href="https://unifiedpush.org/#quick-start">UnifiedPush app</a> such as Ntfy, UP-FCM Distributor (Google) or Conversations.</p> <!-- editorconfig-checker-disable --> <!-- prettier-ignore-start --> <!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> <p><strong>Table of Contents</strong></p> <ul> <li><a href="#using-ntfy">Using Ntfy</a><ul> <li><a href="#-step-1-installing-and-setting-up-ntfy">🏪 Step 1: Installing and Setting Up ntfy</a></li> <li><a href="#-step-2-deactivate-battery-optimization-for-ntfy">🔋 Step 2: Deactivate Battery Optimization for ntfy</a></li> <li><a href="#-step-3-checking-push-configuration-in-fluffychat">✅ Step 3: Checking Push Configuration in FluffyChat</a></li> <li><a href="#%F0%9F%A5%B3-step-4-receiving-push-notifications">🥳 Step 4: Receiving Push Notifications</a></li> </ul> </li> <li><a href="#using-conversations">Using Conversations</a></li> </ul> <!-- END doctoc generated TOC please keep comment here to allow auto update --> <!-- prettier-ignore-end --> <!-- editorconfig-checker-enable --> <h3 id="using-ntfy">Using Ntfy</h3> <p>In this article, we&#39;ll show you how to configure push notifications on your Android device using the <strong>ntfy</strong> app.</p> <h3 id="-step-1-installing-and-setting-up-ntfy">🏪 Step 1: Installing and Setting Up ntfy</h3> <ol> <li><p>If you already have FluffyChat installed but are not receiving push notifications, close the app completely (by swiping it away in the overview) and open the <strong>PlayStore</strong> (or F-Droid) on your Android device.</p> </li> <li><p>Search for the app <a href="https://play.google.com/store/apps/details?id=io.heckel.ntfy">ntfy</a> and install it.</p> </li> <li><p>After installing ntfy, open the app at least once.</p> </li> <li><p>Now, return to FluffyChat and open the app.</p> </li> </ol> <h3 id="-step-2-deactivate-battery-optimization-for-ntfy">🔋 Step 2: Deactivate Battery Optimization for ntfy</h3> <p>To ensure that FluffyChat can reliably send push notifications, it&#39;s important to deactivate battery optimization for the &quot;ntfy&quot; app.</p> <ol> <li><p>Go to the [Android settings] on your device.</p> </li> <li><p>Look for &quot;Apps&quot; or &quot;Applications&quot; and select &quot;ntfy&quot; from the list of installed apps.</p> </li> <li><p>Tap on &quot;Battery&quot; and select &quot;Battery optimization.&quot;</p> </li> <li><p>In the list of apps exempted from battery optimization, make sure &quot;ntfy&quot; is selected.</p> </li> </ol> <h3 id="-step-3-checking-push-configuration-in-fluffychat">✅ Step 3: Checking Push Configuration in FluffyChat</h3> <ol> <li><p>Open FluffyChat and navigate to the [Settings].</p> </li> <li><p>Choose &quot;Notifications&quot; from the menu.</p> </li> <li><p>In the notification settings, you&#39;ll see a list of &quot;Pushers.&quot; The &quot;Pusher&quot; for &quot;ntfy&quot; should be at the bottom of the list.</p> </li> </ol> <h3 id="-step-4-receiving-push-notifications">🥳 Step 4: Receiving Push Notifications</h3> <p>To ensure that everything is set up correctly, ask a friend to send you a message in FluffyChat and check if you receive a push notification.</p> <h3 id="using-conversations">Using Conversations</h3> <p>If you are using XMPP in addition to Matrix and already have Conversations configured, you can follow these steps to get FluffyChat push notifications through it:</p> <ol> <li>Open <em>Conversations</em>.</li> <li>Touch the three dots on top right.</li> <li>Select <em>Settings</em> and scroll down to <em>UnifiedPush Distributor</em>.</li> <li>Touch <em>XMPP account</em> and select the XMPP account you wish to receive notifications through.</li> <li>Open FluffyChat. If it doesn&#39;t offer to receive notifications through <em>Conversations</em>, check the notification settings (see step 3 for Ntfy above).</li> </ol> <hr> <p>Following these steps should successfully set up push notifications in FluffyChat for users without Google Services. If you are interested in hosting your own push service, you can take a look at <a href="https://unifiedpush.org">unifiedpush.org</a>.</p></article>
+  
+    <h2 id="how_can_i_extend_this_faq:question" class="question">
+      <a name="how_can_i_extend_this_faq" href="#how_can_i_extend_this_faq">#</a>
+      How can I extend this FAQ?
+    </h2>
+    <article class="mb-12 pl-5" id="how_can_i_extend_this_faq:answer">On <a href='https://hosted.weblate.org/projects/fluffychat/fluffychat-website'>Weblate</a> you can edit all entries of the FAQ and provide translations for your language. To edit a source entry of the faq, you need to edit the <b>english</b> version. As an admin you can also write new entries to it by going to <b>English</b> and tap on <b>Add new translation</b>. There you then need to define a <b>key</b> for the FAQ entry.<br/><br/>The key always starts with <code>faq_questions.</code> or <code>faq_answers.</code>, then consists of the questions in lower case snake case. For example, the key of this entry is <code>faq_answer.how_can_i_extend_this_faq</code>.<br/><br/>Please note that you must provide a question <b>and</b> an answer, so you have to define two new translations.<br/><br/>If you are not an admin you can edit <a href='https://github.com/krille-chan/fluffychat-website/blob/main/src/_data/i18n/en.json'>this json file in GitHub</a>.</article>
+  
+    <h2 id="how_to_use_end_to_end_encryption:question" class="question">
+      <a name="how_to_use_end_to_end_encryption" href="#how_to_use_end_to_end_encryption">#</a>
+      How to use end to end encryption?
+    </h2>
+    <article class="mb-12 pl-5" id="how_to_use_end_to_end_encryption:answer"><p>FluffyChat supports end to end encryption. You can enable it per chat. Once enabled it cannot be disabled anymore for security reasons. You can not enable encryption for public rooms as this makes no sense when anyone can join and leave the room anyway. Once you have enabled encryption, the server is no longer able to read the content of your messages. It will encrypt all text messages and files.</p> <p>To be safe from man-in-the-middle attacks, you should take a look at the device list. You can do this in the encryption settings of a chat. Is there a suspicious device which you or your chat partner don&#39;t know? Then you can block it by moving the toggle to the left.</p> <p>The color of the toggle shows you the security state. Orange means, that this device is not verified. Grey means that it is blocked and won&#39;t receive the encryption keys. This means that this device won&#39;t be able to read your messages anymore! Green means that this device is verified.</p> <p>To verify the devices of another user, start the verification in a direct chat. For this you have a &quot;Start verification&quot; button in the encryption settings of a direct chat. Be sure that you are standing next to this person or you are connected via phone or any other secure channel. When you have started the verification, you will both see a set of emojis on your device. Compare them and tap on &quot;They match&quot;. Wait a little bit and then you should see that all devices become green.</p></article>
+  
+    <h2 id="how_to_fork:question" class="question">
+      <a name="how_to_fork" href="#how_to_fork">#</a>
+      How can I fork FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_to_fork:answer"><p><strong>Table of Contents</strong></p> <ul> <li><a href="#1-license">1. License</a></li> <li><a href="#2-disable-end-to-end-encryption">2. Disable end-to-end encryption!</a></li> <li><a href="#3-stay-up-to-date">3. Stay up to date!</a></li> <li><a href="#4-official-support">4. Official Support</a></li> </ul> <h3 id="1-license">1. License</h3> <p>FluffyChat is licensed under AGPL. Read the license (<a href="https://github.com/krille-chan/fluffychat/blob/main/LICENSE">https://github.com/krille-chan/fluffychat/blob/main/LICENSE</a>) and make sure that your fork is open source under the same license and that you fulfill all requirements. Maybe you should consider contacting a lawyer <strong>before</strong> you publish your fork.</p> <h3 id="2-disable-end-to-end-encryption-">2. Disable end-to-end encryption!</h3> <p>Due to US export regulations you are not allowed to publish your app in a store or anywhere on a US server before you have removed everything regarding the encryption or fulfill the regulations.</p> <p>Learn more: <a href="https://www.bis.doc.gov/index.php/policy-guidance/encryption">https://www.bis.doc.gov/index.php/policy-guidance/encryption</a></p> <p>If you need help from us with using E2EE in your fork read more below under the topic &quot;<strong>Official Support</strong>&quot;.</p> <h3 id="3-stay-up-to-date-">3. Stay up to date!</h3> <p>FluffyChat contains security related stuff. If we find a security bug, we will try to fix it as soon as possible and ship it with a new version. But this means that your fork is out of date and a security risk. You can&#39;t be awake 24 hours a day so you must decide how you protect your users by chosing one of the following methods:</p> <ol> <li>Make your fork as minimal as possible and enable repository mirroring. Set up a CI which publishes new versions automatically if FluffyChat publishes a bug fix.</li> <li>Never sleep and pay a big team where one guy at least is never sleeping.</li> <li>Contact <a href="https://famedly.com">famedly.com</a> to buy official support.</li> </ol> <h3 id="4-official-support">4. Official Support</h3> <p>FluffyChat is free as in free speech and not free beer! Please contact my company <a href="https://famedly.com">famedly.com</a> for offers and official support and take in mind that it costs a lot of work and time to maintain FluffyChat or the Famedly Matrix SDK. So we can&#39;t give you support for free. So please expect around 1$ per month per user of your fork.</p></article>
+  
+    <h2 id="how_do_i_find_other_users:question" class="question">
+      <a name="how_do_i_find_other_users" href="#how_do_i_find_other_users">#</a>
+      How do I find other users?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_find_other_users:answer"><p>There are several ways to find other users in FluffyChat.<br/></p> <ol> <li>Search by display name: You can enter a person&#39;s display name in the search. This only works if:<ul> <li>You&#39;ve already shared a chat with the person,</li> <li>They&#39;re in a public room known to your server,</li> <li>Or your server allows searching for other users.</li> </ul> </li> <li>Enter Matrix ID directly: If you know the Matrix ID (e.g., <code>@krille:janian.de</code>), you can enter it directly in the search. It works similarly to an email address: <code>@username:servername</code>.</li> <li>Scan QR code: You can scan the other person&#39;s QR code or display your own for scanning.</li> <li>Share invitation link: Anyone can share an invitation link to a room or chat. Clicking the link will connect you directly.</li> </ol></article>
+  
+    <h2 id="how_do_i_get_stickers:question" class="question">
+      <a name="how_do_i_get_stickers" href="#how_do_i_get_stickers">#</a>
+      How do I get stickers?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_get_stickers:answer"><p>You can add a sticker pack from the internet. For example this volpeon.ink does an incredible job:</p> <p><a href="https://volpeon.ink/emojis/">https://volpeon.ink/emojis/</a></p> <p>Just follow these steps:</p> <ol> <li><p>Download one of the packs as a zip file</p> </li> <li><p>Open FluffyChat</p> </li> <li><p>Go to &quot;Settings&quot; &gt; &quot;Chat&quot; &gt; &quot;Custom emotes and stickers&quot;</p> </li> <li><p>Tap on the three dot menu top right and tap on &quot;Import from zip file&quot;</p> </li> <li><p>Select the zip file and if you like edit the sticker names</p> </li> </ol> <p>You can also find preconfigured sticker packs in Matrix. I recommend Nico&#39;s Sticker Collection:</p> <p><a href="https://matrix.to/#/#nico's-stickers:neko.dev">https://matrix.to/#/#nico&#39;s-stickers:neko.dev</a></p> <p>The sticker collection for FluffyChat unfortunately does not have yet a large selection:</p> <p><a href="https://matrix.to/#/#fluffychat-stickers:janian.de">https://matrix.to/#/#fluffychat-stickers:janian.de</a></p> <ol> <li><p>Join the public room</p> </li> <li><p>Open the three dot menu top right and tap on &quot;Emote Settings&quot;</p> </li> <li><p>Select the sticker pack in the room you like</p> </li> <li><p>Toggle &quot;Enable emote pack globally&quot;</p> </li> </ol> <p>Have fun with your stickers! :-)</p></article>
+  
+</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="/be/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/privacy">
+                    Privacy policy</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

be/impressum/index.html

@@ -0,0 +1,119 @@
+
+<!DOCTYPE html>
+<html lang="be"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Impressum</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="/be/" class=" text-lg">Home</a>
+                <a href="/be/faq" class=" text-lg">FAQ</a>
+                <a href="/be/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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 text-center p-32 markdown">
+  <h1 class="font-bold">Imprint</h1>
+  <p>Christian Kußowski<br/>Prenzlauer Allee 221<br/>10405 Berlin</p>
+  <br/>
+  <h1 class="font-bold">Contact</h1>
+  <p>✉️ E‑Mail:
+    <a class="underline hover:text-purple-800 dark:hover:text-purple-400" href="https://keys.mailvelope.com/pks/lookup?op=get&amp;search=christian-pauly%40posteo.de">Click here</a>
+    <br/>💬 Matrix:
+    <a
+      class="underline hover:text-purple-800 dark:hover:text-purple-400"
+      href="https://matrix.to/#/@krille:janian.de">
+      @krille:janian.de</a>
+  </p>
+</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="/be/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/privacy">
+                    Privacy policy</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

be/index.html

@@ -0,0 +1,179 @@
+
+<!DOCTYPE html>
+<html lang="be"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Home</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="/be/" class="underline text-lg">Home</a>
+                <a href="/be/faq" class=" text-lg">FAQ</a>
+                <a href="/be/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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>
+        
+<img src="/assets/info-logo.png" alt="FluffyChat Logo" class="h-56"/>
+<p class="text-xl dark:text-gray-200 text-gray-700 mb-8">The cutest messenger in [<a href="https://matrix.org" target="_blank" class="text-xl underline hover:text-purple-800 dark:hover:text-purple-400">matrix</a>]</p>
+<div class="flex flex-wrap justify-center mb-16 w-full px-8 gap-4">
+    <img
+        src="/assets/screenshots/mobile.png"
+        alt="Mobile screenshot"
+        class="h-96 w-auto object-contain rounded-xl border border-gray-300 shadow-xl"/>
+    <img
+        src="/assets/screenshots/desktop.png"
+        alt="Desktop screenshot"
+        class="h-96 w-auto hidden md:inline-block object-contain rounded-xl border border-gray-300 shadow-xl"/>
+</div>
+<div class="max-w-lg mb-16 flex justify-center flex-wrap">
+    <a href="https://apps.apple.com/app/fluffychat/id1551469600"><img src="/assets/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="/assets/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="/assets/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="/assets/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="/assets/snap-store-badge.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="/assets/flathub-badge-en.png" class="w-36 pr-2 mb-2  hover:scale-105 transition-transform inline">
+    </a>
+</div>
+<div class="grid md:grid-cols-3 md:grid-rows-3 max-w-4xl justify-center w-full mb-16 features">
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated dancing woman" loading="lazy" src="/assets/feature1.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Easy to use</h1>
+        <p class="text-center dark:text-white">FluffyChat is designed to be as easy to use as possible. No one should be left behind.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated pencil" loading="lazy" src="/assets/feature2.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Material You</h1>
+        <p class="text-center dark:text-white">The well polished design is based on Material You and works great on all platforms.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated mechanical arm" loading="lazy" src="/assets/feature3.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Secure</h1>
+        <p class="text-center dark:text-white">With end-to-end encryption, cross-signing and encrypted backups, FluffyChat is one of the most secure messenger out there.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated planet earth" loading="lazy" src="/assets/feature4.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Decentral</h1>
+        <p class="text-center dark:text-white">You can choose the <a href="https://joinmatrix.org">server</a> you want to use or even <a href="https://matrix.org/ecosystem/servers/">self-host</a> your own!</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated bell" loading="lazy" src="/assets/feature5.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Push Notifications</h1>
+        <p class="text-center dark:text-white">You can choose between Firebase Cloud Messaging or the more privacy focused <a href="https://unifiedpush.org">Unified Push</a>.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated rocket" loading="lazy" src="/assets/feature6.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Spaces</h1>
+        <p class="text-center dark:text-white">With spaces you can join or create a community which organizes chats and users. Using sub-spaces you can even nest your communities.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated glass sphere" loading="lazy" src="/assets/feature7.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Video calls</h1>
+        <p class="text-center dark:text-white">Still an experimental feature but you can already try out video and audio calls, compatible with other [matrix] clients.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated chick" loading="lazy" src="/assets/feature8.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Stickers</h1>
+        <p class="text-center dark:text-white">Create your own sticker sets and share them with your friends. You can even use them as inline emojis.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated whoa emoji" loading="lazy" src="/assets/feature9.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Compatible</h1>
+        <p class="text-center dark:text-white">FluffyChat is compatible with any other [matrix] client like <a href="https://element.io">Element</a>, <a href="https://nheko-reborn.github.io/">Nheko</a>, <a href="https://cinny.in">Cinny</a> or <a href="https://apps.kde.org/de/neochat/">NeoChat</a>.</p>
+    </div>
+</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="/be/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/privacy">
+                    Privacy policy</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

be/privacy/index.html

@@ -0,0 +1,108 @@
+
+<!DOCTYPE html>
+<html lang="be"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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="/be/" class=" text-lg">Home</a>
+                <a href="/be/faq" class=" text-lg">FAQ</a>
+                <a href="/be/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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">
+    
+</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="/be/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/privacy">
+                    Privacy policy</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

be/tos/index.html

@@ -0,0 +1,114 @@
+
+<!DOCTYPE html>
+<html lang="be"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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="/be/" class=" text-lg">Home</a>
+                <a href="/be/faq" class=" text-lg">FAQ</a>
+                <a href="/be/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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">
+    <p><strong>Terms of Service</strong></p>
+<p>FluffyChat is a client application for the Matrix messaging network. It does not provide or operate any messaging servers.</p>
+<p>FluffyChat may suggest or preconfigure certain servers for user convenience. These servers are operated by independent third parties. The developers of FluffyChat have no control over these servers and are not responsible for their availability, security, privacy practices, or the content transmitted through them.</p>
+<p>Your messages and data are processed and stored by the server you choose to connect to. Please review the terms and privacy policies of the server operator you use.</p>
+<p>FluffyChat is provided “as is”, without warranties of any kind, express or implied. The developers of FluffyChat are not liable for any damages, data loss, service interruptions, or other issues arising from the use of the application or from the servers you connect to.</p>
+<p>By using FluffyChat, you agree to use the application in compliance with applicable laws and the policies of the server you choose.</p>
+
+</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="/be/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/privacy">
+                    Privacy policy</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/be/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

de/changelog/index.html

@@ -0,0 +1,109 @@
+
+<!DOCTYPE html>
+<html lang="de"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Changelog</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="/de/" class=" text-lg">Start</a>
+                <a href="/de/faq" class=" text-lg">FAQ</a>
+                <a href="/de/changelog" class="underline text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Unterstütze mich auf Ko-Fi</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>Changelog</h1>
+
+</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="/de/impressum">
+                    Impressum</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/de/privacy">
+                    Datenschutzerklärung</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/de/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Quellcode</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Übersetzungen</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/">Noto Animierte Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Erstellt von Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Sprache:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

de/impressum/index.html

@@ -0,0 +1,119 @@
+
+<!DOCTYPE html>
+<html lang="de"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Impressum</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="/de/" class=" text-lg">Start</a>
+                <a href="/de/faq" class=" text-lg">FAQ</a>
+                <a href="/de/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Unterstütze mich auf Ko-Fi</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 text-center p-32 markdown">
+  <h1 class="font-bold">Impressum</h1>
+  <p>Christian Kußowski<br/>Prenzlauer Allee 221<br/>10405 Berlin</p>
+  <br/>
+  <h1 class="font-bold">Kontakt</h1>
+  <p>✉️ E‑Mail:
+    <a class="underline hover:text-purple-800 dark:hover:text-purple-400" href="https://keys.mailvelope.com/pks/lookup?op=get&amp;search=christian-pauly%40posteo.de">Hier klicken</a>
+    <br/>💬 Matrix:
+    <a
+      class="underline hover:text-purple-800 dark:hover:text-purple-400"
+      href="https://matrix.to/#/@krille:janian.de">
+      @krille:janian.de</a>
+  </p>
+</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="/de/impressum">
+                    Impressum</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/de/privacy">
+                    Datenschutzerklärung</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/de/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Quellcode</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Übersetzungen</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/">Noto Animierte Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Erstellt von Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Sprache:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

de/index.html

@@ -0,0 +1,179 @@
+
+<!DOCTYPE html>
+<html lang="de"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Home</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="/de/" class="underline text-lg">Start</a>
+                <a href="/de/faq" class=" text-lg">FAQ</a>
+                <a href="/de/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Unterstütze mich auf Ko-Fi</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>
+        
+<img src="/assets/info-logo.png" alt="FluffyChat Logo" class="h-56"/>
+<p class="text-xl dark:text-gray-200 text-gray-700 mb-8">Der knuffigste Messenger in [<a href="https://matrix.org" target="_blank" class="text-xl underline hover:text-purple-800 dark:hover:text-purple-400">matrix</a>]</p>
+<div class="flex flex-wrap justify-center mb-16 w-full px-8 gap-4">
+    <img
+        src="/assets/screenshots/mobile.png"
+        alt="Mobile screenshot"
+        class="h-96 w-auto object-contain rounded-xl border border-gray-300 shadow-xl"/>
+    <img
+        src="/assets/screenshots/desktop.png"
+        alt="Desktop screenshot"
+        class="h-96 w-auto hidden md:inline-block object-contain rounded-xl border border-gray-300 shadow-xl"/>
+</div>
+<div class="max-w-lg mb-16 flex justify-center flex-wrap">
+    <a href="https://apps.apple.com/app/fluffychat/id1551469600"><img src="/assets/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="/assets/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="/assets/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="/assets/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="/assets/snap-store-badge.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="/assets/flathub-badge-en.png" class="w-36 pr-2 mb-2  hover:scale-105 transition-transform inline">
+    </a>
+</div>
+<div class="grid md:grid-cols-3 md:grid-rows-3 max-w-4xl justify-center w-full mb-16 features">
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated dancing woman" loading="lazy" src="/assets/feature1.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Einfach zu bedienen</h1>
+        <p class="text-center dark:text-white">FluffyChat ist so gestaltet, dass es so einfach wie möglich zu bedienen ist. Damit niemand ausgeschlossen wird.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated pencil" loading="lazy" src="/assets/feature2.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Material Design</h1>
+        <p class="text-center dark:text-white">Das gut ausgearbeitete Design basiert auf Material You und funktioniert auf allen Plattformen hervorragend.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated mechanical arm" loading="lazy" src="/assets/feature3.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Sicher</h1>
+        <p class="text-center dark:text-white">Mit Ende-zu-Ende-Verschlüsselung, Cross-Signing und verschlüsselten Backups ist FluffyChat einer der sichersten Messenger.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated planet earth" loading="lazy" src="/assets/feature4.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Dezentral</h1>
+        <p class="text-center dark:text-white">Du kannst den <a href="https://joinmatrix.org">Server</a> wählen, den du verwenden möchtest, oder sogar <a href="https://matrix.org/ecosystem/servers/">selbst hosten</a>!</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated bell" loading="lazy" src="/assets/feature5.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Benachrichtigungen</h1>
+        <p class="text-center dark:text-white">Du kannst zwischen Firebase Cloud Messaging oder dem datenschutzfreundlicheren <a href="https://unifiedpush.org">Unified Push</a> wählen.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated rocket" loading="lazy" src="/assets/feature6.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Spaces</h1>
+        <p class="text-center dark:text-white">Mit Spaces kannst du einer Community beitreten oder eine erstellen, die Chats und Nutzer organisiert. Mit Sub-Spaces kannst du Communities verschachteln.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated glass sphere" loading="lazy" src="/assets/feature7.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Videoanrufe</h1>
+        <p class="text-center dark:text-white">Noch experimentell, aber du kannst bereits Video- und Audioanrufe ausprobieren, kompatibel mit anderen [matrix] Clients.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated chick" loading="lazy" src="/assets/feature8.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Sticker</h1>
+        <p class="text-center dark:text-white">Erstelle deine eigenen Sticker-Sets und teile sie mit Freunden. Du kannst sie sogar als Inline-Emojis verwenden.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated whoa emoji" loading="lazy" src="/assets/feature9.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Kompatibel</h1>
+        <p class="text-center dark:text-white">FluffyChat ist kompatibel mit jedem anderen [matrix] Client wie <a href="https://element.io">Element</a>, <a href="https://nheko-reborn.github.io/">Nheko</a>, <a href="https://cinny.in">Cinny</a> oder <a href="https://apps.kde.org/de/neochat/">NeoChat</a>.</p>
+    </div>
+</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="/de/impressum">
+                    Impressum</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/de/privacy">
+                    Datenschutzerklärung</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/de/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Quellcode</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Übersetzungen</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/">Noto Animierte Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Erstellt von Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Sprache:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

de/privacy/index.html

@@ -0,0 +1,108 @@
+
+<!DOCTYPE html>
+<html lang="de"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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="/de/" class=" text-lg">Start</a>
+                <a href="/de/faq" class=" text-lg">FAQ</a>
+                <a href="/de/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Unterstütze mich auf Ko-Fi</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">
+    
+</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="/de/impressum">
+                    Impressum</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/de/privacy">
+                    Datenschutzerklärung</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/de/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Quellcode</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Übersetzungen</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/">Noto Animierte Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Erstellt von Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Sprache:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

de/tos/index.html

@@ -0,0 +1,114 @@
+
+<!DOCTYPE html>
+<html lang="de"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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="/de/" class=" text-lg">Start</a>
+                <a href="/de/faq" class=" text-lg">FAQ</a>
+                <a href="/de/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Unterstütze mich auf Ko-Fi</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">
+    <p><strong>Terms of Service</strong></p>
+<p>FluffyChat is a client application for the Matrix messaging network. It does not provide or operate any messaging servers.</p>
+<p>FluffyChat may suggest or preconfigure certain servers for user convenience. These servers are operated by independent third parties. The developers of FluffyChat have no control over these servers and are not responsible for their availability, security, privacy practices, or the content transmitted through them.</p>
+<p>Your messages and data are processed and stored by the server you choose to connect to. Please review the terms and privacy policies of the server operator you use.</p>
+<p>FluffyChat is provided “as is”, without warranties of any kind, express or implied. The developers of FluffyChat are not liable for any damages, data loss, service interruptions, or other issues arising from the use of the application or from the servers you connect to.</p>
+<p>By using FluffyChat, you agree to use the application in compliance with applicable laws and the policies of the server you choose.</p>
+
+</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="/de/impressum">
+                    Impressum</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/de/privacy">
+                    Datenschutzerklärung</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/de/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Quellcode</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Übersetzungen</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/">Noto Animierte Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Erstellt von Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Sprache:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

en/changelog/index.html

@@ -0,0 +1,109 @@
+
+<!DOCTYPE html>
+<html lang="en"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Changelog</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="/en/" class=" text-lg">Home</a>
+                <a href="/en/faq" class=" text-lg">FAQ</a>
+                <a href="/en/changelog" class="underline text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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>Changelog</h1>
+
+</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="/en/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/privacy">
+                    Privacy policy</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

en/faq/index.html

@@ -0,0 +1,252 @@
+
+<!DOCTYPE html>
+<html lang="en"></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="/en/" class=" text-lg">Home</a>
+                <a href="/en/faq" class="underline text-lg">FAQ</a>
+                <a href="/en/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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">Favourite asked questions</h1>
+<p class="text-center">You can edit or translate this FAQ on <a href='https://hosted.weblate.org/projects/fluffychat/fluffychat-website'>Weblate</a>.</p>
+<p class="text-center"><input id="searchField" type="text" placeholder="Search 🔍" 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">
+  
+    <h2 id="what_is_fluffychat:question" class="question">
+      <a name="what_is_fluffychat" href="#what_is_fluffychat">#</a>
+      What is FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="what_is_fluffychat:answer">FluffyChat is a user-friendly, free, and ad-free open-source app based on the <a href='https://matrix.org'>Matrix protocol</a> and works similarly to Telegram or WhatsApp.<br/>With FluffyChat, you can chat with your friends privately, create group chats, exchange voice messages, share pictures and videos, and even send your location.<br/>And the best part:<br/><b>FluffyChat is compatible with other Matrix messengers!</b></article>
+  
+    <h2 id="who_is_fluffychat_for:question" class="question">
+      <a name="who_is_fluffychat_for" href="#who_is_fluffychat_for">#</a>
+      Who is FluffyChat for?
+    </h2>
+    <article class="mb-12 pl-5" id="who_is_fluffychat_for:answer">FluffyChat is for anyone looking for a fast, user-friendly, and secure alternative to centralized messaging apps like WhatsApp, Telegram, or WeChat.</article>
+  
+    <h2 id="who_created_fluffychat:question" class="question">
+      <a name="who_created_fluffychat" href="#who_created_fluffychat">#</a>
+      Who created FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="who_created_fluffychat:answer">FluffyChat is developed by the community and was initiated by Christian (<a href='https://krille-chan.github.io/'>Krille</a>) Kußowski. However there are a lot of contributors, either code or translations. You can find them <a href='https://github.com/krille-chan/fluffychat/graphs/contributors'>here</a>.</article>
+  
+    <h2 id="how_is_fluffychat_funded:question" class="question">
+      <a name="how_is_fluffychat_funded" href="#how_is_fluffychat_funded">#</a>
+      How is FluffyChat funded?
+    </h2>
+    <article class="mb-12 pl-5" id="how_is_fluffychat_funded:answer">FluffyChat is a non-profit project driven by volunteers and totally funded by donations.</article>
+  
+    <h2 id="is_fluffychat_available_on_my_device:question" class="question">
+      <a name="is_fluffychat_available_on_my_device" href="#is_fluffychat_available_on_my_device">#</a>
+      Is FluffyChat available on my device?
+    </h2>
+    <article class="mb-12 pl-5" id="is_fluffychat_available_on_my_device:answer">Yes! You can use FluffyChat on mobile phones, tablets, and as a web version on your PC. Available on Android (Play Store and F-Droid), iOS (App Store), as a web app and as a desktop app for Linux (Flathub, Snap Store). It even works on Linux phones by using the Arm64 version of the Flatpak/Snap. You can compile it for MacOS and Windows by yourself if you like, but that is not yet supported.</article>
+  
+    <h2 id="how_do_i_create_an_account:question" class="question">
+      <a name="how_do_i_create_an_account" href="#how_do_i_create_an_account">#</a>
+      How do I create a FluffyChat account?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_create_an_account:answer">When you first launch the app, you'll be asked to create a new Matrix account. Select a server (e.g., matrix.org), enter your desired username, and a secure password. Optionally, you can add an email address (this is helpful for password recovery, but not required).</article>
+  
+    <h2 id="what_is_a_matrix_id:question" class="question">
+      <a name="what_is_a_matrix_id" href="#what_is_a_matrix_id">#</a>
+      What is a Matrix ID?
+    </h2>
+    <article class="mb-12 pl-5" id="what_is_a_matrix_id:answer">Your <b>Matrix ID</b> is your unique username on the network, e.g., @name:matrix.org. It consists of your name and the server on which your account is located.</article>
+  
+    <h2 id="how_do_i_log_in:question" class="question">
+      <a name="how_do_i_log_in" href="#how_do_i_log_in">#</a>
+      How do I log in to FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_log_in:answer">If you already have a Matrix account, simply enter your Matrix ID (e.g., @name:matrix.org) and password. You can log in to any Matrix-compatible server because FluffyChat is decentralized.</article>
+  
+    <h2 id="do_i_need_email:question" class="question">
+      <a name="do_i_need_email" href="#do_i_need_email">#</a>
+      Do I need an email address for FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="do_i_need_email:answer">No, an email address is not required. However, it is recommended if you want to reset your password or verify your account.</article>
+  
+    <h2 id="i_forgot_my_password:question" class="question">
+      <a name="i_forgot_my_password" href="#i_forgot_my_password">#</a>
+      I forgot my password. What now?
+    </h2>
+    <article class="mb-12 pl-5" id="i_forgot_my_password:answer">If you provided an email address when creating your account, you can reset your password via the server website (e.g., https://matrix.org). Unfortunately, recovery is not possible without an email address. In this case, you will need to create a new account.</article>
+  
+    <h2 id="i_changed_my_device_encrypted_messages:question" class="question">
+      <a name="i_changed_my_device_encrypted_messages" href="#i_changed_my_device_encrypted_messages">#</a>
+      I changed my device and now all my messages are encrypted. What now?
+    </h2>
+    <article class="mb-12 pl-5" id="i_changed_my_device_encrypted_messages:answer">To read your encrypted messages on the new device, you need to restore the backup you created previously. Enter your backup key or password when setting up FluffyChat on the new device. Only then can your messages be decrypted. If you haven't created a backup or have lost the key, your encrypted messages unfortunately cannot be restored.</article>
+  
+    <h2 id="how_do_i_create_a_backup_key:question" class="question">
+      <a name="how_do_i_create_a_backup_key" href="#how_do_i_create_a_backup_key">#</a>
+      How do I create a backup key in FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_create_a_backup_key:answer">Open FluffyChat and go to the <b>settings</b> to the <b>Chat Backup</b>. There you can set up an <u>encrypted</u> chat backup. You will be asked to save a recovery key. Important: Make a note of this key or keep it safe. <b>Without it, you won't be able to restore your encrypted messages on a new device.</b></article>
+  
+    <h2 id="i_found_a_bug:question" class="question">
+      <a name="i_found_a_bug" href="#i_found_a_bug">#</a>
+      I found a bug. What now?
+    </h2>
+    <article class="mb-12 pl-5" id="i_found_a_bug:answer">You can report bugs directly on Github. Alternatively, there's a public group chat on Messenger (#fluffy-space:matrix.org) where you can ask questions or send feedback.</article>
+  
+    <h2 id="push_without_google_services:question" class="question">
+      <a name="push_without_google_services" href="#push_without_google_services">#</a>
+      How can I get Push Notifications without Google Services?
+    </h2>
+    <article class="mb-12 pl-5" id="push_without_google_services:answer"><p>Push notifications are a great way to make sure you don&#39;t miss important messages in FluffyChat. For users who do not use Google Services (for example Huawei Phones, Amazon Fire tablets or custom roms), setting up push notifications is slightly different.</p> <p>FluffyChat attempts to set up push notifications automatically every time you launch the app. However, if you do not have Google Services on your device, you may receive an error message. In this case, it is necessary to use the an <a href="https://unifiedpush.org/#quick-start">UnifiedPush app</a> such as Ntfy, UP-FCM Distributor (Google) or Conversations.</p> <!-- editorconfig-checker-disable --> <!-- prettier-ignore-start --> <!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> <p><strong>Table of Contents</strong></p> <ul> <li><a href="#using-ntfy">Using Ntfy</a><ul> <li><a href="#-step-1-installing-and-setting-up-ntfy">🏪 Step 1: Installing and Setting Up ntfy</a></li> <li><a href="#-step-2-deactivate-battery-optimization-for-ntfy">🔋 Step 2: Deactivate Battery Optimization for ntfy</a></li> <li><a href="#-step-3-checking-push-configuration-in-fluffychat">✅ Step 3: Checking Push Configuration in FluffyChat</a></li> <li><a href="#%F0%9F%A5%B3-step-4-receiving-push-notifications">🥳 Step 4: Receiving Push Notifications</a></li> </ul> </li> <li><a href="#using-conversations">Using Conversations</a></li> </ul> <!-- END doctoc generated TOC please keep comment here to allow auto update --> <!-- prettier-ignore-end --> <!-- editorconfig-checker-enable --> <h3 id="using-ntfy">Using Ntfy</h3> <p>In this article, we&#39;ll show you how to configure push notifications on your Android device using the <strong>ntfy</strong> app.</p> <h3 id="-step-1-installing-and-setting-up-ntfy">🏪 Step 1: Installing and Setting Up ntfy</h3> <ol> <li><p>If you already have FluffyChat installed but are not receiving push notifications, close the app completely (by swiping it away in the overview) and open the <strong>PlayStore</strong> (or F-Droid) on your Android device.</p> </li> <li><p>Search for the app <a href="https://play.google.com/store/apps/details?id=io.heckel.ntfy">ntfy</a> and install it.</p> </li> <li><p>After installing ntfy, open the app at least once.</p> </li> <li><p>Now, return to FluffyChat and open the app.</p> </li> </ol> <h3 id="-step-2-deactivate-battery-optimization-for-ntfy">🔋 Step 2: Deactivate Battery Optimization for ntfy</h3> <p>To ensure that FluffyChat can reliably send push notifications, it&#39;s important to deactivate battery optimization for the &quot;ntfy&quot; app.</p> <ol> <li><p>Go to the [Android settings] on your device.</p> </li> <li><p>Look for &quot;Apps&quot; or &quot;Applications&quot; and select &quot;ntfy&quot; from the list of installed apps.</p> </li> <li><p>Tap on &quot;Battery&quot; and select &quot;Battery optimization.&quot;</p> </li> <li><p>In the list of apps exempted from battery optimization, make sure &quot;ntfy&quot; is selected.</p> </li> </ol> <h3 id="-step-3-checking-push-configuration-in-fluffychat">✅ Step 3: Checking Push Configuration in FluffyChat</h3> <ol> <li><p>Open FluffyChat and navigate to the [Settings].</p> </li> <li><p>Choose &quot;Notifications&quot; from the menu.</p> </li> <li><p>In the notification settings, you&#39;ll see a list of &quot;Pushers.&quot; The &quot;Pusher&quot; for &quot;ntfy&quot; should be at the bottom of the list.</p> </li> </ol> <h3 id="-step-4-receiving-push-notifications">🥳 Step 4: Receiving Push Notifications</h3> <p>To ensure that everything is set up correctly, ask a friend to send you a message in FluffyChat and check if you receive a push notification.</p> <h3 id="using-conversations">Using Conversations</h3> <p>If you are using XMPP in addition to Matrix and already have Conversations configured, you can follow these steps to get FluffyChat push notifications through it:</p> <ol> <li>Open <em>Conversations</em>.</li> <li>Touch the three dots on top right.</li> <li>Select <em>Settings</em> and scroll down to <em>UnifiedPush Distributor</em>.</li> <li>Touch <em>XMPP account</em> and select the XMPP account you wish to receive notifications through.</li> <li>Open FluffyChat. If it doesn&#39;t offer to receive notifications through <em>Conversations</em>, check the notification settings (see step 3 for Ntfy above).</li> </ol> <hr> <p>Following these steps should successfully set up push notifications in FluffyChat for users without Google Services. If you are interested in hosting your own push service, you can take a look at <a href="https://unifiedpush.org">unifiedpush.org</a>.</p></article>
+  
+    <h2 id="how_can_i_extend_this_faq:question" class="question">
+      <a name="how_can_i_extend_this_faq" href="#how_can_i_extend_this_faq">#</a>
+      How can I extend this FAQ?
+    </h2>
+    <article class="mb-12 pl-5" id="how_can_i_extend_this_faq:answer">On <a href='https://hosted.weblate.org/projects/fluffychat/fluffychat-website'>Weblate</a> you can edit all entries of the FAQ and provide translations for your language. To edit a source entry of the faq, you need to edit the <b>english</b> version. As an admin you can also write new entries to it by going to <b>English</b> and tap on <b>Add new translation</b>. There you then need to define a <b>key</b> for the FAQ entry.<br/><br/>The key always starts with <code>faq_questions.</code> or <code>faq_answers.</code>, then consists of the questions in lower case snake case. For example, the key of this entry is <code>faq_answer.how_can_i_extend_this_faq</code>.<br/><br/>Please note that you must provide a question <b>and</b> an answer, so you have to define two new translations.<br/><br/>If you are not an admin you can edit <a href='https://github.com/krille-chan/fluffychat-website/blob/main/src/_data/i18n/en.json'>this json file in GitHub</a>.</article>
+  
+    <h2 id="how_to_use_end_to_end_encryption:question" class="question">
+      <a name="how_to_use_end_to_end_encryption" href="#how_to_use_end_to_end_encryption">#</a>
+      How to use end to end encryption?
+    </h2>
+    <article class="mb-12 pl-5" id="how_to_use_end_to_end_encryption:answer"><p>FluffyChat supports end to end encryption. You can enable it per chat. Once enabled it cannot be disabled anymore for security reasons. You can not enable encryption for public rooms as this makes no sense when anyone can join and leave the room anyway. Once you have enabled encryption, the server is no longer able to read the content of your messages. It will encrypt all text messages and files.</p> <p>To be safe from man-in-the-middle attacks, you should take a look at the device list. You can do this in the encryption settings of a chat. Is there a suspicious device which you or your chat partner don&#39;t know? Then you can block it by moving the toggle to the left.</p> <p>The color of the toggle shows you the security state. Orange means, that this device is not verified. Grey means that it is blocked and won&#39;t receive the encryption keys. This means that this device won&#39;t be able to read your messages anymore! Green means that this device is verified.</p> <p>To verify the devices of another user, start the verification in a direct chat. For this you have a &quot;Start verification&quot; button in the encryption settings of a direct chat. Be sure that you are standing next to this person or you are connected via phone or any other secure channel. When you have started the verification, you will both see a set of emojis on your device. Compare them and tap on &quot;They match&quot;. Wait a little bit and then you should see that all devices become green.</p></article>
+  
+    <h2 id="how_to_fork:question" class="question">
+      <a name="how_to_fork" href="#how_to_fork">#</a>
+      How can I fork FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_to_fork:answer"><p><strong>Table of Contents</strong></p> <ul> <li><a href="#1-license">1. License</a></li> <li><a href="#2-disable-end-to-end-encryption">2. Disable end-to-end encryption!</a></li> <li><a href="#3-stay-up-to-date">3. Stay up to date!</a></li> <li><a href="#4-official-support">4. Official Support</a></li> </ul> <h3 id="1-license">1. License</h3> <p>FluffyChat is licensed under AGPL. Read the license (<a href="https://github.com/krille-chan/fluffychat/blob/main/LICENSE">https://github.com/krille-chan/fluffychat/blob/main/LICENSE</a>) and make sure that your fork is open source under the same license and that you fulfill all requirements. Maybe you should consider contacting a lawyer <strong>before</strong> you publish your fork.</p> <h3 id="2-disable-end-to-end-encryption-">2. Disable end-to-end encryption!</h3> <p>Due to US export regulations you are not allowed to publish your app in a store or anywhere on a US server before you have removed everything regarding the encryption or fulfill the regulations.</p> <p>Learn more: <a href="https://www.bis.doc.gov/index.php/policy-guidance/encryption">https://www.bis.doc.gov/index.php/policy-guidance/encryption</a></p> <p>If you need help from us with using E2EE in your fork read more below under the topic &quot;<strong>Official Support</strong>&quot;.</p> <h3 id="3-stay-up-to-date-">3. Stay up to date!</h3> <p>FluffyChat contains security related stuff. If we find a security bug, we will try to fix it as soon as possible and ship it with a new version. But this means that your fork is out of date and a security risk. You can&#39;t be awake 24 hours a day so you must decide how you protect your users by chosing one of the following methods:</p> <ol> <li>Make your fork as minimal as possible and enable repository mirroring. Set up a CI which publishes new versions automatically if FluffyChat publishes a bug fix.</li> <li>Never sleep and pay a big team where one guy at least is never sleeping.</li> <li>Contact <a href="https://famedly.com">famedly.com</a> to buy official support.</li> </ol> <h3 id="4-official-support">4. Official Support</h3> <p>FluffyChat is free as in free speech and not free beer! Please contact my company <a href="https://famedly.com">famedly.com</a> for offers and official support and take in mind that it costs a lot of work and time to maintain FluffyChat or the Famedly Matrix SDK. So we can&#39;t give you support for free. So please expect around 1$ per month per user of your fork.</p></article>
+  
+    <h2 id="how_do_i_find_other_users:question" class="question">
+      <a name="how_do_i_find_other_users" href="#how_do_i_find_other_users">#</a>
+      How do I find other users?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_find_other_users:answer"><p>There are several ways to find other users in FluffyChat.<br/></p> <ol> <li>Search by display name: You can enter a person&#39;s display name in the search. This only works if:<ul> <li>You&#39;ve already shared a chat with the person,</li> <li>They&#39;re in a public room known to your server,</li> <li>Or your server allows searching for other users.</li> </ul> </li> <li>Enter Matrix ID directly: If you know the Matrix ID (e.g., <code>@krille:janian.de</code>), you can enter it directly in the search. It works similarly to an email address: <code>@username:servername</code>.</li> <li>Scan QR code: You can scan the other person&#39;s QR code or display your own for scanning.</li> <li>Share invitation link: Anyone can share an invitation link to a room or chat. Clicking the link will connect you directly.</li> </ol></article>
+  
+    <h2 id="how_do_i_get_stickers:question" class="question">
+      <a name="how_do_i_get_stickers" href="#how_do_i_get_stickers">#</a>
+      How do I get stickers?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_get_stickers:answer"><p>You can add a sticker pack from the internet. For example this volpeon.ink does an incredible job:</p> <p><a href="https://volpeon.ink/emojis/">https://volpeon.ink/emojis/</a></p> <p>Just follow these steps:</p> <ol> <li><p>Download one of the packs as a zip file</p> </li> <li><p>Open FluffyChat</p> </li> <li><p>Go to &quot;Settings&quot; &gt; &quot;Chat&quot; &gt; &quot;Custom emotes and stickers&quot;</p> </li> <li><p>Tap on the three dot menu top right and tap on &quot;Import from zip file&quot;</p> </li> <li><p>Select the zip file and if you like edit the sticker names</p> </li> </ol> <p>You can also find preconfigured sticker packs in Matrix. I recommend Nico&#39;s Sticker Collection:</p> <p><a href="https://matrix.to/#/#nico's-stickers:neko.dev">https://matrix.to/#/#nico&#39;s-stickers:neko.dev</a></p> <p>The sticker collection for FluffyChat unfortunately does not have yet a large selection:</p> <p><a href="https://matrix.to/#/#fluffychat-stickers:janian.de">https://matrix.to/#/#fluffychat-stickers:janian.de</a></p> <ol> <li><p>Join the public room</p> </li> <li><p>Open the three dot menu top right and tap on &quot;Emote Settings&quot;</p> </li> <li><p>Select the sticker pack in the room you like</p> </li> <li><p>Toggle &quot;Enable emote pack globally&quot;</p> </li> </ol> <p>Have fun with your stickers! :-)</p></article>
+  
+</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="/en/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/privacy">
+                    Privacy policy</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

en/impressum/index.html

@@ -0,0 +1,119 @@
+
+<!DOCTYPE html>
+<html lang="en"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Impressum</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="/en/" class=" text-lg">Home</a>
+                <a href="/en/faq" class=" text-lg">FAQ</a>
+                <a href="/en/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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 text-center p-32 markdown">
+  <h1 class="font-bold">Imprint</h1>
+  <p>Christian Kußowski<br/>Prenzlauer Allee 221<br/>10405 Berlin</p>
+  <br/>
+  <h1 class="font-bold">Contact</h1>
+  <p>✉️ E‑Mail:
+    <a class="underline hover:text-purple-800 dark:hover:text-purple-400" href="https://keys.mailvelope.com/pks/lookup?op=get&amp;search=christian-pauly%40posteo.de">Click here</a>
+    <br/>💬 Matrix:
+    <a
+      class="underline hover:text-purple-800 dark:hover:text-purple-400"
+      href="https://matrix.to/#/@krille:janian.de">
+      @krille:janian.de</a>
+  </p>
+</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="/en/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/privacy">
+                    Privacy policy</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

en/index.html

@@ -0,0 +1,179 @@
+
+<!DOCTYPE html>
+<html lang="en"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Home</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="/en/" class="underline text-lg">Home</a>
+                <a href="/en/faq" class=" text-lg">FAQ</a>
+                <a href="/en/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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>
+        
+<img src="/assets/info-logo.png" alt="FluffyChat Logo" class="h-56"/>
+<p class="text-xl dark:text-gray-200 text-gray-700 mb-8">The cutest messenger in [<a href="https://matrix.org" target="_blank" class="text-xl underline hover:text-purple-800 dark:hover:text-purple-400">matrix</a>]</p>
+<div class="flex flex-wrap justify-center mb-16 w-full px-8 gap-4">
+    <img
+        src="/assets/screenshots/mobile.png"
+        alt="Mobile screenshot"
+        class="h-96 w-auto object-contain rounded-xl border border-gray-300 shadow-xl"/>
+    <img
+        src="/assets/screenshots/desktop.png"
+        alt="Desktop screenshot"
+        class="h-96 w-auto hidden md:inline-block object-contain rounded-xl border border-gray-300 shadow-xl"/>
+</div>
+<div class="max-w-lg mb-16 flex justify-center flex-wrap">
+    <a href="https://apps.apple.com/app/fluffychat/id1551469600"><img src="/assets/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="/assets/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="/assets/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="/assets/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="/assets/snap-store-badge.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="/assets/flathub-badge-en.png" class="w-36 pr-2 mb-2  hover:scale-105 transition-transform inline">
+    </a>
+</div>
+<div class="grid md:grid-cols-3 md:grid-rows-3 max-w-4xl justify-center w-full mb-16 features">
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated dancing woman" loading="lazy" src="/assets/feature1.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Easy to use</h1>
+        <p class="text-center dark:text-white">FluffyChat is designed to be as easy to use as possible. No one should be left behind.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated pencil" loading="lazy" src="/assets/feature2.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Material You</h1>
+        <p class="text-center dark:text-white">The well polished design is based on Material You and works great on all platforms.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated mechanical arm" loading="lazy" src="/assets/feature3.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Secure</h1>
+        <p class="text-center dark:text-white">With end-to-end encryption, cross-signing and encrypted backups, FluffyChat is one of the most secure messenger out there.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated planet earth" loading="lazy" src="/assets/feature4.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Decentral</h1>
+        <p class="text-center dark:text-white">You can choose the <a href="https://joinmatrix.org">server</a> you want to use or even <a href="https://matrix.org/ecosystem/servers/">self-host</a> your own!</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated bell" loading="lazy" src="/assets/feature5.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Push Notifications</h1>
+        <p class="text-center dark:text-white">You can choose between Firebase Cloud Messaging or the more privacy focused <a href="https://unifiedpush.org">Unified Push</a>.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated rocket" loading="lazy" src="/assets/feature6.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Spaces</h1>
+        <p class="text-center dark:text-white">With spaces you can join or create a community which organizes chats and users. Using sub-spaces you can even nest your communities.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated glass sphere" loading="lazy" src="/assets/feature7.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Video calls</h1>
+        <p class="text-center dark:text-white">Still an experimental feature but you can already try out video and audio calls, compatible with other [matrix] clients.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated chick" loading="lazy" src="/assets/feature8.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Stickers</h1>
+        <p class="text-center dark:text-white">Create your own sticker sets and share them with your friends. You can even use them as inline emojis.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated whoa emoji" loading="lazy" src="/assets/feature9.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Compatible</h1>
+        <p class="text-center dark:text-white">FluffyChat is compatible with any other [matrix] client like <a href="https://element.io">Element</a>, <a href="https://nheko-reborn.github.io/">Nheko</a>, <a href="https://cinny.in">Cinny</a> or <a href="https://apps.kde.org/de/neochat/">NeoChat</a>.</p>
+    </div>
+</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="/en/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/privacy">
+                    Privacy policy</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

en/privacy/index.html

@@ -0,0 +1,108 @@
+
+<!DOCTYPE html>
+<html lang="en"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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="/en/" class=" text-lg">Home</a>
+                <a href="/en/faq" class=" text-lg">FAQ</a>
+                <a href="/en/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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">
+    
+</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="/en/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/privacy">
+                    Privacy policy</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

en/tos/index.html

@@ -0,0 +1,114 @@
+
+<!DOCTYPE html>
+<html lang="en"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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="/en/" class=" text-lg">Home</a>
+                <a href="/en/faq" class=" text-lg">FAQ</a>
+                <a href="/en/changelog" class=" text-lg">
+                    Changelog</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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">
+    <p><strong>Terms of Service</strong></p>
+<p>FluffyChat is a client application for the Matrix messaging network. It does not provide or operate any messaging servers.</p>
+<p>FluffyChat may suggest or preconfigure certain servers for user convenience. These servers are operated by independent third parties. The developers of FluffyChat have no control over these servers and are not responsible for their availability, security, privacy practices, or the content transmitted through them.</p>
+<p>Your messages and data are processed and stored by the server you choose to connect to. Please review the terms and privacy policies of the server operator you use.</p>
+<p>FluffyChat is provided “as is”, without warranties of any kind, express or implied. The developers of FluffyChat are not liable for any damages, data loss, service interruptions, or other issues arising from the use of the application or from the servers you connect to.</p>
+<p>By using FluffyChat, you agree to use the application in compliance with applicable laws and the policies of the server you choose.</p>
+
+</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="/en/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/privacy">
+                    Privacy policy</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/en/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

et/changelog/index.html

@@ -0,0 +1,109 @@
+
+<!DOCTYPE html>
+<html lang="et"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Changelog</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="/et/" class=" text-lg">Avaleht</a>
+                <a href="/et/faq" class=" text-lg">KKK</a>
+                <a href="/et/changelog" class="underline text-lg">
+                    Muudatuste logi</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Ajaveeb
+                </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">Toeta mind Ko-Fi teenuses</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>Muudatuste logi</h1>
+
+</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="/et/impressum">
+                    Ilmumisandmed</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/privacy">
+                    Andmekaitsepõhimõtted</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Lähtekood</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Tõlked</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/">Noto animeeritud emojid</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Autor on Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Keel:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

et/faq/index.html

@@ -0,0 +1,252 @@
+
+<!DOCTYPE html>
+<html lang="et"></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="/et/" class=" text-lg">Avaleht</a>
+                <a href="/et/faq" class="underline text-lg">KKK</a>
+                <a href="/et/changelog" class=" text-lg">
+                    Muudatuste logi</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Ajaveeb
+                </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">Toeta mind Ko-Fi teenuses</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">Populaarseimad korduma kippuvad küsimused</h1>
+<p class="text-center">Siinset KKK-loendit saad muuta ja tõlkida <a href='https://hosted.weblate.org/projects/fluffychat/fluffychat-website'>Weblate'is</a>.</p>
+<p class="text-center"><input id="searchField" type="text" placeholder="Otsi 🔍" 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">
+  
+    <h2 id="what_is_fluffychat:question" class="question">
+      <a name="what_is_fluffychat" href="#what_is_fluffychat">#</a>
+      Mis on FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="what_is_fluffychat:answer">FluffyChat on kasutajasõbralik, vaba, tasuta ning reklaamideta ja avatud lähtekoodiga vestlusrakendus, mis kasutab <a href='https://matrix.org'>Matrixi protokolli</a> ning toimib sarnaselt Telegrami või WhatsApiga.<br/>FluffyChati abil saad sõprade ja tuttavatega suhelda privaatselt, luua jututube, vahetada häälsõnumeid, jagada pilte ning videoid ning isegi jagada oma asukohta.<br/>Ja mis on kõige toredam:<br/><b>FluffyChat ühildub kõikide teiste Matrixi sõnumiklientidega!</b></article>
+  
+    <h2 id="who_is_fluffychat_for:question" class="question">
+      <a name="who_is_fluffychat_for" href="#who_is_fluffychat_for">#</a>
+      Mille jaoks on FluffyChat loodud?
+    </h2>
+    <article class="mb-12 pl-5" id="who_is_fluffychat_for:answer">FluffyChat sobib kõigile, kes vajavad kiiret, kasutajasõbralikku ja turvalist alternatiivi tsentraliseeritud vestlusrakendustele nagu WhatsApp, Telegram või WeChat.</article>
+  
+    <h2 id="who_created_fluffychat:question" class="question">
+      <a name="who_created_fluffychat" href="#who_created_fluffychat">#</a>
+      Kes on FluffyChati autor?
+    </h2>
+    <article class="mb-12 pl-5" id="who_created_fluffychat:answer">FluffyChati arendust korraldab huviliste kogukond ja projekti algatas Christian (<a href='https://krille-chan.github.io/'>Krille</a>) Kußowski. Kaasautoreid nii koodi kirjutamise või tõlkimise poolel on väga palju - nende tervikliku <a href='https://github.com/krille-chan/fluffychat/graphs/contributors'>loendi leiad siit</a>.</article>
+  
+    <h2 id="how_is_fluffychat_funded:question" class="question">
+      <a name="how_is_fluffychat_funded" href="#how_is_fluffychat_funded">#</a>
+      Kuidas toimib FluffyChati rahastamine?
+    </h2>
+    <article class="mb-12 pl-5" id="how_is_fluffychat_funded:answer">FluffyChat on vabatahtlike juhitud tulu mittetaotlev projekt, mille rahastamine toetub vaid annetustele.</article>
+  
+    <h2 id="is_fluffychat_available_on_my_device:question" class="question">
+      <a name="is_fluffychat_available_on_my_device" href="#is_fluffychat_available_on_my_device">#</a>
+      Kas FluffyChat on saadaval ka minu seadme jaoks?
+    </h2>
+    <article class="mb-12 pl-5" id="is_fluffychat_available_on_my_device:answer">Jah! Sa võid FluffyChatti kasutada nutitelefonides, tahvelarvutites ning veebivariandina või oma laua- või sülearvutis. Saadaval nii Androidi (Play Store ja F-Droid),kui iOS -i(App Store) jaoks, lisaks veebirakendusena ja arvutivariandina Linuxile (Flathub, Snap Store). Ta toimib isegi Linuxi telefonides, kus saab kasutada Flatpaki või Snapi arm64 jaoks tehtud versiooni. Kui tahad, siis saad ta ise kompileerida ka MacOS-i ja Windows-i jaoks, kuid see pole ametlikult toetatud.</article>
+  
+    <h2 id="how_do_i_create_an_account:question" class="question">
+      <a name="how_do_i_create_an_account" href="#how_do_i_create_an_account">#</a>
+      Kuidas ma loon FluffyChati kasutajakonto?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_create_an_account:answer">Esmakordsel rakenduse käivitamisel palume sul luua endale uue Matrixi kasutajakonto. Vali sobilik server (nt. matrix.org), sisesta soovitud kasutajanimi ja turvaline salasõna. Kui soovid, siis võid lisada e-posti aadressi (mis on abiks salasõna taastamisel), kuid see pole kohustuslik). Palun salvesta oma salasõna ja serveri poolt loodud taastevõti turvaliselt oma digitaalsesse salasõnalaekasse.</article>
+  
+    <h2 id="what_is_a_matrix_id:question" class="question">
+      <a name="what_is_a_matrix_id" href="#what_is_a_matrix_id">#</a>
+      Mis on Matrixi kasutajatunnus (Matrix ID)?
+    </h2>
+    <article class="mb-12 pl-5" id="what_is_a_matrix_id:answer">Sinu <b>Matrixi kasutajatunnus (Matrix ID)</b> on sinu unikaalne tunnus kogu Matrixi võrgus, nt. @sinunimi:toreserver.org. Nagu muud sarnased aadressid, siis ka see on loodud põhimõttel „keegi - kusagil“ ehk siis sinu nimest ja koduserverist, mis kontot haldab. Lihtsalt kirjapilt on natuke erinev sellest, millega sa võib-olla oled e-posti puhul harjunud.</article>
+  
+    <h2 id="how_do_i_log_in:question" class="question">
+      <a name="how_do_i_log_in" href="#how_do_i_log_in">#</a>
+      Kuidas ma login FluffyChatti sisse?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_log_in:answer">Kui sul juba on Matrixi kasutajakonto olemas, siis sisesta Matrixi kasutajatunnus (Matrix ID) (nt. @sinunimi:toreserver.org) ja salasõna. Kuna FluffyChat kasutab hajutatud võrku, siis kõik Matrixiga ühilduvad serverid toimivad sisselogimiseks ilusti.</article>
+  
+    <h2 id="do_i_need_email:question" class="question">
+      <a name="do_i_need_email" href="#do_i_need_email">#</a>
+      Kas ma vajan FluffyChati kasutamiseks e-posti aadressi?
+    </h2>
+    <article class="mb-12 pl-5" id="do_i_need_email:answer">Ei, e-posti aadress pole vajalik. Aga kui tahad kunagi kasutada salasõna taastamist või oma kontot verifitseerida, siis on hea soovitus seda kasutada.</article>
+  
+    <h2 id="i_forgot_my_password:question" class="question">
+      <a name="i_forgot_my_password" href="#i_forgot_my_password">#</a>
+      Unustasin oma salasõna. Mida ma nüüd teen?
+    </h2>
+    <article class="mb-12 pl-5" id="i_forgot_my_password:answer">Kui sa oled kasutajakonto lisamisel lisanud ka e-posti aadressi, siis saad salasõna lähtestada selle serveri veebisaidist, kus sinu konto asub (nt. https://matrix.org). Kahjuks salasõna taastamine ilma e-posti aadressita pole võimalik ja sel puhul pead uue kasutajakonto looma.</article>
+  
+    <h2 id="i_changed_my_device_encrypted_messages:question" class="question">
+      <a name="i_changed_my_device_encrypted_messages" href="#i_changed_my_device_encrypted_messages">#</a>
+      Ma vahetasin oma nutiseadme ära ja nüüd on kõik minu sõnumid krüptitud. Mida ma nüüd teen?
+    </h2>
+    <article class="mb-12 pl-5" id="i_changed_my_device_encrypted_messages:answer">Kui soovid oma varasemaid sõnumeid uues seadmes lugeda, siis pead taastama varasemate krüptovõtmeta varunduse. FluffyChati seadistamisel uues seadmes sisesta on taastevõti või salasõna ja vaid sel puhul sõnumite dekrüptimine toimib. Kui sa pole võtmete varundamist tööle pannud või taastevõti on kadunud, siis varasemate sõnumite loetavaks muutmine pole kahjuks võimalik.</article>
+  
+    <h2 id="how_do_i_create_a_backup_key:question" class="question">
+      <a name="how_do_i_create_a_backup_key" href="#how_do_i_create_a_backup_key">#</a>
+      Kuidas ma korraldan FluffyChatis krüptovõtmete varundust?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_create_a_backup_key:answer">Ava FluffyChat, sealt <b>⚙ Seadistused</b> ning <b>Varunda vestlus</b>. Misjärel saadki seadistada <u>krüptitud</u> vestluse varunduse. Rakendus palub sul salvestada oma kasutajakonto taastevõti. On väga oluline, et salvestad ta endale turvalisel viisil, näiteks digitaalses salasõnalaekas. <b>Ilma taastevõtmeta pole võimalik sinu uues seadmes krüptitud sõnumeid loetavaks teha.</b></article>
+  
+    <h2 id="i_found_a_bug:question" class="question">
+      <a name="i_found_a_bug" href="#i_found_a_bug">#</a>
+      Ma leidsin ühe vea. Mida ma sellega teen?
+    </h2>
+    <article class="mb-12 pl-5" id="i_found_a_bug:answer">Sa võid vigadest anda teada otse Githubis. Alternatiiviks on avalik jututuba (aadressiga #fluffy-space:matrix.org), kus saad küsida küsimusi ning probleemide kohta asjalikku tagasisidet.</article>
+  
+    <h2 id="push_without_google_services:question" class="question">
+      <a name="push_without_google_services" href="#push_without_google_services">#</a>
+      Kuidas saan kasutada tõuketeenuseid ilma Google&#39;i teenusteta?
+    </h2>
+    <article class="mb-12 pl-5" id="push_without_google_services:answer"><p>Push notifications are a great way to make sure you don&#39;t miss important messages in FluffyChat. For users who do not use Google Services (for example Huawei Phones, Amazon Fire tablets or custom roms), setting up push notifications is slightly different.</p> <p>FluffyChat attempts to set up push notifications automatically every time you launch the app. However, if you do not have Google Services on your device, you may receive an error message. In this case, it is necessary to use the an <a href="https://unifiedpush.org/#quick-start">UnifiedPush app</a> such as Ntfy, UP-FCM Distributor (Google) or Conversations.</p> <!-- editorconfig-checker-disable --> <!-- prettier-ignore-start --> <!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> <p><strong>Table of Contents</strong></p> <ul> <li><a href="#using-ntfy">Using Ntfy</a><ul> <li><a href="#-step-1-installing-and-setting-up-ntfy">🏪 Step 1: Installing and Setting Up ntfy</a></li> <li><a href="#-step-2-deactivate-battery-optimization-for-ntfy">🔋 Step 2: Deactivate Battery Optimization for ntfy</a></li> <li><a href="#-step-3-checking-push-configuration-in-fluffychat">✅ Step 3: Checking Push Configuration in FluffyChat</a></li> <li><a href="#%F0%9F%A5%B3-step-4-receiving-push-notifications">🥳 Step 4: Receiving Push Notifications</a></li> </ul> </li> <li><a href="#using-conversations">Using Conversations</a></li> </ul> <!-- END doctoc generated TOC please keep comment here to allow auto update --> <!-- prettier-ignore-end --> <!-- editorconfig-checker-enable --> <h3 id="using-ntfy">Using Ntfy</h3> <p>In this article, we&#39;ll show you how to configure push notifications on your Android device using the <strong>ntfy</strong> app.</p> <h3 id="-step-1-installing-and-setting-up-ntfy">🏪 Step 1: Installing and Setting Up ntfy</h3> <ol> <li><p>If you already have FluffyChat installed but are not receiving push notifications, close the app completely (by swiping it away in the overview) and open the <strong>PlayStore</strong> (or F-Droid) on your Android device.</p> </li> <li><p>Search for the app <a href="https://play.google.com/store/apps/details?id=io.heckel.ntfy">ntfy</a> and install it.</p> </li> <li><p>After installing ntfy, open the app at least once.</p> </li> <li><p>Now, return to FluffyChat and open the app.</p> </li> </ol> <h3 id="-step-2-deactivate-battery-optimization-for-ntfy">🔋 Step 2: Deactivate Battery Optimization for ntfy</h3> <p>To ensure that FluffyChat can reliably send push notifications, it&#39;s important to deactivate battery optimization for the &quot;ntfy&quot; app.</p> <ol> <li><p>Go to the [Android settings] on your device.</p> </li> <li><p>Look for &quot;Apps&quot; or &quot;Applications&quot; and select &quot;ntfy&quot; from the list of installed apps.</p> </li> <li><p>Tap on &quot;Battery&quot; and select &quot;Battery optimization.&quot;</p> </li> <li><p>In the list of apps exempted from battery optimization, make sure &quot;ntfy&quot; is selected.</p> </li> </ol> <h3 id="-step-3-checking-push-configuration-in-fluffychat">✅ Step 3: Checking Push Configuration in FluffyChat</h3> <ol> <li><p>Open FluffyChat and navigate to the [Settings].</p> </li> <li><p>Choose &quot;Notifications&quot; from the menu.</p> </li> <li><p>In the notification settings, you&#39;ll see a list of &quot;Pushers.&quot; The &quot;Pusher&quot; for &quot;ntfy&quot; should be at the bottom of the list.</p> </li> </ol> <h3 id="-step-4-receiving-push-notifications">🥳 Step 4: Receiving Push Notifications</h3> <p>To ensure that everything is set up correctly, ask a friend to send you a message in FluffyChat and check if you receive a push notification.</p> <h3 id="using-conversations">Using Conversations</h3> <p>If you are using XMPP in addition to Matrix and already have Conversations configured, you can follow these steps to get FluffyChat push notifications through it:</p> <ol> <li>Open <em>Conversations</em>.</li> <li>Touch the three dots on top right.</li> <li>Select <em>Settings</em> and scroll down to <em>UnifiedPush Distributor</em>.</li> <li>Touch <em>XMPP account</em> and select the XMPP account you wish to receive notifications through.</li> <li>Open FluffyChat. If it doesn&#39;t offer to receive notifications through <em>Conversations</em>, check the notification settings (see step 3 for Ntfy above).</li> </ol> <hr> <p>Following these steps should successfully set up push notifications in FluffyChat for users without Google Services. If you are interested in hosting your own push service, you can take a look at <a href="https://unifiedpush.org">unifiedpush.org</a>.</p></article>
+  
+    <h2 id="how_can_i_extend_this_faq:question" class="question">
+      <a name="how_can_i_extend_this_faq" href="#how_can_i_extend_this_faq">#</a>
+      Kas selle KKK täiendamine on võimalik?
+    </h2>
+    <article class="mb-12 pl-5" id="how_can_i_extend_this_faq:answer">On <a href='https://hosted.weblate.org/projects/fluffychat/fluffychat-website'>Weblate</a> you can edit all entries of the FAQ and provide translations for your language. To edit a source entry of the faq, you need to edit the <b>english</b> version. As an admin you can also write new entries to it by going to <b>English</b> and tap on <b>Add new translation</b>. There you then need to define a <b>key</b> for the FAQ entry.<br/><br/>The key always starts with <code>faq_questions.</code> or <code>faq_answers.</code>, then consists of the questions in lower case snake case. For example, the key of this entry is <code>faq_answer.how_can_i_extend_this_faq</code>.<br/><br/>Please note that you must provide a question <b>and</b> an answer, so you have to define two new translations.<br/><br/>If you are not an admin you can edit <a href='https://github.com/krille-chan/fluffychat-website/blob/main/src/_data/i18n/en.json'>this json file in GitHub</a>.</article>
+  
+    <h2 id="how_to_use_end_to_end_encryption:question" class="question">
+      <a name="how_to_use_end_to_end_encryption" href="#how_to_use_end_to_end_encryption">#</a>
+      Kuidas ma kasutan läbivat krüptimist?
+    </h2>
+    <article class="mb-12 pl-5" id="how_to_use_end_to_end_encryption:answer"><p>FluffyChat supports end to end encryption. You can enable it per chat. Once enabled it cannot be disabled anymore for security reasons. You can not enable encryption for public rooms as this makes no sense when anyone can join and leave the room anyway. Once you have enabled encryption, the server is no longer able to read the content of your messages. It will encrypt all text messages and files.</p> <p>To be safe from man-in-the-middle attacks, you should take a look at the device list. You can do this in the encryption settings of a chat. Is there a suspicious device which you or your chat partner don&#39;t know? Then you can block it by moving the toggle to the left.</p> <p>The color of the toggle shows you the security state. Orange means, that this device is not verified. Grey means that it is blocked and won&#39;t receive the encryption keys. This means that this device won&#39;t be able to read your messages anymore! Green means that this device is verified.</p> <p>To verify the devices of another user, start the verification in a direct chat. For this you have a &quot;Start verification&quot; button in the encryption settings of a direct chat. Be sure that you are standing next to this person or you are connected via phone or any other secure channel. When you have started the verification, you will both see a set of emojis on your device. Compare them and tap on &quot;They match&quot;. Wait a little bit and then you should see that all devices become green.</p></article>
+  
+    <h2 id="how_to_fork:question" class="question">
+      <a name="how_to_fork" href="#how_to_fork">#</a>
+      Kuidas ma saan FluffyChati koodist oma versiooni teha?
+    </h2>
+    <article class="mb-12 pl-5" id="how_to_fork:answer"><p><strong>Table of Contents</strong></p> <ul> <li><a href="#1-license">1. License</a></li> <li><a href="#2-disable-end-to-end-encryption">2. Disable end-to-end encryption!</a></li> <li><a href="#3-stay-up-to-date">3. Stay up to date!</a></li> <li><a href="#4-official-support">4. Official Support</a></li> </ul> <h3 id="1-license">1. License</h3> <p>FluffyChat is licensed under AGPL. Read the license (<a href="https://github.com/krille-chan/fluffychat/blob/main/LICENSE">https://github.com/krille-chan/fluffychat/blob/main/LICENSE</a>) and make sure that your fork is open source under the same license and that you fulfill all requirements. Maybe you should consider contacting a lawyer <strong>before</strong> you publish your fork.</p> <h3 id="2-disable-end-to-end-encryption-">2. Disable end-to-end encryption!</h3> <p>Due to US export regulations you are not allowed to publish your app in a store or anywhere on a US server before you have removed everything regarding the encryption or fulfill the regulations.</p> <p>Learn more: <a href="https://www.bis.doc.gov/index.php/policy-guidance/encryption">https://www.bis.doc.gov/index.php/policy-guidance/encryption</a></p> <p>If you need help from us with using E2EE in your fork read more below under the topic &quot;<strong>Official Support</strong>&quot;.</p> <h3 id="3-stay-up-to-date-">3. Stay up to date!</h3> <p>FluffyChat contains security related stuff. If we find a security bug, we will try to fix it as soon as possible and ship it with a new version. But this means that your fork is out of date and a security risk. You can&#39;t be awake 24 hours a day so you must decide how you protect your users by chosing one of the following methods:</p> <ol> <li>Make your fork as minimal as possible and enable repository mirroring. Set up a CI which publishes new versions automatically if FluffyChat publishes a bug fix.</li> <li>Never sleep and pay a big team where one guy at least is never sleeping.</li> <li>Contact <a href="https://famedly.com">famedly.com</a> to buy official support.</li> </ol> <h3 id="4-official-support">4. Official Support</h3> <p>FluffyChat is free as in free speech and not free beer! Please contact my company <a href="https://famedly.com">famedly.com</a> for offers and official support and take in mind that it costs a lot of work and time to maintain FluffyChat or the Famedly Matrix SDK. So we can&#39;t give you support for free. So please expect around 1$ per month per user of your fork.</p></article>
+  
+    <h2 id="how_do_i_find_other_users:question" class="question">
+      <a name="how_do_i_find_other_users" href="#how_do_i_find_other_users">#</a>
+      Kuidas ma leian teisi kasutajaid?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_find_other_users:answer"><p>Kasutajate leidmiseks on FluffyChatis mitu moodust.<br/></p> <ol> <li>Otsi teise osapoole kuvatavat nime: Lihtsalt sisesta otsingusse tema nimi. See toimib, kui:<ul> <li>kui oled temaga varem vestelnud,</li> <li>ta osaleb avalikus jututoas, mida sinu server teab,</li> <li>või sinu server võimaldab teiste kasutajate mujalt otsimist.</li> </ul> </li> <li>Sisesta Matrixi kasutajatunnus otseselt: kui tead teise osapoole Matrixi kasutajatunnust (nt. <code>@krille:janian.de</code>), siis võid selle otse otsingusse sisestada. See toimib sarnaselt e-posti aadressiga: <code>@kasutajanimi:serverinimi</code>.</li> <li>Skaneeri QR-koodi: kui olete üheskoos, siis skaneeri tema Matrixi kliendist tema QR-koodi või näita talle skaneerimiseks enda oma.</li> <li>Jaga kutselinki: kõik saavad vestluse või jututoa kutselinki jagada ja selle klõpsimine viib otse ühenduse lisamise juurde.</li> </ol></article>
+  
+    <h2 id="how_do_i_get_stickers:question" class="question">
+      <a name="how_do_i_get_stickers" href="#how_do_i_get_stickers">#</a>
+      How do I get stickers?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_get_stickers:answer"><p>You can add a sticker pack from the internet. For example this volpeon.ink does an incredible job:</p> <p><a href="https://volpeon.ink/emojis/">https://volpeon.ink/emojis/</a></p> <p>Just follow these steps:</p> <ol> <li><p>Download one of the packs as a zip file</p> </li> <li><p>Open FluffyChat</p> </li> <li><p>Go to &quot;Settings&quot; &gt; &quot;Chat&quot; &gt; &quot;Custom emotes and stickers&quot;</p> </li> <li><p>Tap on the three dot menu top right and tap on &quot;Import from zip file&quot;</p> </li> <li><p>Select the zip file and if you like edit the sticker names</p> </li> </ol> <p>You can also find preconfigured sticker packs in Matrix. I recommend Nico&#39;s Sticker Collection:</p> <p><a href="https://matrix.to/#/#nico's-stickers:neko.dev">https://matrix.to/#/#nico&#39;s-stickers:neko.dev</a></p> <p>The sticker collection for FluffyChat unfortunately does not have yet a large selection:</p> <p><a href="https://matrix.to/#/#fluffychat-stickers:janian.de">https://matrix.to/#/#fluffychat-stickers:janian.de</a></p> <ol> <li><p>Join the public room</p> </li> <li><p>Open the three dot menu top right and tap on &quot;Emote Settings&quot;</p> </li> <li><p>Select the sticker pack in the room you like</p> </li> <li><p>Toggle &quot;Enable emote pack globally&quot;</p> </li> </ol> <p>Have fun with your stickers! :-)</p></article>
+  
+</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="/et/impressum">
+                    Ilmumisandmed</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/privacy">
+                    Andmekaitsepõhimõtted</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Lähtekood</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Tõlked</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/">Noto animeeritud emojid</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Autor on Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Keel:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

et/impressum/index.html

@@ -0,0 +1,119 @@
+
+<!DOCTYPE html>
+<html lang="et"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Impressum</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="/et/" class=" text-lg">Avaleht</a>
+                <a href="/et/faq" class=" text-lg">KKK</a>
+                <a href="/et/changelog" class=" text-lg">
+                    Muudatuste logi</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Ajaveeb
+                </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">Toeta mind Ko-Fi teenuses</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 text-center p-32 markdown">
+  <h1 class="font-bold">Ilmumisandmed</h1>
+  <p>Christian Kußowski<br/>Prenzlauer Allee 221<br/>10405 Berlin</p>
+  <br/>
+  <h1 class="font-bold">Meie kontaktid</h1>
+  <p>✉️ E-posti aadress:
+    <a class="underline hover:text-purple-800 dark:hover:text-purple-400" href="https://keys.mailvelope.com/pks/lookup?op=get&amp;search=christian-pauly%40posteo.de">Klõpsi siin</a>
+    <br/>💬 Matrix:
+    <a
+      class="underline hover:text-purple-800 dark:hover:text-purple-400"
+      href="https://matrix.to/#/@krille:janian.de">
+      @krille:janian.de</a>
+  </p>
+</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="/et/impressum">
+                    Ilmumisandmed</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/privacy">
+                    Andmekaitsepõhimõtted</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Lähtekood</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Tõlked</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/">Noto animeeritud emojid</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Autor on Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Keel:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

et/index.html

@@ -0,0 +1,179 @@
+
+<!DOCTYPE html>
+<html lang="et"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Home</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="/et/" class="underline text-lg">Avaleht</a>
+                <a href="/et/faq" class=" text-lg">KKK</a>
+                <a href="/et/changelog" class=" text-lg">
+                    Muudatuste logi</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Ajaveeb
+                </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">Toeta mind Ko-Fi teenuses</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>
+        
+<img src="/assets/info-logo.png" alt="FluffyChat Logo" class="h-56"/>
+<p class="text-xl dark:text-gray-200 text-gray-700 mb-8">Kõige nunnum sõnumiklient [<a href="https://matrix.org" target="_blank" class="text-xl underline hover:text-purple-800 dark:hover:text-purple-400">matrix</a>]-i võrgus</p>
+<div class="flex flex-wrap justify-center mb-16 w-full px-8 gap-4">
+    <img
+        src="/assets/screenshots/mobile.png"
+        alt="Mobile screenshot"
+        class="h-96 w-auto object-contain rounded-xl border border-gray-300 shadow-xl"/>
+    <img
+        src="/assets/screenshots/desktop.png"
+        alt="Desktop screenshot"
+        class="h-96 w-auto hidden md:inline-block object-contain rounded-xl border border-gray-300 shadow-xl"/>
+</div>
+<div class="max-w-lg mb-16 flex justify-center flex-wrap">
+    <a href="https://apps.apple.com/app/fluffychat/id1551469600"><img src="/assets/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="/assets/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="/assets/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="/assets/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="/assets/snap-store-badge.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="/assets/flathub-badge-en.png" class="w-36 pr-2 mb-2  hover:scale-105 transition-transform inline">
+    </a>
+</div>
+<div class="grid md:grid-cols-3 md:grid-rows-3 max-w-4xl justify-center w-full mb-16 features">
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated dancing woman" loading="lazy" src="/assets/feature1.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Lihtsaltkasutatav</h1>
+        <p class="text-center dark:text-white">FluffyChat on loodud võimalikult lihtsaltkasutatavana. Mitte keegi ei peaks olema jäetud kõrvale.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated pencil" loading="lazy" src="/assets/feature2.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Material You</h1>
+        <p class="text-center dark:text-white">Detailideni lihvitud kujundus põhineb Material You kujunduskeelel ja toimib edukalt kõikidel platvormidel.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated mechanical arm" loading="lazy" src="/assets/feature3.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Turvaline</h1>
+        <p class="text-center dark:text-white">Kasutades läbivat krüptimist, risttunnustamist ja krüptitud varundust, on FluffyChat üks turvalisemaid sõnumikliente.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated planet earth" loading="lazy" src="/assets/feature4.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Hajutatud</h1>
+        <p class="text-center dark:text-white">Sa võid valida <a href="https://joinmatrix.org">serveri</a>, mida tahad kasutada või sootuks <a href="https://matrix.org/ecosystem/servers/">püsti panna</a> täitsa enda oma!</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated bell" loading="lazy" src="/assets/feature5.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Tõuketeavitused</h1>
+        <p class="text-center dark:text-white">Sul on võimalik valida Firebase Cloud Messaging-liidestuse või privaatsuskesksema <a href="https://unifiedpush.org">Unified Pushi</a> vahel.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated rocket" loading="lazy" src="/assets/feature6.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Kogukonnad</h1>
+        <p class="text-center dark:text-white">Matrixi kogukonnad ühendavad jututube ja kasutajaid, nad võimaldavad sul luua seltsinguid, eri vormis ühendusi või nendega liituda. Kogukonda saad lisada ka alamkogukondi ja see lisab täiendavaid võimalusi organiseerumiseks.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated glass sphere" loading="lazy" src="/assets/feature7.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Videokõned</h1>
+        <p class="text-center dark:text-white">See on hetkel veel katsejärgus, kuid juba praegu saad proovida video- ja häälkõnesid, mis ühilduvad teiste [matrix]-i klientidega.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated chick" loading="lazy" src="/assets/feature8.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Kleepsud</h1>
+        <p class="text-center dark:text-white">Loo oma enda kleepsupakk ja jaga seda oma sõpradega. Võid neid kasutada ka tekstisiseste emojidena.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated whoa emoji" loading="lazy" src="/assets/feature9.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Ühilduv</h1>
+        <p class="text-center dark:text-white">FluffyChat ühildub kõikide muude [matrix]-i klientidega, nagu näiteks <a href="https://element.io">Element</a>, <a href="https://nheko-reborn.github.io/">Nheko</a>, <a href="https://cinny.in">Cinny</a> või <a href="https://apps.kde.org/de/neochat/">NeoChat</a>.</p>
+    </div>
+</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="/et/impressum">
+                    Ilmumisandmed</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/privacy">
+                    Andmekaitsepõhimõtted</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Lähtekood</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Tõlked</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/">Noto animeeritud emojid</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Autor on Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Keel:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

et/privacy/index.html

@@ -0,0 +1,108 @@
+
+<!DOCTYPE html>
+<html lang="et"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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="/et/" class=" text-lg">Avaleht</a>
+                <a href="/et/faq" class=" text-lg">KKK</a>
+                <a href="/et/changelog" class=" text-lg">
+                    Muudatuste logi</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Ajaveeb
+                </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">Toeta mind Ko-Fi teenuses</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">
+    
+</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="/et/impressum">
+                    Ilmumisandmed</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/privacy">
+                    Andmekaitsepõhimõtted</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Lähtekood</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Tõlked</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/">Noto animeeritud emojid</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Autor on Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Keel:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

et/tos/index.html

@@ -0,0 +1,114 @@
+
+<!DOCTYPE html>
+<html lang="et"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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="/et/" class=" text-lg">Avaleht</a>
+                <a href="/et/faq" class=" text-lg">KKK</a>
+                <a href="/et/changelog" class=" text-lg">
+                    Muudatuste logi</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Ajaveeb
+                </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">Toeta mind Ko-Fi teenuses</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">
+    <p><strong>Terms of Service</strong></p>
+<p>FluffyChat is a client application for the Matrix messaging network. It does not provide or operate any messaging servers.</p>
+<p>FluffyChat may suggest or preconfigure certain servers for user convenience. These servers are operated by independent third parties. The developers of FluffyChat have no control over these servers and are not responsible for their availability, security, privacy practices, or the content transmitted through them.</p>
+<p>Your messages and data are processed and stored by the server you choose to connect to. Please review the terms and privacy policies of the server operator you use.</p>
+<p>FluffyChat is provided “as is”, without warranties of any kind, express or implied. The developers of FluffyChat are not liable for any damages, data loss, service interruptions, or other issues arising from the use of the application or from the servers you connect to.</p>
+<p>By using FluffyChat, you agree to use the application in compliance with applicable laws and the policies of the server you choose.</p>
+
+</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="/et/impressum">
+                    Ilmumisandmed</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/privacy">
+                    Andmekaitsepõhimõtted</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/et/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Lähtekood</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Tõlked</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/">Noto animeeritud emojid</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Autor on Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Keel:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

faq/index.html

@@ -0,0 +1,22 @@
+
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>Redirecting…</title>
+        <meta http-equiv="refresh" content="0; url=/en/">
+        <script>
+            const userLang = navigator.language ?. substring(0, 2) || "en";
+            const supported = ["be","de","en","et","fi","fy","gl","lv","nb_NO","nl","uz"]; // z. B. ["en","de"] Fallback auf Englisch, falls Sprache nicht unterstützt
+            const targetLang = supported.includes(userLang)
+                ? userLang
+                : "en";
+            window.location.replace(`/${targetLang}/faq#${
+                location.hash
+            }`);
+        </script>
+    </head>
+    <body>
+        <p>Redirecting…</p>
+    </body>
+</html>

fi/changelog/index.html

@@ -0,0 +1,109 @@
+
+<!DOCTYPE html>
+<html lang="fi"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Changelog</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=" text-lg"></a>
+                <a href="/fi/changelog" class="underline 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></h1>
+
+</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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

fi/faq/index.html

@@ -0,0 +1,138 @@
+
+<!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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

fi/impressum/index.html

@@ -0,0 +1,119 @@
+
+<!DOCTYPE html>
+<html lang="fi"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Impressum</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=" 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 text-center p-32 markdown">
+  <h1 class="font-bold"></h1>
+  <p>Christian Kußowski<br/>Prenzlauer Allee 221<br/>10405 Berlin</p>
+  <br/>
+  <h1 class="font-bold"></h1>
+  <p>✉️ 
+    <a class="underline hover:text-purple-800 dark:hover:text-purple-400" href="https://keys.mailvelope.com/pks/lookup?op=get&amp;search=christian-pauly%40posteo.de"></a>
+    <br/>💬 
+    <a
+      class="underline hover:text-purple-800 dark:hover:text-purple-400"
+      href="https://matrix.to/#/@krille:janian.de">
+      @krille:janian.de</a>
+  </p>
+</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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

fi/index.html

@@ -0,0 +1,179 @@
+
+<!DOCTYPE html>
+<html lang="fi"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Home</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="underline text-lg"></a>
+                <a href="/fi/faq" class=" 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>
+        
+<img src="/assets/info-logo.png" alt="FluffyChat Logo" class="h-56"/>
+<p class="text-xl dark:text-gray-200 text-gray-700 mb-8"></p>
+<div class="flex flex-wrap justify-center mb-16 w-full px-8 gap-4">
+    <img
+        src="/assets/screenshots/mobile.png"
+        alt="Mobile screenshot"
+        class="h-96 w-auto object-contain rounded-xl border border-gray-300 shadow-xl"/>
+    <img
+        src="/assets/screenshots/desktop.png"
+        alt="Desktop screenshot"
+        class="h-96 w-auto hidden md:inline-block object-contain rounded-xl border border-gray-300 shadow-xl"/>
+</div>
+<div class="max-w-lg mb-16 flex justify-center flex-wrap">
+    <a href="https://apps.apple.com/app/fluffychat/id1551469600"><img src="/assets/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="/assets/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="/assets/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="/assets/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="/assets/snap-store-badge.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="/assets/flathub-badge-en.png" class="w-36 pr-2 mb-2  hover:scale-105 transition-transform inline">
+    </a>
+</div>
+<div class="grid md:grid-cols-3 md:grid-rows-3 max-w-4xl justify-center w-full mb-16 features">
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated dancing woman" loading="lazy" src="/assets/feature1.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl"></h1>
+        <p class="text-center dark:text-white"></p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated pencil" loading="lazy" src="/assets/feature2.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl"></h1>
+        <p class="text-center dark:text-white"></p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated mechanical arm" loading="lazy" src="/assets/feature3.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl"></h1>
+        <p class="text-center dark:text-white"></p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated planet earth" loading="lazy" src="/assets/feature4.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl"></h1>
+        <p class="text-center dark:text-white"></p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated bell" loading="lazy" src="/assets/feature5.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl"></h1>
+        <p class="text-center dark:text-white"></p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated rocket" loading="lazy" src="/assets/feature6.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl"></h1>
+        <p class="text-center dark:text-white"></p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated glass sphere" loading="lazy" src="/assets/feature7.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl"></h1>
+        <p class="text-center dark:text-white"></p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated chick" loading="lazy" src="/assets/feature8.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl"></h1>
+        <p class="text-center dark:text-white"></p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated whoa emoji" loading="lazy" src="/assets/feature9.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl"></h1>
+        <p class="text-center dark:text-white"></p>
+    </div>
+</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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

fi/privacy/index.html

@@ -0,0 +1,108 @@
+
+<!DOCTYPE html>
+<html lang="fi"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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=" 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">
+    
+</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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

fi/tos/index.html

@@ -0,0 +1,114 @@
+
+<!DOCTYPE html>
+<html lang="fi"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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=" 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">
+    <p><strong>Terms of Service</strong></p>
+<p>FluffyChat is a client application for the Matrix messaging network. It does not provide or operate any messaging servers.</p>
+<p>FluffyChat may suggest or preconfigure certain servers for user convenience. These servers are operated by independent third parties. The developers of FluffyChat have no control over these servers and are not responsible for their availability, security, privacy practices, or the content transmitted through them.</p>
+<p>Your messages and data are processed and stored by the server you choose to connect to. Please review the terms and privacy policies of the server operator you use.</p>
+<p>FluffyChat is provided “as is”, without warranties of any kind, express or implied. The developers of FluffyChat are not liable for any damages, data loss, service interruptions, or other issues arising from the use of the application or from the servers you connect to.</p>
+<p>By using FluffyChat, you agree to use the application in compliance with applicable laws and the policies of the server you choose.</p>
+
+</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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

fy/changelog/index.html

@@ -0,0 +1,109 @@
+
+<!DOCTYPE html>
+<html lang="fy"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Changelog</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="/fy/" class=" text-lg">Thús</a>
+                <a href="/fy/faq" class=" text-lg">FAQ</a>
+                <a href="/fy/changelog" class="underline text-lg">
+                    Skiednis fan feroaring</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Stipe my op Ko-Fi</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>Skiednis fan feroaring</h1>
+
+</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="/fy/impressum">
+                    Kolofon</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/privacy">
+                    Privacybelied</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Boarnekoade</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Oersettings</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/">Noto Animearre Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Makke troch Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Taal:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

fy/faq/index.html

@@ -0,0 +1,252 @@
+
+<!DOCTYPE html>
+<html lang="fy"></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="/fy/" class=" text-lg">Thús</a>
+                <a href="/fy/faq" class="underline text-lg">FAQ</a>
+                <a href="/fy/changelog" class=" text-lg">
+                    Skiednis fan feroaring</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Stipe my op Ko-Fi</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">Favoriete stelde fragen</h1>
+<p class="text-center">Jo kinne dizze FAQ bewurkje of oersette op <a href='https://hosted.weblate.org/projects/fluffychat/fluffychat-website'>Weblate</a>.</p>
+<p class="text-center"><input id="searchField" type="text" placeholder="Sykje 🔍" 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">
+  
+    <h2 id="what_is_fluffychat:question" class="question">
+      <a name="what_is_fluffychat" href="#what_is_fluffychat">#</a>
+      Wat is FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="what_is_fluffychat:answer">FluffyChat is in brûkerfreonlike, fergese en advertinsjefrije iepen boarne-app basearre op it <a href='https://matrix.org'>Matrix-protokol</a> en wurket fergelykber mei Telegram of WhatsApp.<br/>Mei FluffyChat kinne jo privee mei jo freonen petearje, groepchats oanmeitsje, stimberjochten útwikselje, foto's en fideo's diele, en sels jo lokaasje ferstjoere.<br/>En it bêste diel:<br/><b>FluffyChat is kompatibel mei oare Matrix-messengers!</b></article>
+  
+    <h2 id="who_is_fluffychat_for:question" class="question">
+      <a name="who_is_fluffychat_for" href="#who_is_fluffychat_for">#</a>
+      Foar wa is FluffyChat bedoeld?
+    </h2>
+    <article class="mb-12 pl-5" id="who_is_fluffychat_for:answer">FluffyChat is for anyone looking for a fast, user-friendly, and secure alternative to centralized messaging apps like WhatsApp, Telegram, or WeChat.</article>
+  
+    <h2 id="who_created_fluffychat:question" class="question">
+      <a name="who_created_fluffychat" href="#who_created_fluffychat">#</a>
+      Wa hat FluffyChat makke?
+    </h2>
+    <article class="mb-12 pl-5" id="who_created_fluffychat:answer">FluffyChat is developed by the community and was initiated by Christian (<a href='https://krille-chan.github.io/'>Krille</a>) Kußowski. However there are a lot of contributors, either code or translations. You can find them <a href='https://github.com/krille-chan/fluffychat/graphs/contributors'>here</a>.</article>
+  
+    <h2 id="how_is_fluffychat_funded:question" class="question">
+      <a name="how_is_fluffychat_funded" href="#how_is_fluffychat_funded">#</a>
+      Hoe wurdt FluffyChat finansierd?
+    </h2>
+    <article class="mb-12 pl-5" id="how_is_fluffychat_funded:answer">FluffyChat is a non-profit project driven by volunteers and totally funded by donations.</article>
+  
+    <h2 id="is_fluffychat_available_on_my_device:question" class="question">
+      <a name="is_fluffychat_available_on_my_device" href="#is_fluffychat_available_on_my_device">#</a>
+      Is FluffyChat beskikber op myn apparaat?
+    </h2>
+    <article class="mb-12 pl-5" id="is_fluffychat_available_on_my_device:answer">Yes! You can use FluffyChat on mobile phones, tablets, and as a web version on your PC. Available on Android (Play Store and F-Droid), iOS (App Store), as a web app and as a desktop app for Linux (Flathub, Snap Store). It even works on Linux phones by using the Arm64 version of the Flatpak/Snap. You can compile it for MacOS and Windows by yourself if you like, but that is not yet supported.</article>
+  
+    <h2 id="how_do_i_create_an_account:question" class="question">
+      <a name="how_do_i_create_an_account" href="#how_do_i_create_an_account">#</a>
+      Hoe meitsje ik in FluffyChat-akkount oan?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_create_an_account:answer">When you first launch the app, you'll be asked to create a new Matrix account. Select a server (e.g., matrix.org), enter your desired username, and a secure password. Optionally, you can add an email address (this is helpful for password recovery, but not required).</article>
+  
+    <h2 id="what_is_a_matrix_id:question" class="question">
+      <a name="what_is_a_matrix_id" href="#what_is_a_matrix_id">#</a>
+      Wat is in Matrix ID?
+    </h2>
+    <article class="mb-12 pl-5" id="what_is_a_matrix_id:answer">Your <b>Matrix ID</b> is your unique username on the network, e.g., @name:matrix.org. It consists of your name and the server on which your account is located.</article>
+  
+    <h2 id="how_do_i_log_in:question" class="question">
+      <a name="how_do_i_log_in" href="#how_do_i_log_in">#</a>
+      Hoe kin ik my oanmelde by FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_log_in:answer">If you already have a Matrix account, simply enter your Matrix ID (e.g., @name:matrix.org) and password. You can log in to any Matrix-compatible server because FluffyChat is decentralized.</article>
+  
+    <h2 id="do_i_need_email:question" class="question">
+      <a name="do_i_need_email" href="#do_i_need_email">#</a>
+      Haw ik in e-mailadres nedich foar FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="do_i_need_email:answer">No, an email address is not required. However, it is recommended if you want to reset your password or verify your account.</article>
+  
+    <h2 id="i_forgot_my_password:question" class="question">
+      <a name="i_forgot_my_password" href="#i_forgot_my_password">#</a>
+      Ik bin myn wachtwurd fergetten. Wat no?
+    </h2>
+    <article class="mb-12 pl-5" id="i_forgot_my_password:answer">If you provided an email address when creating your account, you can reset your password via the server website (e.g., https://matrix.org). Unfortunately, recovery is not possible without an email address. In this case, you will need to create a new account.</article>
+  
+    <h2 id="i_changed_my_device_encrypted_messages:question" class="question">
+      <a name="i_changed_my_device_encrypted_messages" href="#i_changed_my_device_encrypted_messages">#</a>
+      Ik haw myn apparaat feroare en no binne al myn berjochten fersifere. Wat no?
+    </h2>
+    <article class="mb-12 pl-5" id="i_changed_my_device_encrypted_messages:answer">To read your encrypted messages on the new device, you need to restore the backup you created previously. Enter your backup key or password when setting up FluffyChat on the new device. Only then can your messages be decrypted. If you haven't created a backup or have lost the key, your encrypted messages unfortunately cannot be restored.</article>
+  
+    <h2 id="how_do_i_create_a_backup_key:question" class="question">
+      <a name="how_do_i_create_a_backup_key" href="#how_do_i_create_a_backup_key">#</a>
+      Hoe meitsje ik in reservekopysleutel yn FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_create_a_backup_key:answer">Open FluffyChat and go to the <b>settings</b> to the <b>Chat Backup</b>. There you can set up an <u>encrypted</u> chat backup. You will be asked to save a recovery key. Important: Make a note of this key or keep it safe. <b>Without it, you won't be able to restore your encrypted messages on a new device.</b></article>
+  
+    <h2 id="i_found_a_bug:question" class="question">
+      <a name="i_found_a_bug" href="#i_found_a_bug">#</a>
+      Ik haw in bug fûn. Wat no?
+    </h2>
+    <article class="mb-12 pl-5" id="i_found_a_bug:answer">You can report bugs directly on Github. Alternatively, there's a public group chat on Messenger (#fluffy-space:matrix.org) where you can ask questions or send feedback.</article>
+  
+    <h2 id="push_without_google_services:question" class="question">
+      <a name="push_without_google_services" href="#push_without_google_services">#</a>
+      Hoe kin ik pushnotifikaasjes krije sûnder Google-tsjinsten?
+    </h2>
+    <article class="mb-12 pl-5" id="push_without_google_services:answer"><p>Push notifications are a great way to make sure you don&#39;t miss important messages in FluffyChat. For users who do not use Google Services (for example Huawei Phones, Amazon Fire tablets or custom roms), setting up push notifications is slightly different.</p> <p>FluffyChat attempts to set up push notifications automatically every time you launch the app. However, if you do not have Google Services on your device, you may receive an error message. In this case, it is necessary to use the an <a href="https://unifiedpush.org/#quick-start">UnifiedPush app</a> such as Ntfy, UP-FCM Distributor (Google) or Conversations.</p> <!-- editorconfig-checker-disable --> <!-- prettier-ignore-start --> <!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> <p><strong>Table of Contents</strong></p> <ul> <li><a href="#using-ntfy">Using Ntfy</a><ul> <li><a href="#-step-1-installing-and-setting-up-ntfy">🏪 Step 1: Installing and Setting Up ntfy</a></li> <li><a href="#-step-2-deactivate-battery-optimization-for-ntfy">🔋 Step 2: Deactivate Battery Optimization for ntfy</a></li> <li><a href="#-step-3-checking-push-configuration-in-fluffychat">✅ Step 3: Checking Push Configuration in FluffyChat</a></li> <li><a href="#%F0%9F%A5%B3-step-4-receiving-push-notifications">🥳 Step 4: Receiving Push Notifications</a></li> </ul> </li> <li><a href="#using-conversations">Using Conversations</a></li> </ul> <!-- END doctoc generated TOC please keep comment here to allow auto update --> <!-- prettier-ignore-end --> <!-- editorconfig-checker-enable --> <h3 id="using-ntfy">Using Ntfy</h3> <p>In this article, we&#39;ll show you how to configure push notifications on your Android device using the <strong>ntfy</strong> app.</p> <h3 id="-step-1-installing-and-setting-up-ntfy">🏪 Step 1: Installing and Setting Up ntfy</h3> <ol> <li><p>If you already have FluffyChat installed but are not receiving push notifications, close the app completely (by swiping it away in the overview) and open the <strong>PlayStore</strong> (or F-Droid) on your Android device.</p> </li> <li><p>Search for the app <a href="https://play.google.com/store/apps/details?id=io.heckel.ntfy">ntfy</a> and install it.</p> </li> <li><p>After installing ntfy, open the app at least once.</p> </li> <li><p>Now, return to FluffyChat and open the app.</p> </li> </ol> <h3 id="-step-2-deactivate-battery-optimization-for-ntfy">🔋 Step 2: Deactivate Battery Optimization for ntfy</h3> <p>To ensure that FluffyChat can reliably send push notifications, it&#39;s important to deactivate battery optimization for the &quot;ntfy&quot; app.</p> <ol> <li><p>Go to the [Android settings] on your device.</p> </li> <li><p>Look for &quot;Apps&quot; or &quot;Applications&quot; and select &quot;ntfy&quot; from the list of installed apps.</p> </li> <li><p>Tap on &quot;Battery&quot; and select &quot;Battery optimization.&quot;</p> </li> <li><p>In the list of apps exempted from battery optimization, make sure &quot;ntfy&quot; is selected.</p> </li> </ol> <h3 id="-step-3-checking-push-configuration-in-fluffychat">✅ Step 3: Checking Push Configuration in FluffyChat</h3> <ol> <li><p>Open FluffyChat and navigate to the [Settings].</p> </li> <li><p>Choose &quot;Notifications&quot; from the menu.</p> </li> <li><p>In the notification settings, you&#39;ll see a list of &quot;Pushers.&quot; The &quot;Pusher&quot; for &quot;ntfy&quot; should be at the bottom of the list.</p> </li> </ol> <h3 id="-step-4-receiving-push-notifications">🥳 Step 4: Receiving Push Notifications</h3> <p>To ensure that everything is set up correctly, ask a friend to send you a message in FluffyChat and check if you receive a push notification.</p> <h3 id="using-conversations">Using Conversations</h3> <p>If you are using XMPP in addition to Matrix and already have Conversations configured, you can follow these steps to get FluffyChat push notifications through it:</p> <ol> <li>Open <em>Conversations</em>.</li> <li>Touch the three dots on top right.</li> <li>Select <em>Settings</em> and scroll down to <em>UnifiedPush Distributor</em>.</li> <li>Touch <em>XMPP account</em> and select the XMPP account you wish to receive notifications through.</li> <li>Open FluffyChat. If it doesn&#39;t offer to receive notifications through <em>Conversations</em>, check the notification settings (see step 3 for Ntfy above).</li> </ol> <hr> <p>Following these steps should successfully set up push notifications in FluffyChat for users without Google Services. If you are interested in hosting your own push service, you can take a look at <a href="https://unifiedpush.org">unifiedpush.org</a>.</p></article>
+  
+    <h2 id="how_can_i_extend_this_faq:question" class="question">
+      <a name="how_can_i_extend_this_faq" href="#how_can_i_extend_this_faq">#</a>
+      Hoe kin ik dizze FAQ útwreidzje?
+    </h2>
+    <article class="mb-12 pl-5" id="how_can_i_extend_this_faq:answer">On <a href='https://hosted.weblate.org/projects/fluffychat/fluffychat-website'>Weblate</a> you can edit all entries of the FAQ and provide translations for your language. To edit a source entry of the faq, you need to edit the <b>english</b> version. As an admin you can also write new entries to it by going to <b>English</b> and tap on <b>Add new translation</b>. There you then need to define a <b>key</b> for the FAQ entry.<br/><br/>The key always starts with <code>faq_questions.</code> or <code>faq_answers.</code>, then consists of the questions in lower case snake case. For example, the key of this entry is <code>faq_answer.how_can_i_extend_this_faq</code>.<br/><br/>Please note that you must provide a question <b>and</b> an answer, so you have to define two new translations.<br/><br/>If you are not an admin you can edit <a href='https://github.com/krille-chan/fluffychat-website/blob/main/src/_data/i18n/en.json'>this json file in GitHub</a>.</article>
+  
+    <h2 id="how_to_use_end_to_end_encryption:question" class="question">
+      <a name="how_to_use_end_to_end_encryption" href="#how_to_use_end_to_end_encryption">#</a>
+      Hoe kinne jo end-to-end fersifering brûke?
+    </h2>
+    <article class="mb-12 pl-5" id="how_to_use_end_to_end_encryption:answer"><p>FluffyChat supports end to end encryption. You can enable it per chat. Once enabled it cannot be disabled anymore for security reasons. You can not enable encryption for public rooms as this makes no sense when anyone can join and leave the room anyway. Once you have enabled encryption, the server is no longer able to read the content of your messages. It will encrypt all text messages and files.</p> <p>To be safe from man-in-the-middle attacks, you should take a look at the device list. You can do this in the encryption settings of a chat. Is there a suspicious device which you or your chat partner don&#39;t know? Then you can block it by moving the toggle to the left.</p> <p>The color of the toggle shows you the security state. Orange means, that this device is not verified. Grey means that it is blocked and won&#39;t receive the encryption keys. This means that this device won&#39;t be able to read your messages anymore! Green means that this device is verified.</p> <p>To verify the devices of another user, start the verification in a direct chat. For this you have a &quot;Start verification&quot; button in the encryption settings of a direct chat. Be sure that you are standing next to this person or you are connected via phone or any other secure channel. When you have started the verification, you will both see a set of emojis on your device. Compare them and tap on &quot;They match&quot;. Wait a little bit and then you should see that all devices become green.</p></article>
+  
+    <h2 id="how_to_fork:question" class="question">
+      <a name="how_to_fork" href="#how_to_fork">#</a>
+      Hoe kin ik FluffyChat forkje?
+    </h2>
+    <article class="mb-12 pl-5" id="how_to_fork:answer"><p><strong>Table of Contents</strong></p> <ul> <li><a href="#1-license">1. License</a></li> <li><a href="#2-disable-end-to-end-encryption">2. Disable end-to-end encryption!</a></li> <li><a href="#3-stay-up-to-date">3. Stay up to date!</a></li> <li><a href="#4-official-support">4. Official Support</a></li> </ul> <h3 id="1-license">1. License</h3> <p>FluffyChat is licensed under AGPL. Read the license (<a href="https://github.com/krille-chan/fluffychat/blob/main/LICENSE">https://github.com/krille-chan/fluffychat/blob/main/LICENSE</a>) and make sure that your fork is open source under the same license and that you fulfill all requirements. Maybe you should consider contacting a lawyer <strong>before</strong> you publish your fork.</p> <h3 id="2-disable-end-to-end-encryption-">2. Disable end-to-end encryption!</h3> <p>Due to US export regulations you are not allowed to publish your app in a store or anywhere on a US server before you have removed everything regarding the encryption or fulfill the regulations.</p> <p>Learn more: <a href="https://www.bis.doc.gov/index.php/policy-guidance/encryption">https://www.bis.doc.gov/index.php/policy-guidance/encryption</a></p> <p>If you need help from us with using E2EE in your fork read more below under the topic &quot;<strong>Official Support</strong>&quot;.</p> <h3 id="3-stay-up-to-date-">3. Stay up to date!</h3> <p>FluffyChat contains security related stuff. If we find a security bug, we will try to fix it as soon as possible and ship it with a new version. But this means that your fork is out of date and a security risk. You can&#39;t be awake 24 hours a day so you must decide how you protect your users by chosing one of the following methods:</p> <ol> <li>Make your fork as minimal as possible and enable repository mirroring. Set up a CI which publishes new versions automatically if FluffyChat publishes a bug fix.</li> <li>Never sleep and pay a big team where one guy at least is never sleeping.</li> <li>Contact <a href="https://famedly.com">famedly.com</a> to buy official support.</li> </ol> <h3 id="4-official-support">4. Official Support</h3> <p>FluffyChat is free as in free speech and not free beer! Please contact my company <a href="https://famedly.com">famedly.com</a> for offers and official support and take in mind that it costs a lot of work and time to maintain FluffyChat or the Famedly Matrix SDK. So we can&#39;t give you support for free. So please expect around 1$ per month per user of your fork.</p></article>
+  
+    <h2 id="how_do_i_find_other_users:question" class="question">
+      <a name="how_do_i_find_other_users" href="#how_do_i_find_other_users">#</a>
+      Hoe kin ik oare brûkers fine?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_find_other_users:answer"><p>There are several ways to find other users in FluffyChat.<br/></p> <ol> <li>Search by display name: You can enter a person&#39;s display name in the search. This only works if:<ul> <li>You&#39;ve already shared a chat with the person,</li> <li>They&#39;re in a public room known to your server,</li> <li>Or your server allows searching for other users.</li> </ul> </li> <li>Enter Matrix ID directly: If you know the Matrix ID (e.g., <code>@krille:janian.de</code>), you can enter it directly in the search. It works similarly to an email address: <code>@username:servername</code>.</li> <li>Scan QR code: You can scan the other person&#39;s QR code or display your own for scanning.</li> <li>Share invitation link: Anyone can share an invitation link to a room or chat. Clicking the link will connect you directly.</li> </ol></article>
+  
+    <h2 id="how_do_i_get_stickers:question" class="question">
+      <a name="how_do_i_get_stickers" href="#how_do_i_get_stickers">#</a>
+      How do I get stickers?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_get_stickers:answer"><p>You can add a sticker pack from the internet. For example this volpeon.ink does an incredible job:</p> <p><a href="https://volpeon.ink/emojis/">https://volpeon.ink/emojis/</a></p> <p>Just follow these steps:</p> <ol> <li><p>Download one of the packs as a zip file</p> </li> <li><p>Open FluffyChat</p> </li> <li><p>Go to &quot;Settings&quot; &gt; &quot;Chat&quot; &gt; &quot;Custom emotes and stickers&quot;</p> </li> <li><p>Tap on the three dot menu top right and tap on &quot;Import from zip file&quot;</p> </li> <li><p>Select the zip file and if you like edit the sticker names</p> </li> </ol> <p>You can also find preconfigured sticker packs in Matrix. I recommend Nico&#39;s Sticker Collection:</p> <p><a href="https://matrix.to/#/#nico's-stickers:neko.dev">https://matrix.to/#/#nico&#39;s-stickers:neko.dev</a></p> <p>The sticker collection for FluffyChat unfortunately does not have yet a large selection:</p> <p><a href="https://matrix.to/#/#fluffychat-stickers:janian.de">https://matrix.to/#/#fluffychat-stickers:janian.de</a></p> <ol> <li><p>Join the public room</p> </li> <li><p>Open the three dot menu top right and tap on &quot;Emote Settings&quot;</p> </li> <li><p>Select the sticker pack in the room you like</p> </li> <li><p>Toggle &quot;Enable emote pack globally&quot;</p> </li> </ol> <p>Have fun with your stickers! :-)</p></article>
+  
+</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="/fy/impressum">
+                    Kolofon</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/privacy">
+                    Privacybelied</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Boarnekoade</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Oersettings</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/">Noto Animearre Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Makke troch Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Taal:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

fy/impressum/index.html

@@ -0,0 +1,119 @@
+
+<!DOCTYPE html>
+<html lang="fy"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Impressum</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="/fy/" class=" text-lg">Thús</a>
+                <a href="/fy/faq" class=" text-lg">FAQ</a>
+                <a href="/fy/changelog" class=" text-lg">
+                    Skiednis fan feroaring</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Stipe my op Ko-Fi</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 text-center p-32 markdown">
+  <h1 class="font-bold">Kolofon</h1>
+  <p>Christian Kußowski<br/>Prenzlauer Allee 221<br/>10405 Berlin</p>
+  <br/>
+  <h1 class="font-bold">Kontakt</h1>
+  <p>✉️ Email:
+    <a class="underline hover:text-purple-800 dark:hover:text-purple-400" href="https://keys.mailvelope.com/pks/lookup?op=get&amp;search=christian-pauly%40posteo.de">Klik hjir</a>
+    <br/>💬 Matrix:
+    <a
+      class="underline hover:text-purple-800 dark:hover:text-purple-400"
+      href="https://matrix.to/#/@krille:janian.de">
+      @krille:janian.de</a>
+  </p>
+</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="/fy/impressum">
+                    Kolofon</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/privacy">
+                    Privacybelied</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Boarnekoade</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Oersettings</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/">Noto Animearre Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Makke troch Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Taal:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

fy/index.html

@@ -0,0 +1,179 @@
+
+<!DOCTYPE html>
+<html lang="fy"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Home</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="/fy/" class="underline text-lg">Thús</a>
+                <a href="/fy/faq" class=" text-lg">FAQ</a>
+                <a href="/fy/changelog" class=" text-lg">
+                    Skiednis fan feroaring</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Stipe my op Ko-Fi</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>
+        
+<img src="/assets/info-logo.png" alt="FluffyChat Logo" class="h-56"/>
+<p class="text-xl dark:text-gray-200 text-gray-700 mb-8">De leukste chat-app mei [<a href="https://matrix.org" target="_blank" class="text-xl underline hover:text-purple-800 dark:hover:text-purple-400">matrix</a>]</p>
+<div class="flex flex-wrap justify-center mb-16 w-full px-8 gap-4">
+    <img
+        src="/assets/screenshots/mobile.png"
+        alt="Mobile screenshot"
+        class="h-96 w-auto object-contain rounded-xl border border-gray-300 shadow-xl"/>
+    <img
+        src="/assets/screenshots/desktop.png"
+        alt="Desktop screenshot"
+        class="h-96 w-auto hidden md:inline-block object-contain rounded-xl border border-gray-300 shadow-xl"/>
+</div>
+<div class="max-w-lg mb-16 flex justify-center flex-wrap">
+    <a href="https://apps.apple.com/app/fluffychat/id1551469600"><img src="/assets/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="/assets/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="/assets/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="/assets/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="/assets/snap-store-badge.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="/assets/flathub-badge-en.png" class="w-36 pr-2 mb-2  hover:scale-105 transition-transform inline">
+    </a>
+</div>
+<div class="grid md:grid-cols-3 md:grid-rows-3 max-w-4xl justify-center w-full mb-16 features">
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated dancing woman" loading="lazy" src="/assets/feature1.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Maklik te brûken</h1>
+        <p class="text-center dark:text-white">FluffyChat is ûntworpen om sa maklik mooglik te brûken te wêzen. Nimmen moat efterlitten wurde.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated pencil" loading="lazy" src="/assets/feature2.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Material You</h1>
+        <p class="text-center dark:text-white">It gepolijste ûntwerp is basearre op Material You en wurket goed op alle platfoarms.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated mechanical arm" loading="lazy" src="/assets/feature3.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Feilich</h1>
+        <p class="text-center dark:text-white">Mei end-to-end fersifering, autentikaasje en fersifere reservekopyen is FluffyChat ien fan &#39;e feilichste chat-apps dy&#39;t beskikber binne.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated planet earth" loading="lazy" src="/assets/feature4.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Desintralisearre</h1>
+        <p class="text-center dark:text-white">Kies dyn eigen <a href="https://joinmatrix.org">server</a> of <a href="https://matrix.org/ecosystem/servers/">self-host</a> dyn eigen!</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated bell" loading="lazy" src="/assets/feature5.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Push-notifikaasjes</h1>
+        <p class="text-center dark:text-white">Jo kinne kieze tusken Firebase Cloud Messaging of de mear privacy-rjochte <a href="https://unifiedpush.org">Unified Push</a>.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated rocket" loading="lazy" src="/assets/feature6.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Spaces</h1>
+        <p class="text-center dark:text-white">Mei spaces kinne jo meidwaan oan in mienskip of in mienskip oanmeitsje dy&#39;t petearen en brûkers organisearret. Mei sub-spaces kinne jo sels jo mienskippen nêstje.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated glass sphere" loading="lazy" src="/assets/feature7.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Fideo-opropen</h1>
+        <p class="text-center dark:text-white">Noch in eksperimintele funksje, mar jo kinne al fideo- en audioopropen útprobearje, kompatibel mei oare [matrix]-kliïnten.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated chick" loading="lazy" src="/assets/feature8.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Stickers</h1>
+        <p class="text-center dark:text-white">Meitsje dyn eigen stickersets en diel se mei dyn freonen. Jo kinne se sels brûke as inline emojis.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated whoa emoji" loading="lazy" src="/assets/feature9.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Kompatibel</h1>
+        <p class="text-center dark:text-white">FluffyChat is kompatibel mei elke oare [matrix] kliïnt lykas <a href="https://element.io">Element</a>, <a href="https://nheko-reborn.github.io/">Nheko</a>, <a href="https://cinny.in">Cinny</a> of <a href="https://apps.kde.org/de/neochat/">NeoChat</a>.</p>
+    </div>
+</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="/fy/impressum">
+                    Kolofon</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/privacy">
+                    Privacybelied</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Boarnekoade</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Oersettings</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/">Noto Animearre Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Makke troch Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Taal:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

fy/privacy/index.html

@@ -0,0 +1,108 @@
+
+<!DOCTYPE html>
+<html lang="fy"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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="/fy/" class=" text-lg">Thús</a>
+                <a href="/fy/faq" class=" text-lg">FAQ</a>
+                <a href="/fy/changelog" class=" text-lg">
+                    Skiednis fan feroaring</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Stipe my op Ko-Fi</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">
+    
+</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="/fy/impressum">
+                    Kolofon</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/privacy">
+                    Privacybelied</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Boarnekoade</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Oersettings</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/">Noto Animearre Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Makke troch Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Taal:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

fy/tos/index.html

@@ -0,0 +1,114 @@
+
+<!DOCTYPE html>
+<html lang="fy"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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="/fy/" class=" text-lg">Thús</a>
+                <a href="/fy/faq" class=" text-lg">FAQ</a>
+                <a href="/fy/changelog" class=" text-lg">
+                    Skiednis fan feroaring</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Stipe my op Ko-Fi</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">
+    <p><strong>Terms of Service</strong></p>
+<p>FluffyChat is a client application for the Matrix messaging network. It does not provide or operate any messaging servers.</p>
+<p>FluffyChat may suggest or preconfigure certain servers for user convenience. These servers are operated by independent third parties. The developers of FluffyChat have no control over these servers and are not responsible for their availability, security, privacy practices, or the content transmitted through them.</p>
+<p>Your messages and data are processed and stored by the server you choose to connect to. Please review the terms and privacy policies of the server operator you use.</p>
+<p>FluffyChat is provided “as is”, without warranties of any kind, express or implied. The developers of FluffyChat are not liable for any damages, data loss, service interruptions, or other issues arising from the use of the application or from the servers you connect to.</p>
+<p>By using FluffyChat, you agree to use the application in compliance with applicable laws and the policies of the server you choose.</p>
+
+</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="/fy/impressum">
+                    Kolofon</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/privacy">
+                    Privacybelied</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/fy/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Boarnekoade</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Oersettings</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/">Noto Animearre Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Makke troch Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Taal:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

gl/changelog/index.html

@@ -0,0 +1,109 @@
+
+<!DOCTYPE html>
+<html lang="gl"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Changelog</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="/gl/" class=" text-lg">Inicio</a>
+                <a href="/gl/faq" class=" text-lg">PMF</a>
+                <a href="/gl/changelog" class="underline text-lg">
+                    Rexistro dos cambios</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Apóiame en Ko-Fi</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>Rexistro dos cambios</h1>
+
+</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="/gl/impressum">
+                    Legal</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/privacy">
+                    Directiva de privacidade</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Código Fonte</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Traducións</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/">Emojis Noto animados</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Creada por Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Idiomas:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

gl/faq/index.html

@@ -0,0 +1,252 @@
+
+<!DOCTYPE html>
+<html lang="gl"></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="/gl/" class=" text-lg">Inicio</a>
+                <a href="/gl/faq" class="underline text-lg">PMF</a>
+                <a href="/gl/changelog" class=" text-lg">
+                    Rexistro dos cambios</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Apóiame en Ko-Fi</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">Preguntas máis frecuentes</h1>
+<p class="text-center">Podes editar ou traducir esta sección en <a href='https://hosted.weblate.org/projects/fluffychat/fluffychat-website'>Weblate</a>.</p>
+<p class="text-center"><input id="searchField" type="text" placeholder="Buscar 🔍" 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">
+  
+    <h2 id="what_is_fluffychat:question" class="question">
+      <a name="what_is_fluffychat" href="#what_is_fluffychat">#</a>
+      Que é FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="what_is_fluffychat:answer">FluffyChat é unha aplicación semellante a Telegram ou WhatsApp, con interface amigable, gratuíta, sen publicidade e de código aberto para o <a href='https://matrix.org'>protocolo Matrix</a>.<br/>Con FluffyChat podes parolar coas amizades de xeito privado, crear grupos de conversa, enviar mensaxes de voz, compartir fotos e vídeos, e tamén enviar a localización.<br/>O mellor de todo:<br/><b>FluffyChat é compatible con outras aplicacións mensaxeiras de Matrix!</b></article>
+  
+    <h2 id="who_is_fluffychat_for:question" class="question">
+      <a name="who_is_fluffychat_for" href="#who_is_fluffychat_for">#</a>
+      Para quen é FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="who_is_fluffychat_for:answer">FluffyChat é para calquera persoa que busque unha alternativa áxil, amigable e segura aos servizos centralizados de apps como WhatsApp, Telegram ou WeChat.</article>
+  
+    <h2 id="who_created_fluffychat:question" class="question">
+      <a name="who_created_fluffychat" href="#who_created_fluffychat">#</a>
+      Quen creou FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="who_created_fluffychat:answer">A comunidade desenvolve FluffyChat, e foi iniciada por Christian (<a href='https://krille-chan.github.io/'>Krille</a>) Kußowski. Emporiso somos moitas as persoas que colaboramos, tanto ao código como nas traducións. Podes atoparnos <a href='https://github.com/krille-chan/fluffychat/graphs/contributors'>aquí</a>.</article>
+  
+    <h2 id="how_is_fluffychat_funded:question" class="question">
+      <a name="how_is_fluffychat_funded" href="#how_is_fluffychat_funded">#</a>
+      Como se financia FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_is_fluffychat_funded:answer">FluffyChat é un proxecto sen ánimo de lucro xestionado por persoas voluntarias e só financiada con doazóns.</article>
+  
+    <h2 id="is_fluffychat_available_on_my_device:question" class="question">
+      <a name="is_fluffychat_available_on_my_device" href="#is_fluffychat_available_on_my_device">#</a>
+      FluffyChat é compatible co meu dispositivo?
+    </h2>
+    <article class="mb-12 pl-5" id="is_fluffychat_available_on_my_device:answer">Si! Podes usar FluffyChat en teléfonos móbiles, tabletas e incluso na versión web para PC. Está dispoñible para Android (Play Store e F-Droid), iOS (App Store), como páxina web e como aplicación de escritorio en Linux (Flathub, Snap Store). Incluso funciona en móbiles Linux usando a versión Arm64 de Flatpak/Snap. Podes compilala ti para MacOS e Windows se queres, pero aínda non se proporciona unha versión.</article>
+  
+    <h2 id="how_do_i_create_an_account:question" class="question">
+      <a name="how_do_i_create_an_account" href="#how_do_i_create_an_account">#</a>
+      Como creo unha conta en FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_create_an_account:answer">A primeira vez que inicias a app váiseche pedir crear unha nova conta en Matrix. Elixe o servidor (ex. matrix.org), escribe o identificador que desexas e un contrasinal forte. Optativamente podes engadir un enderezo de correo electrónico (útil para recuperar o contrasinal, pero non obrigatorio).</article>
+  
+    <h2 id="what_is_a_matrix_id:question" class="question">
+      <a name="what_is_a_matrix_id" href="#what_is_a_matrix_id">#</a>
+      Que é un ID Matrix?
+    </h2>
+    <article class="mb-12 pl-5" id="what_is_a_matrix_id:answer">O teu <b>ID Matrix</b> é o teu identificador único na rede, por exemplo @nome:matrix.org. Contén o teu identificador e o servidor no que se creou a conta.</article>
+  
+    <h2 id="how_do_i_log_in:question" class="question">
+      <a name="how_do_i_log_in" href="#how_do_i_log_in">#</a>
+      Como inicio sesión en FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_log_in:answer">Se xa tes unha conta Matrix, simplemente escribe o teu ID Matrix (ex. @nome:matrix.org) e contrasinal. Podes iniciar sesión en calquera servidor Matrix porque é unha rede descentralizada.</article>
+  
+    <h2 id="do_i_need_email:question" class="question">
+      <a name="do_i_need_email" href="#do_i_need_email">#</a>
+      Preciso un enderezo de correo electrónico para usar FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="do_i_need_email:answer">Non, non se require un enderezo de correo. Porén, recoméndase engadir un se queres poder restablecer o contrasinal ou verificar a túa conta.</article>
+  
+    <h2 id="i_forgot_my_password:question" class="question">
+      <a name="i_forgot_my_password" href="#i_forgot_my_password">#</a>
+      Esquecín o contrasinal. E agora?
+    </h2>
+    <article class="mb-12 pl-5" id="i_forgot_my_password:answer">Se engadiches un enderezo de correo cando creaches a conta podes restablecer o contrasinal desde a páxina web do servidor (ex., https://matrix.org). Se non engadiches un correo electrónico non hai xeito de restablecer o contrasinal. Neste caso, terás que crear unha nova conta.</article>
+  
+    <h2 id="i_changed_my_device_encrypted_messages:question" class="question">
+      <a name="i_changed_my_device_encrypted_messages" href="#i_changed_my_device_encrypted_messages">#</a>
+      Cambiei de dispositivo e agora todas as miñas mensaxes aparecen cifradas. Como o soluciono?
+    </h2>
+    <article class="mb-12 pl-5" id="i_changed_my_device_encrypted_messages:answer">Para ler no novo dispositivo as mensaxes cifradas tes que restablecer a copia de apoio creada anteriormente. Escribe a clave da copia ou contrasinal ao configurar FluffyChat no novo dispositivo. Só entón se poderán descifrar as mensaxes. Se non creaches unha copia de apoio ou perdeches a clave entón non se poderán restablecer as mensaxes.</article>
+  
+    <h2 id="how_do_i_create_a_backup_key:question" class="question">
+      <a name="how_do_i_create_a_backup_key" href="#how_do_i_create_a_backup_key">#</a>
+      Como creo unha clave para a copia en FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_create_a_backup_key:answer">Abre FluffyChat e vai a <b>Copia de apoio</b> nos <b>axustes</b>. Alí podes configurar una copia de apoio <u>cifrada</u> das conversas. Pediráseche gardar a clave de recuperación. Importante: toma nota desta clave e gárdaa nun lugar seguro. <b>Sen ela non poderás restablecer as túas mensaxes cifradas nun novo dispositivo.</b></article>
+  
+    <h2 id="i_found_a_bug:question" class="question">
+      <a name="i_found_a_bug" href="#i_found_a_bug">#</a>
+      Atopei un fallo. Que fago?
+    </h2>
+    <article class="mb-12 pl-5" id="i_found_a_bug:answer">Podes informar directamente en Github de calquera incidencia. Tamén podes acudir ao grupo público da mensaxería (#fluffy-space:matrix.org) onde podes preguntar ou comentar a túa experiencia.</article>
+  
+    <h2 id="push_without_google_services:question" class="question">
+      <a name="push_without_google_services" href="#push_without_google_services">#</a>
+      Como teño Notificacións Push sen os Google Services?
+    </h2>
+    <article class="mb-12 pl-5" id="push_without_google_services:answer"><p>As notificacións Push son xeniais para que non perdas ningunha mensaxe importante en FluffyChat. Para as persoas que non usan os Google Services (ex. Móbiles Huawei, tabletas Amazon Fire ou ROMs persoais), a configuración das notificacións é algo diferente.</p> <p>FluffyChat intenta configurar automáticamente as notificacións push cada vez que inicias a app. Emporiso, se non tes os Google Services no teu dispositivo poderías recibir unha mensaxe de erro. Neste caso, é necesario usar unha <a href="https://unifiedpush.org/#quick-start">aplicación UnifiedPush</a> como Ntfy, UP-FCM Distributor (Google) ou Conversations.</p> <!-- editorconfig-checker-disable --> <!-- prettier-ignore-start --> <!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> <p><strong>Índice</strong></p> <ul> <li><a href="#using-ntfy">Usando Ntfy</a><ul> <li><a href="#-step-1-installing-and-setting-up-ntfy">🏪 Step 1: Instalar e configurar ntfy</a></li> <li><a href="#-step-2-deactivate-battery-optimization-for-ntfy">🔋 Step 2: Desactivar a optimización da batería para ntfy</a></li> <li><a href="#-step-3-checking-push-configuration-in-fluffychat">✅ Step 3: Comprobar a configuración Push en FluffyChat</a></li> <li><a href="#%F0%9F%A5%B3-step-4-receiving-push-notifications">🥳 Step 4: Recibir notificacións Push</a></li> </ul> </li> <li><a href="#using-conversations">Usar Conversations</a></li> </ul> <!-- END doctoc generated TOC please keep comment here to allow auto update --> <!-- prettier-ignore-end --> <!-- editorconfig-checker-enable --> <h3 id="using-ntfy">Using Ntfy</h3> <p>Neste artigos ímosche mostrar como configurar as notificacións no teu dispositivo Android usando a app <strong>ntfy</strong>.</p> <h3 id="-step-1-installing-and-setting-up-ntfy">🏪 Paso 1: Instalar e configurar ntfy</h3> <ol> <li><p>Se xa instalaches FluffyChat pero non recibes as notificacións Push, fecha a app totalmente (desprazándoa na vista xeral de apps) e abre a <strong>PlayStore</strong> (ou F-Droid) no teu dispositivo Android.</p> </li> <li><p>Busca a app <a href="https://play.google.com/store/apps/details?id=io.heckel.ntfy">ntfy</a> e instálaa.</p> </li> <li><p>Após instalar ntfy, abre a app polo menos unha vez.</p> </li> <li><p>Agora, volve abrir FluffyChat.</p> </li> </ol> <h3 id="-step-2-deactivate-battery-optimization-for-ntfy">🔋 Paso 2: Desactiva a optimización da batería para ntfy</h3> <p>Para comprobar que FluffyChat pode enviar de xeito fiable as notificacións, é recomendable desactivar a optimización da batería para a app ntfy.</p> <ol> <li><p>Vai aos [axustes de Android] no teu dispositivo.</p> </li> <li><p>Busca &quot;Aplicacións&quot; ou &quot;Apps&quot; e selecciona &quot;ntfy&quot; da lista das apps instaladas.</p> </li> <li><p>Toca en &quot;Batería&quot; e selecciona &quot;Optimización da Batería.&quot;</p> </li> <li><p>Na lista de aplicacións excluídas da optimización da batería, comproba que &quot;ntfy&quot; está seleccionada.</p> </li> </ol> <h3 id="-step-3-checking-push-configuration-in-fluffychat">✅ Paso 3: Comprobar as notificacións Push en FluffyChat</h3> <ol> <li><p>Abre FluffyChat e vai aos [Axustes].</p> </li> <li><p>Vai a &quot;Notificacións&quot; no menú.</p> </li> <li><p>Nos axustes das notificacións verás unha lista de &quot;Pushers.&quot; O &quot;Pusher&quot; para &quot;ntfy&quot; debería estar ao final da lista.</p> </li> </ol> <h3 id="-step-4-receiving-push-notifications">🥳 Paso 4: Recibir Notificacións Push</h3> <p>Para ver que todo funciona correctamente pídelle a unha amizade que che envíe unha mensaxe en FluffyChat e comproba que recibes a notificación push.</p> <h3 id="using-conversations">Usando Conversations</h3> <p>Se usas Jabber/XMPP ademais de Matrix e tes unha conta usando Conversations, podes seguir estes pasos para que FluffyChat obteña as notificacións grazas a Conversations:</p> <ol> <li>Abre <em>Conversations</em>.</li> <li>Toca nos tres puntos arriba á dereita.</li> <li>Vai a <em>Axustes</em> e desprázate ata <em>Distribuidor UnifiedPush</em>.</li> <li>Toca en <em>Conta XMPP account</em> e selecciona a conta a través da cal querés recibir as notificacións.</li> <li>Abre FluffyChat. Se non che ofrece recibir as notificacións usando <em>Conversations</em>, comproba os axustes das notificacións (mira o paso 3 arriba para Ntfy).</li> </ol> <hr> <p>Seguindo estes pasos deberías ter notificacións tipo Push en FluffyChat sen usar os Google Services. Se tes interese en aloxar o teu propio servizo de notificacións Push, mira en <a href="https://unifiedpush.org">unifiedpush.org</a>.</p></article>
+  
+    <h2 id="how_can_i_extend_this_faq:question" class="question">
+      <a name="how_can_i_extend_this_faq" href="#how_can_i_extend_this_faq">#</a>
+      Como podo ampliar estas PMF?
+    </h2>
+    <article class="mb-12 pl-5" id="how_can_i_extend_this_faq:answer">En <a href='https://hosted.weblate.org/projects/fluffychat/fluffychat-website'>Weblate</a> podes editar todas as entradas das PMF e traducilas ao teu idioma. Para editar o código de orixe da pregunta frecuente, tes que editar a versión en <b>inglés</b>. Desde a administración podes engadir novas preguntas indo a <b>Inglés</b> e pulsando en <b>Engadir nova tradución</b>. Alí tes que definir a <b>clave</b> para a entrada da PMF.<br/><br/>A clave sempre comeza con <code>faq_questions.</code> ou <code>faq_answers.</code>, e despois consiste nas preguntas escritas en minúscula. Por exemplo, a clave desta pregunta é <code>faq_answer.how_can_i_extend_this_faq</code>.<br/><br/>Ten en conta que debes proporcionar unha pregunta <b>e</b> unha resposta, polo que debes definir dúas novas traducións. <br/><br/>Se non estás na administración podes editar <a href='https://github.com/krille-chan/fluffychat-website/blob/main/src/_data/i18n/en.json'>este ficheiro json en GitHub</a>.</article>
+  
+    <h2 id="how_to_use_end_to_end_encryption:question" class="question">
+      <a name="how_to_use_end_to_end_encryption" href="#how_to_use_end_to_end_encryption">#</a>
+      Como usar a cifraxe de extremo a extremo?
+    </h2>
+    <article class="mb-12 pl-5" id="how_to_use_end_to_end_encryption:answer"><p>FluffyChat é compatible coa cifraxe de extremo a extremo. Podes activala en cada conversa. Unha vez activada non se pode desactivar, por razóns de seguridade. Podes activar a cifraxe en salas públicas, aínda que isto non ten moito sentido cando calquera pode unirse e saír de salas públicas. Unha vez activada a cifraxe o servidor non poderá ler o contido das mensaxes. Cifraranse todas as mensaxes de texto e ficheiros.</p> <p>Para evitar ataques por-persoa-interposta deberías mirar a lista de dispositivos. Podes mirar isto nos axustes de cifraxe da sala. Se ves un dispositivo sospeitoso que ti ou a persoa correspondente non coñecedes, entón podes bloquealo arrastrándoo cara a esquerda.</p> <p>A cor do indicador mostra o estado da seguridade. Laranxa significa que o dispositivo non está verificado. Gris que está bloqueado e non recibirá as chaves de cifraxe. Isto significa que nese dispositivo non poderás ler as mensaxes. Verde significa que o dispositivo está verificado.</p> <p>Para verificar o dispositivo doutras persoas inicia o procedemento nunha conversa directa. Tes que premer no botón &quot;Iniciar verificación&quot; nos axustes da conversa directa. Pon atención de que estás físicamente a carón da persoa da que queres verificar o dispositivo, ou ben usando outra canle segura. Cando comecedes o procedemento de verificación veredes nos dous dispositivos un conxunto de emojis. Comparádeos e premede en &quot;Concordan&quot;. Agardade un intre e as dúas partes veredes que o indicador se pon en cor verde.</p></article>
+  
+    <h2 id="how_to_fork:question" class="question">
+      <a name="how_to_fork" href="#how_to_fork">#</a>
+      Como facer unha bifurcación de FluffyChat?
+    </h2>
+    <article class="mb-12 pl-5" id="how_to_fork:answer"><p><strong>Táboa dos Contidos</strong></p> <ul> <li><a href="#1-license">1. Licenza</a></li> <li><a href="#2-disable-end-to-end-encryption">2. Desactivar cifraxe!</a></li> <li><a href="#3-stay-up-to-date">3. Mantente ao día!</a></li> <li><a href="#4-official-support">4. Axuda oficial</a></li> </ul> <h3 id="1-license">1. Licenza</h3> <p>FluffyChat publícase baixo a AGPL. Le a licenza (<a href="https://github.com/krille-chan/fluffychat/blob/main/LICENSE">https://github.com/krille-chan/fluffychat/blob/main/LICENSE</a>) e fai que a túa bifurcación sexa de código aberto e se publique coa mesma licenza, e tamén que cumpre todos os requerimentos. Pode que desexes consultar un avogade <strong>antes de</strong> publicar a túa bifurcación.</p> <h3 id="2-disable-end-to-end-encryption-">2. Desactivar cifraxe de extremo-a-extremo!</h3> <p>Debido aos regulamentos de exportación de EEUU non podes publicar a aplicación nunha tenda ou en calquera lugar nun servidor de EEUU se ante non quitar todo o relacionado coa cifraxe ou se segues os regulamentos.</p> <p>Tes máis información en: <a href="https://www.bis.doc.gov/index.php/policy-guidance/encryption">https://www.bis.doc.gov/index.php/policy-guidance/encryption</a></p> <p>Se precisas a nosa axuda para usar a cifraxe E2E na túa bifurcación podes ler máis sobre o tema na &quot;<strong>Axuda oficial</strong>&quot;.</p> <h3 id="3-stay-up-to-date-">3. Mantente ao día!</h3> <p>FluffyChat ten elementos de seguridade. Se atopamos un fallo de seguridade intentamos arranxalo o antes posible e publicar unha nova versión. Pero isto significa que a túa bifurcación está desactualizada e en risco. Non podes estar 24/7 atendendo aos cambios así que tes que decidir como protexes ás túas usuarias cun dos seguintes métodos:</p> <ol> <li>Que a túa bifurcación sexa o máis pequena que poidas e activa o espellado do repositorio. Configura un CI que publique novas versións automáticamente se FluffyChat publica a solución a unha incidencia. </li> <li>Non durmas e contrata un gran equipo onde polo menos unha persoa sempre está esperta (trad.: ironía)</li> <li>Contacta con <a href="https://famedly.com">famedly.com</a> e contrata os seus servizos.</li> </ol> <h3 id="4-official-support">4. Axuda oficial</h3> <p>FluffyChat é libre! (como falar, non como a cervexa gratis) Contacta coa miña empresa <a href="https://famedly.com">famedly.com</a> para consultar os seus servizos e obter axuda oficial, ten en conta que costa tempo e esforzo manter FluffyChat ou Famedly Matrix SDK. Así, non podemos axudar gratis, polo que igual che costa sobre $1 ao mes por usuaria da túa bifurcación.</p></article>
+  
+    <h2 id="how_do_i_find_other_users:question" class="question">
+      <a name="how_do_i_find_other_users" href="#how_do_i_find_other_users">#</a>
+      Como atopo a outras persoas?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_find_other_users:answer"><p>Hai varios xeitos de atopar outras persoas usuarias en FluffyChat.<br/></p> <ol> <li>Buscar polo seu nome público: podes escribir o nome público dunha persoa no campo de busca. Isto só vai funcionar se:<ul> <li>Ti xa compartiches unha conversa coa persoa,</li> <li>Esa persoa está nunha sala pública á que está conectada o teu servidor, </li> <li>Ou o teu servidor permite buscar outras usuarias.</li> </ul> </li> <li>Escribindo o ID Matrix directamente: se sabes o seu ID Matrix (ex., <code>@krille:janian.de</code>), podes escribilo directamente para buscar. Funciona de xeito parecido ao correo electrónico: <code>@identificador:nomedoservidor</code>.</li> <li>Escanear código QR: podes escanear o código QR da outra persoa ou mostrar o teu para que o escaneen.</li> <li>Compartir ligazón de convite: calquera pode crear e compartir unha ligazón a unha sala de conversa ou sala. Ao premer na ligazón entrarás nela directamente.</li> </ol></article>
+  
+    <h2 id="how_do_i_get_stickers:question" class="question">
+      <a name="how_do_i_get_stickers" href="#how_do_i_get_stickers">#</a>
+      How do I get stickers?
+    </h2>
+    <article class="mb-12 pl-5" id="how_do_i_get_stickers:answer"><p>You can add a sticker pack from the internet. For example this volpeon.ink does an incredible job:</p> <p><a href="https://volpeon.ink/emojis/">https://volpeon.ink/emojis/</a></p> <p>Just follow these steps:</p> <ol> <li><p>Download one of the packs as a zip file</p> </li> <li><p>Open FluffyChat</p> </li> <li><p>Go to &quot;Settings&quot; &gt; &quot;Chat&quot; &gt; &quot;Custom emotes and stickers&quot;</p> </li> <li><p>Tap on the three dot menu top right and tap on &quot;Import from zip file&quot;</p> </li> <li><p>Select the zip file and if you like edit the sticker names</p> </li> </ol> <p>You can also find preconfigured sticker packs in Matrix. I recommend Nico&#39;s Sticker Collection:</p> <p><a href="https://matrix.to/#/#nico's-stickers:neko.dev">https://matrix.to/#/#nico&#39;s-stickers:neko.dev</a></p> <p>The sticker collection for FluffyChat unfortunately does not have yet a large selection:</p> <p><a href="https://matrix.to/#/#fluffychat-stickers:janian.de">https://matrix.to/#/#fluffychat-stickers:janian.de</a></p> <ol> <li><p>Join the public room</p> </li> <li><p>Open the three dot menu top right and tap on &quot;Emote Settings&quot;</p> </li> <li><p>Select the sticker pack in the room you like</p> </li> <li><p>Toggle &quot;Enable emote pack globally&quot;</p> </li> </ol> <p>Have fun with your stickers! :-)</p></article>
+  
+</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="/gl/impressum">
+                    Legal</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/privacy">
+                    Directiva de privacidade</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Código Fonte</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Traducións</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/">Emojis Noto animados</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Creada por Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Idiomas:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

gl/impressum/index.html

@@ -0,0 +1,119 @@
+
+<!DOCTYPE html>
+<html lang="gl"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Impressum</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="/gl/" class=" text-lg">Inicio</a>
+                <a href="/gl/faq" class=" text-lg">PMF</a>
+                <a href="/gl/changelog" class=" text-lg">
+                    Rexistro dos cambios</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Apóiame en Ko-Fi</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 text-center p-32 markdown">
+  <h1 class="font-bold">Legal</h1>
+  <p>Christian Kußowski<br/>Prenzlauer Allee 221<br/>10405 Berlin</p>
+  <br/>
+  <h1 class="font-bold">Contacto</h1>
+  <p>✉️ Correo:
+    <a class="underline hover:text-purple-800 dark:hover:text-purple-400" href="https://keys.mailvelope.com/pks/lookup?op=get&amp;search=christian-pauly%40posteo.de">Preme aquí</a>
+    <br/>💬 Matrix:
+    <a
+      class="underline hover:text-purple-800 dark:hover:text-purple-400"
+      href="https://matrix.to/#/@krille:janian.de">
+      @krille:janian.de</a>
+  </p>
+</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="/gl/impressum">
+                    Legal</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/privacy">
+                    Directiva de privacidade</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Código Fonte</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Traducións</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/">Emojis Noto animados</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Creada por Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Idiomas:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

gl/index.html

@@ -0,0 +1,179 @@
+
+<!DOCTYPE html>
+<html lang="gl"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Home</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="/gl/" class="underline text-lg">Inicio</a>
+                <a href="/gl/faq" class=" text-lg">PMF</a>
+                <a href="/gl/changelog" class=" text-lg">
+                    Rexistro dos cambios</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Apóiame en Ko-Fi</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>
+        
+<img src="/assets/info-logo.png" alt="FluffyChat Logo" class="h-56"/>
+<p class="text-xl dark:text-gray-200 text-gray-700 mb-8">A aplicación máis feitiña para [<a href="https://matrix.org" target="_blank" class="text-xl underline hover:text-purple-800 dark:hover:text-purple-400">matrix</a>]</p>
+<div class="flex flex-wrap justify-center mb-16 w-full px-8 gap-4">
+    <img
+        src="/assets/screenshots/mobile.png"
+        alt="Mobile screenshot"
+        class="h-96 w-auto object-contain rounded-xl border border-gray-300 shadow-xl"/>
+    <img
+        src="/assets/screenshots/desktop.png"
+        alt="Desktop screenshot"
+        class="h-96 w-auto hidden md:inline-block object-contain rounded-xl border border-gray-300 shadow-xl"/>
+</div>
+<div class="max-w-lg mb-16 flex justify-center flex-wrap">
+    <a href="https://apps.apple.com/app/fluffychat/id1551469600"><img src="/assets/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="/assets/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="/assets/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="/assets/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="/assets/snap-store-badge.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="/assets/flathub-badge-en.png" class="w-36 pr-2 mb-2  hover:scale-105 transition-transform inline">
+    </a>
+</div>
+<div class="grid md:grid-cols-3 md:grid-rows-3 max-w-4xl justify-center w-full mb-16 features">
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated dancing woman" loading="lazy" src="/assets/feature1.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Fácil de usar</h1>
+        <p class="text-center dark:text-white">FluffyChat deseñouse tendo en conta a facilidade de uso. Ninguén debería quedar atrás.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated pencil" loading="lazy" src="/assets/feature2.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Material You</h1>
+        <p class="text-center dark:text-white">Un deseño coidado baseado en Material You, que funciona moi ben en todas as plataformas.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated mechanical arm" loading="lazy" src="/assets/feature3.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Segura</h1>
+        <p class="text-center dark:text-white">Con cifraxe de extremo-a-extremo, sinatura cruzada e copias de apoio cifradas, FluffyChat é unha das aplicacións de mensaxería máis seguras.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated planet earth" loading="lazy" src="/assets/feature4.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Descentralizada</h1>
+        <p class="text-center dark:text-white">Podes elixir o <a href="https://joinmatrix.org">servidor</a> que queres usar ou incluso <a href="https://matrix.org/ecosystem/servers/">hospedar</a> o teu propio servidor!</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated bell" loading="lazy" src="/assets/feature5.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Notificacións Push</h1>
+        <p class="text-center dark:text-white">Elixe entre utilizar Firebase Cloud Messaging ou a opción máis orientada á privacidade <a href="https://unifiedpush.org">Unified Push</a>.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated rocket" loading="lazy" src="/assets/feature6.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Espazos</h1>
+        <p class="text-center dark:text-white">Cos espazos podes unirte a, ou crear, comunidades que se organizan en conversas e usuarias. Ao usar sub-espazos podes organizar as comunidades.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated glass sphere" loading="lazy" src="/assets/feature7.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Chamadas de vídeo</h1>
+        <p class="text-center dark:text-white">É unha ferramenta experimental, pero xa podes probar as chamadas de audio e vídeo, compatibles con outros clientes [matrix].</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated chick" loading="lazy" src="/assets/feature8.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Adhesivos</h1>
+        <p class="text-center dark:text-white">Crea os teus propios adhesivos e compárteos coas túas amizades. Tamén podes usalos como emojis nas mensaxes.</p>
+    </div>
+    <div class="flex flex-col justify-center items-center p-8">
+        <img alt="Animated whoa emoji" loading="lazy" src="/assets/feature9.gif" class="h-32"/>
+        <h1 class="text-purple-500 dark:text-purple-300 text-2xl">Compatibilidade</h1>
+        <p class="text-center dark:text-white">FluffyChat é compatible con outros clientes [matrix] como <a href="https://element.io">Element</a>, <a href="https://nheko-reborn.github.io/">Nheko</a>, <a href="https://cinny.in">Cinny</a> ou <a href="https://apps.kde.org/de/neochat/">NeoChat</a>.</p>
+    </div>
+</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="/gl/impressum">
+                    Legal</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/privacy">
+                    Directiva de privacidade</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Código Fonte</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Traducións</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/">Emojis Noto animados</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Creada por Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Idiomas:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

gl/privacy/index.html

@@ -0,0 +1,108 @@
+
+<!DOCTYPE html>
+<html lang="gl"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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="/gl/" class=" text-lg">Inicio</a>
+                <a href="/gl/faq" class=" text-lg">PMF</a>
+                <a href="/gl/changelog" class=" text-lg">
+                    Rexistro dos cambios</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Apóiame en Ko-Fi</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">
+    
+</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="/gl/impressum">
+                    Legal</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/privacy">
+                    Directiva de privacidade</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Código Fonte</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Traducións</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/">Emojis Noto animados</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Creada por Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Idiomas:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

gl/tos/index.html

@@ -0,0 +1,114 @@
+
+<!DOCTYPE html>
+<html lang="gl"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Privacy</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="/gl/" class=" text-lg">Inicio</a>
+                <a href="/gl/faq" class=" text-lg">PMF</a>
+                <a href="/gl/changelog" class=" text-lg">
+                    Rexistro dos cambios</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Apóiame en Ko-Fi</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">
+    <p><strong>Terms of Service</strong></p>
+<p>FluffyChat is a client application for the Matrix messaging network. It does not provide or operate any messaging servers.</p>
+<p>FluffyChat may suggest or preconfigure certain servers for user convenience. These servers are operated by independent third parties. The developers of FluffyChat have no control over these servers and are not responsible for their availability, security, privacy practices, or the content transmitted through them.</p>
+<p>Your messages and data are processed and stored by the server you choose to connect to. Please review the terms and privacy policies of the server operator you use.</p>
+<p>FluffyChat is provided “as is”, without warranties of any kind, express or implied. The developers of FluffyChat are not liable for any damages, data loss, service interruptions, or other issues arising from the use of the application or from the servers you connect to.</p>
+<p>By using FluffyChat, you agree to use the application in compliance with applicable laws and the policies of the server you choose.</p>
+
+</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="/gl/impressum">
+                    Legal</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/privacy">
+                    Directiva de privacidade</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/gl/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Código Fonte</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Traducións</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/">Emojis Noto animados</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Creada por Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Idiomas:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>

index.html

@@ -1,19 +1,22 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 
 <head>
-	<title>Redirecting to fluffy.chat</title>
-	<!-- Redirecting to another page using meta tag -->
-	<meta http-equiv="refresh" content="5; url =https://fluffy.chat" />
+	<meta charset="utf-8">
+	<title>Redirecting…</title>
+	<meta http-equiv="refresh" content="0; url=/en/">
+	<script>
+		const userLang = navigator.language?.substring(0, 2) || "en";
+		const supported = ["be", "de", "en", "et", "fi", "fy", "gl", "lv", "nb_NO", "nl", "uz"]; // z. B. ["en","de"] Fallback auf Englisch, falls Sprache nicht unterstützt
+		const targetLang = supported.includes(userLang)
+			? userLang
+			: "en";
+		window.location.replace(`/${targetLang}/`);
+	</script>
 </head>
 
 <body>
-	<h3>
-		Redirecting...
-	</h3>
-	<p><strong>Note:</strong> If your browser does not redirect you, please use this link:
-	</p>
-	<a href="https://fluffy.chat">https://fluffy.chat</a>
+	<p>Redirecting…</p>
 </body>
 
 </html>

lv/changelog/index.html

@@ -0,0 +1,109 @@
+
+<!DOCTYPE html>
+<html lang="lv"></html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>FluffyChat Official Website | Changelog</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="/lv/" class=" text-lg">Home</a>
+                <a href="/lv/faq" class=" text-lg">FAQ</a>
+                <a href="/lv/changelog" class="underline text-lg">
+                    Izmaiņu žurnāls</a>
+                <a href="https://ko-fi.com/krille/posts" target="_blank" class="text-lg">Blog
+                </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">Support me on Ko-Fi</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>Izmaiņu žurnāls</h1>
+
+</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="/lv/impressum">
+                    Imprint</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/lv/privacy">
+                    Privātuma pamatnostādnes</a>
+                -
+                <a class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm" href="/lv/tos">
+                    Terms of service</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://github.com/krille-chan/fluffychat">Source Code</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://liberapay.com/KrilleChritzelius">Liberapay</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://hosted.weblate.org/projects/fluffychat/">Translations</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/">Noto Animated Emojis</a>
+                -
+                <a
+                    class="text-slate-700 dark:text-slate-200 underline hover:text-purple-800 text-sm"
+                    href="https://krille-chan.github.io">Created by Krille-chan</a>
+                <br/>
+                <span class="text-slate-700 dark:text-slate-200 text-sm">Language:
+                </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="/uz/">O&#39;zbekcha</a>
+                
+            </footer>
+        </div>
+    </body>
+</html>