Nest layouts.

Author: wallstreetio

docs/charts-app/toolbar/1-doji-screener.md

@@ -18,15 +18,6 @@ The Doji Screener helps the user find and evaluate stocks currently experiencing
 1. From green action bar, select "Add to Watchlist" 
 1. Follow the prompts 
 
-
-## FAQ 
-
-** This is an example FAQ, not real. **
-### Live data 
-* Is the doji screener realtime? 
-* The doji screener is almost realtime. We update it every few minutes when the market is open. In the Filter Area, see "Last updated ..." for exactly how up to date it is.
-
-
 ## Reference
 
 ### Current and past data

docs/layout/1-overview.md

@@ -2,8 +2,8 @@
 
 Wallstreet.io has three distinct apps, each with its own layout and purpose:
 
-* [Charts](./3-charts-app.md)
-* [Education](./4-education-app.md)
-* [Community](./5-community-app.md)
+* [Charts](./details/3-charts-app.md)
+* [Education](./details/4-education-app.md)
+* [Community](./details/5-community-app.md)
 
-Some elements are common to all apps. See [App and Account Bar](2-app-account-bar.md) for more.
+Some elements are common to all apps. See [App and Account Bar](./details/2-app-account-bar.md) for more.

docs/layout/3-charts-app.md

@@ -1,5 +1,5 @@
 # App and Account Bar
 
-![App and Account bar](../assets/screenshots/app-account-bar.png){ loading=lazy }
+![App and Account bar](../../assets/screenshots/app-account-bar.png){ loading=lazy }
 
 The App and Account Bar and the Live Stream icon are always visible and the same no matter which app. 

docs/layout/4-education-app.md

@@ -0,0 +1,35 @@
+# Charts app
+
+## Major Areas
+![Charts app](../../assets/screenshots/charts-app.png){ loading=lazy }
+
+### Chart Area
+![Charts app](../../assets/screenshots/chart-area.png){ loading=lazy }
+
+* Stock Search
+* [Charting Tools](../../charts-app/chart-area/1-charting-tools.md)
+* [Plot](../../charts-app/chart-area/2-plot.md)
+
+### Toolbar 
+![Charts app](../../assets/screenshots/toolbar.png){ loading=lazy }
+
+* Filter Area: The Filter Area is the top section where filters / dropdowns are located.
+* Data Area: The Data Area is the area below the Filter Area where filtered data will populate. 
+* All tools: 
+    * [Doji Screener](../../charts-app/toolbar/1-doji-screener.md)
+    * [Screener (Beta)](../../charts-app/toolbar/2-screener.md)
+    * [Seasonality](../../charts-app/toolbar/3-seasonality.md)
+    * [Fundamentals](../../charts-app/toolbar/4-fundamentals.md)
+    * [Strategies](../../charts-app/toolbar/5-strategies.md)
+    * [Strategy Builder](../../charts-app/toolbar/6-strategy-builder.md)
+
+### Sidebar
+![Charts app](../../assets/screenshots/sidebar.png){ loading=lazy }
+
+* Sidebar Widgets
+* Sidebar Display Area
+* All sidebar widgets:
+    * [Watchlist](../../charts-app/sidebar/1-watchlist.md)
+    * [Chatroom](../../charts-app/sidebar/2-chatroom.md)
+    * [Alerts](../../charts-app/sidebar/3-alerts.md) 
+    

docs/layout/5-community-app.md

@@ -0,0 +1,15 @@
+# Education app
+
+![Education app](../../assets/screenshots/education-app.png){ loading=lazy }
+
+## App components
+* Education Bar 
+* Education Area
+
+## All Education widgets: 
+* [Getting Started](../../education-app/widgets/2-getting-started.md)
+* [Roadmaps](../../education-app/widgets/3-roadmaps.md)
+* [Wheel Strategy](../../education-app/widgets/4-wheel-strategy.md)
+* [Trade Prodigy](../../education-app/widgets/5-trade-prodigy.md)
+
+

docs/layout/2-app-account-bar.md docs/layout/details/2-app-account-bar.mddocs/layout/2-app-account-bar.md renamed to docs/layout/details/2-app-account-bar.md

@@ -0,0 +1,12 @@
+# Community app
+
+![Community app](../../assets/screenshots/community-app.png){ loading=lazy }
+
+## App components
+* Community Bar
+* Community Area
+
+## All Community widgets: 
+* [The Wall](../../community-app/widgets/2-the-wall.md)
+* [Live Streams](../../community-app/widgets/3-live-streams.md)
+* [Chat Rooms](../../community-app/widgets/4-chat-rooms.md)

docs/layout/details/3-charts-app.md

@@ -86,10 +86,12 @@ nav = [
   ]},
   { "Layout" = [
     "layout/1-overview.md",
-    "layout/2-app-account-bar.md",
-    "layout/3-charts-app.md",
-    "layout/4-education-app.md",
-    "layout/5-community-app.md",
+    { "Details" = [
+      "layout/details/2-app-account-bar.md",
+      "layout/details/3-charts-app.md",
+      "layout/details/4-education-app.md",
+      "layout/details/5-community-app.md",
+    ]}, 
   ]},
 ]