Test Waka

CHANGELOG.md

@@ -0,0 +1,144 @@
+---
+---
+
+# Change log
+
+## Pre-release 1.1.0 (upcoming)
+
+- [Web] New support of Angular 2
+- [Mobile] New support of Ionic 2
+- [Web & Mobile] New navigation and address bar in the Preview panel
+- [Web & Mobile] Better overall user experience
+- [Studio] Open project folder in Terminal
+- [Studio] New web and mobile template catalog for project creation
+- [Studio] New preferences: auto-shutdown server on solution close and auto-reload modified files
+- [Studio] Better support of Retina displays
+- [Code Editor] Comments toggling with `CMD-/` and `CTRL-/`
+- [Code Editor] Better support of `.ts` `.less`, `.scss`, `.sass` and `.md` files
+- [Git] Remote settings edition
+- [Git & Deploy] Better overall user experience
+- [Add-ons] Improved updatability of Studio components and dependencies mechanism
+- [Extensions API] New option for `targets` argument in Extension manifest to handle files based on their extension
+- Fix: Wakanda Studio deployment UX issue [#15](https://github.com/Wakanda/wakanda-issues/issues/15)
+- Fix: TAB key shows completion list instead of indenting code
+- Fix: Prototyper css files not updated automatically
+- Fix: Prototyper unreachable Google fonts API
+
+## 1.0.3 (Feb. 25)
+
+- Fix: Live reload on Run Page in Windows Studio
+- Fix: Model Designer combobox style [#35](https://github.com/Wakanda/wakanda-issues/issues/35)
+- Fix: Autocompletion suggestions on multiple DataClasses
+- Fix: Code Editor indentation visual hint for spaces
+- Fix: Override via API of inherited attributes
+- Fix: Console link to nodejs installation page
+
+## 1.0.2 (Feb. 19)
+
+- Fix: Loading large projects freezes the studio
+- Fix: Directory panel can't be resized on small screens
+- Fix: `bower update` fails inside `web` & `mobile` folders
+- Fix: RPC modules renaming keeps both old and new paths exposed as RPC
+- Fix: Git visual bug [#16](https://github.com/Wakanda/wakanda-issues/issues/16)
+- Fix: `Untabify Selection` not working for JS Files
+- Fix: Git and Troubleshooting interfaces slow load when offline
+- Fix: renaming a folder in the explorer makes it disappear from the list
+- Fix: black lines appear inside resized web zones
+- Fix: Integrate latest Angular-Wakanda fixes ([1.0.3](https://github.com/Wakanda/angular-wakanda/releases/tag/v1.0.3))
+- Fix: Concurrent Ionic Run or Build sometimes causes file corruption
+- Fix: Prototyper's image widget does not render image in runtime
+- Fix: Prototyper's RichText widget resize loop
+- Fix: Prototyper's Combobox widget debugger statement from [27](https://github.com/Wakanda/wakanda-issues/issues/27)
+
+---
+
+## 1.0.1 (Dec. 17)
+
+- Fix: Prototyper bug [#19](https://github.com/Wakanda/wakanda-issues/issues/19)
+- Project creation with [Angular-Wakanda 1.0.2](http://wakanda.github.io/angular-wakanda)
+
+---
+
+## 1.0.0 (Dec. 7)
+
+- [Angular-Wakanda 1.0.0 release](http://wakanda.github.io/angular-wakanda) and support in the Studio
+- Angular-Wakanda project scaffolding on solution creation
+
+---
+
+## Beta
+
+### Week 48 (Nov. 4 - Nov. 24)
+
+- [Mobile] New Preview mobile apps in the studio
+- [Mobile] New Run on mobile devices
+- [Mobile] New troubleshooting application to setup and check your environment
+- [Studio] Better Git support
+- [Studio] New Deploy on cloud and git server
+- [Studio] New "Getting Started" Start Page
+- [Studio] Improvement on file creation:
+  - New menu item to create CSS files
+  - HTML files now created empty
+  - No more magic destination and folder creation, except for Page and Component Prototypes
+- [Web] New Run Page with live-reload support
+- [Model] Improvement: model files scaffolding for MySQL connector
+- [Add-ons] 10 new core Studio components updatable directly from Add-ons
+
+### Week 45 (Oct. 19 - Nov. 3)
+
+- [Mobile] New Run on mobile simulators
+- [Mobile] New Build mobile apps from the studio
+- [Studio] New Project directory structure
+- [Studio] Improvement: a single Start / Stop server in the Studio that automatically loads the solution
+- [Studio] New Studio panels:
+  - One new left panel for Home and Solution Explorer
+  - One new bottom panel for consoles and editors
+
+### Week 42 (Sept. 28 - Oct. 18)
+
+- [Extensions] New onToolbarButtonMenuOpen trigger
+- [Studio] Code editors themes support
+  - Menu "Wakanda Studio" > "Preferences" then "Code Editor” tab
+  - Try one of our 30+ default themes, light and dark
+  - Or create your own theme
+- [Studio] New Preferences panel
+  - Menu "Wakanda Studio" > "Preferences"
+  - All the Studio and Editor settings are now in one place
+
+### Week 39 (Sept 10 - Sept. 27)
+
+- [Extensions] New onSolutionBeforeClosing trigger
+- [Code Editor] Smarter auto-completion on Wakanda Model
+  - [Try this gist code example](https://gist.github.com/cedricss/e41f60fdcf6ca5c31ea0)
+
+### Week 36 (August 17 - Sept. 9)
+
+- [Extensions] New API to open a page with URL parameters
+- [Extensions] New API to get selected projects in the studio
+- [Code Editor] Find in Files results now highlighted in the web editor
+- [Mobile] New console extension to perform startup requirement checks
+
+### Week 33 (July 27 - August 16)
+
+- [Code Editor] Smarter auto-completion on JS code
+  - [Try this gist code example](https://gist.github.com/cedricss/e41f60fdcf6ca5c31ea0)
+
+### Week 30 (July 6 - July 26)
+
+- [Code Editor] Quote selected text typing a single character
+- [Studio] The new "Find in files” now supports replacement
+
+### Week 27 (June 15 - July 5)
+
+- [Code Editor] Better closing blocks behaviours (JS files)
+  - Customize them via your Studio preferences
+- [Code Editor] New Wakanda Web Editor
+  - Open any .html or .css file
+  - Try [Emmet abbreviations](http://emmet.io/)
+  - [Fork this new extension](https://github.com/Wakanda/wakanda-extension-web-editor) and create your own Studio Editor
+- [Studio] New "Find in files"
+  - Menu "Find" > "Find in Files…"
+
+### Week 24 (May 25 - June 14)
+
+- [Extensions] New API to develop editor extensions in Wakanda Studio

CONTRIBUTING.md

@@ -0,0 +1,89 @@
+---
+---
+
+# Getting Started website
+
+## How to contribute?
+
+### Table of contents
+
+- [Your first contribution, without leaving your browser](#your-first-contribution)
+- [Further contributions](#further-contributions)
+- [Pictures submission](#pictures-submission)
+
+### Your first contribution
+
+[Sign in](https://github.com/login){:target="_blank"} to your Github account.
+
+[On the Wakanda Studio repository](https://github.com/Wakanda/wakanda-studio){:target="_blank"}, make sure you are on the [gh-pages](https://github.com/Wakanda/wakanda-studio/tree/gh-pages){:target="_blank"} branch:
+
+![gh-pages](img/readme-gh-pages.png)
+
+Open the page you want to contribue to:
+
+![open-md](img/readme-open-md-file.png)
+
+Click on the file edition button. It will automatically fork the project in your Github account:
+
+![fork-edit-file](img/readme-fork-edit-file.png)
+
+Edit the file content and propose a file change:
+
+![submit-change](img/readme-propose-file-change.png)
+
+_**Note**: you can [edit more files](#further-contributions) before submitting a pull request._
+
+Create a pull request:
+
+![propose-file-change](img/readme-create-pr.png)
+
+Add a short comment to explain the update you propose and confirm.
+
+Thanks for your first contribution. We'll now review your submission!
+
+### Further contributions
+
+Open the Wakand Studio repository now forked on your Github account: `https://github.com/YOUR-USERNAME/wakanda-studio`
+
+Choose the branch you want to work on. For example, switch to `gh-pages` (we'll create a branch later) or continue on your `patch-x` branch to edit more files:
+
+![gh-pages](img/readme-gh-pages.png)
+
+Open the file to edit and start a pull request and check the _create a new branch_ option.
+Alternatively, you can check the _commit directly_ option to submit more commits before creating a pull request or to improve an existing one.
+
+![new-branch-pr](img/readme-new-branch-pr.png)
+
+### Pictures submission
+
+You can't submit a picture via the Github web interface. So, let's use the command line:
+
+Clone your wakanda-studio fork:
+
+    $ git clone https://github.com/YOUR-USERNAME/wakanda-studio.git
+    $ cd wakanda-studio
+
+Switch to the `gh-pages` branch:
+
+    $ git checkout origin/gh-pages -t
+
+Add your image in the `img` folder of wakanda-studio. And commit your update:
+
+    $ git add img/readme-propose-file-change.png
+    $ git commit -m "Add propose file change screenshot for README"
+  
+Push your local changes on `gh-pages` to a new remote branch. For example, `readme-screenshot-propose`:
+
+    $ git push origin gh-pages:readme-screenshot-propose
+
+Open the Wakand Studio repository forked on your Github account: `https://github.com/YOUR-USERNAME/wakanda-studio`
+
+Your new branch is ready for a pull request! Click on _Compare & pull request_:
+
+ ![pushed-branch-pr](img/readme-pushed-branch-pr.png)
+
+Make sure the _base branch_ is `gh-pages`:
+
+ ![open-pull-request](img/readme-open-pull-request.png)
+
+Add a short comment to explain the update you propose and confirm. Thank you again!

README.md

@@ -1,44 +1,7 @@
-## What is Laragon?
+# Wakanda Studio Getting Started
 
-Laragon is a portable, isolated, fast & powerful universal development environment for PHP, Node.js, Python, Java, Go, Ruby. It is fast, lightweight, easy-to-use and easy-to-extend.
-
-Laragon is great for building and managing modern web applications. It is focused on performance  - designed around stability, simplicity, flexibility and freedom.
-
-Laragon is very lightweight and will stay as lean as possible. The core binary itself is less than 2MB and uses less than 4MB RAM when running.
-
-Laragon doesn't use Windows services. It has its own `service orchestration` which manages services asynchronously and non-blocking so you'll find things run fast & smoothly with Laragon.
-
-Enjoy!
-
-## Features
-
-- **Pretty URLs**
-  Use `app.test` instead of `localhost/app`.
-- **Portable**
-  You can move Laragon folder around (to another disks, to another laptops, sync to Cloud,...) without any worries. 
-- **Isolated**
-  Laragon has an isolated environment with your OS - it will keep your system clean.
-- **Easy Operation**
-  Unlike others which pre-config for you, Laragon **`auto-configs`** all the complicated things. That why you can add another versions of PHP, Python, Ruby, Java, Go, Apache, Nginx, MySQL, PostgreSQL, MongoDB,... effortlessly.
-- **Modern & Powerful**
-  Laragon comes with modern architect which is suitable to build modern web apps. You can work with both Apache & Nginx as they are fully-managed.
-  Also, Laragon makes things a lot easier:
-  - Wanna have a Wordpress CMS? Just 1 click.
-  - Wanna show your local project to customers? Just 1 click.  
-  - Wanna enable/disable a PHP extension? Just 1 click.
-
-
-
-*Laragon is trully isolated & portable. However, you may need to use the installer as it will detect and install missing run-time components that are required to run C++ applications built using Visual Studio such as `PHP, Apache` for you.*
-
-
-## How fast?
-Laragon starts instantly. You can set Laragon autorun when Windows starts. When running, Laragon uses just a little amount of your RAM.
-Here is the GUI of Laragon:
-![0_1513173700919_01-dashboard.png](https://i.imgur.com/f8rBqSU.png) 
-
-## How easy?
-- Laragon is very easy to install & upgrade. Just download the latest version and click `Next, Next, Next...`
-- Laragon is very easy to use. For almost time, it will work out-of-the-box that you don't need to touch any configuration files.
-- Laragon is very easy to extend. You can add other services to your current stack by just extracting them to `Laragon's bin` folder.
+- [Getting Started](http://wakanda.github.io/wakanda-studio)
+- [Documentation](http://doc.wakanda.org/)
+- [Wakanda.io](http://www.wakanda.io/)
 
+Read [CONTRIBUTING.md](CONTRIBUTING.md) if you want to help with the Getting Started website.

_config.yml

@@ -0,0 +1,23 @@
+full_rebuild: true
+name: Wakanda Studio
+author: Wakanda SAS
+url: http://wakanda.io
+version: 0.1
+repository: https://github.com/Wakanda/wakanda-studio
+branch: gh-pages
+encoding: utf-8
+themes: 
+    general: wakanda
+    code: github
+version: 1.3
+encoding: utf-8
+defaults:
+  -
+    values:
+      layout: "index"
+exclude: [
+.git,
+.gitignore,
+README.md,
+LICENSE
+]

_data/toc.yml

@@ -0,0 +1,87 @@
+entries:
+
+- title: Getting Started
+  pages:
+  
+  - title: 0 - Installation
+    url: installation.html
+  
+  - title: 1 - Design your data model
+    url: design-data-model.html
+
+  - title: 2 - Create a web app
+    url: create-web-app.html
+ 
+  - title: 3 - Create a mobile app
+    url: create-mobile-app.html
+
+- title: Code management
+  pages:
+  
+  - title: Version control your code
+    url: version-control.html
+
+  - title: Deploy your app
+    url: deploy-your-app.html
+
+- title: Build management
+  pages:
+
+  - title: Build process introduction
+    url: build-process-introduction.html
+
+  - title: SASS precompilation
+    url: sass-precompilation.html
+
+- title:  Other resources
+  pages:
+
+  - title: Wakanda Studio Change log
+    url: CHANGELOG.html
+
+  - title: Wakanda Documentation
+    url: http://doc.wakanda.org/
+    target: _blank
+
+  - title: Angular-Wakanda connector
+    url: http://wakanda.github.io/angular-wakanda
+    target: _blank
+
+  - title: Frequently Asked Questions
+    url: http://www.wakanda.io/frequently-asked-questions
+    target: _blank
+
+  - title: Issue submission
+    url: https://github.com/Wakanda/wakanda-issues/issues
+    target: _blank
+
+  - title: How to contribute to this page
+    url: CONTRIBUTING.html
+
+- title: <hr/>
+  class: inline
+  pages:
+
+  - title: <i class="fa fa-github"></i>
+    url: https://github.com/wakanda
+    target: _blank
+
+  - title: <i class="fa fa-twitter"></i>
+    url: https://twitter.com/WakandaSoft
+    target: _blank
+
+  - title: <i class="fa fa-facebook"></i>
+    url: https://www.facebook.com/wakandasoft
+    target: _blank
+
+  - title: <i class="fa fa-youtube"></i>
+    url: https://www.youtube.com/user/wakandasoft
+    target: _blank
+
+  - title: <i class="fa fa-linkedin"></i>
+    url: https://www.linkedin.com/company/wakanda
+    target: _blank
+
+  - title: <i class="fa fa-rss"></i>
+    url: http://blog.wakanda.io
+    target: _blank

_includes/analytics.html

@@ -0,0 +1,40 @@
+<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-64329861-2', 'auto');
+  ga('send', 'pageview');
+
+</script>
+<script type="text/javascript">
+(function() {
+  var didInit = false;
+  function initMunchkin() {
+    if(didInit === false) {
+      didInit = true;
+      Munchkin.init('531-MRT-468');
+    }
+  }
+  var s = document.createElement('script');
+  s.type = 'text/javascript';
+  s.async = true;
+  s.src = '//munchkin.marketo.net/munchkin.js';
+  s.onreadystatechange = function() {
+    if (this.readyState == 'complete' || this.readyState == 'loaded') {
+      initMunchkin();
+    }
+  };
+  s.onload = initMunchkin;
+  document.getElementsByTagName('head')[0].appendChild(s);
+})();
+</script>
+<script type="text/javascript">
+	var $mcGoal = {'settings':{'uuid':'f0f5ce5be3ec91715eb87cf9c','dc':'us12'}};
+	(function() {
+		 var sp = document.createElement('script'); sp.type = 'text/javascript'; sp.async = true; sp.defer = true;
+		sp.src = ('https:' == document.location.protocol ? 'https://s3.amazonaws.com/downloads.mailchimp.com' : 'http://downloads.mailchimp.com') + '/js/goal.min.js';
+		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sp, s);
+	})(); 
+</script>

_includes/footer.html

@@ -0,0 +1,2 @@
+<p>Copyright © 2016 <a href="{{ site.url }}" target="_blank">{{ site.author }}</a></p>
+<p><small>Site made with <a href="https://github.com/cedricss/photon-book-creator" target="_blank">Photon Book Creator</a> and <a href="http://orderedlist.com/minimal/" target="_blank">minimal theme</a>.</small></p>

_includes/head.html

@@ -0,0 +1,8 @@
+<meta charset="UTF-8">
+<title>{{ site.name }}</title>
+<meta name="viewport" content="width=device-width">
+<meta name="author" content="{{ site.author }}">
+<link rel="shortcut icon" href="http://www.wakanda.io/sites/all/themes/wakanda_cloud/favicon.ico" type="image/vnd.microsoft.icon">
+<link rel="stylesheet" href="css/main.css?v=050716">
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+<script type='text/javascript' src='js/polyfill.js'></script>

_includes/index.html

@@ -0,0 +1,48 @@
+<header class="home">
+  <h1>Getting started</h1>
+  <img src="img/withWakAppFac.png" width="370" height="101">
+</header>
+
+<div class="home-container">
+  <h2>Getting started</h2>
+  <div>
+    <div class="head">1</div>
+    <a class="action" href="design-data-model.html">
+      <div class="stepPic model"></div>
+      DESIGN YOUR<br>DATA MODEL
+    </a>
+  </div>
+  <div>
+    <div class="head">2</div>
+      <a class="action" href="create-web-app.html">
+        <div class="stepPic webApp"></div>
+        CREATE<br>A WEB APP
+      </a>
+  </div>
+  <div>
+    <div class="head">3</div>
+      <a class="action" href="create-mobile-app.html">
+        <div class="stepPic mobileApp"></div>
+        CREATE<br>A MOBILE APP
+      </a>
+  </div>
+  <hr/>
+</div>
+<div class="home-container">
+<h2>Going further</h2>
+  <div>
+    <div class="head"><span class="label">Enterprise  Edition</span></div>
+    <a class="action" href="http://doc.wakanda.org/home2.en.html#/MySQL-Connector-Pro/MySQL-Connector-Pro.100-1168858.en.html" target="_blank">
+      <div class="stepPic circle connect"></div>
+      CONNECT EXTERNAL<br>DATA SOURCES
+    </a>
+  </div>
+    <div>
+      <div class="head small"><span class="label">Cloud Platform</span></div>
+    <a class="action" href="deploy-your-app.html">
+      <div class="stepPic circle deploy"></div>
+      DEPLOY TO<br>WAKANDA CLOUD
+    </a>
+  </div>
+  <hr/>
+</div>

_includes/mailing.html

@@ -0,0 +1,22 @@
+<!-- Begin MailChimp Signup Form -->
+<div id="mc_embed_signup">
+    <form action="//wakanda.us12.list-manage.com/subscribe/post?u=f0f5ce5be3ec91715eb87cf9c&amp;id=94c52bff22" method="post"
+    id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
+        <div id="mc_embed_signup_scroll">
+            <h2>Subscribe to our mailing list</h2>
+            <div class="mc-field-group">
+                <input placeholder="Enter your email" type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
+                <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
+            </div>
+            <div id="mce-responses" class="clear">
+                <div class="response" id="mce-error-response" style="display:none"></div>
+                <div class="response" id="mce-success-response" style="display:none"></div>
+            </div>
+            <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+            <div style="position: absolute; left: -5000px;" aria-hidden="true">
+                <input type="text" name="b_f0f5ce5be3ec91715eb87cf9c_94c52bff22" tabindex="-1" value="">
+            </div>
+        </div>
+    </form>
+</div>
+<!--End mc_embed_signup-->

_includes/nav.html

@@ -0,0 +1,23 @@
+<h1><a href="index.html">{{ site.name }}</a></h1>
+<hr class="star-light">
+
+{% for entry in site.data.toc.entries %}
+    {% for node in entry.pages %}
+        {% if page.url contains node.url %}
+            {% assign chapter_title = entry.title %}
+        {% endif %}
+    {% endfor %}
+{% endfor %}
+
+{% for entry in site.data.toc.entries %}
+<h2 {% if chapter_title == entry.title %} class="active" {% endif %}>
+    {{ entry.title }}
+</h2>
+<ul class="{{ entry.class }}">
+    {% for node in entry.pages %}
+    <li {% if page.url contains node.url %} class="active" {% endif %}>
+        <a href="{{ node.url }}" target="{{ node.target }}">{{ node.title }}</a>
+    </li>
+    {% endfor %}
+</ul>
+{% endfor %}

_includes/search.html

@@ -0,0 +1,4 @@
+<div class="search-input-wrapper">
+    <span class="fa fa-search"> </span>
+    <input type="text" id="search" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Search the docs..." >
+</div>

_includes/sync_scripts.html

@@ -0,0 +1,9 @@
+<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
+<script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script> 
+<script type="text/javascript"> docsearch({
+apiKey: '7c5609c68a1793fb3d9b585e503e7ece',
+indexName: 'wakanda_studio',
+inputSelector: '#search'
+}); 
+</script>

_layouts/index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        {% include head.html %}
+        {% include analytics.html %}
+    </head>
+    <body>
+        <div class="wrapper">
+            <nav>
+                <div class="scroll">
+                    {% include nav.html %}
+                    {% include mailing.html %}
+                </div>
+            </nav>
+            <section id="{{ page.id }}">
+                <div id="chapter">
+                    <span>{{ chapter_title }}</span>
+                </div>
+                <div id="contribute">
+                    <a href="{{ site.repository }}/blob/{{ site.branch }}/{{ page.path }}"><span class="fa fa-github"> </span> </a>
+                </div>
+                {{ content }}
+            </section>
+            {% include search.html %}
+            <footer class="clear-all">
+                {% include footer.html %}
+            </footer>
+        </div>
+    </body>
+    {% include sync_scripts.html %}
+</html>

build-process-introduction.md

@@ -0,0 +1,112 @@
+---
+---
+
+# Build process introduction
+
+## Table of contents
+
+- [Introduction to Gulp](#introduction-to-gulp)
+- [Customize the build process](#customize-the-build-process)
+- [Add more modules](#add-more-modules)
+
+## Introduction to Gulp
+
+[Gulp](http://gulpjs.com/) is a build tool based on [Node.js](https://nodejs.org/). It provides a Javascript interface to maintain complex build tasks intuitive and manageable.
+
+You can find different `gulpfile.js` files inside a Wakanda project.
+
+*mobile folder*
+
+<img src="img/mobile-tree-gulpfile.png" />
+
+*web folder*
+
+<img src="img/web-tree-gulpfile.png" />
+
+These are the entry points of the build process of your application.
+
+Wakanda Studio is able to run the build tasks defined in the `gulpfile.js` files.
+
+[How to install Gulp »](installation.html#increase-your-productivity){:class="btn"}
+
+## Customize the build process
+
+Gulp logic can be summarized by the concept of *tasks*. A `gulpfile.js` can include multiple tasks. When Gulp is launched, it collects all the tasks defined by the user and runs the specified ones.
+
+Gulp is optional. When installed, the Studio is able to run several additional functionalities like the live-reload defined on `web/gulpfile.js`.
+
+On *Run Page* the `serve` task is triggered:
+
+```javascript
+gulp.task('serve', ['watch', 'connect']);
+```
+
+The first parameter is the task name, 'serve', and the second parameter can be a function or an actions list. By default we run different tasks:
+
+- `connect`: launch a server ready to live-reload when a file change message is received.
+
+```javascript
+      gulp.task('connect', function() {
+        connect.server({
+          root: ['.'],
+          port: options.connectPort,
+          livereload: {
+            port: options.livereloadPort
+          },
+          middleware: function(conn, opt) {
+            return [
+              proxy('!/app/**', {
+                target: options.serverUrl,
+                changeOrigin: false,
+                ws: true
+              })
+            ];
+          }
+        });
+      });
+```
+
+- `watch` and `reload`: watch file changements in the specified folders and inform the live-reload server.
+
+```javascript
+      var baseFolder = options.app;
+      gulp.task('watch', function() {
+        gulp.watch([
+          baseFolder + 'scripts/**/*.js',
+          baseFolder + 'styles/**/*.css',
+          baseFolder + 'views/**/*.html',
+          baseFolder + 'index.html'
+        ], ['reload']);
+      });
+      gulp.task('reload', function() {
+        gulp.src(options.app + '**')
+          .pipe(connect.reload());
+      });
+```
+
+This is the code necessary for the live-reload to work. These tasks are normally different for each project:
+
+- An appropriate folders and/or files list should be provided in the `watch` task.
+- Root location, live-reload and proxy settings could be customized when necessary.
+
+## Add more modules
+
+Many additional Gulp modules are available. Here's a list of the most popular packages:
+
+- [Sass](https://www.npmjs.com/package/gulp-sass){:target="blank_"}
+- [Less](https://www.npmjs.com/package/gulp-less){:target="blank_"}
+- [Babel](https://www.npmjs.com/package/gulp-babel){:target="blank_"}
+- [TypeScript](https://www.npmjs.com/package/gulp-typescript){:target="blank_"}
+- [CoffeScript](https://www.npmjs.com/package/gulp-coffee){:target="blank_"}
+- [Handlebars templates](https://www.npmjs.com/package/gulp-handlebars){:target="blank_"}
+- [Mustache templates](https://www.npmjs.com/package/gulp-mustache){:target="blank_"}
+- [JS Uglify](https://www.npmjs.com/package/gulp-uglify){:target="blank_"}
+- [Imagemin](https://www.npmjs.com/package/gulp-imagemin){:target="blank_"}
+
+
+---
+
+Let’s see an example:
+
+[Compile SASS files automatically »](sass-precompilation.html){:class="btn"}
+

create-mobile-app.md

@@ -0,0 +1,55 @@
+---
+---
+
+# Create a mobile app
+
+## Table of contents
+
+- [Preview in the Studio](#preview-in-the-studio)
+- [Run on a simulator](#run-on-a-simulator)
+- [Run on your devices](#run-on-devices)
+- [Build your app](#build-your-app)
+
+## Preview in the Studio
+
+<img src="img/toolbar-mobile-preview.png" />
+
+The mobile preview reloads automatically after any file changes occur:
+
+<img src="img/mobile-live-reload.gif" />
+
+## Run on a simulator
+
+<img src="img/toolbar-mobile-run.png" />
+
+Click on Run and track the progress on the Studio console:
+
+<img src="img/mobile-simulator-launching.png" />
+
+The simulator starts automatically and loads your app:
+
+<img height="600px;" src="img/mobile-simulator.png" />
+
+## Run on devices
+
+- **iOS devices**: sign up for an Apple Developer account and set up XCode with your certificates to enable device testing. You can [build your iOS app](#build-your-app) and open the XCode project generated in `platforms/ios/` to test the configuration.
+- **Android devices**: make sure you have [USB debugging enabled](http://developer.android.com/tools/device.html).
+
+Wakanda Studio automatically detects supported device connected to the USB port.
+Open the _Run_ dropdown and select the device to run on:
+
+<img src="img/mobile-run-devices.png" />
+
+## Build your app
+
+Choose the platforms to build for:
+
+<img src="img/mobile-build-dropdown.png" />
+
+Click on _Build_ to generate a binary based on your [config.xml](http://cordova.apache.org/docs/en/latest/config_ref/index.html){:target="_blank"}:
+
+<img src="img/mobile-build-progress.png" />
+
+Then, click on the link to open the generated files:
+
+<img src="img/mobile-build.png" />

create-web-app.md

@@ -0,0 +1,48 @@
+---
+---
+
+# Create a web app
+
+## Table of contents
+
+- [Run your web application](#run-your-web-application)
+- [Customize the panels](#customize-the-panels)
+- [Enable live reload](#enable-live-reload)
+- [Code your Angular application](#code-your-angular-application)
+
+## 1 - Run your web application
+
+Click on the _Run Page_ toolbar button:
+
+<img src="img/web-run-page.png"/>
+
+[Activate live reload](installation.html#increase-your-productivity) to reload automatically the page after any file changes occur.
+
+## 2 - Customize the panels
+
+Open the right panel from the toolbar toggles:
+
+<img src="img/panel-toggles.png" />
+
+You can move the web preview on the right panel:
+
+<img src="img/web-app-creation.png" />
+
+To open your application in your default browser, set this preference via _Run Page_ dropdown:
+
+<img src="img/web-run-dropdown.png" />
+
+## 4 - Code your Angular application
+
+<img src="http://wakanda.github.io/angular-wakanda/images/angular-wakanda.png" />
+
+Wakanda integrates the Angular framework.
+
+[Learn more »](http://wakanda.github.io/angular-wakanda/){:target="_blank"}{:class="btn"}
+
+---
+
+You can also create a mobile version of your application, based on the same backend.
+
+[Create the mobile version »](create-mobile-app.html){:class="btn"}
+

css/code/github.css

@@ -0,0 +1,63 @@
+pre code { color: black; }
+pre.highlight { background-color: #F9F9F9; border: 0; }
+.highlight .hll { background-color: #ffffcc; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { color: #000000; font-weight: bold } /* Keyword */
+.highlight .o { color: #000000; font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d01040 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nl { color: #990000; font-weight: bold } /* Name.Label */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d01040 } /* Literal.String.Backtick */
+.highlight .sc { color: #d01040 } /* Literal.String.Char */
+.highlight .sd { color: #d01040 } /* Literal.String.Doc */
+.highlight .s2 { color: #d01040 } /* Literal.String.Double */
+.highlight .se { color: #d01040 } /* Literal.String.Escape */
+.highlight .sh { color: #d01040 } /* Literal.String.Heredoc */
+.highlight .si { color: #d01040 } /* Literal.String.Interpol */
+.highlight .sx { color: #d01040 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d01040 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */

css/code/monokai.css

@@ -0,0 +1,64 @@
+pre code { color: white; }
+pre.highlight { background-color: #272822; border: 0; }
+.highlight .hll { background-color: #272822; }
+.highlight .c { color: #75715e } /* Comment */
+.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
+.highlight .k { color: #66d9ef } /* Keyword */
+.highlight .l { color: #ae81ff } /* Literal */
+.highlight .n { color: #f8f8f2 } /* Name */
+.highlight .o { color: #f92672 } /* Operator */
+.highlight .p { color: #f8f8f2 } /* Punctuation */
+.highlight .cm { color: #75715e } /* Comment.Multiline */
+.highlight .cp { color: #75715e } /* Comment.Preproc */
+.highlight .c1 { color: #75715e } /* Comment.Single */
+.highlight .cs { color: #75715e } /* Comment.Special */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .kc { color: #66d9ef } /* Keyword.Constant */
+.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
+.highlight .kn { color: #f92672 } /* Keyword.Namespace */
+.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
+.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
+.highlight .kt { color: #66d9ef } /* Keyword.Type */
+.highlight .ld { color: #e6db74 } /* Literal.Date */
+.highlight .m { color: #ae81ff } /* Literal.Number */
+.highlight .s { color: #e6db74 } /* Literal.String */
+.highlight .na { color: #a6e22e } /* Name.Attribute */
+.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
+.highlight .nc { color: #a6e22e } /* Name.Class */
+.highlight .no { color: #66d9ef } /* Name.Constant */
+.highlight .nd { color: #a6e22e } /* Name.Decorator */
+.highlight .ni { color: #f8f8f2 } /* Name.Entity */
+.highlight .ne { color: #a6e22e } /* Name.Exception */
+.highlight .nf { color: #a6e22e } /* Name.Function */
+.highlight .nl { color: #f8f8f2 } /* Name.Label */
+.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
+.highlight .nx { color: #a6e22e } /* Name.Other */
+.highlight .py { color: #f8f8f2 } /* Name.Property */
+.highlight .nt { color: #f92672 } /* Name.Tag */
+.highlight .nv { color: #f8f8f2 } /* Name.Variable */
+.highlight .ow { color: #f92672 } /* Operator.Word */
+.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
+.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
+.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
+.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
+.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
+.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
+.highlight .sc { color: #e6db74 } /* Literal.String.Char */
+.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
+.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
+.highlight .se { color: #ae81ff } /* Literal.String.Escape */
+.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
+.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
+.highlight .sx { color: #e6db74 } /* Literal.String.Other */
+.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
+.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
+.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
+.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
+.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
+.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
+.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
+.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
+.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
+.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */

css/code/vs.css

@@ -0,0 +1,35 @@
+pre code { color: black; }
+pre.highlight { background-color: #F9F9F9; border: 0; }
+.highlight .hll { background-color: #ffffcc }
+.highlight .c { color: #008000 } /* Comment */
+.highlight .err { border: 1px solid #FF0000 } /* Error */
+.highlight .k { color: #0000ff } /* Keyword */
+.highlight .cm { color: #008000 } /* Comment.Multiline */
+.highlight .cp { color: #0000ff } /* Comment.Preproc */
+.highlight .c1 { color: #008000 } /* Comment.Single */
+.highlight .cs { color: #008000 } /* Comment.Special */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gh { font-weight: bold } /* Generic.Heading */
+.highlight .gp { font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { font-weight: bold } /* Generic.Subheading */
+.highlight .kc { color: #0000ff } /* Keyword.Constant */
+.highlight .kd { color: #0000ff } /* Keyword.Declaration */
+.highlight .kn { color: #0000ff } /* Keyword.Namespace */
+.highlight .kp { color: #0000ff } /* Keyword.Pseudo */
+.highlight .kr { color: #0000ff } /* Keyword.Reserved */
+.highlight .kt { color: #2b91af } /* Keyword.Type */
+.highlight .s { color: #a31515 } /* Literal.String */
+.highlight .nc { color: #2b91af } /* Name.Class */
+.highlight .ow { color: #0000ff } /* Operator.Word */
+.highlight .sb { color: #a31515 } /* Literal.String.Backtick */
+.highlight .sc { color: #a31515 } /* Literal.String.Char */
+.highlight .sd { color: #a31515 } /* Literal.String.Doc */
+.highlight .s2 { color: #a31515 } /* Literal.String.Double */
+.highlight .se { color: #a31515 } /* Literal.String.Escape */
+.highlight .sh { color: #a31515 } /* Literal.String.Heredoc */
+.highlight .si { color: #a31515 } /* Literal.String.Interpol */
+.highlight .sx { color: #a31515 } /* Literal.String.Other */
+.highlight .sr { color: #a31515 } /* Literal.String.Regex */
+.highlight .s1 { color: #a31515 } /* Literal.String.Single */
+.highlight .ss { color: #a31515 } /* Literal.String.Symbol */

css/layout.scss

@@ -0,0 +1,126 @@
+---
+---
+
+$nav-width: 250px;
+
+html {
+  padding: 0;
+  margin: 0;
+}
+body {
+  padding: 0;
+  margin: 0;
+}
+
+nav {
+  width: $nav-width;
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  min-height: 100%;
+
+  h1, h2, ul, ol {
+    padding-left: 28px;
+    width: 100%;
+    display: block;
+    clear: both;
+  }
+
+  h2 {
+    hr {
+      margin-bottom: 0;
+      margin-top: 32px;
+    }
+  }
+
+  ul.inline li, ol.inline li {
+    display: inline;
+  }
+
+  .fa {
+    padding: 0 8px 0 8px;
+    margin-left: -8px;
+    margin-bottom: 20px;
+  }
+}
+
+.scroll {
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  height: 100%;
+}
+
+section {
+  margin-left: $nav-width + 1;
+  width:auto;
+  float: none;
+  min-height: 100%;
+  text-align: justify;
+
+  h1, h2, h3, ul, ol, & > p, blockquote, pre, hr {
+    max-width: 800px;
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+
+  #contribute {
+    padding: 40px 40px 0px 40px;
+    text-align: right;
+    a {
+       max-width: 800px;
+       display: block;
+    }
+  }
+}
+
+footer {
+  margin: 40px 0 0 $nav-width;
+  padding: 40px 0 40px 40px;
+  p {
+    margin: 0;
+  }
+}
+
+@media print, screen and(max-width: 650px) {
+  
+  nav {
+    float: none;
+    position: static;
+    width: auto;
+    margin-left: 0;
+    width: 100%;
+    
+    h1 {
+      padding-top: 15px;
+    }
+
+    hr {
+      max-width: none !important;
+    } 
+  }
+  
+  section {
+    float: none;
+    position: static;
+    width: auto;
+    margin-left: 0;
+    border-width: 1px 0;
+    margin: 0 0 20px;
+    padding: 0;
+  }
+  
+  footer {
+    float: none;
+    position: static;
+    width: auto;
+    margin-left: 0;
+    padding: 0 0 15px 15px;
+  }
+  
+  div.wrapper {
+    width: auto;
+    margin: 0;
+  }
+}

css/main.scss

@@ -0,0 +1,52 @@
+---
+---
+
+@import url(themes/{{ site.themes.general }}/theme.css);
+@import url(layout.css);
+@import url(themes/{{ site.themes.general }}/overrides.css);
+@import url(code/{{ site.themes.code }}.css);
+
+html {
+  min-height: 100%;
+}
+
+.clear-all {
+  clear: both;
+}
+
+img.inline {
+  margin-bottom: -8px;
+}
+
+nav {
+  background: #fff;
+  border-right: 1px solid #dddddd;
+
+  .fa {
+    font-size: 14px;
+    color: #2B404A;
+  }
+  
+  h1 {
+    color:#323232;
+  }
+
+  h2 {
+    color:#555;
+  }
+
+  li a {
+    color:#14a1c8;
+    line-height:28px;
+  }
+}
+
+@media print, screen and(max-width: 650px) {
+  section {
+    border: none;
+  }
+  
+  nav {
+    border: none;
+  }
+}

css/themes/minimal/overrides.scss

@@ -0,0 +1,63 @@
+---
+---
+
+nav {
+  hr {
+    display: none;
+  }
+  
+  h1 {
+    margin-top: 40px;
+    font-size: 18px;
+    a, a:visited {
+      color: black;
+    }
+  }
+
+  h2 {
+    font-size: 16px;
+    margin-bottom: 5px;
+    hr {
+      display: block;
+      color: #EBF4F9;
+      background-color: #EBF4F9;
+    }
+  }
+  
+  ul {
+    list-style: none;
+
+    li {
+      margin-left: 0;
+      padding-left: 0;
+
+      a {
+        font-size: 13px;
+      }
+    }
+  }
+}
+
+section {
+  padding-bottom: 10px;
+  
+   #contribute {
+      a {
+        font-size: 12px;
+      }
+  }
+
+  h3 {
+    margin-bottom: 8px;
+  }
+
+  header {
+    float: none;
+    position: inherit;
+    width: 100%;
+    
+    h1 {
+      margin-top: 20px;
+    }
+  }
+}

css/themes/minimal/theme.css

@@ -0,0 +1,274 @@
+/*
+Original theme by Orderlist
+https://github.com/orderedlist/minimal
+
+Creative Commons Attribution-ShareAlike 3.0 Unported License.
+http://creativecommons.org/licenses/by-sa/3.0/
+
+Modified:
+- larger layout
+- footer on the section part
+- no subpixel treatment
+
+*/
+
+@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700italic,700);
+
+body {
+  background-color: #fff;
+  padding:50px;
+  font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color:#727272;
+  font-weight:400;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color:#222;
+  margin:0 0 20px;
+}
+
+p, ul, ol, table, pre, dl {
+  margin:0 0 20px;
+}
+
+h1, h2, h3 {
+  line-height:1.1;
+}
+
+h1 {
+  font-size:28px;
+}
+
+h2 {
+  color:#393939;
+}
+
+h3, h4, h5, h6 {
+  color:#494949;
+}
+
+a {
+  color:#39c;
+  text-decoration:none;
+}
+
+a:hover {
+  color:#069;
+}
+
+a small {
+  font-size:11px;
+  color:#777;
+  margin-top:-0.3em;
+  display:block;
+}
+
+a:hover small {
+  color:#777;
+}
+
+.wrapper {
+  margin:0 auto;
+}
+
+blockquote {
+  border-left:1px solid #e5e5e5;
+  margin:0;
+  padding:0 0 0 20px;
+  font-style:italic;
+}
+
+code, pre {
+  font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
+  color:#333;
+  font-size:12px;
+}
+
+pre {
+  padding:8px 15px;
+  background: #f8f8f8;
+  border-radius:5px;
+  border:1px solid #e5e5e5;
+  overflow-x: auto;
+}
+
+table {
+  width:100%;
+  border-collapse:collapse;
+}
+
+th, td {
+  text-align:left;
+  padding:5px 10px;
+  border-bottom:1px solid #e5e5e5;
+}
+
+dt {
+  color:#444;
+  font-weight:700;
+}
+
+th {
+  color:#444;
+}
+
+img {
+  max-width:100%;
+}
+
+header {
+  width:270px;
+  float:left;
+  position:fixed;
+}
+
+header ul {
+  list-style:none;
+  height:40px;
+  padding:0;
+  background: #f4f4f4;
+  border-radius:5px;
+  border:1px solid #e0e0e0;
+  width:270px;
+}
+
+header li {
+  width:89px;
+  float:left;
+  border-right:1px solid #e0e0e0;
+  height:40px;
+}
+
+header li:first-child a {
+  border-radius:5px 0 0 5px;
+}
+
+header li:last-child a {
+  border-radius:0 5px 5px 0;
+}
+
+header ul a {
+  line-height:1;
+  font-size:11px;
+  color:#999;
+  display:block;
+  text-align:center;
+  padding-top:6px;
+  height:34px;
+}
+
+header ul a:hover {
+  color:#999;
+}
+
+header ul a:active {
+  background-color:#f0f0f0;
+}
+
+strong {
+  color:#222;
+  font-weight:700;
+}
+
+header ul li + li + li {
+  border-right:none;
+  width:89px;
+}
+
+header ul a strong {
+  font-size:14px;
+  display:block;
+  color:#222;
+}
+
+section {
+  width:500px;
+  float:right;
+  padding-bottom:50px;
+}
+
+small {
+  font-size:11px;
+}
+
+hr {
+  border:0;
+  background:#e5e5e5;
+  height:1px;
+  margin:0 0 20px;
+}
+
+@media print, screen and (max-width: 650px) {
+
+  div.wrapper {
+    width:auto;
+    margin:0;
+  }
+
+  header, section, footer {
+    float:none;
+    position:static;
+    width:auto;
+  }
+
+  header {
+    padding-right:320px;
+  }
+
+  section {
+    border:1px solid #e5e5e5;
+    border-width:1px 0;
+    padding:20px 0;
+    margin:0 0 20px;
+  }
+
+  header a small {
+    display:inline;
+  }
+
+  header ul {
+    position:absolute;
+    right:50px;
+    top:52px;
+  }
+}
+
+@media print, screen and (max-width: 720px) {
+  body {
+    word-wrap:break-word;
+  }
+
+  header {
+    padding:0;
+  }
+
+  header ul, header p.view {
+    position:static;
+  }
+
+  pre, code {
+    word-wrap:normal;
+  }
+}
+
+@media print, screen and (max-width: 640px) {
+  body {
+    padding:15px;
+  }
+
+  header ul {
+    width:99%;
+  }
+
+  header li, header ul li + li + li {
+    width:33%;
+  }
+}
+
+@media print {
+  body {
+    padding:0.4in;
+    font-size:12pt;
+    color:#444;
+  }
+}

css/themes/wakanda/button.scss

@@ -0,0 +1,165 @@
+---
+---
+
+section {
+  .btn {
+    font-size: 12px;
+    box-sizing: border-box;
+    border: none;
+    padding: 8px 15px;
+    background-color: #e3e5e6;
+    color: #555;
+    text-align: center;
+    height: 36px;
+    line-height: 36px;
+    margin: 5px 5px 0 0;
+    transition: all .15s ease-in;
+    font-weight: 400;
+    color: white;
+    background-color: #4ab19d;
+  }
+  
+  a.action {
+    display: block;
+    width: 200px;
+    height: 100px;
+    float: left;
+    text-align: center;
+    background-color: transparent;
+    padding: 0;
+    color: black;
+    font-size: 15px;
+
+    &:hover {
+      background-color: transparent;
+      color:gray;
+    }
+    
+    img {
+      display: block;
+      margin: auto;
+    }
+  }
+  
+  a {
+    background-color: transparent;
+    padding: 0;
+    margin: 0;
+    font-size: 14px;
+    line-height: inherit;
+    
+    &:hover {
+      background-color: transparent;
+    }
+  }
+  
+  a.transparent {
+      background: transparent;
+  }
+
+  a.blue {
+      color: white;
+      background-color: #44515e;
+  }
+
+  a.green {
+      color: white;
+      background-color: #4ab19d;
+  }
+
+  a.error {
+      color: white;
+      background-color: #c9302c;
+  }
+
+  .button.success {
+      color: white;
+      background-color: #5cb85c;
+  }
+
+  a.btn:hover {
+      text-decoration: none;
+      background-color: #52687e;
+      color:white;
+      cursor: pointer;
+  }
+
+  a.transparent:hover {
+      background: #eee;
+  }
+
+  a.float-left {
+      display: block;
+      width: auto;
+      padding: 5px 25px 5px 20px;
+      line-height: 100%;
+  }
+  
+  .home-button {
+    text-align: center;
+    display: block;
+    width: 250px;
+    box-sizing: border-box;
+    cursor: pointer;
+    padding: 10px 10px 20px;
+    border-radius: 10px;
+    margin-bottom: 8px;
+    margin-right: 8px;
+    float:left;
+  }
+
+  .home-button figure {
+    display: block;
+    margin: 0 auto;
+  }
+
+  .home-button span {
+    display: block;
+    color: #e1e1e1;
+    font-size: 15px;
+    line-height: 120%;
+    margin-top: 10px;
+    margin-bottom: 0;
+  }
+
+  .dark.home-button {
+    background: #4e4e4e;
+  }
+
+  .dark.home-button figure {
+    background: url('../images/ios.png');
+    height: 91px;
+    width: 91px;
+    text-indent: -9999px;
+  }
+
+  .dark.home-button:hover figure {
+    background: url('../images/iosHover.png');
+  }
+
+  .green.home-button {
+    background: #45b29d;
+  }
+
+  .green.home-button figure {
+    background: url('../images/android.png');
+    height: 93px;
+    width: 79px;
+    text-indent: -9999px;  
+  }
+
+  .green.home-button:hover figure {
+    background: url('../images/androidHover.png');
+  }
+
+  .green.home-button span {
+    color: white;
+  }
+
+  .home-button:hover span {
+    color: white;
+  }
+
+
+}
+

css/themes/wakanda/home.scss

@@ -0,0 +1,175 @@
+---
+---
+
+header.home {
+  position: relative;
+  background: url(../../../img/circle.png) no-repeat center center, url(../../../img/background.png) repeat;
+  background-color:#eeeded;
+  width: 100%;
+  height: 257px;
+  text-align: center;
+
+  h1 {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-top: -75px;
+    margin-left: -167px;
+    padding: 5px 19px;
+    font-weight: 100;
+    font-size: 46px;
+    color: #fff;
+    max-width: 100%;
+    background-color: #ffb800;
+  }
+
+  img {
+    position: absolute;
+    top:105px;
+    left:50%;
+    margin-left: -202px;
+  }
+}
+
+.home-container {
+  padding:0;
+  margin: 0 8px 40px 8px;
+  justify-content: center;
+  
+  h2 {
+    clear: both;
+    margin: 18px 0 0 10px;
+    color: #A2A2A2;
+    font-weight: 400;
+    font-size: 12px;
+    text-transform: uppercase;
+  }
+  
+  hr {
+    clear: both;
+    color: white;
+    background-color: white;
+  }
+}
+
+.home-container > div {
+  width: 25%;
+  float: left;
+  background-color: #fafafa;
+  box-sizing: border-box;
+  padding-bottom: 15px;
+  border-style: solid;
+  border-color: #fff;
+  border-width: 16px 8px 0 8px;
+  height:268px;
+  &:hover {
+    border-bottom:3px solid #ffb800;
+    
+    &:hover .head {
+      background-color: #ffb800;
+      color:#fff;
+    }
+  }
+
+  .head {
+    color:#323232;
+    text-align: center;
+    height: 50px;
+    background-color: #f3f3f3;
+    font-size: 18px;
+    line-height: 50px;
+  }
+
+  .head .label {
+    font-size: 10px;
+    background-color: white;
+    border-radius: 5px;
+    color: #545454;
+    padding: 4px 8px 4px 8px;
+    text-transform: uppercase;
+    font-weight: bold;
+    position: relative;
+    top: -3px;
+    letter-spacing: 1px;
+  }
+
+  a.action {
+    .stepPic {
+      height: 96px;
+      width: 96px;
+      background-position: 0 0;
+      margin-left: auto;
+      margin-right: auto;
+      margin-top: 15px;
+      margin-bottom: 20px;
+      background-position: center;
+      background-repeat: no-repeat;
+
+      &.model {
+        background-image: url(../../../img/pic_model.png);
+      }
+      &.prototype {
+        background-image: url(../../../img/pic_prototype.png);
+      }
+      &.webApp {
+        background-image: url(../../../img/pic_webApp.png);
+      }
+      &.mobileApp {
+        background-image: url(../../../img/pic_mobileApp.png);
+      }
+      &.circle {
+        background-color: white;
+        border-radius: 50%;
+        box-sizing: border-box;
+        border: 4px solid white;
+      }
+      &.deploy {
+        background-image: url(../../../img/icon-deploy.png);
+      }
+      &.connect {
+        background-image: url(../../../img/icon-connect.png);
+      }
+    }
+        
+    display: block;
+    width: 100%;
+    color: #555555;
+    font-weight: 700;
+    line-height: 1.5;
+    text-align:center;
+    &:hover {
+      color: #555;
+    }
+  }
+}
+
+section .blocks {
+  float: left;
+  width: 420px;
+}
+
+#home {
+    #contribute, #chapter {
+      display: none;   
+    }
+}
+
+@media print, screen and(max-width: 1060px) {
+  section {
+    .getting-started {
+      margin-top:5px;
+      width: 360px;
+    }
+    .step {
+      width: 160px;
+    }
+  }
+
+  .home {
+    display: none;
+  }
+
+  .home-container > div {
+        width: 50%;
+  }
+}

css/themes/wakanda/mailing.scss

@@ -0,0 +1,31 @@
+---
+---
+
+#mc_embed_signup{
+  padding: 0 0 22px 22px;
+  color:#555; 
+  
+  h2 {
+    padding: 0 0 4px 0;
+    font-size: 15px;
+  }
+  .mc-field-group {
+    font-size:11px;
+    margin-bottom:8px;
+  }
+  .mce_inline_error {
+    color: #df5a49 !important;
+    background-color: white !important;
+  }
+  .email, .mc-inline-error {
+    padding: 5px 3px;
+    width: 123px;
+  }
+  .button {
+    background-color:#fbb500;
+    padding:7px 8px;
+    border:none;
+    color:#fff;
+    cursor: pointer;
+  }
+}

css/themes/wakanda/overrides.scss

@@ -0,0 +1,114 @@
+---
+---
+
+@import url(button.css);
+@import url(home.css);
+@import url(mailing.css);
+@import url(search.css);
+
+nav {
+  hr {
+    display: none;
+  }
+
+  h1 {
+    margin: 0 0 10px 0;
+    font-size: 18px;
+    padding: 20px 10px 10px 26px;
+    a, a:visited {
+      color: black;
+    }
+  }
+
+  h2 {
+    font-size: 16px;
+    margin-bottom: 5px;
+    hr {
+      display: block;
+      color: #EBF4F9;
+      background-color: #EBF4F9;
+    }
+  }
+
+  ul {
+    list-style: none;
+
+    li {
+      margin-left: 0;
+      padding-left: 0;
+
+      &.active {
+          font-weight: bold;
+      }
+      
+      a {
+        font-size: 13px;
+      }
+    }
+  }
+}
+
+section {
+  padding-bottom: 10px;
+
+  h1 {
+    border-bottom: solid 1px #e5e5e5;
+    margin: -27px 0px 40px 0;
+    padding: 0 200px 13px 40px;
+    max-width: 600px;
+  }
+
+  h3 {
+    margin-bottom: 8px;
+  }
+
+  #contribute {
+    padding: 7px 15px 0px 40px;
+    font-size: 13px;
+
+    a:after {
+      content: "Contribute to this page";
+    }
+  }
+
+  #chapter {
+    padding: 10px 0 0 40px;
+    color: #A2A2A2;
+    font-weight: 400;
+    font-size: 12px;
+    text-transform: uppercase;
+    height: 33px;
+  }
+
+  header {
+    float: none;
+    position: inherit;
+    width: 100%;
+
+    h1 {
+      margin-top: -20px;
+    }
+  }
+}
+
+@media print, screen and(max-width: 830px) {
+    
+  section {
+      
+    h1 {
+      padding-right: 40px;
+    }
+    
+    #contribute  a:after {
+        content: "";
+    }
+  }
+}
+
+ul, ol {
+  li {
+    pre.highlight {
+      margin-left: 0;
+    }
+  }
+}

css/themes/wakanda/theme.scss

@@ -0,0 +1,281 @@
+---
+---
+
+/*
+
+Original theme by Orderlist
+https://github.com/orderedlist/minimal
+
+Creative Commons Attribution-ShareAlike 3.0 Unported License.
+http://creativecommons.org/licenses/by-sa/3.0/
+
+Forked by Wakanda SAS
+
+Modified:
+- default font
+- larger layout
+- footer on the section part
+- no subpixel treatment
+
+*/
+
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,100);
+
+body {
+  background-color: #fff;
+  padding:50px;
+  font: 14px/1.5 'Roboto', sans-serif;
+  color: #535353;
+  font-weight:400;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color:#222;
+  margin:0 0 20px;
+}
+
+p, ul, ol, table, pre, dl {
+  margin:0 0 20px;
+}
+
+h1, h2, h3 {
+  line-height:1.1;
+}
+
+h1 {
+  font-size:28px;
+}
+
+h2 {
+  color:#393939;
+}
+
+h3, h4, h5, h6 {
+  color:#494949;
+}
+
+a {
+  color:#14a1c8;
+  text-decoration:none;
+}
+
+a:hover {
+  color:#069;
+}
+
+a small {
+  font-size:11px;
+  color:#777;
+  margin-top:-0.3em;
+  display:block;
+}
+
+a:hover small {
+  color:#777;
+}
+
+.wrapper {
+  margin:0 auto;
+}
+
+blockquote {
+  border-left:1px solid #e5e5e5;
+  margin:0;
+  padding:0 0 0 20px;
+  font-style:italic;
+}
+
+code, pre {
+  font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
+  color:#333;
+  font-size:12px;
+}
+
+pre {
+  padding:8px 15px;
+  background: #f8f8f8;
+  border-radius:5px;
+  border:1px solid #e5e5e5;
+  overflow-x: auto;
+}
+
+table {
+  width:100%;
+  border-collapse:collapse;
+}
+
+th, td {
+  text-align:left;
+  padding:5px 10px;
+  border-bottom:1px solid #e5e5e5;
+}
+
+dt {
+  color:#444;
+  font-weight:700;
+}
+
+th {
+  color:#444;
+}
+
+img {
+  max-width:100%;
+}
+
+header {
+  width:270px;
+  float:left;
+  position:fixed;
+}
+
+header ul {
+  list-style:none;
+  height:40px;
+  padding:0;
+  background: #f4f4f4;
+  border-radius:5px;
+  border:1px solid #e0e0e0;
+  width:270px;
+}
+
+header li {
+  width:89px;
+  float:left;
+  border-right:1px solid #e0e0e0;
+  height:40px;
+}
+
+header li:first-child a {
+  border-radius:5px 0 0 5px;
+}
+
+header li:last-child a {
+  border-radius:0 5px 5px 0;
+}
+
+header ul a {
+  line-height:1;
+  font-size:11px;
+  color:#999;
+  display:block;
+  text-align:center;
+  padding-top:6px;
+  height:34px;
+}
+
+header ul a:hover {
+  color:#999;
+}
+
+header ul a:active {
+  background-color:#f0f0f0;
+}
+
+strong {
+  color:#222;
+  font-weight:700;
+}
+
+header ul li + li + li {
+  border-right:none;
+  width:89px;
+}
+
+header ul a strong {
+  font-size:14px;
+  display:block;
+  color:#222;
+}
+
+section {
+  width:500px;
+  float:right;
+  padding-bottom:50px;
+}
+
+small {
+  font-size:11px;
+}
+
+hr {
+  border:0;
+  background:#e5e5e5;
+  height:1px;
+  margin:0 0 20px;
+}
+
+@media print, screen and (max-width: 650px) {
+
+  div.wrapper {
+    width:auto;
+    margin:0;
+  }
+
+  header, section, footer {
+    float:none;
+    position:static;
+    width:auto;
+  }
+
+  header {
+    padding-right:320px;
+  }
+
+  section {
+    border:1px solid #e5e5e5;
+    border-width:1px 0;
+    padding:20px 0;
+    margin:0 0 20px;
+  }
+
+  header a small {
+    display:inline;
+  }
+
+  header ul {
+    position:absolute;
+    right:50px;
+    top:52px;
+  }
+}
+
+@media print, screen and (max-width: 720px) {
+  body {
+    word-wrap:break-word;
+  }
+
+  header {
+    padding:0;
+  }
+
+  header ul, header p.view {
+    position:static;
+  }
+
+  pre, code {
+    word-wrap:normal;
+  }
+}
+
+@media print, screen and (max-width: 640px) {
+  body {
+    padding:15px;
+  }
+
+  header ul {
+    width:99%;
+  }
+
+  header li, header ul li + li + li {
+    width:33%;
+  }
+}
+
+@media print {
+  body {
+    padding:0.4in;
+    font-size:12pt;
+    color:#444;
+  }
+}

deploy-your-app.md

@@ -0,0 +1,25 @@
+---
+---
+
+# Deploy your app
+
+## Initial setup
+
+- [Create a new cloud server instance](http://docs.wakcloud.com/en/latest/getting_started.html){:class="no-style"}{:target="_blank"}
+- [Setup a remote repository](version-control.html)
+
+## Deploy
+
+Click on Deploy from the Studio toolbar:
+
+<img src="img/toolbar-deploy.png" />
+
+You can now push, for example, on your `production` branch:
+
+<img src="img/deploy-your-project.png" />
+
+---
+
+Now, manage your app with Wakanda Cloud:
+
+[Manage your app »](http://docs.wakcloud.com/en/latest/application_dashboard.html){:target="blank_"}{:class="btn"}

design-data-model.md

@@ -0,0 +1,29 @@
+---
+---
+
+# Design your data model
+
+## 1 - Open your model
+
+<img src="img/model-designer-explorer.png" />
+`database/model.waModel`
+
+> **TIPS**: 
+> - click on <img class="inline" src="img/explorer-settings-shortcut.png"> to change the view options (the `.waModel` extension is hidden by default)
+> - click on <img class="inline" src="img/model-designer-shortcut.png"> to quickly access your model
+
+## 2 - Design your data model
+
+<img src="img/model-designer.png" />
+
+[Learn more »](http://doc.wakanda.org/home2.en.html#/Datastore-Model-Designer/Datastore-Model-Designer.100-1051416.en.html){:target="_blank"}{:class="btn"}
+
+> <img class="inline" src="img/toolbar-reload-buttons.png" />
+>
+> If you need to reload your model in an already started server, a badge will appear in the Studio toolbar. Click on the squared reload button to reload the model. The second one performs a full solution reload.
+
+---
+
+Now, create a web application with Wakanda and Angular:
+
+[Create a web app »](create-web-app.html){:class="btn"}