4 Commits

Author SHA1 Message Date
Leo Khoa
b40d0b0fea Remove backticks 2018-05-08 16:12:29 +07:00
Leo Khoa
87bb13c027 Update README.md 2018-05-08 16:11:02 +07:00
Leo Khoa
70244d7e4e Create README 2018-05-08 16:07:55 +07:00
Khoa Le
c0fae6a815 Clean the repo 2018-05-08 14:31:53 +07:00
110 changed files with 42 additions and 2976 deletions

View File

@@ -1,144 +0,0 @@
---
---
# 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

View File

@@ -1,89 +0,0 @@
---
---
# 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!

View File

@@ -1,7 +1,44 @@
# Wakanda Studio Getting Started
## What is Laragon?
- [Getting Started](http://wakanda.github.io/wakanda-studio)
- [Documentation](http://doc.wakanda.org/)
- [Wakanda.io](http://www.wakanda.io/)
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.
Read [CONTRIBUTING.md](CONTRIBUTING.md) if you want to help with the Getting Started website.

View File

@@ -1,23 +0,0 @@
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
]

View File

@@ -1,87 +0,0 @@
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

View File

@@ -1,40 +0,0 @@
<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>

View File

@@ -1,2 +0,0 @@
<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>

View File

@@ -1,8 +0,0 @@
<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>

View File

@@ -1,48 +0,0 @@
<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>

View File

@@ -1,22 +0,0 @@
<!-- 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-->

View File

@@ -1,23 +0,0 @@
<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 %}

View File

@@ -1,4 +0,0 @@
<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>

View File

@@ -1,9 +0,0 @@
<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>

View File

@@ -1,31 +0,0 @@
<!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>

View File

@@ -1,112 +0,0 @@
---
---
# 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_"}
---
Lets see an example:
[Compile SASS files automatically »](sass-precompilation.html){:class="btn"}

View File

@@ -1,55 +0,0 @@
---
---
# 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" />

View File

@@ -1,48 +0,0 @@
---
---
# 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"}

View File

@@ -1,63 +0,0 @@
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 */

View File

@@ -1,64 +0,0 @@
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 */

View File

@@ -1,35 +0,0 @@
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 */

View File

@@ -1,126 +0,0 @@
---
---
$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;
}
}

View File

@@ -1,52 +0,0 @@
---
---
@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;
}
}

View File

@@ -1,63 +0,0 @@
---
---
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;
}
}
}

View File

@@ -1,274 +0,0 @@
/*
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;
}
}

View File

@@ -1,165 +0,0 @@
---
---
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;
}
}

View File

@@ -1,175 +0,0 @@
---
---
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%;
}
}

View File

@@ -1,31 +0,0 @@
---
---
#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;
}
}

View File

@@ -1,114 +0,0 @@
---
---
@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;
}
}
}

File diff suppressed because one or more lines are too long

View File

@@ -1,281 +0,0 @@
---
---
/*
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;
}
}

View File

@@ -1,25 +0,0 @@
---
---
# 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"}

View File

@@ -1,29 +0,0 @@
---
---
# 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"}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 151 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 196 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Some files were not shown because too many files have changed in this diff Show More