Improve getting started introduction content and design

CHANGELOG.md

@@ -3,7 +3,7 @@
 
 # Change log
 
-## Pre-release 1.1.0 (upcoming)
+## 1.1.0 (Sept. 22)
 
 - [Web] New support of Angular 2
 - [Mobile] New support of Ionic 2

_data/toc.yml

@@ -2,35 +2,38 @@ entries:
 
 - title: Getting Started
   pages:
+
+  - title: Intro videos
+    url: index.html
 
-  - title: 0 - Installation
+  - title: Installation
     url: installation.html
 
-  - title: 1 - Choose your templates
+  - title: Templates
     url: choose-templates.html
-
-  - title: 2 - Design your data model
+  
+  - title: Data model
     url: design-data-model.html
 
-  - title: 3 - Create a web app
+  - title: Web app
     url: create-web-app.html
 
-  - title: 4 - Create a mobile app
+  - title: Mobile app
     url: create-mobile-app.html
 
 - title: Code management
   pages:
 
-  - title: Version control your code
+  - title: Version control
     url: version-control.html
 
-  - title: Deploy your app
+  - title: Deployment
     url: deploy-your-app.html
 
 - title: Build management
   pages:
 
-  - title: Build process introduction
+  - title: Build process
     url: build-process-introduction.html
 
   - title: SASS precompilation
@@ -39,48 +42,17 @@ entries:
 - title:  Other resources
   pages:
 
-  - title: Wakanda Studio Change log
+  - title: Change log
     url: CHANGELOG.html
 
-  - title: Wakanda Documentation
+  - title: Documentation
     url: http://doc.wakanda.org/
     target: _blank
 
-  - title: Angular-Wakanda connector
+  - title: Angular connector
     url: http://wakanda.github.io/angular-wakanda
     target: _blank
 
-  - title: Issue submission
-    url: https://github.com/Wakanda/wakanda-issues/issues
-    target: _blank
-
-  - title: How to contribute to this page
+  - title: Doc contribution
     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/announcement.html

@@ -0,0 +1,52 @@
+<div id="announcement">
+    <p>
+        <strong><i class="fa fa-flash " aria-hidden="true "></i>
+        Version 1.1
+        </strong> is now available! <a href="CHANGELOG.html ">
+        Read about the new features and fixes »</a>
+    </p>
+</div>
+<script>
+    function urlParse(key) {
+        var t = new RegExp("[\\?&]" + key + "=([^&#]*)");
+        var ret = t.exec(location.search);
+        var value = null === ret ? "" : ret[1];
+        return value;
+    }
+
+    var edition = urlParse('v');
+    var os = urlParse('os');
+
+    var platformLabelCollection = {
+        osx: "macOS",
+        win32: "Windows",
+        win64: "Windows",
+        linux32: "Linux",
+        linux64: "Linux"
+    };
+
+    var platformLinkCollection = edition == 'enterprise' ?
+        {
+            osx: "http://www.wakanda.io/productionchannel/1.1.0/mac/wakanda-enterprise-all_1.1.0_x64.dmg",
+            win32: "http://www.wakanda.io/productionchannel/1.1.0/windows/wakanda-enterprise-all_1.1.0_x86.msi",
+            win64: "http://www.wakanda.io/productionchannel/1.1.0/windows/wakanda-enterprise-all_1.1.0_x64.msi",
+            linux64: "http://www.wakanda.io/productionchannel/1.1.0/linux/wakanda-enterprise-server_1.1.0_amd64.deb"
+        } : {
+            osx: "https://github.com/Wakanda/wakanda-digital-app-factory/releases/download/v1.1.0/wakanda-community-all_1.1.0_x64.dmg",
+            win32: "https://github.com/Wakanda/wakanda-digital-app-factory/releases/download/v1.1.0/wakanda-community-all_1.1.0_x86.msi",
+            win64: "https://github.com/Wakanda/wakanda-digital-app-factory/releases/download/v1.1.0/wakanda-community-all_1.1.0_x64.msi",
+            linux32: "https://github.com/Wakanda/wakanda-digital-app-factory/releases/download/v1.1.0/wakanda-community-server_1.1.0_i386.deb",
+            linux64: "https://github.com/Wakanda/wakanda-digital-app-factory/releases/download/v1.1.0/wakanda-community-server_1.1.0_amd64.deb"
+        };
+
+    var productName = edition == 'enterprise' ? 'Wakanda Enterprise' : 'Wakanda';
+    var platformLabel = platformLabelCollection[os];
+    var platformLink = platformLinkCollection[os];
+
+    if(typeof platformLink != 'undefined') {
+        document.getElementById('announcement').innerHTML = 
+            '<p><i class="fa fa-rocket" aria-hidden="true"></i> Thanks for downloading <strong>' + productName + '</strong> for '+ platformLabel +'! \
+            Download not starting? <a href="' + platformLink + '">Try this direct download link.</a> \
+            </p>';
+    }
+</script>

_includes/content.html

@@ -0,0 +1,46 @@
+<div class="announcement">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-lg-2 col-md-3 col-sm-12">
+                {% include search.html %}
+            </div>
+            <div class="col-lg-8 col-md-7 col-sm-12">
+                {% include announcement.html %}
+            </div>
+        </div>
+    </div>
+</div>
+<div class="container-fluid">
+    <div class="row">
+        <div class="col-lg-2 col-md-3 col-sm-12">
+            <nav>
+                <div class="scroll">
+                    {% include nav.html %}               
+                </div>
+            </nav>
+        </div>
+        <div class="col-lg-8 col-md-9 col-sm-12">
+            <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>
+        </div>
+        <div class="col-lg-2 col-md-12 col-sm-12">
+            <nav class="subnavbar">
+                <div class="scroll">
+                    {% include subnav.html %}
+                    {% include mailing.html %}
+                </div>
+            </nav>
+        </div>
+        <footer class="clear-all">
+            {% include footer.html %}
+        </footer>
+    </div>
+</div>
+{% include sync_scripts.html %}

_includes/head.html

@@ -3,6 +3,9 @@
 <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="css/main.css?v=071016">
 <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>
+<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
+<script type='text/javascript' src='js/jquery.gifplayer.js'></script>
+{% include analytics.html %}

_includes/home_header.html

@@ -0,0 +1,48 @@
+<div class="home-header">
+    <div class="container-fluid">
+        <div class="navbar-header ">
+            <a class="logo navbar-btn pull-left" href="/" title="Accueil">
+                <img class="hidden-sm-down" width="150px" src="img/logo.png" alt="Accueil">
+            </a>
+        </div>
+    </div>
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-md-8 offset-md-2">
+                <div id="dots"></div>
+                <div class="slides">
+                    <div>
+                        <img class="gif" src="videos/templates.png" />
+                        <p class="caption">
+                            <a href="choose-templates.html">Create a new project from our seed templates.</a>
+                        </p>
+                    </div>
+                    <div class="hide-before-init">
+                        <img class="gif" src="videos/troubleshooting.png" />
+                        <p class="caption">
+                            <a href="installation.html">Easily configure the tool set you need.</a>
+                        </p>
+                    </div>
+                    <div class="hide-before-init">
+                        <img class="gif" src="videos/model.png" />
+                        <p class="caption">
+                            <a href="design-data-model.html">Design all your data visually.</a>
+                        </p>
+                    </div>
+                    <div class="hide-before-init">
+                        <img class="gif" src="videos/web.png" />
+                        <p class="caption">
+                            <a href="create-web-app.html">Start coding your web app in minutes.</a>
+                        </p>
+                    </div>
+                    <div class="hide-before-init">
+                        <img class="gif" src="videos/mobile.png" />
+                        <p class="caption">
+                            <a href="create-mobile-app.html ">Simulate your mobile app in real-time.</a>
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>