Add frontpage and privacy page

content/en/usage/privacy.md

@@ -5,5 +5,68 @@ menu:
     parent: usage
     weight: 1
 ---
+
 ## Publishing levels
+
+|Level|Public timelines|Permalink|Profile view|Home feeds|
+|-----|:--------------:|:-------:|:----------:|:--------:|
+|Public|<i class="fa fa-check"></i>|<i class="fa fa-check"></i>|<i class="fa fa-check"></i>|<i class="fa fa-check"></i>|
+|Unlisted|<i class="fa fa-times"></i>|<i class="fa fa-check"></i>|<i class="fa fa-check"></i>|<i class="fa fa-check"></i>|
+|Private|<i class="fa fa-times"></i>|<i class="fa fa-times"></i>|<i class="fa fa-times"></i>|<i class="fa fa-check"></i>|
+|Direct|<i class="fa fa-times"></i>|<i class="fa fa-times"></i>|<i class="fa fa-times"></i>|<i class="fa fa-times"></i>|
+
+No matter which level, every mentioned user can see the message in their notifications.
+
+## Account locking
+
+To effectively publish private (followers-only) posts, you must lock your account--otherwise, anyone could follow you to view older posts. Locking your account on Mastodon does one thing: Adds an authorization step to the process of following you.
+
+Once locked, before someone can become your follower, you will receive a follow request, which you can either accept or reject.
+
+Please mind that post privacy on Mastodon is per-post, rather than account-wide, and as such there is no way to instantly make past public posts private.
+
 ## Blocking and muting
+### Hiding boosts
+
+If you hide boosts from someone, you won't see their boosts in your home feed.
+
+### Muting
+
+When muting, you have the option to mute notifications from them or not. Muting without muting notifications hides the user from your view:
+
+- You won't see the user in your home feed
+- You won't see other people boosting the user
+- You won't see other people mentioning the user
+- You won't see the user in public timelines
+
+If you choose to also mute notifications from them, you will additionally not see notifications from that user.
+
+The user has no way of knowing they have been muted.
+
+### Blocking
+
+Blocking hides a user from your view:
+
+- You won't see the user in your home feed
+- You won't see other people boosting the user
+- You won't see other people mentioning the user
+- You won't see the user in public timelines
+- You won't see notifications from that user
+
+Additionally, on the blocked user's side:
+
+- The user is forced to unfollow you
+- The user cannot follow you
+- The user won't see other people's boosts of you
+- The user won't see you in public timelines
+
+If you and the blocked user are on the same server, the blocked user will not be able to view your posts on your profile while logged in.
+
+### Hiding an entire server
+
+If you hide an entire server:
+
+- You will not see posts from that server on the public timelines
+- You won't see other people's boosts of that server in your home feed
+- You won't see notifications from that server
+- You will lose any followers that you might have had on that server

layouts/index.html

@@ -0,0 +1,11 @@
+{{ define "title"}} Mastodon documentation {{end}}
+
+{{ define "main" }}
+  <h1>Mastodon documentation</h1>
+
+  <div class="e-content">
+    <p>Welcome to the Mastodon documentation!</p>
+
+    <p>Mastodon is a <strong>free, open-source social network server</strong> based on <strong>open web protocols</strong> like ActivityPub and OStatus. The social focus of the project is a viable decentralized alternative to commercial social media silos that returns the control of the content distribution channels to the people. The technical focus of the project is a good user interface, a clean REST API for 3rd party apps and robust anti-abuse tools.</p>
+  </div>
+{{ end }}

static/style.css

@@ -238,6 +238,26 @@ main ol > li::before {
 main li > ul,
 main li > ol {
   margin-top: 14px; }
+main table {
+  width: 100%;
+  margin-bottom: 26px;
+  color: #d9e1e8; }
+  main table tr:nth-child(2n),
+  main table thead tr {
+    background-color: #16191f; }
+  main table th,
+  main table td {
+    font-size: 16px;
+    padding: 10px;
+    border: 1px solid #303643; }
+    main table th .fa-check,
+    main table td .fa-check {
+      color: #79bd9a; }
+    main table th .fa-times,
+    main table td .fa-times {
+      color: #df405a; }
+  main table thead th {
+    font-weight: 500; }
 main figure figcaption {
   margin-top: 8px;
   text-align: center; }

static/style.scss

@@ -332,6 +332,36 @@ main {
     margin-top: 14px;
   }
 
+  table {
+    width: 100%;
+    margin-bottom: 26px;
+    color: $lightest;
+
+    tr:nth-child(2n),
+    thead tr {
+      background-color: darken($darkest, 4%);
+    }
+
+    th,
+    td {
+      font-size: 16px;
+      padding: 10px;
+      border: 1px solid lighten($darkest, 8%);
+
+      .fa-check {
+        color: $success;
+      }
+
+      .fa-times {
+        color: $error;
+      }
+    }
+
+    thead th {
+      font-weight: 500;
+    }
+  }
+
   figure {
     figcaption {
       margin-top: 8px;