diff --git a/docs/content/assets/dx-play.jpg b/docs/content/assets/dx-play.jpg deleted file mode 100644 index e2c743672..000000000 Binary files a/docs/content/assets/dx-play.jpg and /dev/null differ diff --git a/docs/content/assets/dx.mp4 b/docs/content/assets/dx.mp4 deleted file mode 100644 index 73357c5a4..000000000 Binary files a/docs/content/assets/dx.mp4 and /dev/null differ diff --git a/docs/content/assets/phenomic-demo.gif b/docs/content/assets/phenomic-demo.gif new file mode 100644 index 000000000..98f9088ed Binary files /dev/null and b/docs/content/assets/phenomic-demo.gif differ diff --git a/docs/content/index.md b/docs/content/index.md index cda8b40f5..8e74236b9 100644 --- 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).
- Take a look at websites using Phenomic 👀 + See how is using Phenomic
-## 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.
- Take a look at the base theme demo 👀 + Check out the base theme demo 👀
+ +## 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!