You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airavata.apache.org by sm...@apache.org on 2016/04/07 18:59:23 UTC

[29/29] airavata-site git commit: converting the site to jekyll

converting the site to jekyll


Project: http://git-wip-us.apache.org/repos/asf/airavata-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/airavata-site/commit/6d785d62
Tree: http://git-wip-us.apache.org/repos/asf/airavata-site/tree/6d785d62
Diff: http://git-wip-us.apache.org/repos/asf/airavata-site/diff/6d785d62

Branch: refs/heads/asf-site
Commit: 6d785d6285256ff2eb5dfa9dd314a2ead4e6cc98
Parents: 4ebc7c1
Author: Suresh Marru <sm...@apache.org>
Authored: Thu Apr 7 12:58:48 2016 -0400
Committer: Suresh Marru <sm...@apache.org>
Committed: Thu Apr 7 12:58:48 2016 -0400

----------------------------------------------------------------------
 _config.yml                                     |    6 +
 _includes/footer.html                           |   41 +
 _includes/head.html                             |   10 +
 _layouts/default.html                           |   21 +
 _layouts/page.html                              |   14 +
 _sass/_base.scss                                |  204 +
 _sass/_layout.scss                              |  236 +
 _sass/_syntax-highlighting.scss                 |   67 +
 about.md                                        |  115 +
 community.md                                    |  296 +
 content/about.html                              |  180 +
 content/community.html                          |  361 +
 content/css/font-awesome.min.css                |    4 +
 content/css/main.css                            |  449 +
 content/css/materialize.css                     | 8198 ++++++++++++++++++
 content/css/materialize.min.css                 |   16 +
 content/css/style.css                           |  270 +
 content/development.html                        |  472 +
 content/favicon.ico                             |  Bin 0 -> 318 bytes
 content/fonts/FontAwesome.otf                   |  Bin 0 -> 85908 bytes
 content/fonts/fontawesome-webfont.eot           |  Bin 0 -> 56006 bytes
 content/fonts/fontawesome-webfont.svg           |  520 ++
 content/fonts/fontawesome-webfont.ttf           |  Bin 0 -> 112160 bytes
 content/fonts/fontawesome-webfont.woff          |  Bin 0 -> 65452 bytes
 content/fonts/material-design-icons/LICENSE.txt |  428 +
 .../Material-Design-Icons.eot                   |  Bin 0 -> 102112 bytes
 .../Material-Design-Icons.svg                   |  769 ++
 .../Material-Design-Icons.ttf                   |  Bin 0 -> 101892 bytes
 .../Material-Design-Icons.woff                  |  Bin 0 -> 101968 bytes
 .../Material-Design-Icons.woff2                 |  Bin 0 -> 33220 bytes
 content/fonts/roboto/Roboto-Bold.ttf            |  Bin 0 -> 127744 bytes
 content/fonts/roboto/Roboto-Bold.woff           |  Bin 0 -> 62876 bytes
 content/fonts/roboto/Roboto-Bold.woff2          |  Bin 0 -> 49976 bytes
 content/fonts/roboto/Roboto-Light.ttf           |  Bin 0 -> 126792 bytes
 content/fonts/roboto/Roboto-Light.woff          |  Bin 0 -> 62316 bytes
 content/fonts/roboto/Roboto-Light.woff2         |  Bin 0 -> 49380 bytes
 content/fonts/roboto/Roboto-Medium.ttf          |  Bin 0 -> 127488 bytes
 content/fonts/roboto/Roboto-Medium.woff         |  Bin 0 -> 62980 bytes
 content/fonts/roboto/Roboto-Medium.woff2        |  Bin 0 -> 50224 bytes
 content/fonts/roboto/Roboto-Regular.ttf         |  Bin 0 -> 126072 bytes
 content/fonts/roboto/Roboto-Regular.woff        |  Bin 0 -> 61736 bytes
 content/fonts/roboto/Roboto-Regular.woff2       |  Bin 0 -> 49236 bytes
 content/fonts/roboto/Roboto-Thin.ttf            |  Bin 0 -> 127584 bytes
 content/fonts/roboto/Roboto-Thin.woff           |  Bin 0 -> 61628 bytes
 content/fonts/roboto/Roboto-Thin.woff2          |  Bin 0 -> 48524 bytes
 content/get-involved.html                       |  182 +
 content/img/Genapp-icon-512x512.png             |  Bin 0 -> 6801 bytes
 content/img/Seagrid-icon-512x512.png            |  Bin 0 -> 8718 bytes
 content/img/Ultrascan-icon-512x512.png          |  Bin 0 -> 4901 bytes
 content/img/airavata-architecture.png           |  Bin 0 -> 17796 bytes
 content/img/airavata-brand.png                  |  Bin 0 -> 20609 bytes
 content/img/airavata-logo-shadow.png            |  Bin 0 -> 14892 bytes
 content/img/airavata-logo.png                   |  Bin 0 -> 5510 bytes
 content/img/contribute.jpg                      |  Bin 0 -> 55200 bytes
 content/img/contribute.png                      |  Bin 0 -> 5795 bytes
 content/img/course.jpg                          |  Bin 0 -> 49583 bytes
 content/img/documentation.jpg                   |  Bin 0 -> 53951 bytes
 content/img/export/hero-image.jpg               |  Bin 0 -> 63741 bytes
 content/img/hero-image-short-1.jpg              |  Bin 0 -> 87304 bytes
 content/img/hero-image.jpg                      |  Bin 0 -> 32006 bytes
 content/img/img/hero-image-001.jpg              |  Bin 0 -> 74946 bytes
 content/img/img/hero-image.jpg                  |  Bin 0 -> 99105 bytes
 content/img/img/img/hero-image.jpg              |  Bin 0 -> 32006 bytes
 content/img/keyboard-001.jpg                    |  Bin 0 -> 88947 bytes
 content/img/keyboard.jpg                        |  Bin 0 -> 224783 bytes
 content/img/logo-story/Airavata-logo.png        |  Bin 0 -> 20343 bytes
 content/img/logo-story/add-cloud-services.png   |  Bin 0 -> 1640 bytes
 content/img/logo-story/gateway.png              |  Bin 0 -> 2310 bytes
 content/img/logo-story/many-components.png      |  Bin 0 -> 3327 bytes
 content/img/logo-story/one-component.png        |  Bin 0 -> 1421 bytes
 content/img/logo.png                            |  Bin 0 -> 501 bytes
 content/img/one-component.png                   |  Bin 0 -> 546 bytes
 content/img/parallax1.png                       |  Bin 0 -> 654898 bytes
 content/img/project2.jpeg                       |  Bin 0 -> 559367 bytes
 content/img/project3.png                        |  Bin 0 -> 704472 bytes
 content/img/project4.jpg                        |  Bin 0 -> 67364 bytes
 content/img/project5.png                        |  Bin 0 -> 263383 bytes
 content/img/project6.jpeg                       |  Bin 0 -> 425369 bytes
 content/img/seagridworkflow-darktext.png        |  Bin 0 -> 39742 bytes
 content/img/tutorials.jpg                       |  Bin 0 -> 59692 bytes
 content/index.html                              |  364 +
 content/javascript/init.js                      |  272 +
 content/javascript/jquery-2.1.1.min.js          |    4 +
 content/javascript/materialize.js               | 6219 +++++++++++++
 content/javascript/materialize.min.js           |    9 +
 content/javascript/modernizr.js                 |    4 +
 content/learning.html                           |  222 +
 content/logo.html                               |  172 +
 content/min/custom-min.css                      |   14 +
 content/min/custom-min.js                       |   25 +
 content/min/plugin-min.css                      |   34 +
 content/min/plugin-min.js                       |   15 +
 css/font-awesome.min.css                        |    4 +
 css/main.scss                                   |   49 +
 css/materialize.css                             | 8198 ++++++++++++++++++
 css/materialize.min.css                         |   16 +
 css/style.css                                   |  270 +
 development.md                                  |  408 +
 favicon.ico                                     |  Bin 0 -> 318 bytes
 fonts/FontAwesome.otf                           |  Bin 0 -> 85908 bytes
 fonts/fontawesome-webfont.eot                   |  Bin 0 -> 56006 bytes
 fonts/fontawesome-webfont.svg                   |  520 ++
 fonts/fontawesome-webfont.ttf                   |  Bin 0 -> 112160 bytes
 fonts/fontawesome-webfont.woff                  |  Bin 0 -> 65452 bytes
 fonts/material-design-icons/LICENSE.txt         |  428 +
 .../Material-Design-Icons.eot                   |  Bin 0 -> 102112 bytes
 .../Material-Design-Icons.svg                   |  769 ++
 .../Material-Design-Icons.ttf                   |  Bin 0 -> 101892 bytes
 .../Material-Design-Icons.woff                  |  Bin 0 -> 101968 bytes
 .../Material-Design-Icons.woff2                 |  Bin 0 -> 33220 bytes
 fonts/roboto/Roboto-Bold.ttf                    |  Bin 0 -> 127744 bytes
 fonts/roboto/Roboto-Bold.woff                   |  Bin 0 -> 62876 bytes
 fonts/roboto/Roboto-Bold.woff2                  |  Bin 0 -> 49976 bytes
 fonts/roboto/Roboto-Light.ttf                   |  Bin 0 -> 126792 bytes
 fonts/roboto/Roboto-Light.woff                  |  Bin 0 -> 62316 bytes
 fonts/roboto/Roboto-Light.woff2                 |  Bin 0 -> 49380 bytes
 fonts/roboto/Roboto-Medium.ttf                  |  Bin 0 -> 127488 bytes
 fonts/roboto/Roboto-Medium.woff                 |  Bin 0 -> 62980 bytes
 fonts/roboto/Roboto-Medium.woff2                |  Bin 0 -> 50224 bytes
 fonts/roboto/Roboto-Regular.ttf                 |  Bin 0 -> 126072 bytes
 fonts/roboto/Roboto-Regular.woff                |  Bin 0 -> 61736 bytes
 fonts/roboto/Roboto-Regular.woff2               |  Bin 0 -> 49236 bytes
 fonts/roboto/Roboto-Thin.ttf                    |  Bin 0 -> 127584 bytes
 fonts/roboto/Roboto-Thin.woff                   |  Bin 0 -> 61628 bytes
 fonts/roboto/Roboto-Thin.woff2                  |  Bin 0 -> 48524 bytes
 get-involved.md                                 |  118 +
 img/.picasa.ini                                 |   18 +
 img/.picasaoriginals/.picasa.ini                |   30 +
 img/.picasaoriginals/contribute.jpg             |  Bin 0 -> 52011 bytes
 img/.picasaoriginals/documentation.1.jpg        |  Bin 0 -> 56343 bytes
 img/.picasaoriginals/documentation.jpg          |  Bin 0 -> 47455 bytes
 img/.picasaoriginals/hero-image-short.jpg       |  Bin 0 -> 291264 bytes
 img/.picasaoriginals/tutorials.jpg              |  Bin 0 -> 65150 bytes
 img/Genapp-icon-512x512.png                     |  Bin 0 -> 6801 bytes
 img/Seagrid-icon-512x512.png                    |  Bin 0 -> 8718 bytes
 img/Ultrascan-icon-512x512.png                  |  Bin 0 -> 4901 bytes
 img/airavata-architecture.png                   |  Bin 0 -> 17796 bytes
 img/airavata-brand.png                          |  Bin 0 -> 20609 bytes
 img/airavata-logo-shadow.png                    |  Bin 0 -> 14892 bytes
 img/airavata-logo.png                           |  Bin 0 -> 5510 bytes
 img/contribute.jpg                              |  Bin 0 -> 55200 bytes
 img/contribute.png                              |  Bin 0 -> 5795 bytes
 img/course.jpg                                  |  Bin 0 -> 49583 bytes
 img/documentation.jpg                           |  Bin 0 -> 53951 bytes
 img/export/.picasa.ini                          |    3 +
 img/export/hero-image.jpg                       |  Bin 0 -> 63741 bytes
 img/hero-image-short-1.jpg                      |  Bin 0 -> 87304 bytes
 img/hero-image.jpg                              |  Bin 0 -> 32006 bytes
 img/img/.picasa.ini                             |    3 +
 img/img/hero-image-001.jpg                      |  Bin 0 -> 74946 bytes
 img/img/hero-image.jpg                          |  Bin 0 -> 99105 bytes
 img/img/img/.picasa.ini                         |    3 +
 img/img/img/hero-image.jpg                      |  Bin 0 -> 32006 bytes
 img/keyboard-001.jpg                            |  Bin 0 -> 88947 bytes
 img/keyboard.jpg                                |  Bin 0 -> 224783 bytes
 img/logo-story/Airavata-logo.png                |  Bin 0 -> 20343 bytes
 img/logo-story/add-cloud-services.png           |  Bin 0 -> 1640 bytes
 img/logo-story/gateway.png                      |  Bin 0 -> 2310 bytes
 img/logo-story/many-components.png              |  Bin 0 -> 3327 bytes
 img/logo-story/one-component.png                |  Bin 0 -> 1421 bytes
 img/logo.png                                    |  Bin 0 -> 501 bytes
 img/one-component.png                           |  Bin 0 -> 546 bytes
 img/parallax1.png                               |  Bin 0 -> 654898 bytes
 img/project2.jpeg                               |  Bin 0 -> 559367 bytes
 img/project3.png                                |  Bin 0 -> 704472 bytes
 img/project4.jpg                                |  Bin 0 -> 67364 bytes
 img/project5.png                                |  Bin 0 -> 263383 bytes
 img/project6.jpeg                               |  Bin 0 -> 425369 bytes
 img/seagridworkflow-darktext.png                |  Bin 0 -> 39742 bytes
 img/tutorials.jpg                               |  Bin 0 -> 59692 bytes
 index.md                                        |  298 +
 javascript/init.js                              |  272 +
 javascript/jquery-2.1.1.min.js                  |    4 +
 javascript/materialize.js                       | 6219 +++++++++++++
 javascript/materialize.min.js                   |    9 +
 javascript/modernizr.js                         |    4 +
 learning.md                                     |  158 +
 logo.md                                         |  107 +
 min/custom-min.css                              |   14 +
 min/custom-min.js                               |   25 +
 min/plugin-min.css                              |   34 +
 min/plugin-min.js                               |   15 +
 182 files changed, 38209 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/airavata-site/blob/6d785d62/_config.yml
----------------------------------------------------------------------
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..97ea01b
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,6 @@
+title: Apache Airavata
+destination: content
+baseurl: "" # the subpath of your site, e.g. /blog/
+url: "http://yourdomain.com" # the base hostname & protocol for your site
+
+markdown: kramdown

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/6d785d62/_includes/footer.html
----------------------------------------------------------------------
diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..a79bab6
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,41 @@
+<footer id="contact" class="page-footer default_color scrollspy">
+  <div class="container">
+    <div class="row">
+      <div class="col l6 s12">
+
+      </div>
+      <div class="col m4 s12">
+        <h5 class="white-text">Apache</h5>
+        <ul>
+          <li><a class="white-text" href="http://www.apache.org/" target="_blank">Apache Server Foundation</a></li>
+          <li><a class="white-text" href="http://www.apache.org/foundation/thanks.html" target="_blank">Thanks</a></li>
+          <li><a class="white-text" href="http://www.apache.org/foundation/sponsorship.html" target="_blank">Become a Sponsor</a></li>
+          <li><a class="white-text" href="http://www.apache.org/security/" target="_blank">Security</a></li>
+        </ul>
+      </div>
+      <div class="col m4 s12">
+        <h5 class="white-text">Quick Links</h5>
+        <ul>
+          <li><a class="white-text" href="development.html#downloads">Downloads</a></li>
+          <li><a class="white-text" href="learning.html#documentation">Documentation</a></li>
+          <li><a class="white-text" href="https://issues.apache.org/jira/browse/airavata/?selectedTab=com.atlassian.jira.jira-projects-plugin:summary-panel" target="_blank">Issue Tracking</a></li>
+        </ul>
+      </div>
+      <div class="col m4 s12">
+        <h5 class="white-text">Students</h5>
+        <ul>
+          <li><a class="white-text" href="http://www.joashpereira.com/">Become a Contributor</a></li>
+          <li><a class="white-text" href="http://www.joashpereira.com/blog">GSoC Projects</a></li>
+          <li><a class="white-text" href="http://www.joashpereira.com/blog">--</a></li>
+          <li><a class="white-text" href="http://www.joashpereira.com/blog">--</a></li>
+        </ul>
+      </div>
+
+    </div>
+  </div>
+  <div class="footer-copyright default_color">
+    <div class="container">
+      Copyright &copy; 2016
+    </div>
+  </div>
+</footer>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/6d785d62/_includes/head.html
----------------------------------------------------------------------
diff --git a/_includes/head.html b/_includes/head.html
new file mode 100644
index 0000000..919c03f
--- /dev/null
+++ b/_includes/head.html
@@ -0,0 +1,10 @@
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
+    <meta name="theme-color" content="#2196F3">
+    <title>Apache Airavata</title>
+
+    <!-- CSS  -->
+    <link href="min/plugin-min.css" type="text/css" rel="stylesheet">
+    <link href="min/custom-min.css" type="text/css" rel="stylesheet" >
+</head>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/6d785d62/_layouts/default.html
----------------------------------------------------------------------
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..2ecd1cd
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body id="top" >
+
+    <div class="page-content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </div>
+
+    {% include footer.html %}
+
+  </body>
+  <!--  Scripts-->
+  <script src="min/plugin-min.js"></script>
+  <script src="min/custom-min.js"></script>
+
+</html>

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/6d785d62/_layouts/page.html
----------------------------------------------------------------------
diff --git a/_layouts/page.html b/_layouts/page.html
new file mode 100644
index 0000000..74c1a11
--- /dev/null
+++ b/_layouts/page.html
@@ -0,0 +1,14 @@
+---
+layout: default
+---
+<div class="post">
+
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title }}</h1>
+  </header>
+
+  <article class="post-content">
+    {{ content }}
+  </article>
+
+</div>

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/6d785d62/_sass/_base.scss
----------------------------------------------------------------------
diff --git a/_sass/_base.scss b/_sass/_base.scss
new file mode 100644
index 0000000..518bf2b
--- /dev/null
+++ b/_sass/_base.scss
@@ -0,0 +1,204 @@
+/**
+ * Reset some basic elements
+ */
+body, h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, hr,
+dl, dd, ol, ul, figure {
+    margin: 0;
+    padding: 0;
+}
+
+
+
+/**
+ * Basic styling
+ */
+body {
+    font-family: $base-font-family;
+    font-size: $base-font-size;
+    line-height: $base-line-height;
+    font-weight: 300;
+    color: $text-color;
+    background-color: $background-color;
+    -webkit-text-size-adjust: 100%;
+}
+
+
+
+/**
+ * Set `margin-bottom` to maintain vertical rhythm
+ */
+h1, h2, h3, h4, h5, h6,
+p, blockquote, pre,
+ul, ol, dl, figure,
+%vertical-rhythm {
+    margin-bottom: $spacing-unit / 2;
+}
+
+
+
+/**
+ * Images
+ */
+img {
+    max-width: 100%;
+    vertical-align: middle;
+}
+
+
+
+/**
+ * Figures
+ */
+figure > img {
+    display: block;
+}
+
+figcaption {
+    font-size: $small-font-size;
+}
+
+
+
+/**
+ * Lists
+ */
+ul, ol {
+    margin-left: $spacing-unit;
+}
+
+li {
+    > ul,
+    > ol {
+         margin-bottom: 0;
+    }
+}
+
+
+
+/**
+ * Headings
+ */
+h1, h2, h3, h4, h5, h6 {
+    font-weight: 300;
+}
+
+
+
+/**
+ * Links
+ */
+a {
+    color: $brand-color;
+    text-decoration: none;
+
+    &:visited {
+        color: darken($brand-color, 15%);
+    }
+
+    &:hover {
+        color: $text-color;
+        text-decoration: underline;
+    }
+}
+
+
+
+/**
+ * Blockquotes
+ */
+blockquote {
+    color: $grey-color;
+    border-left: 4px solid $grey-color-light;
+    padding-left: $spacing-unit / 2;
+    font-size: 18px;
+    letter-spacing: -1px;
+    font-style: italic;
+
+    > :last-child {
+        margin-bottom: 0;
+    }
+}
+
+
+
+/**
+ * Code formatting
+ */
+pre,
+code {
+    font-size: 15px;
+    border: 1px solid $grey-color-light;
+    border-radius: 3px;
+    background-color: #eef;
+}
+
+code {
+    padding: 1px 5px;
+}
+
+pre {
+    padding: 8px 12px;
+    overflow-x: scroll;
+
+    > code {
+        border: 0;
+        padding-right: 0;
+        padding-left: 0;
+    }
+}
+
+
+
+/**
+ * Wrapper
+ */
+.wrapper {
+    max-width: -webkit-calc(800px - (#{$spacing-unit} * 2));
+    max-width:         calc(800px - (#{$spacing-unit} * 2));
+    margin-right: auto;
+    margin-left: auto;
+    padding-right: $spacing-unit;
+    padding-left: $spacing-unit;
+    @extend %clearfix;
+
+    @include media-query($on-laptop) {
+        max-width: -webkit-calc(800px - (#{$spacing-unit}));
+        max-width:         calc(800px - (#{$spacing-unit}));
+        padding-right: $spacing-unit / 2;
+        padding-left: $spacing-unit / 2;
+    }
+}
+
+
+
+/**
+ * Clearfix
+ */
+%clearfix {
+
+    &:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+}
+
+
+
+/**
+ * Icons
+ */
+.icon {
+
+    > svg {
+        display: inline-block;
+        width: 16px;
+        height: 16px;
+        vertical-align: middle;
+
+        path {
+            fill: $grey-color;
+        }
+    }
+}

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/6d785d62/_sass/_layout.scss
----------------------------------------------------------------------
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
new file mode 100644
index 0000000..def56f8
--- /dev/null
+++ b/_sass/_layout.scss
@@ -0,0 +1,236 @@
+/**
+ * Site header
+ */
+.site-header {
+    border-top: 5px solid $grey-color-dark;
+    border-bottom: 1px solid $grey-color-light;
+    min-height: 56px;
+
+    // Positioning context for the mobile navigation icon
+    position: relative;
+}
+
+.site-title {
+    font-size: 26px;
+    line-height: 56px;
+    letter-spacing: -1px;
+    margin-bottom: 0;
+    float: left;
+
+    &,
+    &:visited {
+        color: $grey-color-dark;
+    }
+}
+
+.site-nav {
+    float: right;
+    line-height: 56px;
+
+    .menu-icon {
+        display: none;
+    }
+
+    .page-link {
+        color: $text-color;
+        line-height: $base-line-height;
+
+        // Gaps between nav items, but not on the first one
+        &:not(:first-child) {
+            margin-left: 20px;
+        }
+    }
+
+    @include media-query($on-palm) {
+        position: absolute;
+        top: 9px;
+        right: 30px;
+        background-color: $background-color;
+        border: 1px solid $grey-color-light;
+        border-radius: 5px;
+        text-align: right;
+
+        .menu-icon {
+            display: block;
+            float: right;
+            width: 36px;
+            height: 26px;
+            line-height: 0;
+            padding-top: 10px;
+            text-align: center;
+
+            > svg {
+                width: 18px;
+                height: 15px;
+
+                path {
+                    fill: $grey-color-dark;
+                }
+            }
+        }
+
+        .trigger {
+            clear: both;
+            display: none;
+        }
+
+        &:hover .trigger {
+            display: block;
+            padding-bottom: 5px;
+        }
+
+        .page-link {
+            display: block;
+            padding: 5px 10px;
+        }
+    }
+}
+
+
+
+/**
+ * Site footer
+ */
+.site-footer {
+    border-top: 1px solid $grey-color-light;
+    padding: $spacing-unit 0;
+}
+
+.footer-heading {
+    font-size: 18px;
+    margin-bottom: $spacing-unit / 2;
+}
+
+.contact-list,
+.social-media-list {
+    list-style: none;
+    margin-left: 0;
+}
+
+.footer-col-wrapper {
+    font-size: 15px;
+    color: $grey-color;
+    margin-left: -$spacing-unit / 2;
+    @extend %clearfix;
+}
+
+.footer-col {
+    float: left;
+    margin-bottom: $spacing-unit / 2;
+    padding-left: $spacing-unit / 2;
+}
+
+.footer-col-1 {
+    width: -webkit-calc(35% - (#{$spacing-unit} / 2));
+    width:         calc(35% - (#{$spacing-unit} / 2));
+}
+
+.footer-col-2 {
+    width: -webkit-calc(20% - (#{$spacing-unit} / 2));
+    width:         calc(20% - (#{$spacing-unit} / 2));
+}
+
+.footer-col-3 {
+    width: -webkit-calc(45% - (#{$spacing-unit} / 2));
+    width:         calc(45% - (#{$spacing-unit} / 2));
+}
+
+@include media-query($on-laptop) {
+    .footer-col-1,
+    .footer-col-2 {
+        width: -webkit-calc(50% - (#{$spacing-unit} / 2));
+        width:         calc(50% - (#{$spacing-unit} / 2));
+    }
+
+    .footer-col-3 {
+        width: -webkit-calc(100% - (#{$spacing-unit} / 2));
+        width:         calc(100% - (#{$spacing-unit} / 2));
+    }
+}
+
+@include media-query($on-palm) {
+    .footer-col {
+        float: none;
+        width: -webkit-calc(100% - (#{$spacing-unit} / 2));
+        width:         calc(100% - (#{$spacing-unit} / 2));
+    }
+}
+
+
+
+/**
+ * Page content
+ */
+.page-content {
+    padding: $spacing-unit 0;
+}
+
+.page-heading {
+    font-size: 20px;
+}
+
+.post-list {
+    margin-left: 0;
+    list-style: none;
+
+    > li {
+        margin-bottom: $spacing-unit;
+    }
+}
+
+.post-meta {
+    font-size: $small-font-size;
+    color: $grey-color;
+}
+
+.post-link {
+    display: block;
+    font-size: 24px;
+}
+
+
+
+/**
+ * Posts
+ */
+.post-header {
+    margin-bottom: $spacing-unit;
+}
+
+.post-title {
+    font-size: 42px;
+    letter-spacing: -1px;
+    line-height: 1;
+
+    @include media-query($on-laptop) {
+        font-size: 36px;
+    }
+}
+
+.post-content {
+    margin-bottom: $spacing-unit;
+
+    h2 {
+        font-size: 32px;
+
+        @include media-query($on-laptop) {
+            font-size: 28px;
+        }
+    }
+
+    h3 {
+        font-size: 26px;
+
+        @include media-query($on-laptop) {
+            font-size: 22px;
+        }
+    }
+
+    h4 {
+        font-size: 20px;
+
+        @include media-query($on-laptop) {
+            font-size: 18px;
+        }
+    }
+}

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/6d785d62/_sass/_syntax-highlighting.scss
----------------------------------------------------------------------
diff --git a/_sass/_syntax-highlighting.scss b/_sass/_syntax-highlighting.scss
new file mode 100644
index 0000000..e36627d
--- /dev/null
+++ b/_sass/_syntax-highlighting.scss
@@ -0,0 +1,67 @@
+/**
+ * Syntax highlighting styles
+ */
+.highlight {
+    background: #fff;
+    @extend %vertical-rhythm;
+
+    .c     { color: #998; font-style: italic } // Comment
+    .err   { color: #a61717; background-color: #e3d2d2 } // Error
+    .k     { font-weight: bold } // Keyword
+    .o     { font-weight: bold } // Operator
+    .cm    { color: #998; font-style: italic } // Comment.Multiline
+    .cp    { color: #999; font-weight: bold } // Comment.Preproc
+    .c1    { color: #998; font-style: italic } // Comment.Single
+    .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
+    .gd    { color: #000; background-color: #fdd } // Generic.Deleted
+    .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
+    .ge    { font-style: italic } // Generic.Emph
+    .gr    { color: #a00 } // Generic.Error
+    .gh    { color: #999 } // Generic.Heading
+    .gi    { color: #000; background-color: #dfd } // Generic.Inserted
+    .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
+    .go    { color: #888 } // Generic.Output
+    .gp    { color: #555 } // Generic.Prompt
+    .gs    { font-weight: bold } // Generic.Strong
+    .gu    { color: #aaa } // Generic.Subheading
+    .gt    { color: #a00 } // Generic.Traceback
+    .kc    { font-weight: bold } // Keyword.Constant
+    .kd    { font-weight: bold } // Keyword.Declaration
+    .kp    { font-weight: bold } // Keyword.Pseudo
+    .kr    { font-weight: bold } // Keyword.Reserved
+    .kt    { color: #458; font-weight: bold } // Keyword.Type
+    .m     { color: #099 } // Literal.Number
+    .s     { color: #d14 } // Literal.String
+    .na    { color: #008080 } // Name.Attribute
+    .nb    { color: #0086B3 } // Name.Builtin
+    .nc    { color: #458; font-weight: bold } // Name.Class
+    .no    { color: #008080 } // Name.Constant
+    .ni    { color: #800080 } // Name.Entity
+    .ne    { color: #900; font-weight: bold } // Name.Exception
+    .nf    { color: #900; font-weight: bold } // Name.Function
+    .nn    { color: #555 } // Name.Namespace
+    .nt    { color: #000080 } // Name.Tag
+    .nv    { color: #008080 } // Name.Variable
+    .ow    { font-weight: bold } // Operator.Word
+    .w     { color: #bbb } // Text.Whitespace
+    .mf    { color: #099 } // Literal.Number.Float
+    .mh    { color: #099 } // Literal.Number.Hex
+    .mi    { color: #099 } // Literal.Number.Integer
+    .mo    { color: #099 } // Literal.Number.Oct
+    .sb    { color: #d14 } // Literal.String.Backtick
+    .sc    { color: #d14 } // Literal.String.Char
+    .sd    { color: #d14 } // Literal.String.Doc
+    .s2    { color: #d14 } // Literal.String.Double
+    .se    { color: #d14 } // Literal.String.Escape
+    .sh    { color: #d14 } // Literal.String.Heredoc
+    .si    { color: #d14 } // Literal.String.Interpol
+    .sx    { color: #d14 } // Literal.String.Other
+    .sr    { color: #009926 } // Literal.String.Regex
+    .s1    { color: #d14 } // Literal.String.Single
+    .ss    { color: #990073 } // Literal.String.Symbol
+    .bp    { color: #999 } // Name.Builtin.Pseudo
+    .vc    { color: #008080 } // Name.Variable.Class
+    .vg    { color: #008080 } // Name.Variable.Global
+    .vi    { color: #008080 } // Name.Variable.Instance
+    .il    { color: #099 } // Literal.Number.Integer.Long
+}

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/6d785d62/about.md
----------------------------------------------------------------------
diff --git a/about.md b/about.md
new file mode 100644
index 0000000..ab70ffd
--- /dev/null
+++ b/about.md
@@ -0,0 +1,115 @@
+---
+layout: default
+title: About
+---
+
+<!-- Pre Loader -->
+<div id="loader-wrapper">
+    <div id="loader"></div>
+ 
+    <div class="loader-section section-left"></div>
+    <div class="loader-section section-right"></div>
+ 
+</div>
+<!--Navigation-->
+ <div class="navbar-fixed">
+    <nav id="nav_f" class="default_color" role="navigation">
+        <div class="container">
+            <div class="nav-wrapper">
+            <a href="index.html" id="logo-container" class="brand-logo">
+                <img src="img/airavata-brand.png" width="50%" />
+            </a>
+                <ul class="right hide-on-med-and-down">
+                    <li><a href="about.html">About</a></li>
+                    <li><a href="development.html">Development</a></li>
+                    <li>
+                        <a href="learning.html">Learning</a>
+                        <!--
+                        <ul class="">
+                            <li>Test1</li>
+                            <li>Test1</li>
+                            <li>Test1</li>
+                        </ul>
+                        -->
+                    </li>
+                    <li><a href="get-involved.html">Get Involved</a></li>
+                    <li><a href="community.html">Community</a></li>
+                </ul>
+                <ul id="nav-mobile" class="side-nav">
+                   <li class="active"><a href="about.html">About</a></li>
+                    <li><a href="development.html">Development</a></li>
+                    <li><a href="learning.html">Learning</a></li>
+                    <li><a href="get-involved.html">Get Involved</a></li>
+                    <li><a href="community.html">Community</a></li>
+                </ul>
+            <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
+            </div>
+        </div>
+    </nav>
+</div>
+
+
+<!--Hero-->
+<div class="section no-pad-bot">
+
+<main><div class="container">
+
+  <div class="row">
+
+    <div class="col s4">
+        <img src="img/airavata-logo.png" width="100%">
+    </div>
+    <div class="col s8">
+        <h3>Apache Airavata</h3>
+        <p>Apache Airavata is a software framework for executing and managing computational jobs and workflows on distributed computing resources including local clusters, supercomputers, national grids, academic and commercial clouds. </p>
+    </div>
+
+    <div class="col s12 m9 l10 push-m3 push-l2">
+      <div id="legacy" class="section scrollspy">
+        <h2 class="header">Legacy</h2>
+        <h4>LEAD Sience Gateway</h4>
+        <p>
+            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+        </p>
+
+        <h4>Open Gateway Computing Environments</h4>
+        <p>
+            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+        </p>
+
+        <h4>LEAD Sience Gateway</h4>
+        <p>
+            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+        </p>
+      </div>
+
+      <div id="roadmap" class="section scrollspy">
+        <h2 class="header">Roadmap</h2>
+        <h4>Open Gateway Computing Environments</h4>
+        <p>
+            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+        </p>
+
+        <h4>LEAD Sience Gateway</h4>
+        <p>
+            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+        </p>
+      </div>
+    </div>
+
+    <div class="col hide-on-small-only m3 l2 pull-m9 pull-l10">
+      <div class="toc-wrapper pinned">
+        <div style="height: 1px;">
+          <ul class="section table-of-contents">
+            <li><a href="#legacy">Legacy</a></li>
+            <li><a href="#roadmap">Roadmap</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</div>
+
+
+    </main>

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/6d785d62/community.md
----------------------------------------------------------------------
diff --git a/community.md b/community.md
new file mode 100644
index 0000000..0f9e93a
--- /dev/null
+++ b/community.md
@@ -0,0 +1,296 @@
+---
+layout: default
+title: Community
+---
+
+<!-- Pre Loader -->
+  <div id="loader-wrapper">
+      <div id="loader"></div>
+   
+      <div class="loader-section section-left"></div>
+      <div class="loader-section section-right"></div>
+   
+  </div>
+  <!--Navigation-->
+   <div class="navbar-fixed">
+      <nav id="nav_f" class="default_color" role="navigation">
+          <div class="container">
+              <div class="nav-wrapper">
+              <a href="index.html" id="logo-container" class="brand-logo">
+                  <img src="img/airavata-brand.png" width="50%" />
+              </a>
+                  <ul class="right hide-on-med-and-down">
+                      <li><a href="about.html">About</a></li>
+                      <li><a href="development.html">Development</a></li>
+                      <li>
+                          <a href="learning.html">Learning</a>
+                          <!--
+                          <ul class="">
+                              <li>Test1</li>
+                              <li>Test1</li>
+                              <li>Test1</li>
+                          </ul>
+                          -->
+                      </li>
+                      <li><a href="get-involved.html">Get Involved</a></li>
+                      <li class="active"><a href="community.html">Community</a></li>
+                  </ul>
+                  <ul id="nav-mobile" class="side-nav">
+                     <li class="active"><a href="about.html">About</a></li>
+                      <li><a href="development.html">Development</a></li>
+                      <li><a href="learning.html">Learning</a></li>
+                      <li><a href="get-involved.html">Get Involved</a></li>
+                      <li><a href="community.html">Community</a></li>
+                  </ul>
+              <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
+              </div>
+          </div>
+      </nav>
+  </div>
+
+  <!--Hero-->
+  <div class="section no-pad-bot">
+
+    <main>
+      <div class="container">
+
+        <div class="row">
+          <div class="col s12">
+              <h3>People working on Airavata</h3>
+              <p>
+                  Apache Airavata is a community developed project. The list below is a partial list of contributors to the project, for a complete list you'd have to look at all contributors to our issue tracker, mailing list and version control. All project management committee members are also committers of the Airavata project but not vise versa. Please see ASF Roles for explanation of these.</p>
+          </div>
+
+          <div class="col s12 m9 l10 push-m3 push-l2">
+            
+            <div id="pmc" class="section scrollspy">
+              <h2 class="header">Project Management Comittee</h2>
+              <table>
+                <thead>
+                  <tr>
+                      <th data-field="id">Name</th>
+                      <th data-field="name">Bio</th>
+                      <th data-field="price">Link</th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr>
+                    <td>Alvin</td>
+                    <td>A</td>
+                    <td>Github Link</td>
+                  </tr>
+                  <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                    <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                </tbody>
+              </table>
+
+            </div>
+
+            <div id="comm" class="section scrollspy">
+              <h2 class="header">Comitters</h2>
+              <table>
+                <thead>
+                  <tr>
+                      <th data-field="id">Name</th>
+                      <th data-field="name">Bio</th>
+                      <th data-field="price">Link</th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr>
+                    <td>Alvin</td>
+                    <td>A</td>
+                    <td>Github Link</td>
+                  </tr>
+                  <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                    <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                </tbody>
+              </table>
+
+            </div>
+
+            <div id="contri" class="section scrollspy">
+                <h2 class="header">Contributors</h2>
+                <table>
+                  <thead>
+                    <tr>
+                        <th data-field="id">Name</th>
+                        <th data-field="name">Bio</th>
+                        <th data-field="price">Link</th>
+                    </tr>
+                  </thead>
+
+                  <tbody>
+                    <tr>
+                      <td>Alvin</td>
+                      <td>A</td>
+                      <td>Github Link</td>
+                    </tr>
+                    <tr>
+                      <td>Alan</td>
+                      <td>B</td>
+                      <td>Portfolio Link</td>
+                    </tr>
+                    <tr>
+                      <td>Jonathan</td>
+                      <td>C</td>
+                      <td>LinkedIn</td>
+                    </tr>
+                      <tr>
+                      <td>Alan</td>
+                      <td>B</td>
+                      <td>Portfolio Link</td>
+                    </tr>
+                    <tr>
+                      <td>Jonathan</td>
+                      <td>C</td>
+                      <td>LinkedIn</td>
+                    </tr>
+                  </tbody>
+                </table>
+
+            </div>
+
+            <div id="inc" class="section scrollspy">
+              <h2 class="header">Incubation Champions</h2>
+              <table>
+                <thead>
+                  <tr>
+                      <th data-field="id">Name</th>
+                      <th data-field="name">Bio</th>
+                      <th data-field="price">Link</th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr>
+                    <td>Alvin</td>
+                    <td>A</td>
+                    <td>Github Link</td>
+                  </tr>
+                  <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                    <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                </tbody>
+              </table>
+
+            </div>
+
+            <div id="inm" class="section scrollspy">
+              <h2 class="header">Incubation Mentors</h2>
+              <table>
+                <thead>
+                  <tr>
+                      <th data-field="id">Name</th>
+                      <th data-field="name">Bio</th>
+                      <th data-field="price">Link</th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr>
+                    <td>Alvin</td>
+                    <td>A</td>
+                    <td>Github Link</td>
+                  </tr>
+                  <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                    <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                </tbody>
+              </table>
+
+            </div>
+
+          </div>
+
+          <div class="col hide-on-small-only m3 l2 pull-m9 pull-l10">
+            <div class="toc-wrapper pinned">
+              <div style="height: 1px;">
+                <ul class="section table-of-contents">
+                  <li><a href="#pmc">Project Management<br/> Comittee</a></li>
+                  <li><a href="#comm">Committers</a></li>
+                  <li><a href="#contri">Contributors</a></li>
+                  <li><a href="#inc">Incubation Champions</a></li>
+                  <li><a href="#inm">Incubation Mentors</a></li>
+                </ul>
+              </div>
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </main>
+  </div>
+

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/6d785d62/content/about.html
----------------------------------------------------------------------
diff --git a/content/about.html b/content/about.html
new file mode 100644
index 0000000..32db401
--- /dev/null
+++ b/content/about.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
+    <meta name="theme-color" content="#2196F3">
+    <title>Apache Airavata</title>
+
+    <!-- CSS  -->
+    <link href="min/plugin-min.css" type="text/css" rel="stylesheet">
+    <link href="min/custom-min.css" type="text/css" rel="stylesheet" >
+</head>
+
+  <body id="top" >
+
+    <div class="page-content">
+      <div class="wrapper">
+        <!-- Pre Loader -->
+<div id="loader-wrapper">
+    <div id="loader"></div>
+ 
+    <div class="loader-section section-left"></div>
+    <div class="loader-section section-right"></div>
+ 
+</div>
+<!--Navigation-->
+<div class="navbar-fixed">
+    <nav id="nav_f" class="default_color" role="navigation">
+        <div class="container">
+            <div class="nav-wrapper">
+            <a href="index.html" id="logo-container" class="brand-logo">
+                <img src="img/airavata-brand.png" width="50%" />
+            </a>
+                <ul class="right hide-on-med-and-down">
+                    <li><a href="about.html">About</a></li>
+                    <li><a href="development.html">Development</a></li>
+                    <li>
+                        <a href="learning.html">Learning</a>
+                        <!--
+                        <ul class="">
+                            <li>Test1</li>
+                            <li>Test1</li>
+                            <li>Test1</li>
+                        </ul>
+                        -->
+                    </li>
+                    <li><a href="get-involved.html">Get Involved</a></li>
+                    <li><a href="community.html">Community</a></li>
+                </ul>
+                <ul id="nav-mobile" class="side-nav">
+                   <li class="active"><a href="about.html">About</a></li>
+                    <li><a href="development.html">Development</a></li>
+                    <li><a href="learning.html">Learning</a></li>
+                    <li><a href="get-involved.html">Get Involved</a></li>
+                    <li><a href="community.html">Community</a></li>
+                </ul>
+            <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
+            </div>
+        </div>
+    </nav>
+</div>
+
+<!--Hero-->
+<div class="section no-pad-bot">
+
+<main><div class="container">
+
+  <div class="row">
+
+    <div class="col s4">
+        <img src="img/airavata-logo.png" width="100%" />
+    </div>
+    <div class="col s8">
+        <h3>Apache Airavata</h3>
+        <p>Apache Airavata is a software framework for executing and managing computational jobs and workflows on distributed computing resources including local clusters, supercomputers, national grids, academic and commercial clouds. </p>
+    </div>
+
+    <div class="col s12 m9 l10 push-m3 push-l2">
+      <div id="legacy" class="section scrollspy">
+        <h2 class="header">Legacy</h2>
+        <h4>LEAD Sience Gateway</h4>
+        <p>
+            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+        </p>
+
+        <h4>Open Gateway Computing Environments</h4>
+        <p>
+            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+        </p>
+
+        <h4>LEAD Sience Gateway</h4>
+        <p>
+            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+        </p>
+      </div>
+
+      <div id="roadmap" class="section scrollspy">
+        <h2 class="header">Roadmap</h2>
+        <h4>Open Gateway Computing Environments</h4>
+        <p>
+            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+        </p>
+
+        <h4>LEAD Sience Gateway</h4>
+        <p>
+            It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+        </p>
+      </div>
+    </div>
+
+    <div class="col hide-on-small-only m3 l2 pull-m9 pull-l10">
+      <div class="toc-wrapper pinned">
+        <div style="height: 1px;">
+          <ul class="section table-of-contents">
+            <li><a href="#legacy">Legacy</a></li>
+            <li><a href="#roadmap">Roadmap</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</div>
+
+
+    </main>
+</div>
+
+      </div>
+    </div>
+
+    <footer id="contact" class="page-footer default_color scrollspy">
+  <div class="container">
+    <div class="row">
+      <div class="col l6 s12">
+
+      </div>
+      <div class="col m4 s12">
+        <h5 class="white-text">Apache</h5>
+        <ul>
+          <li><a class="white-text" href="http://www.apache.org/" target="_blank">Apache Server Foundation</a></li>
+          <li><a class="white-text" href="http://www.apache.org/foundation/thanks.html" target="_blank">Thanks</a></li>
+          <li><a class="white-text" href="http://www.apache.org/foundation/sponsorship.html" target="_blank">Become a Sponsor</a></li>
+          <li><a class="white-text" href="http://www.apache.org/security/" target="_blank">Security</a></li>
+        </ul>
+      </div>
+      <div class="col m4 s12">
+        <h5 class="white-text">Quick Links</h5>
+        <ul>
+          <li><a class="white-text" href="development.html#downloads">Downloads</a></li>
+          <li><a class="white-text" href="learning.html#documentation">Documentation</a></li>
+          <li><a class="white-text" href="https://issues.apache.org/jira/browse/airavata/?selectedTab=com.atlassian.jira.jira-projects-plugin:summary-panel" target="_blank">Issue Tracking</a></li>
+        </ul>
+      </div>
+      <div class="col m4 s12">
+        <h5 class="white-text">Students</h5>
+        <ul>
+          <li><a class="white-text" href="http://www.joashpereira.com/">Become a Contributor</a></li>
+          <li><a class="white-text" href="http://www.joashpereira.com/blog">GSoC Projects</a></li>
+          <li><a class="white-text" href="http://www.joashpereira.com/blog">--</a></li>
+          <li><a class="white-text" href="http://www.joashpereira.com/blog">--</a></li>
+        </ul>
+      </div>
+
+    </div>
+  </div>
+  <div class="footer-copyright default_color">
+    <div class="container">
+      Copyright &copy; 2016
+    </div>
+  </div>
+</footer>
+
+  </body>
+  <!--  Scripts-->
+  <script src="min/plugin-min.js"></script>
+  <script src="min/custom-min.js"></script>
+
+</html>

http://git-wip-us.apache.org/repos/asf/airavata-site/blob/6d785d62/content/community.html
----------------------------------------------------------------------
diff --git a/content/community.html b/content/community.html
new file mode 100644
index 0000000..b2d63f9
--- /dev/null
+++ b/content/community.html
@@ -0,0 +1,361 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
+    <meta name="theme-color" content="#2196F3">
+    <title>Apache Airavata</title>
+
+    <!-- CSS  -->
+    <link href="min/plugin-min.css" type="text/css" rel="stylesheet">
+    <link href="min/custom-min.css" type="text/css" rel="stylesheet" >
+</head>
+
+  <body id="top" >
+
+    <div class="page-content">
+      <div class="wrapper">
+        <!-- Pre Loader -->
+<div id="loader-wrapper">
+      <div id="loader"></div>
+   
+      <div class="loader-section section-left"></div>
+      <div class="loader-section section-right"></div>
+   
+  </div>
+<p><!--Navigation--></p>
+<div class="navbar-fixed">
+      <nav id="nav_f" class="default_color" role="navigation">
+          <div class="container">
+              <div class="nav-wrapper">
+              <a href="index.html" id="logo-container" class="brand-logo">
+                  <img src="img/airavata-brand.png" width="50%" />
+              </a>
+                  <ul class="right hide-on-med-and-down">
+                      <li><a href="about.html">About</a></li>
+                      <li><a href="development.html">Development</a></li>
+                      <li>
+                          <a href="learning.html">Learning</a>
+                          <!--
+                          <ul class="">
+                              <li>Test1</li>
+                              <li>Test1</li>
+                              <li>Test1</li>
+                          </ul>
+                          -->
+                      </li>
+                      <li><a href="get-involved.html">Get Involved</a></li>
+                      <li class="active"><a href="community.html">Community</a></li>
+                  </ul>
+                  <ul id="nav-mobile" class="side-nav">
+                     <li class="active"><a href="about.html">About</a></li>
+                      <li><a href="development.html">Development</a></li>
+                      <li><a href="learning.html">Learning</a></li>
+                      <li><a href="get-involved.html">Get Involved</a></li>
+                      <li><a href="community.html">Community</a></li>
+                  </ul>
+              <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
+              </div>
+          </div>
+      </nav>
+  </div>
+
+<p><!--Hero--></p>
+<div class="section no-pad-bot">
+
+    <main>
+      <div class="container">
+
+        <div class="row">
+          <div class="col s12">
+              <h3>People working on Airavata</h3>
+              <p>
+                  Apache Airavata is a community developed project. The list below is a partial list of contributors to the project, for a complete list you'd have to look at all contributors to our issue tracker, mailing list and version control. All project management committee members are also committers of the Airavata project but not vise versa. Please see ASF Roles for explanation of these.</p>
+          </div>
+
+          <div class="col s12 m9 l10 push-m3 push-l2">
+            
+            <div id="pmc" class="section scrollspy">
+              <h2 class="header">Project Management Comittee</h2>
+              <table>
+                <thead>
+                  <tr>
+                      <th data-field="id">Name</th>
+                      <th data-field="name">Bio</th>
+                      <th data-field="price">Link</th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr>
+                    <td>Alvin</td>
+                    <td>A</td>
+                    <td>Github Link</td>
+                  </tr>
+                  <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                    <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                </tbody>
+              </table>
+
+            </div>
+
+            <div id="comm" class="section scrollspy">
+              <h2 class="header">Comitters</h2>
+              <table>
+                <thead>
+                  <tr>
+                      <th data-field="id">Name</th>
+                      <th data-field="name">Bio</th>
+                      <th data-field="price">Link</th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr>
+                    <td>Alvin</td>
+                    <td>A</td>
+                    <td>Github Link</td>
+                  </tr>
+                  <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                    <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                </tbody>
+              </table>
+
+            </div>
+
+            <div id="contri" class="section scrollspy">
+                <h2 class="header">Contributors</h2>
+                <table>
+                  <thead>
+                    <tr>
+                        <th data-field="id">Name</th>
+                        <th data-field="name">Bio</th>
+                        <th data-field="price">Link</th>
+                    </tr>
+                  </thead>
+
+                  <tbody>
+                    <tr>
+                      <td>Alvin</td>
+                      <td>A</td>
+                      <td>Github Link</td>
+                    </tr>
+                    <tr>
+                      <td>Alan</td>
+                      <td>B</td>
+                      <td>Portfolio Link</td>
+                    </tr>
+                    <tr>
+                      <td>Jonathan</td>
+                      <td>C</td>
+                      <td>LinkedIn</td>
+                    </tr>
+                      <tr>
+                      <td>Alan</td>
+                      <td>B</td>
+                      <td>Portfolio Link</td>
+                    </tr>
+                    <tr>
+                      <td>Jonathan</td>
+                      <td>C</td>
+                      <td>LinkedIn</td>
+                    </tr>
+                  </tbody>
+                </table>
+
+            </div>
+
+            <div id="inc" class="section scrollspy">
+              <h2 class="header">Incubation Champions</h2>
+              <table>
+                <thead>
+                  <tr>
+                      <th data-field="id">Name</th>
+                      <th data-field="name">Bio</th>
+                      <th data-field="price">Link</th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr>
+                    <td>Alvin</td>
+                    <td>A</td>
+                    <td>Github Link</td>
+                  </tr>
+                  <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                    <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                </tbody>
+              </table>
+
+            </div>
+
+            <div id="inm" class="section scrollspy">
+              <h2 class="header">Incubation Mentors</h2>
+              <table>
+                <thead>
+                  <tr>
+                      <th data-field="id">Name</th>
+                      <th data-field="name">Bio</th>
+                      <th data-field="price">Link</th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr>
+                    <td>Alvin</td>
+                    <td>A</td>
+                    <td>Github Link</td>
+                  </tr>
+                  <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                    <tr>
+                    <td>Alan</td>
+                    <td>B</td>
+                    <td>Portfolio Link</td>
+                  </tr>
+                  <tr>
+                    <td>Jonathan</td>
+                    <td>C</td>
+                    <td>LinkedIn</td>
+                  </tr>
+                </tbody>
+              </table>
+
+            </div>
+
+          </div>
+
+          <div class="col hide-on-small-only m3 l2 pull-m9 pull-l10">
+            <div class="toc-wrapper pinned">
+              <div style="height: 1px;">
+                <ul class="section table-of-contents">
+                  <li><a href="#pmc">Project Management<br /> Comittee</a></li>
+                  <li><a href="#comm">Committers</a></li>
+                  <li><a href="#contri">Contributors</a></li>
+                  <li><a href="#inc">Incubation Champions</a></li>
+                  <li><a href="#inm">Incubation Mentors</a></li>
+                </ul>
+              </div>
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </main>
+  </div>
+
+
+      </div>
+    </div>
+
+    <footer id="contact" class="page-footer default_color scrollspy">
+  <div class="container">
+    <div class="row">
+      <div class="col l6 s12">
+
+      </div>
+      <div class="col m4 s12">
+        <h5 class="white-text">Apache</h5>
+        <ul>
+          <li><a class="white-text" href="http://www.apache.org/" target="_blank">Apache Server Foundation</a></li>
+          <li><a class="white-text" href="http://www.apache.org/foundation/thanks.html" target="_blank">Thanks</a></li>
+          <li><a class="white-text" href="http://www.apache.org/foundation/sponsorship.html" target="_blank">Become a Sponsor</a></li>
+          <li><a class="white-text" href="http://www.apache.org/security/" target="_blank">Security</a></li>
+        </ul>
+      </div>
+      <div class="col m4 s12">
+        <h5 class="white-text">Quick Links</h5>
+        <ul>
+          <li><a class="white-text" href="development.html#downloads">Downloads</a></li>
+          <li><a class="white-text" href="learning.html#documentation">Documentation</a></li>
+          <li><a class="white-text" href="https://issues.apache.org/jira/browse/airavata/?selectedTab=com.atlassian.jira.jira-projects-plugin:summary-panel" target="_blank">Issue Tracking</a></li>
+        </ul>
+      </div>
+      <div class="col m4 s12">
+        <h5 class="white-text">Students</h5>
+        <ul>
+          <li><a class="white-text" href="http://www.joashpereira.com/">Become a Contributor</a></li>
+          <li><a class="white-text" href="http://www.joashpereira.com/blog">GSoC Projects</a></li>
+          <li><a class="white-text" href="http://www.joashpereira.com/blog">--</a></li>
+          <li><a class="white-text" href="http://www.joashpereira.com/blog">--</a></li>
+        </ul>
+      </div>
+
+    </div>
+  </div>
+  <div class="footer-copyright default_color">
+    <div class="container">
+      Copyright &copy; 2016
+    </div>
+  </div>
+</footer>
+
+  </body>
+  <!--  Scripts-->
+  <script src="min/plugin-min.js"></script>
+  <script src="min/custom-min.js"></script>
+
+</html>