.

docs/_data/nav_docs.yml

@@ -0,0 +1,80 @@
+- title: Quick Start
+  items:
+    - id: getting-started
+      title: Getting Started
+    - id: react_concepts
+      title: React Concepts
+    - id: react_lifecycle
+      title: Component Lifecycle
+    - id: react_stores
+      title: Stores & Services
+    - id: styles
+      title: Styles
+    - id: animations
+      title: Animations
+- title: Components
+  items:
+    - id: components/activityindiciator
+      title: ActivityIndicator
+    - id: components/button
+      title: Button
+    - id: components/gestureview
+      title: GestureView
+    - id: components/image
+      title: Image
+    - id: components/imagesvg
+      title: ImageSvg
+    - id: components/incremental
+      title: Incremental
+    - id: components/link
+      title: Link
+    - id: components/navigator
+      title: Navigator
+    - id: components/picker
+      title: Picker
+    - id: components/scrollview
+      title: ScrollView
+    - id: components/text
+      title: Text
+    - id: components/textinput
+      title: TextInput
+    - id: components/video
+      title: Video
+    - id: components/view
+      title: View
+    - id: components/webview
+      title: WebView
+- title: APIs
+  items:
+    - id: apis/alert
+      title: Alert
+    - id: apis/app
+      title: App
+    - id: apis/audio
+      title: Audio
+    - id: apis/clipboard
+      title: Clipboard
+    - id: apis/input
+      title: Input
+    - id: apis/linking
+      title: Linking
+    - id: apis/location
+      title: Location
+    - id: apis/Modal
+      title: Modal
+    - id: apis/network
+      title: Network
+    - id: apis/platform
+      title: Platform
+    - id: apis/popup
+      title: Popup
+    - id: apis/profiling
+      title: Profiling
+    - id: apis/statusbar
+      title: StatusBar
+    - id: apis/storage
+      title: Storage
+    - id: apis/userinterface
+      title: UserInterface
+    - id: apis/userpresence
+      title: UserPresence

docs/_includes/navigation.html

@@ -5,7 +5,7 @@
     </a>
     <div class="nav-lists">
       <ul class="nav-site nav-site-internal">
-        <li><a href="/reactxp/docs/index.html"{% if page.sectionid == 'docs' or page.sectionid == 'tips' or page.sectionid == 'contributing' %} class="active"{% endif %}>Docs</a></li>
+        <li><a href="/reactxp/docs/getting-started.html"{% if page.sectionid == 'docs' %} class="active"{% endif %}>Docs</a></li>
         <li><a href="/reactxp/blog/"{% if page.sectionid == 'blog' %} class="active"{% endif %}>Blog</a></li>
       </ul>
       <ul class="nav-site nav-site-external">

docs/_layouts/docs.html

@@ -14,10 +14,10 @@ sectionid: docs
 
     <div class="docs-prevnext">
       {% if page.prev %}
-        <a class="docs-prev" href="/reactxp/docs/docs/{{ page.prev }}">&larr; Prev</a>
+        <a class="docs-prev" href="/reactxp/docs/{{ page.prev }}">&larr; Prev</a>
       {% endif %}
       {% if page.next %}
-        <a class="docs-next" href="/reactxp/docs/docs/{{ page.next }}">Next &rarr;</a>
+        <a class="docs-next" href="/reactxp/docs/{{ page.next }}">Next &rarr;</a>
       {% endif %}
     </div>
   </div>

docs/css/reactxp.scss

@@ -243,7 +243,7 @@ h1, h2, h3, h4, h5, h6 {
   }
 
   .nav-home {
-    color: #00d8ff;
+    color: $rxpColor;
     font-size: 24px;
     line-height: $navHeight;
     height: $navHeight;