Docs: update homepage a little

MoOx · Nov 17, 2016 · fa6c1c7 · fa6c1c7
1 parent 819ec0f
commit fa6c1c7
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 19 deletions.
diff --git a/docs/content/assets/dx-play.jpg b/docs/content/assets/dx-play.jpg
diff --git a/docs/content/assets/dx.mp4 b/docs/content/assets/dx.mp4
diff --git a/docs/content/assets/phenomic-demo.gif b/docs/content/assets/phenomic-demo.gif
diff --git a/docs/content/index.md b/docs/content/index.md
@@ -24,6 +24,8 @@ to help you build your website, blog or even a small app.
 
 _Phenomic_ will help you generate and deploy a website in a heartbeat.
 
+![Developer experience preview](/assets/phenomic-demo.gif)
+
 ## Static and dynamic
 
 [React](http://jlongster.com/Removing-User-Interface-Complexity,-or-Why-React-is-Awesome)
@@ -36,27 +38,15 @@ the minimal amount of data for each new page**
 (a single file that only contains your page data).
 
 <center style="font-weight: bold"><a href="showcase/">
-  Take a look at websites using Phenomic 👀
+  See how is using Phenomic
 </a></center>
 
-## Setup a website in a flash
-
-Creating a website based on Phenomic only takes a minute.
-[Why not give it a try?](docs/setup/)
-
-## Awesome DX (Developer Experience)
-
-During development, enjoy the benefit of hot loading with visual errors in your
-layout! That means you won't have to refresh your page during development when
-you edit your website. You will also see compilation & runtime errors.
-
-[![Developer experience preview](/assets/dx-play.jpg)](/assets/dx.mp4)
+## Choose your flavor
 
-### Choose your Phenomic flavor
-
-Phenomic is easily customizable; choose your own Markdown engine
-(with your own plugins), your own CSS preprocessor etc, thanks to the
-flexibility of Webpack and its loaders.
+Phenomic is easily customizable.
+You can choose your own Markdown engine ([or any other engine](/docs/usage/plugins/))
+and your own
+[CSS preprocessor, CSS in JS or inline styles solution](/docs/usage/styling/).
 
 By default, Phenomic provides a
 [base theme](https://github.com/MoOx/phenomic/tree/master/themes/phenomic-theme-base)
@@ -65,9 +55,16 @@ It also contains commented pieces of code that allows you to quickly customize
 it to fit your needs.
 
 <center style="font-weight: bold"><a href="themes/base/demo/">
-  Take a look at the base theme demo 👀
+  Check out the base theme demo 👀
 </a></center>
 
+
+## Awesome DX (Developer Experience)
+
+During development, enjoy the benefit of hot loading with visual errors in your
+layout! That means you won't have to refresh your page during development when
+you edit your website. You will also see compilation & runtime errors.
+
 ---
 
 Wanna play with Phenomic? It will take just 2 commands to setup a fresh project!