Use layout, rudimentary language switch (#25)

* Make index and privacy-policy pages use default layout

Consistently use the default layout. Page contents are unchanged
except for indentation and one closing tag added.

* Add language switch to FAQ pages

css/style.css

@@ -166,3 +166,16 @@ footer .sponsors img {
     padding: 6px;
     border-radius: 8px;
 }
+
+nav.site {
+  display: flex;
+}
+
+nav.site .homepage {
+  flex-grow: 1;
+}
+
+nav.languages {
+  display: flex;
+  gap: 0.5rem;
+}

faq/index.md

@@ -10,5 +10,11 @@ id: faq
 <main>
     {{ contents | markdownify }}
     <hr>
-    <p><a href="/">Homepage</a></p>
+    <nav class="site">
+        <a href="/" class="homepage">Homepage</a>
+        <nav class="languages">
+            <em>en</em>
+            <a href="/fr/faq/">fr</a>
+        </nav>
+    </nav>
 </main>

fr/faq/index.md

@@ -11,5 +11,11 @@ language: fr
 <main>
     {{ contents | markdownify }}
     <hr>
-    <p><a href="/">Homepage</a></p>
+    <nav class="site">
+        <a href="/" class="homepage">Homepage</a>
+        <nav class="languages">
+            <a href="/faq/">en</a>
+            <em>fr</em>
+        </nav>
+    </nav>
 </main>

index.md

@@ -0,0 +1,70 @@
+---
+title: Tusky - Mastodon client for Android
+layout: default
+id: home
+---
+<div id="text">
+  <div id="logo">
+    <img src="img/tusky.svg" width="160" height="160" alt="Tusky icon" />
+    <h1> Tusky </h1>
+  </div>
+
+  <h2> Mastodon client for Android </h2>
+
+  <div id="primary-buttons">
+    <a href="https://f-droid.org/repository/browse/?fdid=com.keylesspalace.tusky">
+      <i class="icon-fdroid-logo"></i> F-Droid</a>
+    <a href="https://play.google.com/store/apps/details?id=com.keylesspalace.tusky">
+      <i class="icon-google-play"></i> Google Play</a>
+  </div>
+
+  <div id="description">
+    <p>
+      Tusky is a lightweight client for
+      <a href="https://joinmastodon.org">Mastodon</a>, a free and open-source social network server. It supports all Mastodon features, like photos, videos,
+      lists, custom emojis and is designed according to material guidelines. You can choose between a dark, a light and a black
+      theme in Tusky. It has notifications and a drafts feature. Tusky is free and open source software licensed under
+      the
+      <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GPL-3.0</a>.
+    </p>
+    <p>
+      If you have any questions, feature requests or you found a bug in Tusky feel free to open
+      <a href="https://github.com/tuskyapp/Tusky/issues">an issue on GitHub</a> or send a message to
+      <a href="https://mastodon.social/@Tusky" rel="me">@[email protected]</a>. <br />
+      We have compiled some <a href="https://github.com/tuskyapp/faq/blob/master/README.md">frequently asked questions</a> as well.
+    </p>
+  </div>
+</div>
+
+<div id="screenshot">
+  <img src="img/screenshot.png" srcset="img/screenshot.png 1x, img/screenshot_2x.png 2x" width="297" height="550" alt="Screenshot of Tusky" />
+</div>
+
+<footer>
+  <a href="https://github.com/tuskyapp/Tusky/releases/download/v24.1/tusky-v24.1.apk">
+    <i class="icon-download"></i>
+    <span>Download apk v24.1</span>
+  </a>
+  <a href="https://github.com/tuskyapp/Tusky/blob/develop/CHANGELOG.md">
+    <i class="icon-changelog"></i>
+    <span>Changelog</span>
+  </a>
+  <a href="https://github.com/tuskyapp/Tusky">
+    <i class="icon-github"></i>
+    <span>GitHub</span>
+  </a>
+  <a href="https://opencollective.com/tusky">
+    <i class="icon-opencollective"></i>
+    <span>Support on Open Collective</span>
+  </a>
+  <a href="/privacy-policy/">
+    <i class="icon-changelog"></i>
+    <span>Privacy Policy</span>
+  </a>
+  <div class="sponsors">
+    <h3>Tusky is sponsored by</h3>
+    <a href="https://tutanota.com/">
+      <img src="img/tutanota_logo.svg" alt="Tutanota" width="320" height="75"/>
+    </a>
+  </div>
+</footer>

privacy-policy/index.md

@@ -0,0 +1,35 @@
+---
+title: Tusky - Mastodon client for Android - privacy policy
+layout: default
+id: privacy-policy
+---
+<main>
+
+  <h1>Tusky Privacy Policy</h1>
+
+  <p>Tusky does not collect any usage data or personal information from its users.</p>
+
+  <p>Data from connected accounts is only stored locally on the device when it is required for functionality and
+    performance of Tusky.
+    This data is strictly confidental and cannot be accessed by other apps (on non-rooted devices).
+    It can be deleted by clearing Tusky's local storage or uninstalling the app.</p>
+
+  <p>(Keep in mind that the Mastodon instance(s) you use Tusky with have their own privacy policies.
+    You can usually find them linked somewhere on the homepage of the instance.)</p>
+
+  <h2>Permissions</h2>
+
+  <p><strong>INTERNET:</strong> Required to access connected instances, download media, etc.</p>
+  <p><strong>READ / WRITE_EXTERNAL_STORAGE:</strong> For up- and downloading media </p>
+  <p><strong>VIBRATE:</strong> for notifications</p>
+  <p><strong>FOREGROUND_SERVICE:</strong> To make sending toots more reliable</p>
+  <p><strong>WAKE_LOCK:</strong> To make notifications more reliable</p>
+  <p><strong>ACCESS_NETWORK_STATE:</strong> To automatically retry network requests when connectivity has been
+    restored</p>
+  <p><strong>RECEIVE_BOOT_COMPLETED:</strong> To continue receiving notifications after the device has restarted
+  </p>
+  <p>If you have any questions about Tusky or this privacy policy, you can send a message to
+    <a href="https://mastodon.social/@Tusky" rel="me">@[email protected]</a>
+    or <a href="mailto:[email protected]">[email protected]</a></p>
+  <p><a href="/">Homepage</a></p>
+</main>