diff --git a/content/assets/img/add-contact-1.png b/content/assets/img/add-contact-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..b83771eb8114a8a7930002f58a375549d35a7c90
Binary files /dev/null and b/content/assets/img/add-contact-1.png differ
diff --git a/content/assets/img/add-contact-2.png b/content/assets/img/add-contact-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..97f757fa26b11d3e5aea31baaead7c167a8b44d9
Binary files /dev/null and b/content/assets/img/add-contact-2.png differ
diff --git a/content/assets/img/briar_logo_large.png b/content/assets/img/briar_logo_large.png
new file mode 100644
index 0000000000000000000000000000000000000000..80a45db3d49951178738326d671652a3bae4fb3a
Binary files /dev/null and b/content/assets/img/briar_logo_large.png differ
diff --git a/content/assets/img/briar_logo_sm.png b/content/assets/img/briar_logo_sm.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd16f3870b7896d24488a6d592256ee8b654c94c
Binary files /dev/null and b/content/assets/img/briar_logo_sm.png differ
diff --git a/content/assets/img/contact-list-cropped.png b/content/assets/img/contact-list-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..a5df259c4f832e2c7ea7e69d269560f675bda13d
Binary files /dev/null and b/content/assets/img/contact-list-cropped.png differ
diff --git a/content/assets/img/contact-list-with-contact-cropped.png b/content/assets/img/contact-list-with-contact-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..e5979622ac1ff00c6638bc876b8795f3c07093f0
Binary files /dev/null and b/content/assets/img/contact-list-with-contact-cropped.png differ
diff --git a/content/assets/img/contact-list-with-contact.png b/content/assets/img/contact-list-with-contact.png
new file mode 100644
index 0000000000000000000000000000000000000000..edeb819a6773a794d7e51b923a896c2e961c3351
Binary files /dev/null and b/content/assets/img/contact-list-with-contact.png differ
diff --git a/content/assets/img/contact-list.png b/content/assets/img/contact-list.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2a430eb510ddcdd070be32d8bee170bccdead6c
Binary files /dev/null and b/content/assets/img/contact-list.png differ
diff --git a/content/assets/img/conversation-cropped.png b/content/assets/img/conversation-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..e2f69af5aa1a5785af833e22bd35ca5fb6128948
Binary files /dev/null and b/content/assets/img/conversation-cropped.png differ
diff --git a/content/assets/img/conversation.png b/content/assets/img/conversation.png
new file mode 100644
index 0000000000000000000000000000000000000000..b47e168d93beaf3a6cc11b07d63e207196537c83
Binary files /dev/null and b/content/assets/img/conversation.png differ
diff --git a/content/assets/img/create-account.png b/content/assets/img/create-account.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b99f26d6bf30121a410674e834a41186227322f
Binary files /dev/null and b/content/assets/img/create-account.png differ
diff --git a/content/assets/img/create-forum-1-cropped.png b/content/assets/img/create-forum-1-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..44deb235af986f98728f84656a4f031f00a23310
Binary files /dev/null and b/content/assets/img/create-forum-1-cropped.png differ
diff --git a/content/assets/img/create-forum-1.png b/content/assets/img/create-forum-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..9985c868a6f08a8f64cfdd25f65d3daae09cbf5d
Binary files /dev/null and b/content/assets/img/create-forum-1.png differ
diff --git a/content/assets/img/create-forum-2-cropped.png b/content/assets/img/create-forum-2-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..6511affb0bc9b3fc9b5190a7ab5ac32684dbca25
Binary files /dev/null and b/content/assets/img/create-forum-2-cropped.png differ
diff --git a/content/assets/img/create-forum-2.png b/content/assets/img/create-forum-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..889eabce1f83c51905e1d884fb86ae49527de500
Binary files /dev/null and b/content/assets/img/create-forum-2.png differ
diff --git a/content/assets/img/create-private-group-1-cropped.png b/content/assets/img/create-private-group-1-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..ebe5e028140cc0d8a99c8c261bc70344eaa3a190
Binary files /dev/null and b/content/assets/img/create-private-group-1-cropped.png differ
diff --git a/content/assets/img/create-private-group-1.png b/content/assets/img/create-private-group-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..65655ea01b5ee83f78314fb9b70059afddfdf73c
Binary files /dev/null and b/content/assets/img/create-private-group-1.png differ
diff --git a/content/assets/img/create-private-group-2-cropped.png b/content/assets/img/create-private-group-2-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..21394e7b20f3d98b1a1db5c875223ea8537b7e23
Binary files /dev/null and b/content/assets/img/create-private-group-2-cropped.png differ
diff --git a/content/assets/img/create-private-group-2.png b/content/assets/img/create-private-group-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..370a5ece2b95c0e890a0587cb6c632ebd68c08e8
Binary files /dev/null and b/content/assets/img/create-private-group-2.png differ
diff --git a/content/assets/img/create-private-group-3-cropped.png b/content/assets/img/create-private-group-3-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa442a38a643e750a8ab045073033ee4356d6975
Binary files /dev/null and b/content/assets/img/create-private-group-3-cropped.png differ
diff --git a/content/assets/img/create-private-group-3.png b/content/assets/img/create-private-group-3.png
new file mode 100644
index 0000000000000000000000000000000000000000..d759b1fdd914de77c00d45928d6b31d5be90c47e
Binary files /dev/null and b/content/assets/img/create-private-group-3.png differ
diff --git a/content/assets/img/create-private-group-4-cropped.png b/content/assets/img/create-private-group-4-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..558d62ed0b023bab92524ff190e2abf2c957de84
Binary files /dev/null and b/content/assets/img/create-private-group-4-cropped.png differ
diff --git a/content/assets/img/create-private-group-4.png b/content/assets/img/create-private-group-4.png
new file mode 100644
index 0000000000000000000000000000000000000000..932b312e1a96eb40a0f14630710509a024332884
Binary files /dev/null and b/content/assets/img/create-private-group-4.png differ
diff --git a/content/assets/img/create-private-group-5-cropped.png b/content/assets/img/create-private-group-5-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..c5932591841bb991ac0f6de92e71e4e0110dd614
Binary files /dev/null and b/content/assets/img/create-private-group-5-cropped.png differ
diff --git a/content/assets/img/create-private-group-5.png b/content/assets/img/create-private-group-5.png
new file mode 100644
index 0000000000000000000000000000000000000000..dfa7d69e4c5a54c4c44298057b5914f1f5965913
Binary files /dev/null and b/content/assets/img/create-private-group-5.png differ
diff --git a/content/assets/img/delete-contact-cropped.png b/content/assets/img/delete-contact-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..917ef7f31111f7a4913722d0c174009463ad2b8c
Binary files /dev/null and b/content/assets/img/delete-contact-cropped.png differ
diff --git a/content/assets/img/forum-1.png b/content/assets/img/forum-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..d7e85009ba23be9dfe5385e044e98c9cca753d04
Binary files /dev/null and b/content/assets/img/forum-1.png differ
diff --git a/content/assets/img/import-rss-feed-1-cropped.png b/content/assets/img/import-rss-feed-1-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..9399a8947393aeb5b37290f8ef5e9e3b3071ef14
Binary files /dev/null and b/content/assets/img/import-rss-feed-1-cropped.png differ
diff --git a/content/assets/img/import-rss-feed-1.png b/content/assets/img/import-rss-feed-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae66c901f897fcd1f3be122f137424c2b735cec9
Binary files /dev/null and b/content/assets/img/import-rss-feed-1.png differ
diff --git a/content/assets/img/import-rss-feed-2-cropped.png b/content/assets/img/import-rss-feed-2-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..828b214139762b5c90687185646d059d6909b6f2
Binary files /dev/null and b/content/assets/img/import-rss-feed-2-cropped.png differ
diff --git a/content/assets/img/import-rss-feed-2.png b/content/assets/img/import-rss-feed-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..adc2244538dbb14f16dabdc44746ada235bd9f23
Binary files /dev/null and b/content/assets/img/import-rss-feed-2.png differ
diff --git a/content/assets/img/import-rss-feed-3-cropped.png b/content/assets/img/import-rss-feed-3-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..8035255c318b158c5fcb2588e41b93a82a64057e
Binary files /dev/null and b/content/assets/img/import-rss-feed-3-cropped.png differ
diff --git a/content/assets/img/import-rss-feed-3.png b/content/assets/img/import-rss-feed-3.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b7a60220247b391267e3ebc50d321989c568537
Binary files /dev/null and b/content/assets/img/import-rss-feed-3.png differ
diff --git a/content/assets/img/introduction-1-cropped.png b/content/assets/img/introduction-1-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..917ef7f31111f7a4913722d0c174009463ad2b8c
Binary files /dev/null and b/content/assets/img/introduction-1-cropped.png differ
diff --git a/content/assets/img/introduction-1.png b/content/assets/img/introduction-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..2bae8c276a202b99553bb4e25ef6749e34cf6701
Binary files /dev/null and b/content/assets/img/introduction-1.png differ
diff --git a/content/assets/img/introduction-2-cropped.png b/content/assets/img/introduction-2-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c7d6df3941fd8ed647ce3742de4e1d6b10dfecc
Binary files /dev/null and b/content/assets/img/introduction-2-cropped.png differ
diff --git a/content/assets/img/introduction-2.png b/content/assets/img/introduction-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..753a94b7067f6351ca4f4573958d282c2b81a3d5
Binary files /dev/null and b/content/assets/img/introduction-2.png differ
diff --git a/content/assets/img/introduction-3-cropped.png b/content/assets/img/introduction-3-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..0348aa6d9e2bdcca0622b1e9ec1a25c7d4237606
Binary files /dev/null and b/content/assets/img/introduction-3-cropped.png differ
diff --git a/content/assets/img/introduction-3.png b/content/assets/img/introduction-3.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c4fa21d7aa6bd75a48caa39de63dcb2af8b16f1
Binary files /dev/null and b/content/assets/img/introduction-3.png differ
diff --git a/content/assets/img/introduction-4.png b/content/assets/img/introduction-4.png
new file mode 100644
index 0000000000000000000000000000000000000000..475e956831bc5655247715276886727d80768a64
Binary files /dev/null and b/content/assets/img/introduction-4.png differ
diff --git a/content/assets/img/introduction-5-cropped.png b/content/assets/img/introduction-5-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..4da6e11766c5b91289edb9d693ccdd1e827012c1
Binary files /dev/null and b/content/assets/img/introduction-5-cropped.png differ
diff --git a/content/assets/img/introduction-5.png b/content/assets/img/introduction-5.png
new file mode 100644
index 0000000000000000000000000000000000000000..18922d6b2bcc426dad185a3520cb2aed9e76d8c2
Binary files /dev/null and b/content/assets/img/introduction-5.png differ
diff --git a/content/assets/img/introduction-6-cropped.png b/content/assets/img/introduction-6-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..bcab33f89201cd3b117e0950b14b97fa204dad2f
Binary files /dev/null and b/content/assets/img/introduction-6-cropped.png differ
diff --git a/content/assets/img/introduction-6.png b/content/assets/img/introduction-6.png
new file mode 100644
index 0000000000000000000000000000000000000000..6468de847fe13900c5350c4520fa1f259bed8ba3
Binary files /dev/null and b/content/assets/img/introduction-6.png differ
diff --git a/content/assets/img/manage-rss-feeds-1-cropped.png b/content/assets/img/manage-rss-feeds-1-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..9399a8947393aeb5b37290f8ef5e9e3b3071ef14
Binary files /dev/null and b/content/assets/img/manage-rss-feeds-1-cropped.png differ
diff --git a/content/assets/img/manage-rss-feeds-2-cropped.png b/content/assets/img/manage-rss-feeds-2-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb8fa171cb5490647e6091888a24254eed16761c
Binary files /dev/null and b/content/assets/img/manage-rss-feeds-2-cropped.png differ
diff --git a/content/assets/img/manage-rss-feeds-2.png b/content/assets/img/manage-rss-feeds-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..54e0a3178bd7e9e5d9dbb13367430b8d241ec98b
Binary files /dev/null and b/content/assets/img/manage-rss-feeds-2.png differ
diff --git a/content/assets/img/nav-drawer-blogs.png b/content/assets/img/nav-drawer-blogs.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a80e30feb8f93f0f5cdd8bf8c5912a361e41b75
Binary files /dev/null and b/content/assets/img/nav-drawer-blogs.png differ
diff --git a/content/assets/img/nav-drawer-forums.png b/content/assets/img/nav-drawer-forums.png
new file mode 100644
index 0000000000000000000000000000000000000000..8448a527e4420ac19c8f482572d42afe5c449306
Binary files /dev/null and b/content/assets/img/nav-drawer-forums.png differ
diff --git a/content/assets/img/nav-drawer-private-groups.png b/content/assets/img/nav-drawer-private-groups.png
new file mode 100644
index 0000000000000000000000000000000000000000..822a7ce08556c7d5ab6ebca8429c32415b240905
Binary files /dev/null and b/content/assets/img/nav-drawer-private-groups.png differ
diff --git a/content/assets/img/private-group-1.png b/content/assets/img/private-group-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb1c1d56650fb136c71b9a1e0d98198c03801325
Binary files /dev/null and b/content/assets/img/private-group-1.png differ
diff --git a/content/assets/img/private-group-2.png b/content/assets/img/private-group-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..a5d0351f65320592cf18012de706de4b5a40375f
Binary files /dev/null and b/content/assets/img/private-group-2.png differ
diff --git a/content/assets/img/reblog-1-cropped.png b/content/assets/img/reblog-1-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..a13abfd8a15f76d8f485e836a81dca01b3848270
Binary files /dev/null and b/content/assets/img/reblog-1-cropped.png differ
diff --git a/content/assets/img/reblog-1.png b/content/assets/img/reblog-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b0181f07794e011a55e15a54ff39730aa89cc77
Binary files /dev/null and b/content/assets/img/reblog-1.png differ
diff --git a/content/assets/img/reblog-2-cropped.png b/content/assets/img/reblog-2-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..d60634195f4b61b93b6a9cb5d488512b796c2462
Binary files /dev/null and b/content/assets/img/reblog-2-cropped.png differ
diff --git a/content/assets/img/reblog-2.png b/content/assets/img/reblog-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b243fc260d7cf9304274c0e14a2b90f42566d28
Binary files /dev/null and b/content/assets/img/reblog-2.png differ
diff --git a/content/assets/img/reblog-3-cropped.png b/content/assets/img/reblog-3-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..f0e74475272a760ae2e0cddbd9f165b54ca2953b
Binary files /dev/null and b/content/assets/img/reblog-3-cropped.png differ
diff --git a/content/assets/img/reblog-3.png b/content/assets/img/reblog-3.png
new file mode 100644
index 0000000000000000000000000000000000000000..87149352b8d3b1575c13694e65d54697bc709e20
Binary files /dev/null and b/content/assets/img/reblog-3.png differ
diff --git a/content/assets/img/screen-filter.png b/content/assets/img/screen-filter.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f6dadad10e0ba2fd2e3291917d47c31b6136f17
Binary files /dev/null and b/content/assets/img/screen-filter.png differ
diff --git a/content/assets/img/share-blog-1.png b/content/assets/img/share-blog-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..95e0e90e00afbc788845ab87ba85d7d6e53ce4f9
Binary files /dev/null and b/content/assets/img/share-blog-1.png differ
diff --git a/content/assets/img/share-forum-1-cropped.png b/content/assets/img/share-forum-1-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..86b6999e2bcf8b6feb4cbe5f1b323b770a0984b7
Binary files /dev/null and b/content/assets/img/share-forum-1-cropped.png differ
diff --git a/content/assets/img/share-forum-1.png b/content/assets/img/share-forum-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..955376ede29bc981c2ce48a8cb5e918dba92c576
Binary files /dev/null and b/content/assets/img/share-forum-1.png differ
diff --git a/content/assets/img/share-forum-2-cropped.png b/content/assets/img/share-forum-2-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..553b756a691bdda111b7151bdfb4ced06b1fa5eb
Binary files /dev/null and b/content/assets/img/share-forum-2-cropped.png differ
diff --git a/content/assets/img/share-forum-2.png b/content/assets/img/share-forum-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..30861a3df8c476b36791b774c185be788facc46b
Binary files /dev/null and b/content/assets/img/share-forum-2.png differ
diff --git a/content/assets/img/share-forum-3-cropped.png b/content/assets/img/share-forum-3-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..dac2f6b4ba2cd46dd4834612b3b387d0e0b71664
Binary files /dev/null and b/content/assets/img/share-forum-3-cropped.png differ
diff --git a/content/assets/img/share-forum-3.png b/content/assets/img/share-forum-3.png
new file mode 100644
index 0000000000000000000000000000000000000000..cc0bdcdf96390ab766243ed2a17c6c224e17d5b4
Binary files /dev/null and b/content/assets/img/share-forum-3.png differ
diff --git a/content/assets/img/write-blog-post-1-cropped.png b/content/assets/img/write-blog-post-1-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..777f2c0f1e93c4f976d3d894d8e6a36d77ee3cbb
Binary files /dev/null and b/content/assets/img/write-blog-post-1-cropped.png differ
diff --git a/content/assets/img/write-blog-post-1.png b/content/assets/img/write-blog-post-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..36be42c29dc3f4b500bd2b9b3786f4ec1dca2bee
Binary files /dev/null and b/content/assets/img/write-blog-post-1.png differ
diff --git a/content/assets/img/write-blog-post-2-cropped.png b/content/assets/img/write-blog-post-2-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..85ebee37ba5a9949e9eadf38d0ba062a59d4905b
Binary files /dev/null and b/content/assets/img/write-blog-post-2-cropped.png differ
diff --git a/content/assets/img/write-blog-post-2.png b/content/assets/img/write-blog-post-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..3c7afd5bb555a7c1e5d6bb25bb6e295534aa075d
Binary files /dev/null and b/content/assets/img/write-blog-post-2.png differ
diff --git a/content/assets/img/write-blog-post-3-cropped.png b/content/assets/img/write-blog-post-3-cropped.png
new file mode 100644
index 0000000000000000000000000000000000000000..029cd95e6d3b4314e27ae890f92d47e3a8844647
Binary files /dev/null and b/content/assets/img/write-blog-post-3-cropped.png differ
diff --git a/content/assets/img/write-blog-post-3.png b/content/assets/img/write-blog-post-3.png
new file mode 100644
index 0000000000000000000000000000000000000000..45c8f8b43c84aa612dabc00afcf418f8d3e8b81f
Binary files /dev/null and b/content/assets/img/write-blog-post-3.png differ
diff --git a/content/manual.md b/content/manual.md
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..695c065088a5287642182bba1dc457076e53ea76 100644
--- a/content/manual.md
+++ b/content/manual.md
@@ -0,0 +1,284 @@
+# Briar User Manual #
+
+## 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 tools such as email, Twitter or Telegram, 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 ##
+
+Briar is available for devices running Android.
+
+> **Tip:** If you're not sure whether you have an Android device, check whether it has the Play Store app. If it does, it runs Android.
+
+Briar hasn't been released to the public yet, so it's not available from the Play Store. To install Briar, follow these steps:
+
+1. Open the Settings app, scroll down, and open the Security section.
+2. Enable "Unknown sources" and confirm that you want to change the setting.
+3. Open the web browser and go to https://briarproject.org/beta/briar.apk
+4. Confirm that you want to download the file.
+5. When the download completes, tap the notification to install Briar.
+6. Go back to the Settings app and disable "Unknown sources".
+
+## Creating an Account ##
+
+<img src="assets/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.
+
+> **Warning:** Your Briar account is stored securely on your device, not in the cloud. If you uninstall Briar or forget your password, there's no way to recover your account.
+
+Tap "Create Account". When your account has been created you'll be taken to the contact list.
+
+<div style="clear:both"></div>
+
+## Adding Contacts ##
+
+<img src="assets/img/contact-list-cropped.png" alt="The contact list">
+
+To add a contact, tap the plus icon at the top of the contact list.
+
+<div style="clear:both"></div>
+
+<img src="assets/img/add-contact-1.png" alt="Adding a contact, step 1">
+
+You must meet up with the person you want to add as a contact. 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.
+
+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">
+
+Line up your contact's QR code in the viewfinder. You may have to wait a few seconds for the camera to focus.
+
+When the camera has scanned the QR code you'll see the message "Waiting for contact to scan and connect". Now your contact should scan your QR code.
+
+<div style="clear:both"></div>
+
+<img src="assets/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 ##
+
+<img src="assets/img/conversation-cropped.png" alt="A private messaging conversation">
+
+To send a private message, tap a contact's name in the contact list.
+
+> **Tip:** All messages in Briar are end-to-end encrypted, so nobody else can read them.
+
+If your contact is offline, your message will be delivered next time you're both online.
+
+<div style="clear:both"></div>
+
+## Introducing Contacts ##
+
+<img src="assets/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">
+
+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">
+
+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">
+
+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 ##
+
+<img src="assets/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">
+
+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">
+
+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">
+
+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">
+
+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">
+
+Messages in private groups are organized into threads. Any member can reply to a message or start a new thread.
+
+The creator of the group is the only one who can invite new members. Any member can leave the group. If the creator leaves, the group is dissolved.
+
+<div style="clear:both"></div>
+
+## Forums ##
+
+<img src="assets/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.
+
+To create a forum, open the main menu and choose "Forums". The forum list will open. Tap the plus icon to create a new forum.
+
+<div style="clear:both"></div>
+
+<img src="assets/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">
+
+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">
+
+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">
+
+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">
+
+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">
+
+Messages in forums are organized into threads. Any member can reply to a message or start a new thread.
+
+Any member of a forum can invite new members, and any member including the creator can leave the forum. The forum continues to exist until the last member leaves.
+
+<div style="clear:both"></div>
+
+## Blogs ##
+
+<div style="clear:both"></div>
+
+<img src="assets/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.
+
+To read your contacts' blogs or write a post, open the main menu and choose "Blogs".
+
+<div style="clear:both"></div>
+
+<img src="assets/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">
+
+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">
+
+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">
+
+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">
+
+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">
+
+The reblogged post will appear in the blog feed with your comment attached.
+
+<div style="clear:both"></div>
+
+## 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.
+
+> **Tip:** RSS is a way for websites to publish articles in a form that's easy to republish.
+
+<div style="clear:both"></div>
+
+<img src="assets/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">
+
+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">
+
+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">
+
+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">
+
+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 ##
+
+<img src="assets/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.
+
+> **Tip:** To protect your privacy, the contact won't be notified that you've deleted them. They'll just see you as offline from now on.
+
+<div style="clear:both"></div>
diff --git a/layout/mixu-radar-briar/assets/css/style.css b/layout/mixu-radar-briar/assets/css/style.css
index d00bb5d48f048402bc79d2173fa0ea16f56c577c..793e2c099a350069caad233cdc87527cd96d1039 100644
--- a/layout/mixu-radar-briar/assets/css/style.css
+++ b/layout/mixu-radar-briar/assets/css/style.css
@@ -93,7 +93,10 @@ th {
}
img {
- max-width:100%;
+ width:180px;
+ float:right;
+ margin:10px;
+ border:1px solid #000000;
}
header {
@@ -275,7 +278,7 @@ footer {
background-color: #fff;
padding: 20px;
position: fixed;
- z-index: 1;
+ z-index: 0;
display: none;
height: 100%;
}
diff --git a/layout/mixu-radar-briar/page.html b/layout/mixu-radar-briar/page.html
index 58718fdd6c8eadd82ac0e3254745a3e843af043e..694f092d8a497b51e2068679f4f6ad70065bb784 100644
--- a/layout/mixu-radar-briar/page.html
+++ b/layout/mixu-radar-briar/page.html
@@ -9,7 +9,6 @@
<link type="text/css" rel="stylesheet" href="{{asset 'css/hljs-github.min.css'}}"/>
</head>
<body>
-
<div id="toc">
<div id="toc-inner">
{{~> toc}}
@@ -18,7 +17,6 @@
<div id="wrapper">
<div id="header">
-
</div>
<div class="clear"></div>
@@ -30,9 +28,6 @@
<div class="clear">
</div>
-
- <div id="footer">
- </div>
</div>
</body>
</html>