diff --git a/.gitignore b/.gitignore
index b2d6de30..3ced74ee 100644
--- a/.gitignore
+++ b/.gitignore
@@ -18,3 +18,5 @@
npm-debug.log*
yarn-debug.log*
yarn-error.log*
+
+.idea
diff --git a/blog/2019-05-28-first-blog-post.md b/blog/2019-05-28-first-blog-post.md
deleted file mode 100644
index 02f3f81b..00000000
--- a/blog/2019-05-28-first-blog-post.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-slug: first-blog-post
-title: First Blog Post
-authors:
- name: Gao Wei
- title: Docusaurus Core Team
- url: https://github.com/wgao19
- image_url: https://github.com/wgao19.png
-tags: [hola, docusaurus]
----
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
diff --git a/blog/2019-05-29-long-blog-post.md b/blog/2019-05-29-long-blog-post.md
deleted file mode 100644
index 26ffb1b1..00000000
--- a/blog/2019-05-29-long-blog-post.md
+++ /dev/null
@@ -1,44 +0,0 @@
----
-slug: long-blog-post
-title: Long Blog Post
-authors: endi
-tags: [hello, docusaurus]
----
-
-This is the summary of a very long blog post,
-
-Use a `` comment to limit blog post size in the list view.
-
-
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
diff --git a/blog/2021-08-01-mdx-blog-post.mdx b/blog/2021-08-01-mdx-blog-post.mdx
deleted file mode 100644
index c04ebe32..00000000
--- a/blog/2021-08-01-mdx-blog-post.mdx
+++ /dev/null
@@ -1,20 +0,0 @@
----
-slug: mdx-blog-post
-title: MDX Blog Post
-authors: [slorber]
-tags: [docusaurus]
----
-
-Blog posts support [Docusaurus Markdown features](https://docusaurus.io/docs/markdown-features), such as [MDX](https://mdxjs.com/).
-
-:::tip
-
-Use the power of React to create interactive blog posts.
-
-```js
-
-```
-
-
-
-:::
diff --git a/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg b/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg
deleted file mode 100644
index 11bda092..00000000
Binary files a/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg and /dev/null differ
diff --git a/blog/2021-08-26-welcome/index.md b/blog/2021-08-26-welcome/index.md
deleted file mode 100644
index 9455168f..00000000
--- a/blog/2021-08-26-welcome/index.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-slug: welcome
-title: Welcome
-authors: [slorber, yangshun]
-tags: [facebook, hello, docusaurus]
----
-
-[Docusaurus blogging features](https://docusaurus.io/docs/blog) are powered by the [blog plugin](https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-blog).
-
-Simply add Markdown files (or folders) to the `blog` directory.
-
-Regular blog authors can be added to `authors.yml`.
-
-The blog post date can be extracted from filenames, such as:
-
-- `2019-05-30-welcome.md`
-- `2019-05-30-welcome/index.md`
-
-A blog post folder can be convenient to co-locate blog post images:
-
-![Docusaurus Plushie](./docusaurus-plushie-banner.jpeg)
-
-The blog supports tags as well!
-
-**And if you don't want a blog**: just delete this directory, and use `blog: false` in your Docusaurus config.
diff --git a/blog/authors.yml b/blog/authors.yml
deleted file mode 100644
index bcb29915..00000000
--- a/blog/authors.yml
+++ /dev/null
@@ -1,17 +0,0 @@
-endi:
- name: Endilie Yacop Sucipto
- title: Maintainer of Docusaurus
- url: https://github.com/endiliey
- image_url: https://github.com/endiliey.png
-
-yangshun:
- name: Yangshun Tay
- title: Front End Engineer @ Facebook
- url: https://github.com/yangshun
- image_url: https://github.com/yangshun.png
-
-slorber:
- name: Sébastien Lorber
- title: Docusaurus maintainer
- url: https://sebastienlorber.com
- image_url: https://github.com/slorber.png
diff --git a/docs/hello.md b/docs/hello.md
deleted file mode 100644
index e1e51cdc..00000000
--- a/docs/hello.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-sidebar_label: 'Hi!'
-sidebar_position: 3
----
-
-# Hello
-
-This is my **first Docusaurus document**!
diff --git a/docs/intro.md b/docs/intro.md
index 50026023..65f4304c 100644
--- a/docs/intro.md
+++ b/docs/intro.md
@@ -2,46 +2,22 @@
sidebar_position: 1
---
-# Tutorial Intro
+# Cwtch Intro
-Let's discover **Docusaurus in less than 5 minutes**.
+Cwtch (/kʊtʃ/ - a Welsh word roughly translating to “a hug that creates a safe place”) is a decentralized, privacy-preserving, metadata resistant messenging app.
## Getting Started
-Get started by **creating a new site**.
+### Install
-Or **try Docusaurus immediately** with **[docusaurus.new](https://docusaurus.new)**.
+Install on OS of choice:
-### What you'll need
+- Windows
+- Android
+- MacOS
+- Linux
-- [Node.js](https://nodejs.org/en/download/) version 14 or above:
- - When installing Node.js, you are recommended to check all checkboxes related to dependencies.
+### Use
-## Generate a new site
+ **[Create a profile](/docs/profiles/create-a-profile)**
-Generate a new Docusaurus site using the **classic template**.
-
-The classic template will automatically be added to your project after you run the command:
-
-```bash
-npm init docusaurus@latest my-website classic
-```
-
-You can type this command into Command Prompt, Powershell, Terminal, or any other integrated terminal of your code editor.
-
-The command also installs all necessary dependencies you need to run Docusaurus.
-
-## Start your site
-
-Run the development server:
-
-```bash
-cd my-website
-npm run start
-```
-
-The `cd` command changes the directory you're working with. In order to work with your newly created Docusaurus site, you'll need to navigate the terminal there.
-
-The `npm run start` command builds your website locally and serves it through a development server, ready for you to view at http://localhost:3000/.
-
-Open `docs/intro.md` (this page) and edit some lines: the site **reloads automatically** and displays your changes.
diff --git a/docs/profiles/_category_.json b/docs/profiles/_category_.json
new file mode 100644
index 00000000..778c3974
--- /dev/null
+++ b/docs/profiles/_category_.json
@@ -0,0 +1,7 @@
+{
+ "label": "Profiles",
+ "position": 2,
+ "link": {
+ "type": "generated-index"
+ }
+}
\ No newline at end of file
diff --git a/docs/profiles/change-name.md b/docs/profiles/change-name.md
new file mode 100644
index 00000000..9dc00645
--- /dev/null
+++ b/docs/profiles/change-name.md
@@ -0,0 +1,9 @@
+---
+sidebar_position: 2
+---
+
+# How to change your name
+
+1. Press the pencil next to the profile you want to edit
+2. Change your name
+3. Click save profile
\ No newline at end of file
diff --git a/docs/profiles/change-password.md b/docs/profiles/change-password.md
new file mode 100644
index 00000000..c9c970fb
--- /dev/null
+++ b/docs/profiles/change-password.md
@@ -0,0 +1,11 @@
+---
+sidebar_position: 3
+---
+
+# How to change your password
+
+1. Press the pencil next to the profile you want to edit
+2. Go to current password and input your current password
+3. Go to new password and input your new password
+4. Re enter your password
+5. Click Save profile
\ No newline at end of file
diff --git a/docs/profiles/change-profile-image.md b/docs/profiles/change-profile-image.md
new file mode 100644
index 00000000..46c0e75a
--- /dev/null
+++ b/docs/profiles/change-profile-image.md
@@ -0,0 +1,11 @@
+---
+sidebar_position: 4
+---
+
+# How to Change your profile image
+
+1. Make sure you have experiments enabled
+2. Press the pencil next to the profile you want to edit
+3. Press on the pink pencil over your profile photo
+4. Select an image from your gallery
+5. Scroll down and click on save profile
\ No newline at end of file
diff --git a/docs/profiles/create-a-profile.md b/docs/profiles/create-a-profile.md
new file mode 100644
index 00000000..11871ce7
--- /dev/null
+++ b/docs/profiles/create-a-profile.md
@@ -0,0 +1,14 @@
+---
+sidebar_position: 1
+---
+
+# How to create a profile
+1. Press the + action button in the right bottom corner
+2. Select a display name
+3. Select if you want an account with or without password
+ - Password: your account is protected from other people who may
+use this device
+ - No Password: anyone who has access to this device may be able
+ to access this profile
+4. Fill in your password and re-enter it
+5. Click add new profile
\ No newline at end of file
diff --git a/docs/profiles/delete-profile.md b/docs/profiles/delete-profile.md
new file mode 100644
index 00000000..5d9f470b
--- /dev/null
+++ b/docs/profiles/delete-profile.md
@@ -0,0 +1,10 @@
+---
+sidebar_position: 6
+---
+
+# How to delete your profile
+
+1. Press the pencil next to the profile you want to edit
+2. Scroll down to the bottom of the screen
+3. Press delete
+4. Press really delete profile
\ No newline at end of file
diff --git a/docs/profiles/unlock-profile.md b/docs/profiles/unlock-profile.md
new file mode 100644
index 00000000..48a8cb55
--- /dev/null
+++ b/docs/profiles/unlock-profile.md
@@ -0,0 +1,11 @@
+---
+sidebar_position: 5
+---
+
+# Unlock your profiles
+
+When you restart Cwtch, if you used a [password](foo) on your profile, it will not be loaded by default, you need to unlock it.
+
+1. Press the pink unlock icon
+2. Input your password
+3. Click “unlock your profile”
\ No newline at end of file
diff --git a/docs/tutorial-extras/_category_.json b/docs/settings/_category_.json
similarity index 65%
rename from docs/tutorial-extras/_category_.json
rename to docs/settings/_category_.json
index a8ffcc19..74fead67 100644
--- a/docs/tutorial-extras/_category_.json
+++ b/docs/settings/_category_.json
@@ -1,7 +1,7 @@
{
- "label": "Tutorial - Extras",
+ "label": "Settings",
"position": 3,
"link": {
"type": "generated-index"
}
-}
+}
\ No newline at end of file
diff --git a/docs/settings/appearance/_category_.json b/docs/settings/appearance/_category_.json
new file mode 100644
index 00000000..9a4b1c94
--- /dev/null
+++ b/docs/settings/appearance/_category_.json
@@ -0,0 +1,7 @@
+{
+ "label": "Appearance",
+ "position": 1,
+ "link": {
+ "type": "generated-index"
+ }
+}
\ No newline at end of file
diff --git a/docs/settings/appearance/change-language.md b/docs/settings/appearance/change-language.md
new file mode 100644
index 00000000..73e20fd1
--- /dev/null
+++ b/docs/settings/appearance/change-language.md
@@ -0,0 +1,5 @@
+# Change Language
+
+1. Press the settings Icon
+2. In the language pane, click in english
+3. Scroll to find the language you want and click on it
\ No newline at end of file
diff --git a/docs/settings/appearance/light-dark-mode.md b/docs/settings/appearance/light-dark-mode.md
new file mode 100644
index 00000000..a937c52d
--- /dev/null
+++ b/docs/settings/appearance/light-dark-mode.md
@@ -0,0 +1,16 @@
+# Light/Dark and themes Breakdown
+
+1. Press the setting icon
+2. You can choose light or dark theme by toggling the “use light themes” switch
+3. Using the “color theme” drop down menu, pick a theme you like
+4.
+ 1. Cwtch: purple tones
+ 2. Ghost: Grey tones
+ 3. Mermaid: Turquoise and
+ purple tones
+ 4. Midnight: Black and gray tones
+ 5. Neon 1: purple and pink tones
+ 6. Neon 2: purple and turquoise tones
+ 7. Pumpkin: purple and orange tones
+ 8. Witch: Green and pink tones
+ 9. Vampire: Purple and red tones
\ No newline at end of file
diff --git a/docs/settings/appearance/streamer-mode.md b/docs/settings/appearance/streamer-mode.md
new file mode 100644
index 00000000..0fd97b98
--- /dev/null
+++ b/docs/settings/appearance/streamer-mode.md
@@ -0,0 +1,6 @@
+# Streamer Mode
+
+1. Press the settings icon
+2. Streamer mode makes the app more visually private, hiding addresses
+and other sensitive information
+3. Check it works by looking at your profile or at your contact list
\ No newline at end of file
diff --git a/docs/settings/appearance/ui-columns.md b/docs/settings/appearance/ui-columns.md
new file mode 100644
index 00000000..2efde1bb
--- /dev/null
+++ b/docs/settings/appearance/ui-columns.md
@@ -0,0 +1,5 @@
+# UI columns
+
+1. Press the settings icon
+2. Click on single
+3. Select the configuration of columns you want to use
\ No newline at end of file
diff --git a/docs/settings/behaviour/_category_.json b/docs/settings/behaviour/_category_.json
new file mode 100644
index 00000000..ff4beee2
--- /dev/null
+++ b/docs/settings/behaviour/_category_.json
@@ -0,0 +1,7 @@
+{
+ "label": "Behaviour",
+ "position": 2,
+ "link": {
+ "type": "generated-index"
+ }
+}
\ No newline at end of file
diff --git a/docs/settings/behaviour/block-unknown-contacts.md b/docs/settings/behaviour/block-unknown-contacts.md
new file mode 100644
index 00000000..7c180be2
--- /dev/null
+++ b/docs/settings/behaviour/block-unknown-contacts.md
@@ -0,0 +1,5 @@
+# Block Unknowns
+
+1. Go to Settings
+2. Toggle on to block unknown contacts who haven‘t yet been added to
+your list.
\ No newline at end of file
diff --git a/docs/settings/behaviour/notification-policy.md b/docs/settings/behaviour/notification-policy.md
new file mode 100644
index 00000000..30eae0a7
--- /dev/null
+++ b/docs/settings/behaviour/notification-policy.md
@@ -0,0 +1,8 @@
+# Notification policy
+
+1. Go to settings
+2. Scroll to behaviour
+3. The notification policy controls the notification behaviour
+4. Click on Default all to change the behaviour to opt in or to mute all
+notifications
+5. Pick your preferred notification Policy
\ No newline at end of file
diff --git a/docs/tutorial-basics/_category_.json b/docs/tutorial-basics/_category_.json
deleted file mode 100644
index 2e6db55b..00000000
--- a/docs/tutorial-basics/_category_.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "label": "Tutorial - Basics",
- "position": 2,
- "link": {
- "type": "generated-index",
- "description": "5 minutes to learn the most important Docusaurus concepts."
- }
-}
diff --git a/docs/tutorial-basics/congratulations.md b/docs/tutorial-basics/congratulations.md
deleted file mode 100644
index 9ef99bba..00000000
--- a/docs/tutorial-basics/congratulations.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-sidebar_position: 6
----
-
-# Congratulations!
-
-You have just learned the **basics of Docusaurus** and made some changes to the **initial template**.
-
-Docusaurus has **much more to offer**!
-
-Have **5 more minutes**? Take a look at **[versioning](../tutorial-extras/manage-docs-versions.md)** and **[i18n](../tutorial-extras/translate-your-site.md)**.
-
-Anything **unclear** or **buggy** in this tutorial? [Please report it!](https://github.com/facebook/docusaurus/discussions/4610)
-
-## What's next?
-
-- Read the [official documentation](https://docusaurus.io/).
-- Add a custom [Design and Layout](https://docusaurus.io/docs/styling-layout)
-- Add a [search bar](https://docusaurus.io/docs/search)
-- Find inspirations in the [Docusaurus showcase](https://docusaurus.io/showcase)
-- Get involved in the [Docusaurus Community](https://docusaurus.io/community/support)
diff --git a/docs/tutorial-basics/create-a-blog-post.md b/docs/tutorial-basics/create-a-blog-post.md
deleted file mode 100644
index 0d50aaf3..00000000
--- a/docs/tutorial-basics/create-a-blog-post.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-sidebar_position: 3
----
-
-# Create a Blog Post
-
-Docusaurus creates a **page for each blog post**, but also a **blog index page**, a **tag system**, an **RSS** feed...
-
-## Create your first Post
-
-Create a file at `blog/2021-02-28-greetings.md`:
-
-```md title="blog/2021-02-28-greetings.md"
----
-slug: greetings
-title: Greetings!
-authors:
- - name: Joel Marcey
- title: Co-creator of Docusaurus 1
- url: https://github.com/JoelMarcey
- image_url: https://github.com/JoelMarcey.png
- - name: Sébastien Lorber
- title: Docusaurus maintainer
- url: https://sebastienlorber.com
- image_url: https://github.com/slorber.png
-tags: [greetings]
----
-
-Congratulations, you have made your first post!
-
-Feel free to play around and edit this post as much you like.
-```
-
-A new blog post is now available at `http://localhost:3000/blog/greetings`.
diff --git a/docs/tutorial-basics/create-a-document.md b/docs/tutorial-basics/create-a-document.md
deleted file mode 100644
index a9bb9a41..00000000
--- a/docs/tutorial-basics/create-a-document.md
+++ /dev/null
@@ -1,55 +0,0 @@
----
-sidebar_position: 2
----
-
-# Create a Document
-
-Documents are **groups of pages** connected through:
-
-- a **sidebar**
-- **previous/next navigation**
-- **versioning**
-
-## Create your first Doc
-
-Create a markdown file at `docs/hello.md`:
-
-```md title="docs/hello.md"
-# Hello
-
-This is my **first Docusaurus document**!
-```
-
-A new document is now available at `http://localhost:3000/docs/hello`.
-
-## Configure the Sidebar
-
-Docusaurus automatically **creates a sidebar** from the `docs` folder.
-
-Add metadata to customize the sidebar label and position:
-
-```md title="docs/hello.md" {1-4}
----
-sidebar_label: 'Hi!'
-sidebar_position: 3
----
-
-# Hello
-
-This is my **first Docusaurus document**!
-```
-
-It is also possible to create your sidebar explicitly in `sidebars.js`:
-
-```js title="sidebars.js"
-module.exports = {
- tutorialSidebar: [
- {
- type: 'category',
- label: 'Tutorial',
- // highlight-next-line
- items: ['hello'],
- },
- ],
-};
-```
diff --git a/docs/tutorial-basics/create-a-page.md b/docs/tutorial-basics/create-a-page.md
deleted file mode 100644
index e112b005..00000000
--- a/docs/tutorial-basics/create-a-page.md
+++ /dev/null
@@ -1,43 +0,0 @@
----
-sidebar_position: 1
----
-
-# Create a Page
-
-Add **Markdown or React** files to `src/pages` to create a **standalone page**:
-
-- `src/pages/index.js` -> `localhost:3000/`
-- `src/pages/foo.md` -> `localhost:3000/foo`
-- `src/pages/foo/bar.js` -> `localhost:3000/foo/bar`
-
-## Create your first React Page
-
-Create a file at `src/pages/my-react-page.js`:
-
-```jsx title="src/pages/my-react-page.js"
-import React from 'react';
-import Layout from '@theme/Layout';
-
-export default function MyReactPage() {
- return (
- This is a React pageMy React page
-