diff --git a/docs/_includes/wip b/docs/_includes/wip
new file mode 100644
index 00000000..af035ff8
--- /dev/null
+++ b/docs/_includes/wip
@@ -0,0 +1,13 @@
+
+
+
+
+
+This page is under construction. Learn.RoboSats is a joint effort of the RoboSats community.
+
+### You can complete this page!
+
+**ProTip:** You can directly edit [the content of this page ]({{page.src}}) and open a [Pull Request ](https://github.com/Reckless-Satoshi/robosats/pulls), your changes will show right here.
+{: .notice--primary}
+
+If you have already used RoboSats, you are an expert! If you understand how it works behind the scenes, you are a master! Please, consider contributing to the Learn.RoboSats' guides and platform documentation.
\ No newline at end of file
diff --git a/docs/_pages/docs/00-quick-start/01-lightning.md b/docs/_pages/docs/00-quick-start/01-lightning.md
index 2fe4d2e8..cafa02ca 100644
--- a/docs/_pages/docs/00-quick-start/01-lightning.md
+++ b/docs/_pages/docs/00-quick-start/01-lightning.md
@@ -1,9 +1,10 @@
---
layout: single
-title: " Quick Start Guide"
-permalink: /docs/quick-start/
+title: "The Lightning Network"
+permalink: /docs/lightning/
sidebar:
- title: " Quick Start"
+ title: " Lightning Network"
nav: docs
+src: "https://github.com/Reckless-Satoshi/robosats/blob/main/docs/_pages/docs/00-quick-start/01-lightning.md"
---
-To start exchanging Bitcoin with RoboSats securily and privately you only need two things: a lightning wallet and a web browser that supports TOR.
\ No newline at end of file
+{% include wip %}
\ No newline at end of file
diff --git a/docs/_pages/docs/00-quick-start/02-tor.md b/docs/_pages/docs/00-quick-start/02-tor.md
index 2fe4d2e8..243425e7 100644
--- a/docs/_pages/docs/00-quick-start/02-tor.md
+++ b/docs/_pages/docs/00-quick-start/02-tor.md
@@ -1,9 +1,10 @@
---
layout: single
-title: " Quick Start Guide"
-permalink: /docs/quick-start/
+title: "The TOR Network"
+permalink: /docs/tor/
sidebar:
- title: " Quick Start"
+ title: " TOR"
nav: docs
+src: "https://github.com/Reckless-Satoshi/robosats/blob/main/docs/_pages/docs/00-quick-start/02-tor.md"
---
-To start exchanging Bitcoin with RoboSats securily and privately you only need two things: a lightning wallet and a web browser that supports TOR.
\ No newline at end of file
+{% include wip %}
\ No newline at end of file
diff --git a/docs/_pages/tutorials/read/how-to-use.md b/docs/_pages/tutorials/read/how-to-use.md
index 9dcd9675..a76547a3 100644
--- a/docs/_pages/tutorials/read/how-to-use.md
+++ b/docs/_pages/tutorials/read/how-to-use.md
@@ -4,6 +4,7 @@ title: How to Use (v0.1.0)
permalink: /read/en/
toc: true
toc_sticky: true
+excerpt: "Guide: How to use RoboSats. A complete walkthrough RoboSats P2P Exchange"
sidebar:
title: " How to use"
nav: tutorial
@@ -90,7 +91,7 @@ You can also tap on any order to see the full order page:
Every order has an expiration counter. By default, in RoboSats v0.1.0 new orders will stay public in the book for 6 hours.
-### Walktrough-1: Taking an order as a buyer
+### Walkthrough-1: Taking an order as a buyer
When you are decided for an order to take simply tap the "Take Order" button. You will see the contract box. Follow the contract box indications until you complete the trade! :)
@@ -136,7 +137,7 @@ As soon as you have sent the fiat, you should tap on "Confirm fiat sent" button.
Rating the platform and leaving tips for improvement in our Telegram group or Github Issues is super appreciated!
-### Walktrough-2: Making an order as a seller
+### Walkthrough-2: Making an order as a seller
It might happen that there are no active orders for the positioning and currency you want. In this case, there is no orders to SELL bitcoin for GBP.
diff --git a/docs/_pages/tutorials/watch/videos-en.md b/docs/_pages/tutorials/watch/videos-en.md
index 8a85b28a..f5a26138 100644
--- a/docs/_pages/tutorials/watch/videos-en.md
+++ b/docs/_pages/tutorials/watch/videos-en.md
@@ -10,4 +10,7 @@ sidebar:
---
### BTCSessions: Buy and Sell BTC with no ID
-
\ No newline at end of file
+
+
+
+### [How to Use Guide](/read/en/)
\ No newline at end of file
diff --git a/docs/assets/images/wip.png b/docs/assets/images/wip.png
new file mode 100644
index 00000000..c982385b
Binary files /dev/null and b/docs/assets/images/wip.png differ
diff --git a/docs/home.md b/docs/home.md
index 7364ff8c..6d4b572f 100644
--- a/docs/home.md
+++ b/docs/home.md
@@ -5,7 +5,7 @@ header:
overlay_color: "#5e616c"
overlay_image: /assets/images/misc/learn-robosats-home.png
cta_label: " Learn How to Use Now"
- cta_url: "/docs/how-to-use/"
+ cta_url: "/watch/en/"
caption:
excerpt: 'A simple and private way to exchange bitcoin for national currencies. Use RoboSats with Tor Browser GitHub Project Page'
feature_row:
diff --git a/frontend/src/components/App.js b/frontend/src/components/App.js
index 8bd94ade..6c8807a3 100644
--- a/frontend/src/components/App.js
+++ b/frontend/src/components/App.js
@@ -1,7 +1,7 @@
import React, { Component } from "react";
import ReactDOM from 'react-dom/client';
import HomePage from "./HomePage";
-import { CssBaseline, IconButton} from "@mui/material";
+import { CssBaseline, IconButton , Link} from "@mui/material";
import { ThemeProvider, createTheme } from '@mui/material/styles';
import UnsafeAlert from "./UnsafeAlert";
@@ -10,6 +10,7 @@ import i18n from "./i18n";
import DarkModeIcon from '@mui/icons-material/DarkMode';
import LightModeIcon from '@mui/icons-material/LightMode';
+import SchoolIcon from '@mui/icons-material/School';
export default class App extends Component {
constructor(props) {
@@ -35,6 +36,7 @@ export default class App extends Component {
+ this.setState({dark:!this.state.dark})}>
{this.state.dark ? :}