Migrate to recent version of gitbook

book.json

@@ -1,17 +1,14 @@
 {
-  "gitbook": "2.5.0",
-  "title": "React FlexView",
-  "structure": {
-    "summary": "docs/README.md"
-  },
+  "root": "docs",
+  "gitbook": ">= 3.0.0",
   "plugins": ["edit-link", "prism", "-highlight", "github"],
   "pluginsConfig": {
     "edit-link": {
-      "base": "https://github.com/buildo/react-flexview/tree/master",
+      "base": "https://github.com/buildo/react-flexview/edit/master/book",
       "label": "Edit This Page"
     },
     "github": {
-      "url": "https://github.com/buildo/react-flexview/"
+      "url": "https://github.com/react-flexview/book/"
     }
   }
 }

docs/README.md

@@ -1,15 +1,43 @@
-# Summary
-
-- [README](/README.md)
-- [Introduction](/docs/Introduction.md)
-- [API Overview](/docs/API-Overview.md)
-- [Direction](/docs/Direction.md)
-- [Size](/docs/size/README.md)
-  - [width, height and flex-basis](/docs/size/Width-Height-Flex-basis.md)
-  - [flex-grow](/docs/size/Flex-grow.md)
-  - [flex-shrink](/docs/size/Flex-shrink.md)
-  - [basis, grow and shrink working together](/docs/size/Basis-Grow-Shrink.md)
-  - [Inherited size (container)](/docs/size/Inherited-Size.md)
-- Positioning
-  - [Content positioning](/docs/positioning/Content-Positioning.md)
-  - [Self positioning](/docs/positioning/Self-Positioning.md)
+# Introduction
+
+> `FlexView`  is a loyal and friendly React component to work with `flex` in an easier, standard and more reliable way. Welcome to 2017!
+
+Still, we’re talking about flex… easy, standard and reliable may not be fully true!
+Therefore, may I present to you ladies and gentlemen the greatest guide for FlexView ever made!(and first one, and only one…probably also the last one)
+
+
+First of all, why `FlexView`
+
+This how you flex without `FlexView`:
+
+```scss
+// flex
+display: flexbox;
+display: -webkit-box;
+display: -moz-box;
+display: -ms-flexbox;
+display: -webkit-flex;
+display: flex;
+
+// direction
+webkit-box-flex-direction: row;
+moz-box-flex-direction: row;
+ms-flex-direction: row;
+webkit-flex-direction: row;
+flex-direction: row;
+
+// grow, shrink, basis
+webkit-box-flex: 1 1 200px;
+moz-box-flex: 1 1 200px;
+ms-flex: 1 1 200px;
+webkit-flex: 1 1 200px;
+flex: 1 1 200px;
+```
+
+And this is how you flex with `FlexView`:
+
+```jsx
+<FlexView grow shrink basis='200' />
+```
+
+Now that I have your attention we can jump to the real chapters!

docs/SUMMARY.md

@@ -0,0 +1,14 @@
+# Summary
+
+- [Introduction](README.md)
+- [API Overview](API-Overview.md)
+- [Direction](Direction.md)
+- [Size](size/README.md)
+  - [width, height and flex-basis](size/Width-Height-Flex-basis.md)
+  - [flex-grow](size/Flex-grow.md)
+  - [flex-shrink](size/Flex-shrink.md)
+  - [basis, grow and shrink working together](size/Basis-Grow-Shrink.md)
+  - [Inherited size (container)](size/Inherited-Size.md)
+- Positioning
+  - [Content positioning](positioning/Content-Positioning.md)
+  - [Self positioning](positioning/Self-Positioning.md)