ariatosca-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From arthurbere...@apache.org
Subject [5/5] incubator-ariatosca-website git commit: Fixing repo
Date Wed, 06 Sep 2017 18:43:42 GMT
Fixing repo


Project: http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/commit/539d5b55
Tree: http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/tree/539d5b55
Diff: http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/diff/539d5b55

Branch: refs/heads/master
Commit: 539d5b55a2aee1e9768ba8c6f8d4b9687b4f4775
Parents: 4c010d5
Author: arthur <rtpro1@gmail.com>
Authored: Wed Sep 6 21:43:17 2017 +0300
Committer: arthur <rtpro1@gmail.com>
Committed: Wed Sep 6 21:43:17 2017 +0300

----------------------------------------------------------------------
 Gemfile                                         |   7 +
 Gemfile.lock                                    |  57 ++
 Gruntfile.js                                    | 103 +++
 LICENSE                                         |  21 +
 README.md                                       |   0
 _data/footer.yml                                |  18 +
 _data/messages.yml                              |  40 ++
 _data/navigation.yml                            |  18 +
 _includes/advertising.html                      |  14 +
 _includes/breadcrumbs.html                      |  13 +
 _includes/browser-upgrade.html                  |   1 +
 _includes/collection-pagination.html            |  15 +
 _includes/comments.html                         |  14 +
 _includes/footer.html                           |  46 ++
 _includes/header.html                           |  33 +
 _includes/image-credit.html                     |   1 +
 _includes/latest-posts-grid.html                |   9 +
 _includes/latest-posts-list.html                |   7 +
 _includes/navigation-sliding.html               |  17 +
 _includes/navigation.html                       |  11 +
 _includes/open-graph.html                       |  19 +
 _includes/page-author.html                      |  11 +
 _includes/page-meta.html                        |   3 +
 _includes/pagination.html                       |  15 +
 _includes/post-grid.html                        |   7 +
 _includes/post-list-bullets.html                |  13 +
 _includes/post-list.html                        |   1 +
 _includes/scroll-cue.html                       |   3 +
 _includes/share-this.html                       |   5 +
 _includes/toc.html                              |   4 +
 _layouts/archive.html                           |  25 +
 _layouts/article.html                           |  54 ++
 _layouts/default.html                           |  76 ++
 _layouts/media.html                             |  34 +
 _sass/_animations.scss                          |  41 ++
 _sass/_badges.scss                              |  41 ++
 _sass/_base.scss                                | 396 +++++++++++
 _sass/_breadcrumbs.scss                         |  16 +
 _sass/_bullets.scss                             |  50 ++
 _sass/_buttons.scss                             | 156 ++++
 _sass/_footnotes.scss                           |  14 +
 _sass/_grid-settings.scss                       |  15 +
 _sass/_helpers.scss                             | 153 ++++
 _sass/_layout.scss                              | 351 +++++++++
 _sass/_menu-navicons.scss                       | 130 ++++
 _sass/_mixins.scss                              |  94 +++
 _sass/_notices.scss                             |  79 +++
 _sass/_reset.scss                               | 144 ++++
 _sass/_sliding-menu.scss                        | 189 +++++
 _sass/_syntax.scss                              | 135 ++++
 _sass/_tiles.scss                               |  45 ++
 _sass/_toc.scss                                 |  71 ++
 _sass/_variables.scss                           | 110 +++
 .../bourbon/_bourbon-deprecated-upcoming.scss   |   8 +
 _sass/vendor/bourbon/_bourbon.scss              |  78 ++
 _sass/vendor/bourbon/addons/_button.scss        | 374 ++++++++++
 _sass/vendor/bourbon/addons/_clearfix.scss      |  23 +
 .../bourbon/addons/_directional-values.scss     | 111 +++
 _sass/vendor/bourbon/addons/_ellipsis.scss      |   7 +
 _sass/vendor/bourbon/addons/_font-family.scss   |   5 +
 _sass/vendor/bourbon/addons/_hide-text.scss     |  10 +
 .../bourbon/addons/_html5-input-types.scss      |  86 +++
 _sass/vendor/bourbon/addons/_position.scss      |  32 +
 _sass/vendor/bourbon/addons/_prefixer.scss      |  45 ++
 _sass/vendor/bourbon/addons/_retina-image.scss  |  31 +
 _sass/vendor/bourbon/addons/_size.scss          |  16 +
 .../bourbon/addons/_timing-functions.scss       |  32 +
 _sass/vendor/bourbon/addons/_triangle.scss      |  83 +++
 _sass/vendor/bourbon/addons/_word-wrap.scss     |   8 +
 _sass/vendor/bourbon/css3/_animation.scss       |  52 ++
 _sass/vendor/bourbon/css3/_appearance.scss      |   3 +
 .../bourbon/css3/_backface-visibility.scss      |   6 +
 .../vendor/bourbon/css3/_background-image.scss  |  42 ++
 _sass/vendor/bourbon/css3/_background.scss      |  55 ++
 _sass/vendor/bourbon/css3/_border-image.scss    |  59 ++
 _sass/vendor/bourbon/css3/_border-radius.scss   |  22 +
 _sass/vendor/bourbon/css3/_box-sizing.scss      |   4 +
 _sass/vendor/bourbon/css3/_calc.scss            |   4 +
 _sass/vendor/bourbon/css3/_columns.scss         |  47 ++
 _sass/vendor/bourbon/css3/_filter.scss          |   5 +
 _sass/vendor/bourbon/css3/_flex-box.scss        | 321 +++++++++
 _sass/vendor/bourbon/css3/_font-face.scss       |  23 +
 .../bourbon/css3/_font-feature-settings.scss    |  10 +
 .../vendor/bourbon/css3/_hidpi-media-query.scss |  10 +
 _sass/vendor/bourbon/css3/_hyphens.scss         |   4 +
 _sass/vendor/bourbon/css3/_image-rendering.scss |  14 +
 _sass/vendor/bourbon/css3/_keyframes.scss       |  35 +
 _sass/vendor/bourbon/css3/_linear-gradient.scss |  38 +
 _sass/vendor/bourbon/css3/_perspective.scss     |   8 +
 _sass/vendor/bourbon/css3/_placeholder.scss     |   8 +
 _sass/vendor/bourbon/css3/_radial-gradient.scss |  39 +
 _sass/vendor/bourbon/css3/_transform.scss       |  15 +
 _sass/vendor/bourbon/css3/_transition.scss      |  77 ++
 _sass/vendor/bourbon/css3/_user-select.scss     |   3 +
 _sass/vendor/bourbon/functions/_assign.scss     |  11 +
 .../bourbon/functions/_color-lightness.scss     |  13 +
 _sass/vendor/bourbon/functions/_flex-grid.scss  |  39 +
 .../vendor/bourbon/functions/_golden-ratio.scss |   3 +
 _sass/vendor/bourbon/functions/_grid-width.scss |  13 +
 .../bourbon/functions/_modular-scale.scss       |  66 ++
 _sass/vendor/bourbon/functions/_px-to-em.scss   |  13 +
 _sass/vendor/bourbon/functions/_px-to-rem.scss  |  15 +
 .../vendor/bourbon/functions/_strip-units.scss  |   5 +
 _sass/vendor/bourbon/functions/_tint-shade.scss |   9 +
 .../functions/_transition-property-name.scss    |  22 +
 _sass/vendor/bourbon/functions/_unpack.scss     |  17 +
 .../vendor/bourbon/helpers/_convert-units.scss  |  15 +
 .../helpers/_gradient-positions-parser.scss     |  13 +
 _sass/vendor/bourbon/helpers/_is-num.scss       |   8 +
 .../bourbon/helpers/_linear-angle-parser.scss   |  25 +
 .../helpers/_linear-gradient-parser.scss        |  41 ++
 .../helpers/_linear-positions-parser.scss       |  61 ++
 .../helpers/_linear-side-corner-parser.scss     |  31 +
 .../bourbon/helpers/_radial-arg-parser.scss     |  69 ++
 .../helpers/_radial-gradient-parser.scss        |  50 ++
 .../helpers/_radial-positions-parser.scss       |  18 +
 .../bourbon/helpers/_render-gradients.scss      |  26 +
 .../bourbon/helpers/_shape-size-stripper.scss   |  10 +
 _sass/vendor/bourbon/helpers/_str-to-num.scss   |  50 ++
 _sass/vendor/bourbon/settings/_prefixer.scss    |   6 +
 _sass/vendor/bourbon/settings/_px-to-em.scss    |   1 +
 _sass/vendor/font-awesome/_animated.scss        |  34 +
 _sass/vendor/font-awesome/_bordered-pulled.scss |  25 +
 _sass/vendor/font-awesome/_core.scss            |  12 +
 _sass/vendor/font-awesome/_fixed-width.scss     |   6 +
 _sass/vendor/font-awesome/_icons.scss           | 697 ++++++++++++++++++
 _sass/vendor/font-awesome/_larger.scss          |  13 +
 _sass/vendor/font-awesome/_list.scss            |  19 +
 _sass/vendor/font-awesome/_mixins.scss          |  26 +
 _sass/vendor/font-awesome/_path.scss            |  15 +
 _sass/vendor/font-awesome/_rotated-flipped.scss |  20 +
 _sass/vendor/font-awesome/_stacked.scss         |  20 +
 _sass/vendor/font-awesome/_variables.scss       | 708 +++++++++++++++++++
 _sass/vendor/font-awesome/font-awesome.scss     |  17 +
 _sass/vendor/neat/_neat-helpers.scss            |   7 +
 _sass/vendor/neat/_neat.scss                    |  21 +
 .../vendor/neat/functions/_new-breakpoint.scss  |  16 +
 _sass/vendor/neat/functions/_private.scss       | 125 ++++
 _sass/vendor/neat/grid/_fill-parent.scss        |   7 +
 _sass/vendor/neat/grid/_grid.scss               |   5 +
 _sass/vendor/neat/grid/_media.scss              |  38 +
 _sass/vendor/neat/grid/_omega.scss              |  61 ++
 _sass/vendor/neat/grid/_outer-container.scss    |   8 +
 _sass/vendor/neat/grid/_pad.scss                |   8 +
 _sass/vendor/neat/grid/_private.scss            |  43 ++
 _sass/vendor/neat/grid/_reset.scss              |  12 +
 _sass/vendor/neat/grid/_row.scss                |  17 +
 _sass/vendor/neat/grid/_shift.scss              |  16 +
 _sass/vendor/neat/grid/_span-columns.scss       |  43 ++
 _sass/vendor/neat/grid/_to-deprecate.scss       |  57 ++
 _sass/vendor/neat/grid/_visual-grid.scss        |  41 ++
 _sass/vendor/neat/settings/_grid.scss           |   7 +
 _sass/vendor/neat/settings/_visual-grid.scss    |   5 +
 _templates/archive                              |  11 +
 _templates/media                                |  13 +
 _templates/page                                 |  12 +
 _templates/post                                 |  12 +
 about.md                                        |  45 ++
 apple-touch-icon-precomposed.png                | Bin 0 -> 1243 bytes
 community.md                                    |  34 +
 gettingstarted.md                               | 100 +++
 index.md                                        |  70 ++
 package.json                                    |  20 +
 roadmap.md                                      |  33 +
 164 files changed, 7947 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/Gemfile
----------------------------------------------------------------------
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..d67fe9a
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,7 @@
+# Skinny Bones Gemfile
+source "https://rubygems.org"
+
+gem "jekyll"
+gem "jekyll-sitemap"
+gem "jekyll-gist"
+gem "jekyll-feed"

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/Gemfile.lock
----------------------------------------------------------------------
diff --git a/Gemfile.lock b/Gemfile.lock
new file mode 100644
index 0000000..9bc6754
--- /dev/null
+++ b/Gemfile.lock
@@ -0,0 +1,57 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.4.0)
+    colorator (0.1)
+    faraday (0.9.2)
+      multipart-post (>= 1.2, < 3)
+    ffi (1.9.10)
+    ffi (1.9.10-x64-mingw32)
+    jekyll (3.1.6)
+      colorator (~> 0.1)
+      jekyll-sass-converter (~> 1.0)
+      jekyll-watch (~> 1.1)
+      kramdown (~> 1.3)
+      liquid (~> 3.0)
+      mercenary (~> 0.3.3)
+      rouge (~> 1.7)
+      safe_yaml (~> 1.0)
+    jekyll-feed (0.5.1)
+    jekyll-gist (1.4.0)
+      octokit (~> 4.2)
+    jekyll-sass-converter (1.4.0)
+      sass (~> 3.4)
+    jekyll-sitemap (0.10.0)
+    jekyll-watch (1.4.0)
+      listen (~> 3.0, < 3.1)
+    kramdown (1.11.1)
+    liquid (3.0.6)
+    listen (3.0.8)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+    mercenary (0.3.6)
+    multipart-post (2.0.0)
+    octokit (4.3.0)
+      sawyer (~> 0.7.0, >= 0.5.3)
+    rb-fsevent (0.9.7)
+    rb-inotify (0.9.7)
+      ffi (>= 0.5.0)
+    rouge (1.10.1)
+    safe_yaml (1.0.4)
+    sass (3.4.22)
+    sawyer (0.7.0)
+      addressable (>= 2.3.5, < 2.5)
+      faraday (~> 0.8, < 0.10)
+
+PLATFORMS
+  ruby
+  x64-mingw32
+
+DEPENDENCIES
+  jekyll
+  jekyll-feed
+  jekyll-gist
+  jekyll-sitemap
+
+BUNDLED WITH
+   1.12.5

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/Gruntfile.js
----------------------------------------------------------------------
diff --git a/Gruntfile.js b/Gruntfile.js
new file mode 100644
index 0000000..3dc574e
--- /dev/null
+++ b/Gruntfile.js
@@ -0,0 +1,103 @@
+'use strict';
+module.exports = function(grunt) {
+
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+    jshint: {
+      options: {
+        jshintrc: '.jshintrc'
+      },
+      all: [
+        'Gruntfile.js',
+        'js/*.js',
+        '!js/main.js'
+      ]
+    },
+    watch: {
+      js: {
+        files: [
+          '<%= jshint.all %>'
+        ],
+        tasks: ['jshint', 'uglify', 'surround'],
+        options: {
+          livereload: true
+        }
+      },
+    },
+    uglify: {
+      dist: {
+        options: {
+          banner: '/*! <%= pkg.name %> - v<%= pkg.version %> - ' + '<%= grunt.template.today("yyyy-mm-dd") %> */',
+          compress: true,
+          beautify: false,
+          mangle: false
+        },
+        files: {
+          'js/main.js': [
+            'js/plugins/*.js',
+            'js/_*.js'
+          ]
+        }
+      }
+    },
+    surround: {
+      src: 'js/main.js',
+      options: {
+        overwrite: true,
+        prepend: '---\n---',
+      },
+    },
+    imagemin: {
+      dist: {
+        options: {
+          optimizationLevel: 7,
+          progressive: true
+        },
+        files: [{
+          expand: true,
+          cwd: 'images/',
+          src: '{,*/}*.{png,jpg,jpeg}',
+          dest: 'images/'
+        }]
+      }
+    },
+    imgcompress: {
+      dist: {
+        options: {
+          optimizationLevel: 7,
+          progressive: true
+        },
+        files: [{
+          expand: true,
+          cwd: 'images/',
+          src: '{,*/}*.{png,jpg,jpeg}',
+          dest: 'images/'
+        }]
+      }
+    },
+    svgmin: {
+      dist: {
+        files: [{
+          expand: true,
+          cwd: 'images/',
+          src: '{,*/}*.svg',
+          dest: 'images/'
+        }]
+      }
+    },
+  });
+
+  // Load tasks
+  grunt.loadNpmTasks('grunt-contrib-jshint');
+  grunt.loadNpmTasks('grunt-contrib-watch');
+  grunt.loadNpmTasks('grunt-contrib-uglify');
+  grunt.loadNpmTasks('grunt-newer');
+  grunt.loadNpmTasks('grunt-contrib-imagemin');
+  grunt.loadNpmTasks('grunt-svgmin');
+  grunt.loadNpmTasks('grunt-imgcompress');
+  grunt.loadNpmTasks('grunt-surround');
+
+  // Register tasks
+  grunt.registerTask('scripts', ['watch', 'uglify']);
+  grunt.registerTask('images', ['newer:imgcompress', 'newer:svgmin']);
+};

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/LICENSE
----------------------------------------------------------------------
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..4fe1728
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Michael Rose
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/README.md
----------------------------------------------------------------------
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e69de29

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_data/footer.yml
----------------------------------------------------------------------
diff --git a/_data/footer.yml b/_data/footer.yml
new file mode 100644
index 0000000..df33e93
--- /dev/null
+++ b/_data/footer.yml
@@ -0,0 +1,18 @@
+# Footer navigation links
+
+- title: About
+  url: /about/
+
+
+- title: Community
+  url: /community/
+
+
+
+- title: Getting Started
+  url: /getting-started/
+
+
+- title: Roadmap
+  url: /roadmap/
+

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_data/messages.yml
----------------------------------------------------------------------
diff --git a/_data/messages.yml b/_data/messages.yml
new file mode 100644
index 0000000..9dd8143
--- /dev/null
+++ b/_data/messages.yml
@@ -0,0 +1,40 @@
+# Messages for localization
+# see description here: https://tuananh.org/2014/08/13/localization-with-jekyll/
+
+locales:
+  # English translation
+  # -------------------
+  en: &DEFAULT_EN
+    overview: "Overview"
+    toc: "Table of Contents"
+    written_by: "Written by"
+    updated: "Updated"
+    share: "Share on"
+  en_US:
+    <<: *DEFAULT_EN     # use English translation for en_US
+  en_UK:
+    <<: *DEFAULT_EN     # use English translation for en_UK
+
+  # German translation
+  # -------------------
+  de: &DEFAULT_DE
+    <<: *DEFAULT_EN     # load English values as default
+    overview: "&Uuml;bersicht"
+    toc: "Inhalt"
+    written_by: "Verfasst von"
+    updated: "Zuletzt aktualisiert:"
+    share: ""
+  de_DE:
+    <<: *DEFAULT_DE     # use German translation for de_DE
+
+  # French translation (TODO)
+  # -------------------
+  fr: &DEFAULT_FR
+    <<: *DEFAULT_EN     # load English values as default
+    overview: "Aperçu"
+    toc: "Table des matières"
+    written_by: "Écrit par"
+    updated: "Mis à jour"
+    share: "Partager sur"
+  fr_FR:
+    <<: *DEFAULT_FR      # use French translation for fr_FR

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_data/navigation.yml
----------------------------------------------------------------------
diff --git a/_data/navigation.yml b/_data/navigation.yml
new file mode 100644
index 0000000..50f8aa4
--- /dev/null
+++ b/_data/navigation.yml
@@ -0,0 +1,18 @@
+# Site navigation links
+
+- title: About
+  url: /about/
+  excerpt: "About ARIA TOSCA"
+
+- title: Community
+  url: /community/
+  excerpt: "Joing the ARIA TOSCA Community"
+
+
+- title: Getting Started
+  url: /getting-started/
+  excerpt: "Getting started with ARIA TOSCA"
+
+- title: Roadmap
+  url: /roadmap/
+  excerpt: "Roadmap Features of ARIA TOSCA"

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/advertising.html
----------------------------------------------------------------------
diff --git a/_includes/advertising.html b/_includes/advertising.html
new file mode 100644
index 0000000..4c876c5
--- /dev/null
+++ b/_includes/advertising.html
@@ -0,0 +1,14 @@
+<style>
+.responsive-ads { width: 300px; height: 200px; }
+@media(min-width: 520px) { .responsive-ads { width: 468px; height: 60px; } }
+@media(min-width: 768px) { .responsive-ads { width: 160px; height: 600px; } }
+</style>
+
+<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+<ins class="adsbygoogle responsive-ads"
+	style="display:inline-block"
+	data-ad-client="{{ site.owner.google.ad-client }}"
+	data-ad-slot="{{ site.owner.google.ad-slot }}"></ins>
+<script>
+(adsbygoogle = window.adsbygoogle || []).push({});
+</script>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/breadcrumbs.html
----------------------------------------------------------------------
diff --git a/_includes/breadcrumbs.html b/_includes/breadcrumbs.html
new file mode 100644
index 0000000..64f15b4
--- /dev/null
+++ b/_includes/breadcrumbs.html
@@ -0,0 +1,13 @@
+{% if page.categories and page.categories != empty %}
+  <nav class="breadcrumbs">
+    <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
+      <a href="{{ site.url }}" itemprop="url">
+        <span itemprop="title">Home</span>
+      </a> › 
+    <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
+      <a href="{{ site.url }}/{{ page.categories | first }}/" itemprop="url">
+        <span itemprop="title">{{ page.categories | first | replace: '-',' ' | capitalize }}</span>
+      </a>
+    </span>
+  </nav><!-- /.breadcrumbs -->
+{% endif %}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/browser-upgrade.html
----------------------------------------------------------------------
diff --git a/_includes/browser-upgrade.html b/_includes/browser-upgrade.html
new file mode 100644
index 0000000..0181a22
--- /dev/null
+++ b/_includes/browser-upgrade.html
@@ -0,0 +1 @@
+<!--[if lt IE 9]><div class="upgrade notice-warning"><strong>Your browser is quite old!</strong> Why not <a href="http://whatbrowser.org/">upgrade to a newer one</a> to better enjoy this site?</div><![endif]-->

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/collection-pagination.html
----------------------------------------------------------------------
diff --git a/_includes/collection-pagination.html b/_includes/collection-pagination.html
new file mode 100644
index 0000000..6a62925
--- /dev/null
+++ b/_includes/collection-pagination.html
@@ -0,0 +1,15 @@
+<nav class="pagination">
+	{% capture collection_name %}{{ include.collection }}{% endcapture %}
+	{% for post in site.[collection_name] %}
+		{% if post.url == page.url %}
+		  {% assign post_index0 = forloop.index0 %}
+		  {% assign post_index1 = forloop.index %}
+		{% endif %}
+	{% endfor %}
+	{% for post in site.[collection_name] %}
+		{% if post_index0 == forloop.index %}{% assign next_post = post %}{% endif %}
+		{% if post_index1 == forloop.index0 %}{% assign prev_post = post %}{% endif %}
+	{% endfor %}
+	{% if prev_post %}<a class="prev" href="{{ site.url }}{{ prev_post.url }}">{{ prev_post.title }}</a>{% endif %}
+	{% if next_post %}<a class="next" href="{{ site.url }}{{ next_post.url }}">{{ next_post.title }}</a>{% endif %}
+</nav>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/comments.html
----------------------------------------------------------------------
diff --git a/_includes/comments.html b/_includes/comments.html
new file mode 100644
index 0000000..9325a39
--- /dev/null
+++ b/_includes/comments.html
@@ -0,0 +1,14 @@
+<hr />
+<div id="disqus_thread"></div>
+<script type="text/javascript">
+	/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+	var disqus_shortname = '{{ site.owner.disqus-shortname }}';
+
+	/* * * DON'T EDIT BELOW THIS LINE * * */
+	(function() {
+		var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+		dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+		(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+	})();
+</script>
+<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/footer.html
----------------------------------------------------------------------
diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..4d3274e
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,46 @@
+
+
+<!-- Wrapper Start -->
+<section id="intro" style="padding-top:30px; padding-bottom:30px">
+	<div class="container">
+		<div class="row">
+			<div class="col-md-10 col-sm-12">
+				<div class="block">
+					<p>
+						Apache ARIA TOSCA is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.
+					</p>
+				</div>
+			</div><!-- .col-md-7 close -->
+			<div class="col-md-2 col-sm-12">
+				<div class="block" valign="middle" style="vertical-align: middle;">
+					<img src="{{ site.url }}/images/incubator_power_ring.png" alt="ARIA Podling"  >
+				</div>
+			</div><!-- .col-md-5 close -->
+		</div>
+	</div>
+</section>
+
+<footer>
+	<div class="container">
+		<div class="row">
+			<div class="col-md-12">
+				<div class="footer-manu">
+
+					<ul class="menu-item">
+					{% for link in site.data.footer %}
+			      {% if link.url contains 'http' %}
+			        {% assign domain = '' %}
+			        {% else %}
+			        {% assign domain = site.url %}
+			      {% endif %}
+						<li><a href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
+					{% endfor %}
+					</ul>
+				</div>
+
+				<p> Copyright © {{ site.time | date: '%Y' }} The Apache Software Foundation. Licensed under the Apache License, Version 2.0. <br />
+				    Apache, the Apache Feather logo, and the Apache Incubator project logo are trademarks of The Apache Software Foundation.</p>
+			</div>
+		</div>
+	</div>
+</footer>

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/header.html
----------------------------------------------------------------------
diff --git a/_includes/header.html b/_includes/header.html
new file mode 100644
index 0000000..74112b6
--- /dev/null
+++ b/_includes/header.html
@@ -0,0 +1,33 @@
+<!-- Header Start -->
+<header>
+<div class="container">
+  <div class="row">
+    <div class="col-md-12">
+      <!-- header Nav Start -->
+      <nav class="navbar navbar-default">
+        <div class="container-fluid">
+          <!-- Brand and toggle get grouped for better mobile display -->
+          <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="{{ site.url }}/">
+              <img src="{{ site.url }}/images/{{ site.logo }}" alt="{{ site.title }}">
+            </a>
+          </div>
+            <!-- Collect the nav links, forms, and other content for toggling -->
+            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
+              <nav role="navigation" class="menu top-menu">
+                  {% include navigation.html %}
+              </nav>
+            </div><!-- /.navbar-collapse -->
+          </div><!-- /.container-fluid -->
+        </nav>
+      </div>
+    </div>
+  </div>
+</header><!-- header close -->

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/image-credit.html
----------------------------------------------------------------------
diff --git a/_includes/image-credit.html b/_includes/image-credit.html
new file mode 100644
index 0000000..c9d07a1
--- /dev/null
+++ b/_includes/image-credit.html
@@ -0,0 +1 @@
+<div class="image-credit">Image source: <a href="{{ page.image.creditlink }}" itemprop="citation">{{ page.image.credit }}</a></div><!-- /.image-credit -->
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/latest-posts-grid.html
----------------------------------------------------------------------
diff --git a/_includes/latest-posts-grid.html b/_includes/latest-posts-grid.html
new file mode 100644
index 0000000..cbdeef5
--- /dev/null
+++ b/_includes/latest-posts-grid.html
@@ -0,0 +1,9 @@
+<div class="archive-wrap">
+  <h3>Latest {{ page.categories | first | replace: '-',' ' | capitalize }}</h3>
+  <ul class="th-grid">
+  {% capture category_name %}{{ page.categories | first }}{% endcapture %}
+  {% for post in site.categories.[category_name] limit:4 %}
+    <li><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}"><img src="{{ site.url }}/images/{{ post.image.thumb }}" alt=""></a></li>
+  {% endfor %}
+  </ul>
+</div><!-- /.archive-wrap -->
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/latest-posts-list.html
----------------------------------------------------------------------
diff --git a/_includes/latest-posts-list.html b/_includes/latest-posts-list.html
new file mode 100644
index 0000000..848bc6a
--- /dev/null
+++ b/_includes/latest-posts-list.html
@@ -0,0 +1,7 @@
+<h3>Latest {{ page.categories | first | replace: '-',' ' | capitalize }}</h3>
+<ul>
+{% capture category_name %}{{ page.categories | first }}{% endcapture %}
+{% for post in site.categories.[category_name] limit:3 %}
+  <li><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
+{% endfor %}
+</ul>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/navigation-sliding.html
----------------------------------------------------------------------
diff --git a/_includes/navigation-sliding.html b/_includes/navigation-sliding.html
new file mode 100644
index 0000000..a04871c
--- /dev/null
+++ b/_includes/navigation-sliding.html
@@ -0,0 +1,17 @@
+<nav role="navigation" id="js-menu" class="sliding-menu-content">
+  <h5>{{ site.title }} <span>{{ site.data.messages.locales[site.locale].toc }}</span></h5>
+  <ul class="menu-item">
+    {% for link in site.data.navigation %}<li>
+      <a href="{{ site.url }}{{ link.url }}">
+        {% if link.image %}<img src="{{ site.url }}/images/{{ link.image }}" alt="teaser" class="teaser">{% endif %}
+        <div class="title">{{ link.title }}</div>
+        {% if link.excerpt %}<p class="excerpt">{{ link.excerpt }}</p>{% endif %}
+      </a>
+    </li>{% endfor %}
+  </ul>
+</nav>
+<button type="button" id="js-menu-trigger" class="sliding-menu-button lines-button x2" role="button" aria-label="Toggle Navigation">
+  <span class="nav-lines"></span>
+</button>
+
+<div id="js-menu-screen" class="menu-screen"></div>

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/navigation.html
----------------------------------------------------------------------
diff --git a/_includes/navigation.html b/_includes/navigation.html
new file mode 100644
index 0000000..7dddd92
--- /dev/null
+++ b/_includes/navigation.html
@@ -0,0 +1,11 @@
+<ul class="nav navbar-nav navbar-right">
+	<li class="home"><a href="/">{{ site.title }}</a></li>
+	{% for link in site.data.navigation %}
+    {% if link.url contains 'http' %}
+        {% assign domain = '' %}
+        {% else %}
+        {% assign domain = site.url %}
+    {% endif %}
+    <li><a href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
+  {% endfor %}
+</ul>

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/open-graph.html
----------------------------------------------------------------------
diff --git a/_includes/open-graph.html b/_includes/open-graph.html
new file mode 100644
index 0000000..87bf165
--- /dev/null
+++ b/_includes/open-graph.html
@@ -0,0 +1,19 @@
+	<!-- Twitter Cards -->
+	<meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+	{% if page.excerpt %}<meta name="twitter:description" content="{{ page.excerpt | strip_html }}">{% endif %}
+	{% if site.owner.twitter %}<meta name="twitter:site" content="@{{ site.owner.twitter }}">{% endif %}
+	{% if author.twitter %}<meta name="twitter:creator" content="@{{ author.twitter }}">{% endif %}
+	{% if page.image.feature %}
+	<meta name="twitter:card" content="summary_large_image">
+	<meta name="twitter:image" content="{{ site.url }}/images/{{ page.image.feature }}">
+	{% else %}
+	<meta name="twitter:card" content="summary">
+	<meta name="twitter:image" content="{% if page.image.thumb %}{{ site.url }}/images/{{ page.image.thumb }}{% else %}{{ site.url }}/images/{{ site.logo }}{% endif %}">
+	{% endif %}
+	<!-- Open Graph -->
+	<meta property="og:locale" content="{{ site.locale }}">
+	<meta property="og:type" content="article">
+	<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+	{% if page.excerpt %}<meta property="og:description" content="{{ page.excerpt | strip_html }}">{% endif %}
+	<meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.url }}">
+	<meta property="og:site_name" content="{{ site.title }}">
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/page-author.html
----------------------------------------------------------------------
diff --git a/_includes/page-author.html b/_includes/page-author.html
new file mode 100644
index 0000000..6e65e8e
--- /dev/null
+++ b/_includes/page-author.html
@@ -0,0 +1,11 @@
+{% if page.author %}
+  {% assign author = site.data.authors[page.author] %}{% else %}{% assign author = site.owner %}
+{% endif %}
+
+<div class="author-image">
+	<img src="{{ site.url }}/images/{{ author.avatar }}" alt="{{ author.name }}">
+</div><!-- ./author-image -->
+<div class="author-content">
+	<h3 class="author-name" >{{ site.data.messages.locales[site.locale].written_by }} {% if author.web %}<a href="{{ author.web }}" itemprop="author">{{ author.name }}</a>{% else %}<span itemprop="author">{{ author.name }}</span>{% endif %}</h3>
+	<p class="author-bio">{{ author.bio }}</p>
+</div><!-- ./author-content -->
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/page-meta.html
----------------------------------------------------------------------
diff --git a/_includes/page-meta.html b/_includes/page-meta.html
new file mode 100644
index 0000000..489eeca
--- /dev/null
+++ b/_includes/page-meta.html
@@ -0,0 +1,3 @@
+{% if page.date %}<div class="page-meta">
+	<p>{{ site.data.messages.locales[site.locale].updated }} {% if page.modified %}<time datetime="{{ page.modified | date: "%Y-%m-%dT%H:%M:%SZ" }}" itemprop="dateModified">{{ page.modified | date: "%B %d, %Y" }}</time>{% else %}<time datetime="{{ page.date | date: "%Y-%m-%dT%H:%M:%SZ" }}" itemprop="datePublished">{{ page.date | date: "%B %d, %Y" }}</time></p>{% endif %}
+</div><!-- /.page-meta -->{% endif %}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/pagination.html
----------------------------------------------------------------------
diff --git a/_includes/pagination.html b/_includes/pagination.html
new file mode 100644
index 0000000..f65d3eb
--- /dev/null
+++ b/_includes/pagination.html
@@ -0,0 +1,15 @@
+<nav class="pagination">
+  {% capture category_name %}{{ page.categories | first }}{% endcapture %}
+  {% for post in site.categories.[category_name] %}
+    {% if post.url == page.url %}
+      {% assign post_index0 = forloop.index0 %}
+      {% assign post_index1 = forloop.index %}
+    {% endif %}
+  {% endfor %}
+  {% for post in site.categories.[category_name] %}
+    {% if post_index0 == forloop.index %}{% assign next_post = post %}{% endif %}
+    {% if post_index1 == forloop.index0 %}{% assign prev_post = post %}{% endif %}
+  {% endfor %}
+  {% if prev_post %}<a class="prev" href="{{ site.url }}{{ prev_post.url }}">{{ prev_post.title }}</a>{% endif %}
+  {% if next_post %}<a class="next" href="{{ site.url }}{{ next_post.url }}">{{ next_post.title }}</a>{% endif %}
+</nav>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/post-grid.html
----------------------------------------------------------------------
diff --git a/_includes/post-grid.html b/_includes/post-grid.html
new file mode 100644
index 0000000..57330ab
--- /dev/null
+++ b/_includes/post-grid.html
@@ -0,0 +1,7 @@
+<article class="tile" itemscope itemtype="http://schema.org/Article">
+  <a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}" class="post-teaser">{% if post.image.teaser %}<img src="{{ site.url }}/images/{{ post.image.teaser }}" alt="teaser" itemprop="image">
+    {% else %}<img src="{{ site.url }}/images/{{ site.teaser }}" alt="teaser" itemprop="image">{% endif %}</a>
+  {% if post.date %}<p class="entry-date date published"><time datetime="{{ post.date | date: "%Y-%m-%d" }}" itemprop="datePublished">{{ post.date | date: "%B %d, %Y" }}</time></p>{% endif %}
+  <h2 class="post-title" itemprop="name"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
+  <p class="post-excerpt" itemprop="description">{{ post.excerpt | strip_html | truncate: 160 }}</p>
+</article><!-- /.tile -->

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/post-list-bullets.html
----------------------------------------------------------------------
diff --git a/_includes/post-list-bullets.html b/_includes/post-list-bullets.html
new file mode 100644
index 0000000..93da0df
--- /dev/null
+++ b/_includes/post-list-bullets.html
@@ -0,0 +1,13 @@
+<div class="bullets">
+	{% for post in site.posts %}
+	<div class="bullet three-col-bullet">
+		<div class="bullet-icon">
+			<a href="{{ site.url }}{{ post.url }}"><img src="{{ site.url }}/images/{{ post.image.teaser }}" alt=""></a>
+		</div><!-- /.bullet-icon -->
+		<div class="bullet-content">
+			<h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
+			<p>{{ post.excerpt | remove: '<p>' | remove: '</p>'}}</p>
+		</div><!-- /.bullet-content -->
+	</div><!-- /.bullet -->
+	{% endfor %}
+</div><!-- /.bullets -->
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/post-list.html
----------------------------------------------------------------------
diff --git a/_includes/post-list.html b/_includes/post-list.html
new file mode 100644
index 0000000..75da584
--- /dev/null
+++ b/_includes/post-list.html
@@ -0,0 +1 @@
+<li>{% if post.date %}<span>{{ post.date | date: "%B %d, %Y" }}</span> &raquo; {% endif %}<a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/scroll-cue.html
----------------------------------------------------------------------
diff --git a/_includes/scroll-cue.html b/_includes/scroll-cue.html
new file mode 100644
index 0000000..8f0723e
--- /dev/null
+++ b/_includes/scroll-cue.html
@@ -0,0 +1,3 @@
+<div id="scroll-cue" onclick="$('html,body').animate({scrollTop: $('#content').offset().top}, 1000)">Scroll
+	<svg class="hang" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"><g></g><path d="M24.773 13.701c-0.651 0.669-7.512 7.205-7.512 7.205-0.349 0.357-0.805 0.534-1.261 0.534-0.458 0-0.914-0.178-1.261-0.534 0 0-6.861-6.536-7.514-7.205-0.651-0.669-0.696-1.87 0-2.586 0.698-0.714 1.669-0.77 2.522 0l6.253 5.997 6.251-5.995c0.854-0.77 1.827-0.714 2.522 0 0.698 0.714 0.654 1.917 0 2.584z" fill="#ffffff" /></svg>
+</div>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/share-this.html
----------------------------------------------------------------------
diff --git a/_includes/share-this.html b/_includes/share-this.html
new file mode 100644
index 0000000..1629a98
--- /dev/null
+++ b/_includes/share-this.html
@@ -0,0 +1,5 @@
+<div class="inline-btn">
+	<a class="btn-social twitter" href="https://twitter.com/intent/tweet?text={{ page.title | escape | replace:' ','%20' }}&amp;url={{ page.url | replace:'index.html','' | prepend: site.url }}&amp;via={{ site.owner.twitter }}" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i> {{ site.data.messages.locales[site.locale].share }} Twitter</a>
+	<a class="btn-social facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | replace:'index.html','' | prepend: site.url }}" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i> {{ site.data.messages.locales[site.locale].share }} Facebook</a>
+	<a class="btn-social google-plus"  href="https://plus.google.com/share?url={{ page.url | replace:'index.html','' | prepend: site.url }}" target="_blank"><i class="fa fa-google-plus" aria-hidden="true"></i> {{ site.data.messages.locales[site.locale].share }} Google+</a>
+</div><!-- /.share-this -->

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_includes/toc.html
----------------------------------------------------------------------
diff --git a/_includes/toc.html b/_includes/toc.html
new file mode 100644
index 0000000..7a88101
--- /dev/null
+++ b/_includes/toc.html
@@ -0,0 +1,4 @@
+<nav class="toc" markdown="1">
+*  Auto generated table of contents
+{:toc}
+</nav>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_layouts/archive.html
----------------------------------------------------------------------
diff --git a/_layouts/archive.html b/_layouts/archive.html
new file mode 100644
index 0000000..a3a5c98
--- /dev/null
+++ b/_layouts/archive.html
@@ -0,0 +1,25 @@
+---
+layout: default
+---
+
+<div id="main" role="main">			
+	<div class="wrap">
+		{% if page.image.feature %}
+		<div class="page-feature">
+			<div class="page-image">
+				<img src="{{ site.url }}/images/{{ page.image.feature }}" class="page-feature-image" alt="{{ page.title }}">
+				{% if page.image.credit %}{% include image-credit.html %}{% endif %}
+			</div><!-- /.page-image -->
+		</div><!-- /.page-feature -->
+		{% endif %}
+		<div class="page-title">
+			<h1>{{ page.title }}</h1>
+			{% if page.excerpt %}<h2>{{ page.excerpt }}</h2>{% endif %}
+		</div>
+		<div class="archive-wrap">
+			<div class="page-content">
+				{{ content }}
+			</div><!-- /.page-content -->
+		</div class="archive-wrap"><!-- /.archive-wrap -->
+	</div><!-- /.wrap -->
+</div><!-- /#main -->
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_layouts/article.html
----------------------------------------------------------------------
diff --git a/_layouts/article.html b/_layouts/article.html
new file mode 100644
index 0000000..4391359
--- /dev/null
+++ b/_layouts/article.html
@@ -0,0 +1,54 @@
+---
+layout: default
+---
+
+<div id="main" role="main">
+	<article class="wrap" itemscope itemtype="http://schema.org/Article">
+		{% if page.image.feature %}
+		<div class="page-feature">
+			<div class="page-image">
+				<img src="{{ site.url }}/images/{{ page.image.feature }}" class="page-feature-image" alt="{{ page.title }}" itemprop="image">
+				{% if page.image.credit %}{% include image-credit.html %}{% endif %}
+			</div><!-- /.page-image -->
+		</div><!-- /.page-feature -->
+		{% endif %}
+		{% include breadcrumbs.html %}
+
+		<section id="global-header">
+			<div class="container">
+				<div class="row">
+					<div class="col-md-12">
+						<div class="block">
+							<h1>{{ page.title }}</h1>
+							<p>{{ page.subtitle }}</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</section>
+
+
+
+		<div class="inner-wrap">
+			<div id="content" class="page-content" itemprop="articleBody">
+				<section id="intro">
+		      <div class="container">
+		        <div class="row">
+								{{ content }}
+		        </div>
+		      </div>
+		    </section>
+				<hr />
+				<footer class="page-footer">
+					{% if page.categories %}{% include page-author.html %}{% endif %}
+					{% if page.share != false %}{% include share-this.html %}{% endif %}
+					{% include page-meta.html %}
+				</footer><!-- /.footer -->
+				<aside>
+					{% if page.comments == true %}{% include comments.html %}{% endif %}
+				</aside>
+			</div><!-- /.content -->
+		</div><!-- /.inner-wrap -->
+		{% if page.ads == true %}<div class="ads">{% include advertising.html %}</div><!-- /.ads -->{% endif %}
+	</article><!-- ./wrap -->
+</div><!-- /#main -->

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_layouts/default.html
----------------------------------------------------------------------
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..afebb45
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+  <title>{% if page.title %}{{ page.title }} • {% endif %}{{ site.title }}</title>
+
+  {% if page.excerpt %}<meta name="description" content="{{ page.excerpt | strip_html }}">{% endif %}
+  {% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
+  {% if page.author %}
+    {% assign author = site.data.authors[page.author] %}{% else %}{% assign author = site.owner %}
+  {% endif %}
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+
+  <!-- CSS -->
+  <link rel="stylesheet" href="{{ site.url }}/css/owl.carousel.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/bootstrap.min.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/font-awesome.min.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/style.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/ionicons.min.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/animate.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/responsive.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.0/gh-fork-ribbon.min.css" />
+  <style>
+      .github-fork-ribbon.right-top:before {
+          background-color: #000;
+      }
+  </style>
+
+
+  <!-- Js -->
+  <script src="{{ site.url }}/js/vendor/modernizr-2.6.2.min.js"></script>
+  <script src="{{ site.url }}/js/vendor/jquery-1.10.2.min.js"></script>
+  <script>window.jQuery || document.write('<script src="{{ site.url }}/js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+  <script src="{{ site.url }}/js/bootstrap.min.js"></script>
+  <script src="{{ site.url }}/js/owl.carousel.min.js"></script>
+  <script src="{{ site.url }}/js/plugins.js"></script>
+
+  <script src="{{ site.url }}/js/min/waypoints.min.js"></script>
+  <script src="{{ site.url }}/js/jquery.counterup.js"></script>
+
+
+
+
+
+
+  <script src="{{ site.url }}/js/main.js"></script>
+  <script src="{{ site.url }}/js/plugins/jquery.mixitup.min.js"></script>
+
+</head>
+
+  <body id="js-body">
+    <a class="github-fork-ribbon right-top" href="https://github.com/apache/incubator-ariatosca" title="Fork me on GitHub">Fork me on GitHub</a>
+
+    {% include browser-upgrade.html %}
+    {% include header.html %}
+
+
+    <div id="page-wrapper">
+      {{ content }}
+      {% include footer.html %}
+    </div>
+
+    <script src="{{ site.url }}/js/vendor/jquery-1.10.2.min.js"></script>
+    <script src="{{ site.url }}/js/plugins/jquery.mixitup.min.js"></script>
+    <script src="{{ site.url }}/js/owl.carousel.min.js"></script>
+    <script src="{{ site.url }}/js/jquery.counterup.js"></script>
+
+    <script src="{{ site.url }}/js/main.js"></script>
+
+  </body>
+
+</html>

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_layouts/media.html
----------------------------------------------------------------------
diff --git a/_layouts/media.html b/_layouts/media.html
new file mode 100644
index 0000000..6682db3
--- /dev/null
+++ b/_layouts/media.html
@@ -0,0 +1,34 @@
+---
+layout: default
+---
+
+<div id="main" role="main">
+	<article class="wrap" itemscope itemtype="http://schema.org/Article">
+		{% if page.image.feature %}
+		<div class="page-feature">
+			<div class="page-image">
+				<img src="{{ site.url }}/images/{{ page.image.feature }}" class="page-feature-image" alt="{{ page.title }}" itemprop="image">
+				{% if page.image.credit %}{% include image-credit.html %}{% endif %}
+			</div><!-- /.page-image -->
+		</div><!-- /.page-feature -->
+		{% endif %}
+		{% include breadcrumbs.html %}
+		<div class="page-title">
+			<h1>{{ page.title }}</h1>
+		</div>
+		<div class="inner-wrap">
+			<div id="content" class="page-content" itemprop="articleBody">
+				{{ content }}
+				<hr />
+				<footer class="page-footer">
+					{% if page.share != false %}{% include share-this.html %}{% endif %}
+					{% include page-meta.html %}
+				</footer><!-- /.footer -->
+				<aside>
+					{% if page.comments == true %}{% include comments.html %}{% endif %}
+				</aside>
+			</div><!-- /.content -->
+		</div><!-- /.inner-wrap -->
+		{% if page.ads == true %}<div class="ads">{% include advertising.html %}</div><!-- /.ads -->{% endif %}
+	</article><!-- /.wrap -->
+</div><!-- /#main -->

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_animations.scss
----------------------------------------------------------------------
diff --git a/_sass/_animations.scss b/_sass/_animations.scss
new file mode 100644
index 0000000..2e60299
--- /dev/null
+++ b/_sass/_animations.scss
@@ -0,0 +1,41 @@
+/* ==========================================================================
+   Animations
+   ========================================================================== */
+
+/*
+   Wiggle animation
+   ========================================================================== */
+
+@include keyframes(wiggle) {
+	25%, 50%, 75%, 100% { @include transform-origin(top center); }
+	25% { @include transform(rotate(8deg)); }
+	50% { @include transform(rotate(-4deg)); }
+	75% { @include transform(rotate(2deg)); }
+	100% { @include transform(rotate(0deg)); }
+}
+
+/*
+   Pop animation
+   ========================================================================== */
+
+@include keyframes(pop) {
+	50% { @include transform(scale(1.1)); }
+	100% { @include transform(scale(1)); }
+}
+
+/*
+   Hang animation
+   ========================================================================== */
+
+@include keyframes(hang) {
+	50% { @include transform(translateY(-3px)); }
+	100% { @include transform(translateY(-6px)); }
+}
+.hang {
+	display: inline-block;
+	@include animation-name(hang);
+	@include animation-duration(0.5s);
+	@include animation-timing-function(linear);
+	@include animation-iteration-count(infinite);
+	@include animation-direction(alternate);
+}

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_badges.scss
----------------------------------------------------------------------
diff --git a/_sass/_badges.scss b/_sass/_badges.scss
new file mode 100644
index 0000000..a3c4eca
--- /dev/null
+++ b/_sass/_badges.scss
@@ -0,0 +1,41 @@
+/* ==========================================================================
+   Badges
+   ========================================================================== */
+
+.badge {
+	display: inline-block;
+	background: $badge-background;
+	border-radius: 2em;
+	color: $badge-font-color;
+	font-family: $alt-font;
+	@include font-size(12,no);
+	font-weight: 600;
+	line-height: 1;
+	padding: .25em 1em;
+	text-align: center;
+
+	&.inverse {
+		background: $white;
+		color: $text-color;
+	}
+
+	&.info {
+		background: $badge-info-color;
+		color: $white;
+	}
+
+	&.danger {
+		background: $badge-danger-color;
+		color: $white;
+	}
+
+	&.warning {
+		background: $badge-warning-color;
+		color: darken($badge-warning-color, 60);
+	}
+
+	&.success {
+		background: $badge-success-color;
+		color: darken($badge-success-color, 60);
+	}
+}

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_base.scss
----------------------------------------------------------------------
diff --git a/_sass/_base.scss b/_sass/_base.scss
new file mode 100644
index 0000000..31122c1
--- /dev/null
+++ b/_sass/_base.scss
@@ -0,0 +1,396 @@
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/*
+   Typography
+   ========================================================================== */
+
+body {
+	font-family: $base-font;
+	color: $text-color;
+	@include font-size(16);
+}
+
+p {
+	@include font-size(18,yes,28);
+}
+
+li {
+	@include font-size(16,12,24);
+}
+
+/* Headings */
+
+h1, h2, h3, h4, h5, h6 {
+	font-family: $heading-font;
+	text-rendering: optimizeLegibility; // Fix the character spacing for headings
+}
+h1 {
+	@include font-size(36);
+}
+h2 {
+	@include font-size(32);
+}
+h3 {
+	@include font-size(28);
+}
+h4 {
+	@include font-size(24);
+}
+h5 {
+	@include font-size(20);
+}
+h6 {
+	@include font-size(18);
+}
+
+/* Underlined text */
+
+u,
+ins {
+	text-decoration: none;
+	border-bottom: 1px solid $text-color;
+}
+
+/* Links */
+
+a {
+	color: $link-color;
+	&:hover {
+		color: darken($link-color, 20);
+	}
+	&:focus {
+		@extend %tab-focus;
+	}
+	&:hover,
+	&:active {
+		outline: 0;
+	}
+}
+
+/* Quoted text */
+
+blockquote {
+  padding-left: $gutter;
+  padding-right: $gutter;
+  border-left: 6px solid $info-color;
+  p {
+    font-family: $alt-font;
+    @include font-size(24);
+  }
+  cite {
+    font-family: $base-font;
+    font-weight: 700;
+    font-style: normal;
+    @include font-size(18);
+  }
+}
+
+// Code
+tt, code, kbd, samp, pre {
+	font-family: $code-font;
+}
+pre {
+	overflow-x: auto; // add scrollbars to wide code blocks
+}
+p code,
+li code {
+	@include font-size(16,no);
+	color: $text-color;
+	white-space: nowrap;
+	margin: 0 2px;
+	padding: 0 5px;
+	border: 1px solid $border-color;
+	background-color: lighten($primary-color, 95);
+	border-radius: $border-radius;
+}
+
+/*
+   Media and embeds
+   ========================================================================== */
+
+/* Figures and images */
+
+figure {
+  margin-left: -1 * $gutter;
+  margin-right: -1 * $gutter;
+  // full width figures on small screens
+  @include media($small) {
+    margin-left: 0;
+    margin-right: 0;
+    position: relative;
+  }
+  @include clearfix;
+  img,
+  .fluid-width-video-wrapper,
+  .palette {
+    margin-bottom: (0px + $doc-line-height) / 2;
+    // margin-bottom: (0rem + ($doc-line-height / $doc-font-size)) / 2;
+  }
+  a {
+    img {
+      /* Image hover animation */
+      @include transition(box-shadow 0.3s);
+      &:hover {
+        box-shadow: 0 0 10px rgba($black, .20);
+      }
+    }
+  }
+  &.half {
+    @include outer-container;
+    @include media($small) {
+      a,
+      > img {
+        @include span-columns(6);
+        @include omega(2n);
+      }
+      figcaption {
+        clear: left;
+      }
+    }
+  }
+  &.third {
+    @include outer-container;
+    @include media($small) {
+      a,
+      > img {
+        @include span-columns(4);
+        @include omega(3n);
+      }
+      figcaption {
+        clear: left;
+      }
+    }
+  }
+}
+
+/* Figure captions */
+
+figcaption {
+  padding-left: $gutter;
+  padding-right: $gutter;
+  @include media($small) {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  font-family: $alt-font;
+  @include font-size(14,yes);
+  color: $caption-color;
+  clear: both;
+  a {
+    color: $caption-color;
+    text-decoration: none;
+    border-bottom: 1px dotted $caption-color;
+    &:hover {
+      border-bottom-style: solid;
+    }
+  }
+}
+
+.half,
+.third {
+  & figcaption { /* Remove caption indents */
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+/* Fix IE9 SVG bug */
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/*
+   Tables
+   ========================================================================== */
+
+table {
+	border-collapse: collapse;
+	margin: ((0px + $doc-line-height) / 2) 0;
+	margin: ((0rem + ($doc-line-height / $doc-font-size)) / 2) 0;
+	width: 100%;
+}
+tbody {
+	tr:hover > td, tr:hover > th {
+		background-color: $table-hover-color;
+	}
+}
+thead {
+	tr:first-child td {
+		border-bottom: 2px solid $table-border-color;
+	}
+}
+th {
+	padding: (0px + $doc-line-height) / 2;
+	padding: (0rem + ($doc-line-height / $doc-font-size)) / 2;
+	font-family: $alt-font;
+	font-weight: bold;
+	text-align: left;
+	background-color: $table-header-color;
+	border-bottom: 1px solid darken($border-color, 15%);
+}
+td {
+	border-bottom: 1px solid $border-color;
+	padding: (0px + $doc-line-height) / 2;
+	padding: (0rem + ($doc-line-height / $doc-font-size)) / 2;
+}
+tr, td, th {
+	vertical-align: middle;
+}
+
+/*
+   Horizontal rules
+   ========================================================================== */
+
+hr {
+	display: block;
+	position: relative;
+	margin: 0px + (2 * $doc-line-height) 0;
+	margin: 0rem + ((2 * $doc-line-height) / $doc-font-size) 0;
+	padding: 0;
+	height: 5px;
+	border: 0;
+	&:before {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 2 * $column;
+		height: 1px;
+		background: $border-color;
+	}
+}
+
+/*
+   Forms
+   ========================================================================== */
+
+fieldset {
+	background: lighten($border-color, 10);
+	border: 1px solid $border-color;
+	margin-bottom: 0px + $doc-line-height;
+	margin-bottom: 0rem + ($doc-line-height / $doc-font-size);
+	padding: $gutter;
+	border-radius: $border-radius;
+}
+
+input,
+label,
+select {
+	display: block;
+	@include font-size($form-font-size,no);
+}
+
+label {
+	font-weight: bold;
+	font-family: $alt-font;
+	margin-bottom: (0px + $doc-line-height) / 4;
+	margin-bottom: (0rem + ($doc-line-height / $doc-font-size)) / 4;
+	&.required:after {
+		content: "*";
+	}
+	abbr {
+		display: none;
+	}
+}
+
+textarea,
+#{$all-text-inputs},
+select,
+select[multiple=multiple] {
+	@include box-sizing(border-box);
+	@include transition(border-color);
+	background-color: white;
+	border-radius: $form-border-radius;
+	border: 1px solid $form-border-color;
+	box-shadow: $form-box-shadow;
+	font-family: $form-font-family;
+	font-size: $form-font-size;
+	margin-bottom: (0px + $doc-line-height) / 2;
+	margin-bottom: (0rem + ($doc-line-height / $doc-font-size)) / 2;
+	padding: ((0px + $doc-line-height) / 3) ((0px + $doc-line-height) / 3);
+	padding: ((0rem + ($doc-line-height / $doc-font-size)) / 3) ((0rem + ($doc-line-height / $doc-font-size)) / 3);
+	width: 100%;
+	&:hover {
+		border-color: $form-border-color-hover;
+	}
+	&:focus {
+		border-color: $form-border-color-focus;
+		box-shadow: $form-box-shadow-focus;
+		outline: none;
+	}
+}
+
+textarea {
+	resize: vertical;
+}
+
+input[type="search"] {
+	@include appearance(none);
+}
+
+input[type="checkbox"], input[type="radio"] {
+	display: inline;
+	margin-right: (0px + $doc-line-height) / 4;
+	margin-right: (0rem + ($doc-line-height / $doc-font-size)) / 4;
+}
+
+input[type="file"] {
+	width: 100%;
+}
+
+select {
+	width: auto;
+	max-width: 100%;
+	margin-bottom: 0px + $doc-line-height;
+	margin-bottom: 0rem + ($doc-line-height / $doc-font-size);
+}
+
+form button,
+input[type="submit"] {
+	@extend .btn;
+	@include appearance(none);
+	cursor: pointer;
+	user-select: none;
+	vertical-align: middle;
+	white-space: nowrap;
+}
+
+/*
+   Navigation lists
+   ========================================================================== */
+
+/**
+ * Removes margins, padding, and bullet points from navigation lists
+ *
+ * Example usage:
+ * <nav>
+ *    <ul>
+ *      <li><a href="#link-1">Link 1</a></li>
+ *      <li><a href="#link-2">Link 2</a></li>
+ *      <li><a href="#link-3">Link 3</a></li>
+ *    </ul>
+ *  </nav>
+ */
+
+nav {
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+  li {
+    list-style: none;
+  }
+  a {
+    text-decoration: none;
+  }
+}
+
+/*
+   Global animation transition
+   ========================================================================== */
+
+b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a, tr, td, .highlight {
+	@include transition (color 0.2s ease-out, opacity 0.2s ease-out, background 0.2s ease-out, border-color 0.2s ease-out);
+}

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_breadcrumbs.scss
----------------------------------------------------------------------
diff --git a/_sass/_breadcrumbs.scss b/_sass/_breadcrumbs.scss
new file mode 100644
index 0000000..e237242
--- /dev/null
+++ b/_sass/_breadcrumbs.scss
@@ -0,0 +1,16 @@
+/* ==========================================================================
+   Breadcrumb navigation
+   ========================================================================== */
+
+.breadcrumbs {
+  @include row;
+  margin-top: $gutter;
+  @include font-size(10,no);
+  a {
+    display: inline-block;
+    font-family: $alt-font;
+    font-weight: 700;
+    text-align: left;
+    text-transform: uppercase;
+  }
+}

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_bullets.scss
----------------------------------------------------------------------
diff --git a/_sass/_bullets.scss b/_sass/_bullets.scss
new file mode 100644
index 0000000..b1a1e19
--- /dev/null
+++ b/_sass/_bullets.scss
@@ -0,0 +1,50 @@
+/* ==========================================================================
+   Visual bullets (image + text)
+   ========================================================================== */
+
+.bullets {
+	$icon-bullet-size: $column;
+	overflow: auto;
+
+	// change ".three-col-bullet" class to this for two bullet layout
+	.two-col-bullet {
+		@include media($large) {
+			@include span-columns(6);
+			@include omega(2n);
+		}
+	}
+	.three-col-bullet {
+		@include media($large) {
+			@include span-columns(4);
+			@include omega(3n);
+		}
+	}
+	// change ".three-col-bullet" class to this for four bullet layout
+	.four-col-bullet {
+		@include media($large) {
+			@include span-columns(3);
+			@include omega(4n);
+		}
+	}
+
+	.bullet-icon {
+		float: left;
+		background: $base-color;
+		padding: $icon-bullet-size /4;
+		border-radius: 50%;
+		width: $icon-bullet-size * 1.25;
+		height: $icon-bullet-size * 1.25;
+	}
+	.bullet-content {
+		margin-left: $icon-bullet-size * 1.4;
+		margin-bottom: 2em;
+	}
+	h2 {
+		margin-top: 0;
+		@include font-size(20,no);
+		display: inline-block;
+	}
+	p {
+		@include font-size(14);
+	}
+}

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_buttons.scss
----------------------------------------------------------------------
diff --git a/_sass/_buttons.scss b/_sass/_buttons.scss
new file mode 100644
index 0000000..3b15898
--- /dev/null
+++ b/_sass/_buttons.scss
@@ -0,0 +1,156 @@
+/* ==========================================================================
+   Buttons
+   ========================================================================== */
+
+/*
+   Default button .btn
+   ========================================================================== */
+
+.btn {
+	display: inline-block;
+	padding: 8px 20px;
+	@include font-size(14);
+	font-family: $alt-font;
+	background-color: $primary-color;
+	color: $white;
+	text-decoration: none;
+	border: 0 !important;
+	border-radius: 10 * $border-radius;
+	@include transition(background 0.2s, border 0.2s);
+	&:hover {
+		color: $white;
+		background-color: lighten($primary-color, 10);
+	}
+	&:active {
+		// move button slightly on click
+		@include transform(translateY(1px));
+	}
+}
+
+/*
+   Inverse button .btn-inverse
+   ========================================================================== */
+
+.btn-inverse {
+	@extend .btn;
+	background-color: $white;
+	color: $text-color;
+	&:visited,
+	&:active {
+		color: $text-color;
+	}
+	&:hover {
+		color: $white;
+		background-color: $text-color;
+	}
+}
+
+/*
+   Info button .btn-info
+   ========================================================================== */
+
+.btn-info {
+	@extend .btn;
+	background-color: $info-color;
+	color: $white;
+	&:visited {
+		color: $white;
+	}
+	&:hover {
+		background-color: lighten($info-color, 10);
+	}
+}
+
+/*
+   Warning button .btn-warning
+   ========================================================================== */
+
+.btn-warning {
+	@extend .btn;
+	background-color: $warning-color;
+	color: $white;
+	&:visited {
+		color: $white;
+	}
+	&:hover {
+		background-color: lighten($warning-color ,10);
+	}
+}
+
+/*
+   Success button .btn-success
+   ========================================================================== */
+
+.btn-success {
+	@extend .btn;
+	background-color: $success-color;
+	color: $white;
+	&:visited {
+		color: $white;
+	}
+	&:hover {
+		background-color:lighten($success-color, 10);
+	}
+}
+
+/*
+   Danger button .btn-danger
+   ========================================================================== */
+
+.btn-danger {
+	@extend .btn;
+	background-color: $danger-color;
+	color: $white;
+	&:visited {
+		color: $white;
+	}
+	&:hover {
+		background-color: lighten($danger-color, 10);
+	}
+}
+
+/*
+   Social media buttons
+   ========================================================================== */
+
+.btn-social {
+	$social:
+    (facebook, $facebook-color),
+		(flickr, $flickr-color),
+		(foursquare, $foursquare-color),
+		(google-plus, $google-plus-color),
+		(instagram, $instagram-color),
+		(linkedin, $linkedin-color),
+		(pinterest, $pinterest-color),
+		(rss, $rss-color),
+		(tumblr, $tumblr-color),
+		(twitter, $twitter-color),
+		(vimeo, $vimeo-color),
+		(youtube, $youtube-color);
+	@extend .btn-inverse;
+	color: $text-color !important;
+	&:visited,
+	&:active {
+		color: $text-color;
+	}
+	border: 1px solid $border-color !important;
+	@each $socialnetwork, $color in $social {
+		i.fa-#{$socialnetwork} {
+	    color: $color;
+    }
+	}
+	&:hover {
+		color: $white !important;
+	}
+	@each $socialnetwork, $color in $social {
+		&.#{$socialnetwork}:hover {
+	    background: $color;
+	    border-color: $color;
+	    @each $socialnetwork, $color in $social {
+				i.fa-#{$socialnetwork} {
+			    color: $white;
+		    }
+			}
+    }
+	}
+}

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_footnotes.scss
----------------------------------------------------------------------
diff --git a/_sass/_footnotes.scss b/_sass/_footnotes.scss
new file mode 100644
index 0000000..57a59ca
--- /dev/null
+++ b/_sass/_footnotes.scss
@@ -0,0 +1,14 @@
+/* ==========================================================================
+   Footnotes
+   ========================================================================== */
+
+.footnotes {
+  font-family: $alt-font;
+  p, li {
+    @include font-size(12,no);
+  }
+  &:before {
+    content: 'Footnotes:';
+    font-weight: 700;
+  }
+}

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_grid-settings.scss
----------------------------------------------------------------------
diff --git a/_sass/_grid-settings.scss b/_sass/_grid-settings.scss
new file mode 100644
index 0000000..0d2c638
--- /dev/null
+++ b/_sass/_grid-settings.scss
@@ -0,0 +1,15 @@
+/* ==========================================================================
+   Grid settings for Neat
+   ========================================================================== */
+
+@import "vendor/neat/neat-helpers";
+
+// Change the grid settings
+$visual_grid: false;
+
+// Define your breakpoints
+$short: new-breakpoint(max-height em(700) 12);
+$micro: new-breakpoint(min-width em(240) max-width em(480) 12);
+$small: new-breakpoint(min-width em(600) 12);
+$medium: new-breakpoint(min-width em(900) 12);
+$large: new-breakpoint(min-width em(1280) 12);

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_helpers.scss
----------------------------------------------------------------------
diff --git a/_sass/_helpers.scss b/_sass/_helpers.scss
new file mode 100644
index 0000000..f8ab4bf
--- /dev/null
+++ b/_sass/_helpers.scss
@@ -0,0 +1,153 @@
+/* ==========================================================================
+   Helpers and Utility Classes
+   ========================================================================== */
+
+.wrap {
+  @include outer-container;
+}
+
+.come-in {
+  @include transform(translateY(20px));
+  @include animation(pop 0.5s ease forwards);
+}
+
+.already-visible {
+  @include transform(translateY(0));
+  @include animation(none);
+}
+
+/*
+   Hide
+   ========================================================================== */
+
+.hidden,
+.load {
+  display: none;
+}
+
+/*
+   No scrollbars
+   ========================================================================== */
+
+.no-scroll {
+  overflow: hidden;
+}
+
+/*
+   Inline button(s) wrapper
+   ========================================================================== */
+
+.inline-btn {
+  @include clearfix;
+  a, btn {
+    display: inline-block;
+    margin-right: $gutter / 2;
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}
+
+/*
+   Shorten measure of text to improve readability
+   ========================================================================== */
+
+@include media($medium) {
+  .shorten {
+    width: percentage(8/12);
+  }
+}
+
+/*
+   Center align text
+   ========================================================================== */
+
+.center {
+  text-align: center;
+}
+
+/*
+   Align image to the right
+   ========================================================================== */
+
+.image-right {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  @include media($medium) {
+    float: right;
+    margin-left: $gutter;
+  }
+}
+
+/*
+   Thumbnail grid (default)
+   ========================================================================== */
+
+.th-grid {
+  @include row($direction: LTR);
+  @include clearfix;
+  margin: 0;
+  padding: 0;
+  li {
+    list-style: none;
+    @include span-columns(3);
+    @include omega(4n);
+    margin-bottom: flex-gutter($grid-columns);
+  }
+  a {
+    img {
+      // Image hover animation
+      &:hover {
+        @include animation(pop .3s 0 linear);
+        box-shadow: 0 0 10px rgba($black, .20);
+      }
+    }
+  }
+}
+
+/*
+   Thumbnail grid (oversized)
+   ========================================================================== */
+
+.th-grid-full {
+  @include clearfix;
+  margin: 0;
+  padding: 0;
+  @include media($large) {
+    margin-right: -29em; // magic number ugh
+  }
+  @at-root {
+    .archive-wrap & {
+      margin-right: 0;
+    }
+  }
+  li {
+    list-style: none;
+    margin-bottom: flex-gutter($grid-columns);
+    @include media($micro) {
+      @include span-columns(3);
+      @include omega(4n);
+    }
+    @media screen and (min-width: em(480)) and (max-width: em(999)) {
+      @include span-columns(3);
+      @include omega(4n);
+    }
+    @include media($large) {
+      float: left;
+      width: 6.575em;
+      margin-right: .25em; // magic number ugh
+      margin-bottom: .25em; // magic number ugh
+      @include omega(9n);
+    }
+  }
+  a {
+    img {
+      // Image hover animation
+      &:hover {
+        @include animation(pop .3s 0 linear);
+        box-shadow: 0 0 10px rgba($black, .20);
+      }
+    }
+  }
+}

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_layout.scss
----------------------------------------------------------------------
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
new file mode 100644
index 0000000..bcc7ce0
--- /dev/null
+++ b/_sass/_layout.scss
@@ -0,0 +1,351 @@
+/* ==========================================================================
+   Page layout
+   ========================================================================== */
+
+/*
+   Masthead
+   ========================================================================== */
+
+#masthead {
+	padding: $gutter;
+	z-index: 5;
+	@include transform(translate(0,0));
+	@include transition(500ms cubic-bezier(.645,.045,.355,1.000));
+	&.slide {
+		@include transform(translate(-1600px,0));
+	}
+	.inner-wrap {
+		@include outer-container;
+	}
+}
+.site-title {
+	@include row;
+	@include media($large) {
+		@include span-columns(4);
+	}
+	padding: (.25 * $masthead-height) 0; // fourth the height to center vertically
+	height: $masthead-height;
+	text-decoration: none;
+	color: $black;
+	font-family: $alt-font;
+	font-weight: 700;
+	@include font-size(20,no);
+	line-height: .5 * $masthead-height; // half the height to center vertically
+	text-transform: uppercase;
+}
+
+
+/*
+   Menus
+   ========================================================================== */
+
+.menu {
+	li {
+		float: left;
+		&:last-child a {
+			@include media($medium) {
+				margin-right: 0; // remove spacing from last menu link
+			}
+		}
+		a {
+			// line hover effect
+			position: relative;
+			display: block;
+			margin-right: $gutter;
+			padding: (.25 * $masthead-height) 0 (.25 * $masthead-height) ;
+			height: $masthead-height;
+			font-family: $alt-font;
+			&:before,
+			&:after {
+				content: '';
+				display: block;
+				position: absolute;
+				top: 0;
+				left: 0;
+				height: 2px;
+				@include transition(width 0.3s);
+			}
+			&:before {
+				width: 100%;
+				background: transparent;
+			}
+			&:after {
+				width: 0;
+				background: $black;
+			}
+			&:active:after,
+			&:hover:after {
+				width: 100%;
+			}
+		}
+	}
+}
+
+/* Top menu navigation */
+
+.top-menu {
+	display: none;
+	position: relative;
+	@include media($medium) {
+		@include span-columns(12);
+	}
+	@include media($large) {
+		@include span-columns(7);
+		ul {
+			position: absolute;
+			right: 0;
+		}
+	}
+	.home,
+	.sub-menu-item {
+		display: none;
+	}
+	li {
+		a {
+			font-weight: 700;
+			@include font-size(16,no);
+			line-height: .5 * $masthead-height; // half the height to center vertically
+			color: $black;
+			text-transform: uppercase;
+		}
+	}
+}
+
+/* Bottom menu navigation */
+
+.bottom-menu {
+	@include clearfix;
+	font-weight: 700;
+	a {
+		color: lighten($black,60);
+	}
+}
+
+
+/*
+   Page wrapper
+   ========================================================================== */
+
+#page-wrapper {
+	padding: 0 $gutter; // add white space for smaller screens
+	@include size(100% 100%);
+	-webkit-overflow-scrolling: touch;
+	z-index: 2;
+	@include transform(translate(0,0));
+	@include transition(500ms cubic-bezier(.645,.045,.355,1.000));
+	&.slide {
+		@include transform(translate(-60rem,0));
+	}
+}
+
+/*
+   Main content
+   ========================================================================== */
+
+#main {
+	.inner-wrap {
+		@include media($medium) {
+			@include span-columns(9);
+		}
+	}
+	.page-title {
+		@include fill-parent;
+	}
+	@at-root {
+		.page-content {
+			@include fill-parent;
+			// larger font for intro paragraph
+			> p {
+				&:first-child {
+					@include font-size(20,yes,30);
+				}
+			}
+			// cleaner underlines for links
+			a { text-decoration: none; }
+			p a,
+			li a {
+				border-bottom: 1px dotted lighten($link-color, 50);
+				&:hover {
+					border-bottom-style: solid;
+				}
+			}
+			p > a.reversefootnote {
+				border-bottom-width: 0;
+			}
+      .toc li > a {
+        border-bottom-width: 0;
+      }
+			.page-footer,
+			.pagination {
+				@include fill-parent;
+			}
+			.page-meta {
+				p{
+					@include font-size(14,no);
+					font-family: $alt-font;
+					color: lighten($black,60);
+				}
+			}
+		}
+	}
+	@at-root {
+		.archive-wrap {
+			@include fill-parent;
+			.page-content {
+				@include reset-all;
+				@include fill-parent;
+			}
+		}
+	}
+  /* advertisements */
+	.ads {
+		position: relative;
+		text-align: center;
+		margin-top: $gutter;
+		margin-left: -$gutter;
+		margin-right: -$gutter;
+		padding: 10px 0 20px;
+		background: lighten($border-color,5);
+		@include media($medium) {
+			@include span-columns(3);
+			margin-left: 0;
+			margin-right: 0;
+		}
+		&:after {
+			content: 'Advertisement';
+			position: absolute;
+			bottom: 0;
+			width: 100%;
+			text-align: center;
+			display: block;
+			@include font-size(9,no);
+			font-family: $alt-font;
+		}
+		ins {
+			border-width: 0;
+		}
+	}
+}
+// page lead
+.page-lead {
+	background-position: center top;
+	background-repeat: no-repeat;
+	background-attachment: fixed;
+	text-align: center;
+	color: $white;
+	@include media($large) {
+		background-size: cover;
+	}
+}
+.page-lead-content {
+	padding: 1em;
+	@include media($medium) {
+		padding: 2em;
+	}
+	@include media($large) {
+		padding: 3em;
+	}
+	h1 {
+		@include font-size(48);
+		@include media($medium) {
+			@include font-size(60);
+		}
+		@include media($large) {
+			@include font-size(72);
+		}
+	}
+	h2 {
+		@include font-size(20);
+		@include media($medium) {
+			@include font-size(24);
+		}
+		@include media($large) {
+			@include font-size(32);
+		}
+	}
+}
+// page header
+.page-feature {
+	@include fill-parent;
+	// expand image to cover full width of header
+	img {
+		width: 100%;
+	}
+}
+// make image flush with edges on small screens
+.page-image {
+	position: relative;
+	margin-left: -1 * $gutter;
+	margin-right: -1 * $gutter;
+	// feature image caption
+	.image-credit {
+		position: absolute;
+		bottom: 0;
+		right: 0;
+		margin: 0 auto;
+		padding: 10px 15px;
+		background-color: rgba($black,.5);
+		color: $white;
+		font-family: $alt-font;
+		@include font-size(12,no);
+		text-align: right;
+		z-index: 10;
+		a {
+			color: $white;
+			text-decoration: none;
+		}
+	}
+}
+
+/*
+   Page footer
+   ========================================================================== */
+
+.page-footer {
+	position: relative;
+}
+
+/* Author block */
+
+.author-image {
+	position: absolute;
+	left: 0;
+	img {
+		width: 80px;
+		height: 80px;
+		border-radius: $border-radius;
+	}
+}
+.author-content {
+	word-wrap: break-word;
+	padding-left: 100px; //avatar width + 20px padding
+	min-height: 80px; //mirrors avatar height
+}
+.author-name {
+	@include font-size(20,no);
+}
+.author-bio {
+	margin-top: 0;
+	@include font-size(16);
+}
+
+/*
+   Site footer
+   ========================================================================== */
+
+#site-footer {
+	@include outer-container;
+	margin-top: (3 * (0px + $doc-line-height));
+	margin-top: (3 * (0rem + ($doc-line-height / $doc-font-size)));
+	padding-bottom: $gutter;
+	font-family: $alt-font;
+  /* Copyright text */
+	.copyright {
+		@include font-size(12);
+		color: lighten($black,60);
+		a {
+			color: lighten($black,60);
+			text-decoration: none;
+		}
+	}
+}

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_menu-navicons.scss
----------------------------------------------------------------------
diff --git a/_sass/_menu-navicons.scss b/_sass/_menu-navicons.scss
new file mode 100644
index 0000000..99f551a
--- /dev/null
+++ b/_sass/_menu-navicons.scss
@@ -0,0 +1,130 @@
+/* ==========================================================================
+   ANIMATED 3 LINE NAVICONS
+   https://github.com/SaraSoueidan/navicon-transformicons
+   ========================================================================== */
+
+/* Common to all three-liners */
+
+@mixin line {
+  display: inline-block;
+  width: $button-size;
+  height: $button-size/7;
+  background: $white;
+  transition: $transition;
+}
+
+.nav-lines {
+  @include line;
+  position: relative;
+  &:before, &:after {
+   @include line;
+    position: absolute;
+    left:0;
+    content: '';
+      transform-origin: $button-size/14 center;
+  }
+  &:before {
+    top: $button-size/4;
+  }
+  &:after {
+    top: -$button-size/4;
+  }
+}
+
+.lines-button:hover {
+  .nav-lines {
+    &:before {
+      top: $button-size/3.5;
+    }
+    &:after {
+      top: -$button-size/3.5;
+    }
+  }
+}
+
+/* For both the arrow up and left icons */
+
+.lines-button.arrow.close {
+  .nav-lines {
+    &:before,
+    &:after {
+      top: 0;
+      width: $button-size/1.8;
+    }
+    &:before {
+      transform: rotate3d(0,0,1,40deg);
+    }
+    &:after {
+      transform: rotate3d(0,0,1,-40deg);
+    }
+  }
+}
+
+/* Arrow up only: just rotate by 90degrees */
+
+.lines-button.arrow-up.close {
+  transform: scale3d(.8,.8,.8) rotate3d(0, 0, 1,90deg);
+}
+
+/* Three-lines to minus only */
+
+.lines-button.minus.close {
+  .nav-lines {
+    &:before, &:after {
+      transform: none;
+      top: 0;
+      width: $button-size;
+    }
+  }
+}
+
+/* Three-lines to x */
+
+.lines-button.x.close{
+  .nav-lines {
+    background: transparent;
+    &:before, &:after{
+      transform-origin: 50% 50%;
+      top: 0;
+      width: $button-size;
+    }
+    &:before{
+      transform: rotate3d(0,0,1,45deg);
+    }
+    &:after{
+      transform: rotate3d(0,0,1,-45deg);
+    }
+  }
+}
+
+/* Three-lines to x method 2 */
+
+.lines-button.x2 {
+  .nav-lines {
+    transition: background .3s .5s ease;
+    &:before, &:after {
+      /* set transform origin */
+      transform-origin: 50% 50%;
+      transition: top .3s .6s ease, -webkit-transform .3s ease;
+      transition: top .3s .6s ease, transform .3s ease;
+    }
+  }
+}
+.lines-button.x2.close {
+  .nav-lines {
+    transition: background .3s 0s ease;
+    background: transparent;
+    &:before, &:after {
+      transition: top .3s ease, -webkit-transform .3s .5s ease; /* delay the formation of the x till the minus is formed */
+      transition: top .3s ease, transform .3s .5s ease; /* delay the formation of the x till the minus is formed */
+      top: 0;
+      width: $button-size;
+    }
+    &:before {
+      transform: rotate3d(0,0,1,45deg);
+    }
+    &:after {
+      transform: rotate3d(0,0,1,-45deg);
+    }
+  }
+}

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_mixins.scss
----------------------------------------------------------------------
diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss
new file mode 100644
index 0000000..5c7f395
--- /dev/null
+++ b/_sass/_mixins.scss
@@ -0,0 +1,94 @@
+// MIXINS
+// --------------------------------------------------
+
+%tab-focus {
+	// Default
+	outline: thin dotted #333;
+	// Webkit
+	outline: 5px auto -webkit-focus-ring-color;
+	outline-offset: -2px;
+}
+
+
+//  Typography
+// --------------------------------------------------
+
+/*  Vertical Rhythm
+	https://github.com/sturobson/Sassifaction
+
+	In this mixin you can specify the font size in PX and 
+	it will calculate the REM based on your $doc-font-size 
+	& $doc-line-height variables. 
+
+		@include font-size(24);
+
+	It will also create a bottom margin based on the 
+	$doc-font-size & $doc-line-height variables unless you 
+	specify that it shouldn't have one.
+
+		@include font-size(24, no);
+
+	Or if you want to specify a different bottom margin to 
+	be generated.
+
+		@include font-size(24,32);
+
+	This mixin also generates a pixel-less line height by 
+	default unless you specify that you either don't want 
+	one where I'd suggest declaring 1 within the mixin.
+
+		@include font-size(24, yes, 1);
+
+	There's also the option to specify a different line-height 
+	for it to generate to, where you would specify the 
+	line-height in (effectively) it's pixel value.
+
+		@include font-size(24, yes, 40);
+*/
+
+@mixin font-size($size, $margin: yes, $line-height: $doc-line-height) {
+		
+	// generates the font-size in REMs with a PX fallback
+	font-size: 0px + $size;
+	font-size: 0rem + $size / $doc-font-size;
+
+	// line-height functions
+	////////////////////////
+
+	// if you a line-height is specified in the mixin
+	@if $line-height != $doc-line-height and $line-height != 1 {
+		line-height: ceil($size / $line-height) * ($line-height / $size);
+	}
+	
+	// if $line-height == 1
+	// because, typing 1 is quicker than 16
+	@else if $line-height == 1 {
+		line-height: 1;
+	}
+
+	// normal $line-height
+	// if the line-height is left.
+	@else {
+		line-height: ceil($size / $doc-line-height) * ($doc-line-height / $size);
+	}
+
+	// margin-bottom functions
+	//////////////////////////
+
+	// if no is bottom margin is required
+	@if $margin == no {
+		margin-bottom: 0;  
+	}  
+	
+	// if a specific bottom margin is required
+	@else if $margin != yes and $margin != no {
+		margin-bottom: 0px + $margin;
+		margin-bottom: 0rem + ($margin / $doc-font-size);  
+	}
+
+	// if you're keeping the vertical rhythm with the margin
+	@else {
+		margin-bottom: 0px + $doc-line-height;
+		margin-bottom: 0rem + ($doc-line-height / $doc-font-size);  
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/539d5b55/_sass/_notices.scss
----------------------------------------------------------------------
diff --git a/_sass/_notices.scss b/_sass/_notices.scss
new file mode 100644
index 0000000..e65c773
--- /dev/null
+++ b/_sass/_notices.scss
@@ -0,0 +1,79 @@
+/* ==========================================================================
+   Notices
+   ========================================================================== */
+
+/*
+   Default notice .notice
+   ========================================================================== */
+
+@mixin notice($notice-color) {
+	position: relative;
+	padding: 1.5em;
+	font-family: $alt-font;
+	@include font-size(14,39);
+	color: $white;
+	background-color: $notice-color;
+	border-radius: $border-radius;
+	a {
+		color: $white;
+		border-bottom: 1px dotted $white;
+	}
+}
+.notice {
+	@include notice($primary-color);
+}
+
+/*
+   Inverse notice .notice-inverse
+   ========================================================================== */
+
+.notice-inverse {
+	@include notice($white);
+	color: $text-color;
+	a {
+		color: $text-color;
+	}
+}
+
+/*
+   Info notice .notice-info
+   ========================================================================== */
+
+.notice-info {
+	@include notice($info-color);
+}
+
+/*
+   Warning notice .notice-warning
+   ========================================================================== */
+
+.notice-warning {
+	@include notice($warning-color);
+}
+
+/*
+   Success notice .notice-success
+   ========================================================================== */
+
+.notice-success {
+	@include notice($success-color);
+}
+
+/*
+   Danger notice .notice-danger
+   ========================================================================== */
+
+.notice-danger {
+	@include notice($danger-color);
+}
+
+/*
+   Browser upgrade notice
+   ========================================================================== */
+
+.upgrade {
+  text-align: center;
+  a {
+    text-decoration: none;
+  }
+}



Mime
View raw message