diff --git a/.gitignore b/.gitignore
index 2fc0deb7f722c7605aedf5fcba2951668bd87cbd..b5522f3063b9a1f0583e65e63216e80a7cc520d7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,3 @@
 /.idea
-/html
-/node_modules
-/package-lock.json
\ No newline at end of file
+/public
+/resources
\ No newline at end of file
diff --git a/README.md b/README.md
index 7632cc128b13b82911d3636e8af6172976023327..08c84765e8f6ed86a91e2808c35a1231bdcf7eb8 100644
--- a/README.md
+++ b/README.md
@@ -1 +1 @@
-To generate HTML, install [markdown-styles](https://github.com/mixu/markdown-styles) and run `generate-md --layout briar-manual/layout/mixu-radar-briar --input briar-manual/content --output briar-manual-html`.
+To generate HTML, install [hugo](https://gohugo.io) and run `hugo`.
diff --git a/config.toml b/config.toml
new file mode 100644
index 0000000000000000000000000000000000000000..f614126c62eb50265f0dfb55389e5609aef10ed7
--- /dev/null
+++ b/config.toml
@@ -0,0 +1,4 @@
+baseURL = "https://briarproject.org/manual"
+languageCode = "en-us"
+title = "Briar User Manual"
+theme = "briar-manual"
\ No newline at end of file
diff --git a/content/manual.md b/content/_index.md
similarity index 72%
rename from content/manual.md
rename to content/_index.md
index f4db443ac09bece2fb69dbc6bd9f8c19109cd6ca..507b0bef80cd20d697abeeaf950988a8eebadb98 100644
--- a/content/manual.md
+++ b/content/_index.md
@@ -1,10 +1,12 @@
-# Briar User Manual #
+---
+title: "Briar User Manual"
+---
 
-## What is Briar? ##
+# What is Briar?
 
 Briar is a messaging app designed for activists, journalists, and anyone else who needs a safe, easy and robust way to communicate. Unlike traditional messaging apps, Briar doesn't rely on a central server - messages are synchronized directly between the users' devices. If the internet's down, Briar can sync via Bluetooth or Wi-Fi, keeping the information flowing in a crisis. If the internet's up, Briar can sync via the Tor network, protecting users and their relationships from surveillance.
 
-## Installation ##
+# Installation
 
 Briar is [available on Google Play](https://play.google.com/store/apps/details?id=org.briarproject.briar.android) for devices running Android.
 
@@ -12,9 +14,9 @@ Briar is [available on Google Play](https://play.google.com/store/apps/details?i
 
 If you have an Android device but you prefer not to use Google Play, the Briar website has instructions for installing the app via <a href="https://briarproject.org/fdroid.html">F-Droid</a> or <a href="https://briarproject.org/apk.html">direct download</a>.
 
-## Creating an Account ##
+# Creating an Account
 
-<img src="assets/img/create-account.png" alt="Creating an account">
+<img src="img/create-account.png" alt="Creating an account">
 
 The first time you open Briar you'll be asked to create an account. You can choose any nickname and password. The password should be at least 8 characters long and hard to guess.
 
@@ -24,9 +26,9 @@ Tap "Create Account". When your account has been created you'll be taken to the
 
 <div style="clear:both"></div>
 
-## Adding Contacts ##
+# Adding Contacts
 
-<img src="assets/img/add-contact-options-cropped.png" alt="Options for adding a contact">
+<img src="img/add-contact-options-cropped.png" alt="Options for adding a contact">
 
 To add a contact, tap the plus icon at the bottom right of the contact list.
 
@@ -34,9 +36,9 @@ Choose one of the two options that appear.
 
 <div style="clear:both"></div>
 
-### Add contact at a distance
+## Add contact at a distance
 
-<img src="assets/img/add-contact-remotely.png" alt="Adding a contact at a distance">
+<img src="img/add-contact-remotely.png" alt="Adding a contact at a distance">
 
 Copy the <code>briar://</code> link and send it to the person you want to add.
 You can also use the "Share" button to choose an app for sending the link.
@@ -55,13 +57,13 @@ If Briar can't connect to your contact after 48 hours, the pending contact list
 
 <div style="clear:both"></div>
 
-<img src="assets/img/add-contact-pending-cropped.png" alt="Pending Contacts">
+<img src="img/add-contact-pending-cropped.png" alt="Pending Contacts">
 
 <div style="clear:both"></div>
 
-### Add contact nearby
+## Add contact nearby
 
-<img src="assets/img/add-contact-1.png" alt="Adding a contact, step 1">
+<img src="img/add-contact-1.png" alt="Adding a contact, step 1">
 
 Another way to add a contact is to meet up with the person you want to add. Each of you will scan a QR code from the other person's screen. This ensures you're connecting to the right person, so nobody else can impersonate you or read your messages.
 
@@ -69,7 +71,7 @@ Tap "Continue" when you're ready to start.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/add-contact-2.png" alt="Adding a contact, step 2">
+<img src="img/add-contact-2.png" alt="Adding a contact, step 2">
 
 Line up your contact's QR code in the viewfinder. You may have to wait a few seconds for the camera to focus.
 
@@ -77,15 +79,15 @@ When the camera has scanned the QR code you'll see the message "Waiting for cont
 
 <div style="clear:both"></div>
 
-<img src="assets/img/contact-list-with-contact-cropped.png" alt="The contact list showing a newly added contact">
+<img src="img/contact-list-with-contact-cropped.png" alt="The contact list showing a newly added contact">
 
 Your devices will exchange information, and after a few seconds you'll be added to each other's contact lists. Congratulations! You're ready to communicate securely.
 
 <div style="clear:both"></div>
 
-## Messaging ##
+# Messaging ##
 
-<img src="assets/img/manual_messaging-cropped.png" alt="A private messaging conversation">
+<img src="img/manual_messaging-cropped.png" alt="A private messaging conversation">
 
 To send a private message, tap a contact's name in the contact list.
 
@@ -95,65 +97,65 @@ If your contact is offline, your message will be delivered next time you're both
 
 <div style="clear:both"></div>
 
-## Introducing Contacts ##
+# Introducing Contacts ##
 
-<img src="assets/img/introduction-1-cropped.png" alt="Starting an introduction">
+<img src="img/introduction-1-cropped.png" alt="Starting an introduction">
 
 You can introduce your contacts to each other through Briar. This allows them to become contacts without having to meet up. To start an introduction, tap a contact's name in the contact list and choose "Make Introduction" from the menu.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/introduction-2-cropped.png" alt="Choosing the second contact">
+<img src="img/introduction-2-cropped.png" alt="Choosing the second contact">
 
 Next, choose the other contact you want to introduce.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/introduction-3-cropped.png" alt="Adding a message to both contacts">
+<img src="img/introduction-3-cropped.png" alt="Adding a message to both contacts">
 
 Add an optional message to the contacts, then tap "Make Introduction".
 
 <div style="clear:both"></div>
 
-<img src="assets/img/introduction-5-cropped.png" alt="An introduction request">
+<img src="img/introduction-5-cropped.png" alt="An introduction request">
 
 Your contacts will see a message asking them whether they accept the introduction. If they both accept they'll be added to each other's contact lists and they'll be able to communicate securely.
 
 <div style="clear:both"></div>
 
-## Private Groups ##
+# Private Groups ##
 
-<img src="assets/img/nav-drawer-private-groups.png" alt="The main menu showing the private groups feature selected">
+<img src="img/nav-drawer-private-groups.png" alt="The main menu showing the private groups feature selected">
 
 You can use Briar for group chats with your contacts. To create a group, open the main menu and choose "Private Groups". The private group list will open. Tap the plus icon to create a new group.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/create-private-group-1-cropped.png" alt="Creating a private group, step 1">
+<img src="img/create-private-group-1-cropped.png" alt="Creating a private group, step 1">
 
 Choose a name for your group, then tap "Create Group".
 
 <div style="clear:both"></div>
 
-<img src="assets/img/create-private-group-2-cropped.png" alt="Creating a private group, step 2">
+<img src="img/create-private-group-2-cropped.png" alt="Creating a private group, step 2">
 
 Next choose the contacts you'd like to invite to join the group. Press the checkmark icon when you're done.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/create-private-group-3-cropped.png" alt="Creating a private group, step 3">
+<img src="img/create-private-group-3-cropped.png" alt="Creating a private group, step 3">
 
 Add an optional message to the chosen contacts, then tap "Send Invitation". The contacts will see a message inviting them to join.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/create-private-group-4-cropped.png" alt="The private group list showing a newly created group">
+<img src="img/create-private-group-4-cropped.png" alt="The private group list showing a newly created group">
 
 The new group will be added to your private group list. This list shows all the groups you belong to.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/private-group-2.png" alt="A conversation in a private group">
+<img src="img/private-group-2.png" alt="A conversation in a private group">
 
 Messages in private groups are organized into threads. Any member can reply to a message or start a new thread.
 
@@ -161,9 +163,9 @@ The creator of the group is the only one who can invite new members. Any member
 
 <div style="clear:both"></div>
 
-## Forums ##
+# Forums
 
-<img src="assets/img/nav-drawer-forums.png" alt="The main menu showing the forums feature selected">
+<img src="img/nav-drawer-forums.png" alt="The main menu showing the forums feature selected">
 
 A forum is a public conversation. Unlike a private group, anyone who joins a forum can invite their own contacts.
 
@@ -171,37 +173,37 @@ To create a forum, open the main menu and choose "Forums". The forum list will o
 
 <div style="clear:both"></div>
 
-<img src="assets/img/create-forum-1-cropped.png" alt="Creating a forum">
+<img src="img/create-forum-1-cropped.png" alt="Creating a forum">
 
 Choose a name for your forum, then tap "Create Forum".
 
 <div style="clear:both"></div>
 
-<img src="assets/img/create-forum-2-cropped.png" alt="The forum list showing a newly created forum">
+<img src="img/create-forum-2-cropped.png" alt="The forum list showing a newly created forum">
 
 The new forum will be added to your forum list. This list shows all the forums you belong to.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/share-forum-1-cropped.png" alt="Sharing a forum, step 1">
+<img src="img/share-forum-1-cropped.png" alt="Sharing a forum, step 1">
 
 To share a forum with your contacts, tap the forum to open it, then tap the sharing icon.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/share-forum-2-cropped.png" alt="Sharing a forum, step 2">
+<img src="img/share-forum-2-cropped.png" alt="Sharing a forum, step 2">
 
 Next choose the contacts you'd like to share the forum with. Press the checkmark icon when you're done.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/share-forum-3-cropped.png" alt="Sharing a forum, step 3">
+<img src="img/share-forum-3-cropped.png" alt="Sharing a forum, step 3">
 
 Add an optional message to the chosen contacts, then tap "Share Forum". The contacts will see a message inviting them to join.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/forum-1.png" alt="A conversation in a forum">
+<img src="img/forum-1.png" alt="A conversation in a forum">
 
 Messages in forums are organized into threads. Any member can reply to a message or start a new thread.
 
@@ -209,11 +211,11 @@ Any member of a forum can invite new members, and any member including the creat
 
 <div style="clear:both"></div>
 
-## Blogs ##
+# Blogs
 
 <div style="clear:both"></div>
 
-<img src="assets/img/nav-drawer-blogs.png" alt="The main menu showing the blogs feature selected">
+<img src="img/nav-drawer-blogs.png" alt="The main menu showing the blogs feature selected">
 
 Your Briar account has a built-in blog. You can use it to post news and updates about your life. Your blog is automatically shared with your contacts, and their blogs are shared with you.
 
@@ -221,43 +223,43 @@ To read your contacts' blogs or write a post, open the main menu and choose "Blo
 
 <div style="clear:both"></div>
 
-<img src="assets/img/write-blog-post-1-cropped.png" alt="Writing a blog post, step 1">
+<img src="img/write-blog-post-1-cropped.png" alt="Writing a blog post, step 1">
 
 To write a post, tap the pen icon at the top of the blog feed.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/write-blog-post-2-cropped.png" alt="Writing a blog post, step 2">
+<img src="img/write-blog-post-2-cropped.png" alt="Writing a blog post, step 2">
 
 Write your post and tap "Publish".
 
 <div style="clear:both"></div>
 
-<img src="assets/img/write-blog-post-3-cropped.png" alt="The blog feed showing a newly created post">
+<img src="img/write-blog-post-3-cropped.png" alt="The blog feed showing a newly created post">
 
 Your new post will appear in the blog feed.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/reblog-1-cropped.png" alt="Reblogging a post, step 1">
+<img src="img/reblog-1-cropped.png" alt="Reblogging a post, step 1">
 
 To reblog a post, tap the reblog icon at the corner of the post.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/reblog-2-cropped.png" alt="Reblogging a post, step 2">
+<img src="img/reblog-2-cropped.png" alt="Reblogging a post, step 2">
 
 Add an optional comment and tap "Reblog".
 
 <div style="clear:both"></div>
 
-<img src="assets/img/reblog-3-cropped.png" alt="Reblogging a post, step 3">
+<img src="img/reblog-3-cropped.png" alt="Reblogging a post, step 3">
 
 The reblogged post will appear in the blog feed with your comment attached.
 
 <div style="clear:both"></div>
 
-## RSS Feeds ##
+# RSS Feeds
 
 You can use Briar to read any blog or news site that publishes an RSS feed. The articles are downloaded via Tor to protect your privacy. You can reblog and comment on articles from RSS feeds, just like you can with blog posts.
 
@@ -265,39 +267,39 @@ You can use Briar to read any blog or news site that publishes an RSS feed. The
 
 <div style="clear:both"></div>
 
-<img src="assets/img/import-rss-feed-1-cropped.png" alt="Importing an RSS feed, step 1">
+<img src="img/import-rss-feed-1-cropped.png" alt="Importing an RSS feed, step 1">
 
 To import an RSS feed, open the blog feed and choose "Import RSS Feed" from the menu.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/import-rss-feed-2-cropped.png" alt="Importing an RSS feed, step 2">
+<img src="img/import-rss-feed-2-cropped.png" alt="Importing an RSS feed, step 2">
 
 Enter the URL of the RSS feed and tap "Import". The articles will be downloaded and added to the blog feed. This can take a few minutes.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/import-rss-feed-3-cropped.png" alt="The blog feed showing a newly imported RSS article">
+<img src="img/import-rss-feed-3-cropped.png" alt="The blog feed showing a newly imported RSS article">
 
 When new articles are published, Briar will download them automatically. Imported articles are not shared with your contacts unless you choose to reblog them.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/manage-rss-feeds-1-cropped.png" alt="Managing RSS feeds, step 1">
+<img src="img/manage-rss-feeds-1-cropped.png" alt="Managing RSS feeds, step 1">
 
 To manage your RSS feeds, open the blog feed and choose "Manage RSS Feeds" from the menu.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/manage-rss-feeds-2-cropped.png" alt="Managing RSS feeds, step 2">
+<img src="img/manage-rss-feeds-2-cropped.png" alt="Managing RSS feeds, step 2">
 
 Tap the trash icon to remove a feed. The imported articles will be removed from the blog feed, except for any articles you've reblogged.
 
 <div style="clear:both"></div>
 
-## Deleting Contacts ##
+# Deleting Contacts #
 
-<img src="assets/img/delete-contact-cropped.png" alt="Deleting a contact">
+<img src="img/delete-contact-cropped.png" alt="Deleting a contact">
 
 To delete a contact, tap the contact's name in the contact list and choose "Delete contact" from the menu.
 
@@ -305,20 +307,21 @@ To delete a contact, tap the contact's name in the contact list and choose "Dele
 
 <div style="clear:both"></div>
 
-## Settings ##
+# Settings
 
-<img src="assets/img/manual_dark_theme_settings-cropped.png" alt="The list of settings">
+<img src="img/manual_dark_theme_settings-cropped.png" alt="The list of settings">
 
 To find the settings, open the main menu and choose "Settings".
 Here you can customize your Briar experience.
 
 <div style="clear:both"></div>
 
-### Theme ###
+## Theme
 
-<img src="assets/img/manual_dark_theme_nav_drawer-cropped.png" alt="The main menu in a dark theme">
+<img src="img/manual_dark_theme_nav_drawer-cropped.png" alt="The main menu in a dark theme">
 
 You can change the color scheme that Briar uses:
+
 * **Light:** Briar will use light colors.
 * **Dark:** Briar will use dark colors.
 * **Automatic:** Briar will change its color scheme based on the time of day.
@@ -326,9 +329,9 @@ You can change the color scheme that Briar uses:
 
 <div style="clear:both"></div>
 
-### Connect via Internet (Tor) ###
+## Connect via Internet (Tor)
 
-<img src="assets/img/manual_tor_settings-cropped.png" alt="The 'Networks' section of the settings screen">
+<img src="img/manual_tor_settings-cropped.png" alt="The 'Networks' section of the settings screen">
 
 > **Tip:** Briar uses Tor to connect to the internet. Tor is a network of computers run by volunteers around the world to help people access the internet privately and without censorship. "Bridges" are computers that can help you connect to Tor if your government or internet provider is blocking it.
 
@@ -339,17 +342,17 @@ You can control how Briar connects to the internet:
 * **Use Tor with bridges:** Briar will use bridges to connect to Tor.
 * **Don't connect:** Briar won't connect to the internet at all.
 
-### Use Mobile Data ###
+## Use Mobile Data
 
 You can control whether Briar uses mobile data. If you turn off mobile data, Briar will only use the internet when you're connected to Wi-Fi.
 
-### Connect via Internet (Tor) Only When Charging ###
+## Connect via Internet (Tor) Only When Charging
 
 You can control whether Briar uses the internet while your device is running on battery. If you turn on this setting, Briar will only use the internet when your device is connected to power.
 
-### Screen Lock ###
+## Screen Lock
 
-<img src="assets/img/manual_app_lock-cropped.png" alt="The 'Security' section of the settings screen">
+<img src="img/manual_app_lock-cropped.png" alt="The 'Security' section of the settings screen">
 
 > **Tip:** This feature is not available on Android version 4.
 
@@ -357,19 +360,19 @@ To protect your privacy when other people are using your device, you can lock Br
 
 Briar uses the same PIN, pattern or password that you normally use to unlock your device, so this setting will be disabled (grayed out) if you haven't chosen a PIN, pattern or password yet. You can use your device's Settings app to choose one.
 
-<img src="assets/img/manual_app_lock_nav_drawer-cropped.png" alt="The main menu showing the 'Lock App' option">
+<img src="img/manual_app_lock_nav_drawer-cropped.png" alt="The main menu showing the 'Lock App' option">
 
 When the screen lock setting is activated, a "Lock App" option will be added to Briar's main menu. You can use this option to lock Briar without signing out.
 
 <div style="clear:both"></div>
 
-<img src="assets/img/manual_app_lock_keyguard.png" alt="Unlocking Briar">
+<img src="img/manual_app_lock_keyguard.png" alt="Unlocking Briar">
 
 When Briar is locked, you'll be asked for your PIN, pattern or password to unlock it.
 
 <div style="clear:both"></div>
 
-### Screen Lock Inactivity Timeout ###
+## Screen Lock Inactivity Timeout
 
 > **Tip:** This feature is not available on Android version 4.
 
diff --git a/content/assets/img/briar_logo_large.png b/content/assets/img/briar_logo_large.png
deleted file mode 100644
index 80a45db3d49951178738326d671652a3bae4fb3a..0000000000000000000000000000000000000000
Binary files a/content/assets/img/briar_logo_large.png and /dev/null differ
diff --git a/content/assets/img/briar_logo_sm.png b/content/assets/img/briar_logo_sm.png
deleted file mode 100644
index cd16f3870b7896d24488a6d592256ee8b654c94c..0000000000000000000000000000000000000000
Binary files a/content/assets/img/briar_logo_sm.png and /dev/null differ
diff --git a/crop-screenshots.py b/crop-screenshots.py
index f333a23623ab2eb50a0d765813c4a608cb79604c..037e00269e8ecd777b9199cd925ed9e77cac0011 100755
--- a/crop-screenshots.py
+++ b/crop-screenshots.py
@@ -4,7 +4,7 @@ import os
 
 from PIL import Image
 
-IMAGE_PATH = "content/assets/img"
+IMAGE_PATH = "static/img"
 POSTFIX = '-cropped'
 
 
diff --git a/layout/mixu-radar-briar/assets/css/briar.css b/layout/mixu-radar-briar/assets/css/briar.css
deleted file mode 100644
index ef214cedb6833cd9813b962ab9de922c29466428..0000000000000000000000000000000000000000
--- a/layout/mixu-radar-briar/assets/css/briar.css
+++ /dev/null
@@ -1,534 +0,0 @@
-/* CSS Document */
-
-body, html {
-    height:100%;
-    margin:0;
-    padding:0;
-    background-color:#fff;
-    font-size:1em;
-    font-family:Arial, Helvetica, sans-serif;
-    line-height:1.3em;
-}
-
-body#index a#briar_index_nav,
-body#download a#briar_download_nav,
-body#how a#briar_how_nav,
-body#about a#briar_about_nav,
-body#involved a#briar_involved_nav {color:#87C214;}
-
-#briar_wrapper {
-    min-height:100%;
-    margin-bottom:-2em;
-}
-
-img {
-    margin:0;
-    display:inline;
-    padding:0;
-    border:none;
-    vertical-align:middle;
-}
-
-figure {
-    text-align:center;
-    margin:0 0 50px 0;
-    padding:0;
-}
-
-figcaption {
-    margin:10px 0 0 0;
-    font-weight:bold;
-    text-align:center;
-}
-
-@-ms-viewport{
-    zoom:1.0;
-    width:extend-to-zoom;
-}
-
-.clearboth {clear:both;}
-
-#briar_header_container {
-    height:120px;
-    position:static;
-    width:100%;
-    top:0;
-    background-color:#2D3E50;
-    float:left;
-}
-
-#briar_header {
-    margin:20px auto 0 auto;
-    width:700px;
-}
-
-#briar_logo {
-    float:left;
-    width:20%;
-}
-
-.briar_logo {
-    border:3px solid #2D3E50;
-    -webkit-border-radius:20px;
-    -moz-border-radius:20px;
-    border-radius:20px;
-    background-color:#fff;
-    padding:30px 20px 17px 20px;
-    margin-top:-40px;
-    width:100%;
-    max-width:111px;
-    height:auto;
-    max-height:147px;
-}
-
-#briar_nav {
-    font-weight:bold;
-    padding:0 0 0 0;
-    float:right;
-    margin:10px auto 10px auto;
-    vertical-align:bottom;
-    width:80%;
-}
-
-#briar_nav a:link {
-    text-decoration:none;
-    color:#fff;
-}
-
-#briar_nav a:visited {
-    text-decoration:none;
-    color:#fff;
-}
-
-#briar_nav a:hover {
-    text-decoration:none;
-    color:#87C214;
-}
-
-#briar_nav a:active {
-    text-decoration:none;
-    color:#fff;
-}
-
-#briar_nav label {display:none;}
-
-#briar_nav ul {
-    clear:both;
-    display:block;
-    list-style-type:none;
-    font-size:0.9em;
-    padding:0 0 0 0;
-    margin:0;
-    text-align:right;
-    height:auto;
-}
-
-#briar_nav li {
-    list-style-type:none;
-    display:inline;
-    padding:0 0 0 20px;
-    text-transform:uppercase;
-    margin:0;
-    font-weight:bold;
-    white-space:nowrap;
-}
-
-#briar_nav a.current {color:#87C214;}
-
-#briar_menu_toggle {display:none;}
-
-#briar_signup_2 {display:none;}
-
-#briar_signup_form {
-    height:30px;
-    padding-bottom:10px;
-    float:right;
-    text-align:right;
-}
-
-#briar_signup_form_2 {
-    height:auto;
-    padding-bottom:0;
-    float:left;
-    width:80%;
-    font-size:1.5em;
-    padding-top:10px;
-    padding-left:0;
-}
-
-#briar_signup_conf {
-    display:none;
-    float:right;
-    text-align:right;
-    color:#fff;
-    font-size:0.9em;
-    font-weight:bold;
-    padding-top:5px;
-    padding-bottom:15px;
-}
-
-#briar_signup_conf_2 {
-    display:none;
-    float:left;
-    color:#fff;
-    font-size:1.2em;
-    font-weight:bold;
-    padding-top:10px;
-    padding-left:15px;
-}
-
-#briar_signup_form input, textarea {
-    display:inline;
-    margin-right:10px;
-    width:10em;
-    font-size:0.7em;
-    background-color:#E2E1E1;
-    color:#565555;
-    padding:3px 5px;
-    border:0;
-}
-
-#briar_signup_form_2 input, textarea {
-    display:inline;
-    margin-right:10px;
-    width:10em;
-    font-size:0.7em;
-    background-color:#E2E1E1;
-    color:#565555;
-    padding:3px 5px;
-    border:0;
-}
-
-#briar_signup_form button {
-    width:auto;
-    background-color:#C1392B;
-    color:#fff;
-    border:0;
-    -webkit-border-radius:5px;
-    -moz-border-radius:5px;
-    border-radius:5px;
-    text-transform:uppercase;
-    font-size:0.6em;
-    font-weight:normal;
-    padding:4px 7px;
-}
-
-#briar_signup_form_2 button {
-    width:auto;
-    background-color:#C1392B;
-    color:#fff;
-    border:0;
-    -webkit-border-radius:5px;
-    -moz-border-radius:5px;
-    border-radius:5px;
-    text-transform:uppercase;
-    font-size:0.6em;
-    font-weight:normal;
-    padding:4px 7px;
-}
-
-#briar_container {
-    margin:0 auto;
-    padding:175px 0 3em 0;
-    width:700px;
-    background:#fff;
-    height:auto;
-}
-
-#briar_content {
-    margin:20px 0 0 0;
-    font-size:0.9em;
-    line-height:1.4em;
-}
-
-#briar_content ul {}
-
-#briar_content li {margin:0 0 10px 0;}
-
-#briar_content h1 {
-    margin:23px 20px 0 0;
-    font-size:3.5em;
-    line-height:1.1em;
-    font-weight:normal;
-}
-
-#briar_content h2 {
-    margin:23px 20px 0 0;
-    font-size:2.5em;
-    line-height:1.1em;
-    font-weight:normal;
-}
-
-#briar_content h3 {
-    margin:20px 20px 0 0;
-    font-size:2em;
-    line-height:1.1em;
-    font-weight:normal;
-}
-
-#briar_content h4 {
-    margin:20px 20px 0 0;
-    font-size:1.5em;
-    line-height:1.1em;
-    font-weight:normal;
-}
-
-#briar_content h5 {
-    margin:20px 20px 0 0;
-    font-size:1em;
-    line-height:1.1em;
-    font-weight:normal;
-}
-
-#briar_content h6 {
-    margin:20px 20px 0 0;
-    font-size:1em;
-    line-height:1.1em;
-    font-weight:normal;
-}
-
-#briar_content p {margin:20px 20px 20px 0;}
-
-#briar_content a:link {
-    text-decoration:none;
-    color:#87C214;
-    font-weight:bold;
-}
-
-#briar_content a:visited {
-    text-decoration:none;
-    color:#87C214;
-    font-weight:bold;
-}
-
-#briar_content a:hover {
-    text-decoration:none;
-    color:#C1392B;
-    font-weight:bold;
-}
-
-#briar_content a:active {
-    text-decoration:none;
-    color:#87C214;
-    font-weight:bold;
-}
-
-.full {
-    width:100%;
-    float:left;
-    padding-bottom:40px;
-}
-
-#briar_footer_container {
-    background-color:#87C214;
-    color:#fff;
-    bottom:0;
-    height:2em;
-    left:0;
-    position:static;
-    width:100%;
-    clear:both;
-}
-
-#briar_footer {
-    line-height:30px;
-    margin:0 auto;
-    width:100%;
-    text-align:center;
-    font-size:0.7em;
-    font-weight:bold;
-    float:left;
-}
-
-#briar_footer ul {
-    width:700px;
-    display:block;
-    list-style-type:none;
-    font-size:0.9em;
-    padding:0 0 0 0;
-    margin:0 auto;
-    text-align:left;
-}
-
-#briar_footer li {
-    list-style-type:none;
-    display:inline;
-    padding:0 10px 0 0;
-    margin:0;
-    font-weight:normal;
-}
-
-#briar_footer a:link {
-    text-decoration:none;
-    color:#fff;
-}
-
-#briar_footer a:visited {
-    text-decoration:none;
-    color:#fff;
-}
-
-#briar_footer a:hover {
-    text-decoration:none;
-    color:#fff;
-}
-
-#briar_footer a:active {
-    text-decoration:none;
-    color:#fff;
-}
-
-
-#briar_header_container {
-    *height:180px;
-}
-
-#briar_logo {
-    *padding:0;
-    *margin:0;
-    *height:147px;
-    *background-image:url('../img/briar_logo_circle.gif');
-    *background-position:0 0;
-    *background-repeat:no-repeat;
-}
-
-.briar_logo {
-    *display:none;
-}
-
-#briar_nav {
-    *margin-top:40px;
-}
-
-#briar_container {
-    *padding-top:0;
-}
-
-#briar_signup_form button {
-    *padding:4px 2px 3px 2px;
-    *font-size:0.6em;
-    *font-weight:bold;
-    *line-height:1.3em;
-}
-
-@media only screen and (max-width: 48em) {
-    #briar_wrapper {margin-bottom:-5em;}
-
-    #briar_content {
-        margin-left:0;
-        margin-right:0;
-    }
-
-    #briar_content figure img {width:100%;}
-
-    #briar_container {
-        width:90%;
-        padding-top:70px;
-        padding-bottom:5em;
-    }
-
-    #briar_content h1 {
-        font-size:2em;
-        margin-top:15px;
-    }
-
-    #briar_content h2 {
-        font-size:2em;
-        margin-top:15px;
-    }
-
-    .briar_logo {display:none;}
-
-    #briar_header {
-        height:auto;
-        margin:0;
-        width:100%;
-        float:left;
-        padding:0;
-    }
-
-    #briar_logo {
-        padding:0;
-        margin:0;
-        float:left;
-        width:50%;
-        height:71px;
-        background-size:129px 51px;
-        -webkit-background-size:129px 51px;
-        -moz-background-size:129px 51px;
-        -o-background-size:129px 51px;
-        background-image:url('../img/briar_logo_sm.png');
-        background-position:1em 10px;
-        background-repeat: no-repeat;
-    }
-
-    #briar_header_container {
-        height:auto;
-        position:static;
-        float:left;
-        margin:0;
-    }
-
-    #briar_nav {
-        float:left;
-        width:50%;
-        margin:0;
-    }
-
-    #briar_nav a {
-        width:100%;
-        height:3em;
-        display:block;
-    }
-
-    #briar_nav label {
-        display:block;
-        float:right;
-        margin:0 1em 0 0;
-        line-height:71px;
-    }
-
-    label {cursor:pointer;}
-
-    #briar_nav ul {display:none;}
-
-    #briar_menu_toggle {display:none;}
-
-    #briar_menu {display:none;}
-
-    #briar_menu_toggle:checked + #briar_menu {display:block;}
-
-    #briar_menu li {
-        background:#2D3E50;
-        border-top:1px solid #34495e;
-        border-bottom:1px solid #273646;
-        margin-left:-100%;
-	    display:block;
-        font-size:0.9em;
-        line-height:3em;
-        text-align:left;
-        padding:2px 0 0 30px;
-	}
-
-    #briar_footer_container {height:5em;}
-
-    #briar_footer ul {
-        width:auto;
-        clear:both;
-        margin:10px 10px 10px 15px;
-    }
-
-    #briar_footer {text-align:left;}
-
-    #briar_footer form {
-        margin:10px 10px 0 15px;
-        padding:0;
-    }
-
-    #briar_signup_2 {
-        width:100%;
-        display:inline;
-    }
-
-    #briar_signup {display:none;}
-}
diff --git a/layout/mixu-radar-briar/assets/img b/layout/mixu-radar-briar/assets/img
deleted file mode 120000
index 841b520697db751eef89f0089f0708b1d585d111..0000000000000000000000000000000000000000
--- a/layout/mixu-radar-briar/assets/img
+++ /dev/null
@@ -1 +0,0 @@
-../../../content/assets/img
\ No newline at end of file
diff --git a/layout/mixu-radar-briar/page.html b/layout/mixu-radar-briar/page.html
deleted file mode 100644
index 694f092d8a497b51e2068679f4f6ad70065bb784..0000000000000000000000000000000000000000
--- a/layout/mixu-radar-briar/page.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>{{title}}</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <link rel="stylesheet" href="{{asset 'css/style.css'}}" />
-    <link rel="stylesheet" href="{{asset 'css/pilcrow.css'}}" />
-    <link type="text/css" rel="stylesheet" href="{{asset 'css/hljs-github.min.css'}}"/>
-  </head>
-<body>
-  <div id="toc">
-    <div id="toc-inner">
-      {{~> toc}}
-    </div>
-  </div>
-
-  <div id="wrapper">
-    <div id="header">
-    </div>
-
-    <div class="clear"></div>
-    <div id="main">
-      <div id="content" class="post">
-      {{~> content}}
-      </div>
-    </div>
-
-    <div class="clear">
-    </div>
-  </div>
-</body>
-</html>
diff --git a/content/assets/img/add-contact-1.png b/static/img/add-contact-1.png
similarity index 100%
rename from content/assets/img/add-contact-1.png
rename to static/img/add-contact-1.png
diff --git a/content/assets/img/add-contact-2.png b/static/img/add-contact-2.png
similarity index 100%
rename from content/assets/img/add-contact-2.png
rename to static/img/add-contact-2.png
diff --git a/content/assets/img/add-contact-options-cropped.png b/static/img/add-contact-options-cropped.png
similarity index 100%
rename from content/assets/img/add-contact-options-cropped.png
rename to static/img/add-contact-options-cropped.png
diff --git a/content/assets/img/add-contact-options.png b/static/img/add-contact-options.png
similarity index 100%
rename from content/assets/img/add-contact-options.png
rename to static/img/add-contact-options.png
diff --git a/content/assets/img/add-contact-pending-cropped.png b/static/img/add-contact-pending-cropped.png
similarity index 100%
rename from content/assets/img/add-contact-pending-cropped.png
rename to static/img/add-contact-pending-cropped.png
diff --git a/content/assets/img/add-contact-pending.png b/static/img/add-contact-pending.png
similarity index 100%
rename from content/assets/img/add-contact-pending.png
rename to static/img/add-contact-pending.png
diff --git a/content/assets/img/add-contact-remotely.png b/static/img/add-contact-remotely.png
similarity index 100%
rename from content/assets/img/add-contact-remotely.png
rename to static/img/add-contact-remotely.png
diff --git a/content/assets/img/contact-list-with-contact-cropped.png b/static/img/contact-list-with-contact-cropped.png
similarity index 100%
rename from content/assets/img/contact-list-with-contact-cropped.png
rename to static/img/contact-list-with-contact-cropped.png
diff --git a/content/assets/img/contact-list-with-contact.png b/static/img/contact-list-with-contact.png
similarity index 100%
rename from content/assets/img/contact-list-with-contact.png
rename to static/img/contact-list-with-contact.png
diff --git a/content/assets/img/create-account.png b/static/img/create-account.png
similarity index 100%
rename from content/assets/img/create-account.png
rename to static/img/create-account.png
diff --git a/content/assets/img/create-forum-1-cropped.png b/static/img/create-forum-1-cropped.png
similarity index 100%
rename from content/assets/img/create-forum-1-cropped.png
rename to static/img/create-forum-1-cropped.png
diff --git a/content/assets/img/create-forum-1.png b/static/img/create-forum-1.png
similarity index 100%
rename from content/assets/img/create-forum-1.png
rename to static/img/create-forum-1.png
diff --git a/content/assets/img/create-forum-2-cropped.png b/static/img/create-forum-2-cropped.png
similarity index 100%
rename from content/assets/img/create-forum-2-cropped.png
rename to static/img/create-forum-2-cropped.png
diff --git a/content/assets/img/create-forum-2.png b/static/img/create-forum-2.png
similarity index 100%
rename from content/assets/img/create-forum-2.png
rename to static/img/create-forum-2.png
diff --git a/content/assets/img/create-private-group-1-cropped.png b/static/img/create-private-group-1-cropped.png
similarity index 100%
rename from content/assets/img/create-private-group-1-cropped.png
rename to static/img/create-private-group-1-cropped.png
diff --git a/content/assets/img/create-private-group-1.png b/static/img/create-private-group-1.png
similarity index 100%
rename from content/assets/img/create-private-group-1.png
rename to static/img/create-private-group-1.png
diff --git a/content/assets/img/create-private-group-2-cropped.png b/static/img/create-private-group-2-cropped.png
similarity index 100%
rename from content/assets/img/create-private-group-2-cropped.png
rename to static/img/create-private-group-2-cropped.png
diff --git a/content/assets/img/create-private-group-2.png b/static/img/create-private-group-2.png
similarity index 100%
rename from content/assets/img/create-private-group-2.png
rename to static/img/create-private-group-2.png
diff --git a/content/assets/img/create-private-group-3-cropped.png b/static/img/create-private-group-3-cropped.png
similarity index 100%
rename from content/assets/img/create-private-group-3-cropped.png
rename to static/img/create-private-group-3-cropped.png
diff --git a/content/assets/img/create-private-group-3.png b/static/img/create-private-group-3.png
similarity index 100%
rename from content/assets/img/create-private-group-3.png
rename to static/img/create-private-group-3.png
diff --git a/content/assets/img/create-private-group-4-cropped.png b/static/img/create-private-group-4-cropped.png
similarity index 100%
rename from content/assets/img/create-private-group-4-cropped.png
rename to static/img/create-private-group-4-cropped.png
diff --git a/content/assets/img/create-private-group-4.png b/static/img/create-private-group-4.png
similarity index 100%
rename from content/assets/img/create-private-group-4.png
rename to static/img/create-private-group-4.png
diff --git a/content/assets/img/create-private-group-5-cropped.png b/static/img/create-private-group-5-cropped.png
similarity index 100%
rename from content/assets/img/create-private-group-5-cropped.png
rename to static/img/create-private-group-5-cropped.png
diff --git a/content/assets/img/create-private-group-5.png b/static/img/create-private-group-5.png
similarity index 100%
rename from content/assets/img/create-private-group-5.png
rename to static/img/create-private-group-5.png
diff --git a/content/assets/img/delete-contact-cropped.png b/static/img/delete-contact-cropped.png
similarity index 100%
rename from content/assets/img/delete-contact-cropped.png
rename to static/img/delete-contact-cropped.png
diff --git a/content/assets/img/forum-1.png b/static/img/forum-1.png
similarity index 100%
rename from content/assets/img/forum-1.png
rename to static/img/forum-1.png
diff --git a/content/assets/img/import-rss-feed-1-cropped.png b/static/img/import-rss-feed-1-cropped.png
similarity index 100%
rename from content/assets/img/import-rss-feed-1-cropped.png
rename to static/img/import-rss-feed-1-cropped.png
diff --git a/content/assets/img/import-rss-feed-1.png b/static/img/import-rss-feed-1.png
similarity index 100%
rename from content/assets/img/import-rss-feed-1.png
rename to static/img/import-rss-feed-1.png
diff --git a/content/assets/img/import-rss-feed-2-cropped.png b/static/img/import-rss-feed-2-cropped.png
similarity index 100%
rename from content/assets/img/import-rss-feed-2-cropped.png
rename to static/img/import-rss-feed-2-cropped.png
diff --git a/content/assets/img/import-rss-feed-2.png b/static/img/import-rss-feed-2.png
similarity index 100%
rename from content/assets/img/import-rss-feed-2.png
rename to static/img/import-rss-feed-2.png
diff --git a/content/assets/img/import-rss-feed-3-cropped.png b/static/img/import-rss-feed-3-cropped.png
similarity index 100%
rename from content/assets/img/import-rss-feed-3-cropped.png
rename to static/img/import-rss-feed-3-cropped.png
diff --git a/content/assets/img/import-rss-feed-3.png b/static/img/import-rss-feed-3.png
similarity index 100%
rename from content/assets/img/import-rss-feed-3.png
rename to static/img/import-rss-feed-3.png
diff --git a/content/assets/img/introduction-1-cropped.png b/static/img/introduction-1-cropped.png
similarity index 100%
rename from content/assets/img/introduction-1-cropped.png
rename to static/img/introduction-1-cropped.png
diff --git a/content/assets/img/introduction-1.png b/static/img/introduction-1.png
similarity index 100%
rename from content/assets/img/introduction-1.png
rename to static/img/introduction-1.png
diff --git a/content/assets/img/introduction-2-cropped.png b/static/img/introduction-2-cropped.png
similarity index 100%
rename from content/assets/img/introduction-2-cropped.png
rename to static/img/introduction-2-cropped.png
diff --git a/content/assets/img/introduction-2.png b/static/img/introduction-2.png
similarity index 100%
rename from content/assets/img/introduction-2.png
rename to static/img/introduction-2.png
diff --git a/content/assets/img/introduction-3-cropped.png b/static/img/introduction-3-cropped.png
similarity index 100%
rename from content/assets/img/introduction-3-cropped.png
rename to static/img/introduction-3-cropped.png
diff --git a/content/assets/img/introduction-3.png b/static/img/introduction-3.png
similarity index 100%
rename from content/assets/img/introduction-3.png
rename to static/img/introduction-3.png
diff --git a/content/assets/img/introduction-4.png b/static/img/introduction-4.png
similarity index 100%
rename from content/assets/img/introduction-4.png
rename to static/img/introduction-4.png
diff --git a/content/assets/img/introduction-5-cropped.png b/static/img/introduction-5-cropped.png
similarity index 100%
rename from content/assets/img/introduction-5-cropped.png
rename to static/img/introduction-5-cropped.png
diff --git a/content/assets/img/introduction-5.png b/static/img/introduction-5.png
similarity index 100%
rename from content/assets/img/introduction-5.png
rename to static/img/introduction-5.png
diff --git a/content/assets/img/introduction-6-cropped.png b/static/img/introduction-6-cropped.png
similarity index 100%
rename from content/assets/img/introduction-6-cropped.png
rename to static/img/introduction-6-cropped.png
diff --git a/content/assets/img/introduction-6.png b/static/img/introduction-6.png
similarity index 100%
rename from content/assets/img/introduction-6.png
rename to static/img/introduction-6.png
diff --git a/content/assets/img/manage-rss-feeds-1-cropped.png b/static/img/manage-rss-feeds-1-cropped.png
similarity index 100%
rename from content/assets/img/manage-rss-feeds-1-cropped.png
rename to static/img/manage-rss-feeds-1-cropped.png
diff --git a/content/assets/img/manage-rss-feeds-2-cropped.png b/static/img/manage-rss-feeds-2-cropped.png
similarity index 100%
rename from content/assets/img/manage-rss-feeds-2-cropped.png
rename to static/img/manage-rss-feeds-2-cropped.png
diff --git a/content/assets/img/manage-rss-feeds-2.png b/static/img/manage-rss-feeds-2.png
similarity index 100%
rename from content/assets/img/manage-rss-feeds-2.png
rename to static/img/manage-rss-feeds-2.png
diff --git a/content/assets/img/manual_app_lock-cropped.png b/static/img/manual_app_lock-cropped.png
similarity index 100%
rename from content/assets/img/manual_app_lock-cropped.png
rename to static/img/manual_app_lock-cropped.png
diff --git a/content/assets/img/manual_app_lock.png b/static/img/manual_app_lock.png
similarity index 100%
rename from content/assets/img/manual_app_lock.png
rename to static/img/manual_app_lock.png
diff --git a/content/assets/img/manual_app_lock_keyguard.png b/static/img/manual_app_lock_keyguard.png
similarity index 100%
rename from content/assets/img/manual_app_lock_keyguard.png
rename to static/img/manual_app_lock_keyguard.png
diff --git a/content/assets/img/manual_app_lock_nav_drawer-cropped.png b/static/img/manual_app_lock_nav_drawer-cropped.png
similarity index 100%
rename from content/assets/img/manual_app_lock_nav_drawer-cropped.png
rename to static/img/manual_app_lock_nav_drawer-cropped.png
diff --git a/content/assets/img/manual_app_lock_nav_drawer.png b/static/img/manual_app_lock_nav_drawer.png
similarity index 100%
rename from content/assets/img/manual_app_lock_nav_drawer.png
rename to static/img/manual_app_lock_nav_drawer.png
diff --git a/content/assets/img/manual_dark_theme_nav_drawer-cropped.png b/static/img/manual_dark_theme_nav_drawer-cropped.png
similarity index 100%
rename from content/assets/img/manual_dark_theme_nav_drawer-cropped.png
rename to static/img/manual_dark_theme_nav_drawer-cropped.png
diff --git a/content/assets/img/manual_dark_theme_nav_drawer.png b/static/img/manual_dark_theme_nav_drawer.png
similarity index 100%
rename from content/assets/img/manual_dark_theme_nav_drawer.png
rename to static/img/manual_dark_theme_nav_drawer.png
diff --git a/content/assets/img/manual_dark_theme_settings-cropped.png b/static/img/manual_dark_theme_settings-cropped.png
similarity index 100%
rename from content/assets/img/manual_dark_theme_settings-cropped.png
rename to static/img/manual_dark_theme_settings-cropped.png
diff --git a/content/assets/img/manual_dark_theme_settings.png b/static/img/manual_dark_theme_settings.png
similarity index 100%
rename from content/assets/img/manual_dark_theme_settings.png
rename to static/img/manual_dark_theme_settings.png
diff --git a/content/assets/img/manual_messaging-cropped.png b/static/img/manual_messaging-cropped.png
similarity index 100%
rename from content/assets/img/manual_messaging-cropped.png
rename to static/img/manual_messaging-cropped.png
diff --git a/content/assets/img/manual_messaging.png b/static/img/manual_messaging.png
similarity index 100%
rename from content/assets/img/manual_messaging.png
rename to static/img/manual_messaging.png
diff --git a/content/assets/img/manual_tor_settings-cropped.png b/static/img/manual_tor_settings-cropped.png
similarity index 100%
rename from content/assets/img/manual_tor_settings-cropped.png
rename to static/img/manual_tor_settings-cropped.png
diff --git a/content/assets/img/manual_tor_settings.png b/static/img/manual_tor_settings.png
similarity index 100%
rename from content/assets/img/manual_tor_settings.png
rename to static/img/manual_tor_settings.png
diff --git a/content/assets/img/nav-drawer-blogs.png b/static/img/nav-drawer-blogs.png
similarity index 100%
rename from content/assets/img/nav-drawer-blogs.png
rename to static/img/nav-drawer-blogs.png
diff --git a/content/assets/img/nav-drawer-forums.png b/static/img/nav-drawer-forums.png
similarity index 100%
rename from content/assets/img/nav-drawer-forums.png
rename to static/img/nav-drawer-forums.png
diff --git a/content/assets/img/nav-drawer-private-groups.png b/static/img/nav-drawer-private-groups.png
similarity index 100%
rename from content/assets/img/nav-drawer-private-groups.png
rename to static/img/nav-drawer-private-groups.png
diff --git a/content/assets/img/private-group-1.png b/static/img/private-group-1.png
similarity index 100%
rename from content/assets/img/private-group-1.png
rename to static/img/private-group-1.png
diff --git a/content/assets/img/private-group-2.png b/static/img/private-group-2.png
similarity index 100%
rename from content/assets/img/private-group-2.png
rename to static/img/private-group-2.png
diff --git a/content/assets/img/reblog-1-cropped.png b/static/img/reblog-1-cropped.png
similarity index 100%
rename from content/assets/img/reblog-1-cropped.png
rename to static/img/reblog-1-cropped.png
diff --git a/content/assets/img/reblog-1.png b/static/img/reblog-1.png
similarity index 100%
rename from content/assets/img/reblog-1.png
rename to static/img/reblog-1.png
diff --git a/content/assets/img/reblog-2-cropped.png b/static/img/reblog-2-cropped.png
similarity index 100%
rename from content/assets/img/reblog-2-cropped.png
rename to static/img/reblog-2-cropped.png
diff --git a/content/assets/img/reblog-2.png b/static/img/reblog-2.png
similarity index 100%
rename from content/assets/img/reblog-2.png
rename to static/img/reblog-2.png
diff --git a/content/assets/img/reblog-3-cropped.png b/static/img/reblog-3-cropped.png
similarity index 100%
rename from content/assets/img/reblog-3-cropped.png
rename to static/img/reblog-3-cropped.png
diff --git a/content/assets/img/reblog-3.png b/static/img/reblog-3.png
similarity index 100%
rename from content/assets/img/reblog-3.png
rename to static/img/reblog-3.png
diff --git a/content/assets/img/screen-filter.png b/static/img/screen-filter.png
similarity index 100%
rename from content/assets/img/screen-filter.png
rename to static/img/screen-filter.png
diff --git a/content/assets/img/share-blog-1.png b/static/img/share-blog-1.png
similarity index 100%
rename from content/assets/img/share-blog-1.png
rename to static/img/share-blog-1.png
diff --git a/content/assets/img/share-forum-1-cropped.png b/static/img/share-forum-1-cropped.png
similarity index 100%
rename from content/assets/img/share-forum-1-cropped.png
rename to static/img/share-forum-1-cropped.png
diff --git a/content/assets/img/share-forum-1.png b/static/img/share-forum-1.png
similarity index 100%
rename from content/assets/img/share-forum-1.png
rename to static/img/share-forum-1.png
diff --git a/content/assets/img/share-forum-2-cropped.png b/static/img/share-forum-2-cropped.png
similarity index 100%
rename from content/assets/img/share-forum-2-cropped.png
rename to static/img/share-forum-2-cropped.png
diff --git a/content/assets/img/share-forum-2.png b/static/img/share-forum-2.png
similarity index 100%
rename from content/assets/img/share-forum-2.png
rename to static/img/share-forum-2.png
diff --git a/content/assets/img/share-forum-3-cropped.png b/static/img/share-forum-3-cropped.png
similarity index 100%
rename from content/assets/img/share-forum-3-cropped.png
rename to static/img/share-forum-3-cropped.png
diff --git a/content/assets/img/share-forum-3.png b/static/img/share-forum-3.png
similarity index 100%
rename from content/assets/img/share-forum-3.png
rename to static/img/share-forum-3.png
diff --git a/content/assets/img/write-blog-post-1-cropped.png b/static/img/write-blog-post-1-cropped.png
similarity index 100%
rename from content/assets/img/write-blog-post-1-cropped.png
rename to static/img/write-blog-post-1-cropped.png
diff --git a/content/assets/img/write-blog-post-1.png b/static/img/write-blog-post-1.png
similarity index 100%
rename from content/assets/img/write-blog-post-1.png
rename to static/img/write-blog-post-1.png
diff --git a/content/assets/img/write-blog-post-2-cropped.png b/static/img/write-blog-post-2-cropped.png
similarity index 100%
rename from content/assets/img/write-blog-post-2-cropped.png
rename to static/img/write-blog-post-2-cropped.png
diff --git a/content/assets/img/write-blog-post-2.png b/static/img/write-blog-post-2.png
similarity index 100%
rename from content/assets/img/write-blog-post-2.png
rename to static/img/write-blog-post-2.png
diff --git a/content/assets/img/write-blog-post-3-cropped.png b/static/img/write-blog-post-3-cropped.png
similarity index 100%
rename from content/assets/img/write-blog-post-3-cropped.png
rename to static/img/write-blog-post-3-cropped.png
diff --git a/content/assets/img/write-blog-post-3.png b/static/img/write-blog-post-3.png
similarity index 100%
rename from content/assets/img/write-blog-post-3.png
rename to static/img/write-blog-post-3.png
diff --git a/themes/briar-manual/layouts/404.html b/themes/briar-manual/layouts/404.html
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/themes/briar-manual/layouts/_default/baseof.html b/themes/briar-manual/layouts/_default/baseof.html
new file mode 100644
index 0000000000000000000000000000000000000000..9f7978772cd3ff59c31d96903e313364052fcffb
--- /dev/null
+++ b/themes/briar-manual/layouts/_default/baseof.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    {{- partial "head.html" . -}}
+    <body>
+        {{- partial "header.html" . -}}
+        <div id="content" class="post">
+        {{- block "main" . }}{{- end }}
+        </div>
+        {{- partial "footer.html" . -}}
+    </body>
+</html>
diff --git a/themes/briar-manual/layouts/_default/list.html b/themes/briar-manual/layouts/_default/list.html
new file mode 100644
index 0000000000000000000000000000000000000000..70bba5e856216a2789030f3a3cf32176b507fb6c
--- /dev/null
+++ b/themes/briar-manual/layouts/_default/list.html
@@ -0,0 +1,4 @@
+{{ define "main" }}
+<h1>{{ with .Title }} {{ . }} {{ else }} {{ .Site.Title }} {{ end }}</h1>
+{{ .Content }}
+{{ end }}
diff --git a/themes/briar-manual/layouts/_default/single.html b/themes/briar-manual/layouts/_default/single.html
new file mode 100644
index 0000000000000000000000000000000000000000..ed057a4def82e502279e1ec963a890e76afd8919
--- /dev/null
+++ b/themes/briar-manual/layouts/_default/single.html
@@ -0,0 +1,4 @@
+{{ define "main" }}
+<h1>{{ .Title }}</h1>
+{{ .Content }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/briar-manual/layouts/partials/footer.html b/themes/briar-manual/layouts/partials/footer.html
new file mode 100644
index 0000000000000000000000000000000000000000..103627e9c84cfd2b4395bc2766140ec3d5852a80
--- /dev/null
+++ b/themes/briar-manual/layouts/partials/footer.html
@@ -0,0 +1,5 @@
+</div>
+
+<div class="clear">
+</div>
+</div>
\ No newline at end of file
diff --git a/themes/briar-manual/layouts/partials/head.html b/themes/briar-manual/layouts/partials/head.html
new file mode 100644
index 0000000000000000000000000000000000000000..88389bc7137aaa65ab09845bcde8ea927f5ca10e
--- /dev/null
+++ b/themes/briar-manual/layouts/partials/head.html
@@ -0,0 +1,8 @@
+<head>
+    <title>{{ block "title" . }}{{ with .Params.Title }}{{ . }} | {{ end }}{{ .Site.Title }}{{ end	}}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <link type="text/css" rel="stylesheet" href='{{ "css/style.css" }}'/>
+    <link type="text/css" rel="stylesheet" href='{{ "css/pilcrow.css" }}'/>
+    <link type="text/css" rel="stylesheet" href='{{ "css/hljs-github.min.css" }}'/>
+</head>
\ No newline at end of file
diff --git a/themes/briar-manual/layouts/partials/header.html b/themes/briar-manual/layouts/partials/header.html
new file mode 100644
index 0000000000000000000000000000000000000000..deefa758c4d8867fb4bf38b53f1a229a42d9ebbf
--- /dev/null
+++ b/themes/briar-manual/layouts/partials/header.html
@@ -0,0 +1,12 @@
+<div id="toc">
+    <div id="toc-inner">
+        {{ .TableOfContents }}
+    </div>
+</div>
+
+<div id="wrapper">
+    <div id="header">
+    </div>
+
+    <div class="clear"></div>
+    <div id="main">
\ No newline at end of file
diff --git a/layout/mixu-radar-briar/assets/css/hljs-github.min.css b/themes/briar-manual/static/css/hljs-github.min.css
similarity index 100%
rename from layout/mixu-radar-briar/assets/css/hljs-github.min.css
rename to themes/briar-manual/static/css/hljs-github.min.css
diff --git a/layout/mixu-radar-briar/assets/css/pilcrow.css b/themes/briar-manual/static/css/pilcrow.css
similarity index 100%
rename from layout/mixu-radar-briar/assets/css/pilcrow.css
rename to themes/briar-manual/static/css/pilcrow.css
diff --git a/layout/mixu-radar-briar/assets/css/style.css b/themes/briar-manual/static/css/style.css
similarity index 95%
rename from layout/mixu-radar-briar/assets/css/style.css
rename to themes/briar-manual/static/css/style.css
index dd606e560c1098c244bc3d9200054a2d551c9f96..968071fe1eeef72f0f0e6fc368e97169f604576b 100644
--- a/layout/mixu-radar-briar/assets/css/style.css
+++ b/themes/briar-manual/static/css/style.css
@@ -302,7 +302,7 @@ footer {
   vertical-align: middle;
 }
 
-.nav-list {
+.nav-list, #TableOfContents ul {
   height: 50%;
   padding-left: 1em;
   margin: auto 0;
@@ -317,11 +317,11 @@ div.clear {
 }
 
 h1 { font-size: 2.5em; line-height: 1; }
-h2 { font-size: 2em;   line-height: 1; }
-h3 { font-size: 1.5em; line-height: 1; }
-h4 { font-size: 1.2em; line-height: 1.25; }
+h1:not(:first-child) { font-size: 2em;   line-height: 1; }
+h2 { font-size: 1.5em; line-height: 1; }
+h3 { font-size: 1.2em; line-height: 1.25; }
+h4 { font-size: 1em;   line-height: 1; font-weight: bold; }
 h5 { font-size: 1em;   line-height: 1; font-weight: bold; }
-h6 { font-size: 1em;   line-height: 1; font-weight: bold; }
 
 h1, h2, h3, h4, h5, h6 { font-weight: normal; margin-top: 1em; margin-bottom: 0.5em; }
 h1, h2 { margin-bottom: 0.5em; }
diff --git a/themes/briar-manual/theme.toml b/themes/briar-manual/theme.toml
new file mode 100644
index 0000000000000000000000000000000000000000..c965fd6c55973442d44f7749cc3f2fc79f3a66ea
--- /dev/null
+++ b/themes/briar-manual/theme.toml
@@ -0,0 +1,11 @@
+name = "Briar Manual"
+license = "BSD-3-Clause"
+licenselink = "https://spdx.org/licenses/BSD-3-Clause.html"
+description = "Based on the mixu-radar theme."
+min_version = "0.41"
+
+[original]
+  name = "mixu-radar"
+  homepage = "https://github.com/mixu/markdown-styles#mixu-radar"
+  licenselink = "https://spdx.org/licenses/BSD-3-Clause.html"
+  repo = "https://github.com/mixu/markdown-styles"