You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@systemml.apache.org by lr...@apache.org on 2016/09/29 00:50:09 UTC

[8/8] incubator-systemml-website git commit: [SYSTEMML-962] Refactor jekyll based website with new layout

[SYSTEMML-962] Refactor jekyll based website with new layout


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

Branch: refs/heads/master
Commit: cf3f2cbea4caec20f38ac0a3808c6b58373d02db
Parents: ecaa05c
Author: Luciano Resende <lr...@apache.org>
Authored: Mon Sep 26 21:03:43 2016 -0700
Committer: Luciano Resende <lr...@apache.org>
Committed: Wed Sep 28 17:48:58 2016 -0700

----------------------------------------------------------------------
 _config.yml                                     |    6 +-
 _data/navigation.yml                            |    3 +
 _includes/themes/apache/_navigation.html        |  101 +-
 .../apache/banners/banner_announcements.html    |    8 +
 .../apache/banners/banner_contact_us.html       |    8 +
 .../themes/apache/banners/banner_features.html  |   22 +
 .../apache/banners/banner_get_started.html      |   17 +
 .../apache/banners/banner_header_hero.html      |   11 +
 .../themes/apache/banners/banner_partners.html  |   23 +
 .../themes/apache/banners/banner_use_cases.html |   30 +
 .../apache/banners/banner_what_is_systemml.html |   20 +
 _includes/themes/apache/default.html            |   55 +-
 _includes/themes/apache/footer.html             |    4 +-
 _includes/themes/apache/header.html             |   27 +
 _includes/themes/apache/home.html               |    8 +
 _includes/themes/apache/page.html               |   11 +-
 _layouts/home.html                              |    4 +
 assets/css/bundle.css                           | 4227 ++++++++++++++++++
 assets/img/airport-traffic.png                  |  Bin 0 -> 50128 bytes
 assets/img/apache-incubator-logo.png            |  Bin 0 -> 7241 bytes
 assets/img/apache-logo.png                      |  Bin 0 -> 11958 bytes
 assets/img/automotive.png                       |  Bin 0 -> 36954 bytes
 assets/img/body-bg.jpg                          |  Bin 3188 -> 0 bytes
 assets/img/dsx-logo.png                         |  Bin 0 -> 2874 bytes
 assets/img/egg-logo.png                         |  Bin 7241 -> 0 bytes
 assets/img/favicon.png                          |  Bin 0 -> 2774 bytes
 assets/img/hadoop-logo.png                      |  Bin 0 -> 5103 bytes
 assets/img/header-bg.jpg                        |  Bin 10442 -> 0 bytes
 assets/img/hero-about.png                       |  Bin 0 -> 410407 bytes
 assets/img/hero-about.svg                       |   12 +
 assets/img/hero-home.jpg                        |  Bin 0 -> 251765 bytes
 assets/img/highlight-bg.jpg                     |  Bin 34222 -> 0 bytes
 assets/img/icon-announcment.svg                 |   10 +
 assets/img/icon-chevron-down.svg                |   11 +
 assets/img/icon-close.svg                       |    1 +
 assets/img/icon-code.svg                        |   19 +
 assets/img/icon-data.svg                        |   16 +
 assets/img/icon-math.svg                        |   16 +
 assets/img/jupyter-logo.png                     |  Bin 0 -> 3134 bytes
 assets/img/mask.png                             |  Bin 0 -> 321508 bytes
 assets/img/play-button.svg                      |   17 +
 assets/img/python-logo-generic.svg              |  269 ++
 assets/img/r-logo.svg                           |   14 +
 assets/img/sidebar-bg.jpg                       |  Bin 3200 -> 0 bytes
 assets/img/social-banking.png                   |  Bin 0 -> 53313 bytes
 assets/img/spark-logo.png                       |  Bin 0 -> 3212 bytes
 assets/img/systemml-logo.svg                    |    1 +
 assets/img/what-is-systemml.png                 |  Bin 0 -> 21928 bytes
 assets/img/zeppelin-logo.png                    |  Bin 0 -> 2875 bytes
 assets/js/ap-components.min.js                  |    2 +
 assets/js/bundle.js                             |    6 +
 assets/js/jquery.fitvids.js                     |   87 +
 assets/js/main.js                               |   60 +
 assets/js/pushy.js                              |    1 +
 assets/media/hero.mp4                           |  Bin 0 -> 16708732 bytes
 download.md                                     |   49 +-
 favicon.png                                     |  Bin 2774 -> 0 bytes
 index.md                                        |    3 +-
 58 files changed, 5064 insertions(+), 115 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_config.yml
----------------------------------------------------------------------
diff --git a/_config.yml b/_config.yml
index e20d944..73d2b2c 100644
--- a/_config.yml
+++ b/_config.yml
@@ -6,10 +6,10 @@
 # 'jekyll serve'. If you change this file, please restart the server process.
 
 # Site settings
-title: Apache SystemML (incubating)
+author: Apache SystemML
+title: Apache SystemML - Declarative Large-Scale Machine Learning
 email: dev@systemml.incubator.apache.org
-description: > # this means to ignore newlines until "baseurl:"
-  Apache SystemML (incubating) is a flexible, scalable machine learning (ML) system.
+description: Apache SystemML provides an optimal workplace for Machine Learning using big data
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "http://systemml.apache.org" # the base hostname & protocol for your site
 twitter_username: systemml

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_data/navigation.yml
----------------------------------------------------------------------
diff --git a/_data/navigation.yml b/_data/navigation.yml
index 2757b73..9ddef13 100644
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
@@ -66,3 +66,6 @@ topnav:
     url: http://www.apache.org/foundation/thanks.html
   - title: Privacy Policy
     url: /privacy-policy
+
+- title: About
+  url: /about

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/_navigation.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/_navigation.html b/_includes/themes/apache/_navigation.html
index 353b6e5..433af48 100644
--- a/_includes/themes/apache/_navigation.html
+++ b/_includes/themes/apache/_navigation.html
@@ -1,44 +1,67 @@
-    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-      <div class="container">
-        <div class="navbar-header">
-          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-            <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="index.html">
-              <img src="/assets/img/logo.png" width="80">
-              {{ site.data.project.name }}
-          </a>
-        </div>
-          <nav class="navbar-collapse collapse" role="navigation">
-              <ul class="nav navbar-nav navbar-right">
-                  {% for entry in site.data.navigation.topnav %}
-                  <li id="{{ entry.title | slugify }}">
-                      {% if entry.subcategories %}
-                      <a href="#" data-toggle="dropdown" class="dropdown-toggle">{{ entry.title }}<b class="caret"></b></a>
-                      <ul class="dropdown-menu dropdown-left">
-                          {% for subitem in entry.subcategories %}
-                          {% if subitem.url contains "http" %}
-                          {% assign target = "_blank" %}{% else %}
-                          {% assign target = "_self" %}{% endif %}
-                          <li><a href="{{ subitem.url }}" target="{{ target }}">{{ subitem.title }}</a></li>
-                          {% endfor %}
-                      </ul>
-                      {% else %}
-                      {% if entry.url contains "http" %}
-                      {% assign target = "_blank" %}{% else %}
-                      {% assign target = "_self" %}{% endif %}
-                      <a href="{{ entry.url }}" target="{{ target }}">{{ entry.title }}</a>
-                      {% endif %}
-                  </li>
-                  {% endfor %}
-              </ul>
-          </nav><!--/.navbar-collapse -->
-      </div>
+<!-- Mobile Nav
+<nav class="pushy pushy-right mobile-nav">
+  <ul>
+    <li role="presentation"><a class="nav-link--hover" href="https://github.com/apache/incubator-systemml" target="_blank">Github</a></li>
+    <li role="presentation"><a class="nav-link--hover" href="https://apache.github.io/incubator-systemml" target="_blank">Documentation</a></li>
+    <li>
+      <a class="nav-link--hover" href="#">Resources<i class="icon icon-chevron-down"></i></a>
+      <ul>
+        <li><a href="about.html">About SystemML</a></li>
+        <li><a href="https://issues.apache.org/jira/browse/SYSTEMML/?selectedTab=com.atlassian.jira.jira-projects-plugin:summary-panel" target="_blank">Found a bug</a></li>
+        <li><a href="http://www.apache.org/foundation/how-it-works.html" target="_blank">Apache Software Foundation</a></li>
+        <li><a href="http://www.apache.org/licenses/" target="_blank">Apache License</a></li>
+        <li><a href="http://www.apache.org/foundation/sponsorship" target="_blank">Sponsorship</a></li>
+        <li><a href="http://www.apache.org/foundation/thanks.html" target="_blank">Thanks</a></li>
+        <li><a href="https://systemml.apache.org/privacy-policy" target="_blank">Privacy Policy</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+ /Mobile Nav -->
+
+<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <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="index.html">
+          <img src="/assets/img/logo.png" width="80">
+          {{ site.data.project.name }}
+      </a>
     </div>
 
+    <nav class="navbar-collapse collapse" role="navigation">
+        <ul class="nav navbar-nav navbar-right">
+            {% for entry in site.data.navigation.topnav %}
+            <li id="{{ entry.title | slugify }}">
+                {% if entry.subcategories %}
+                <a href="#" data-toggle="dropdown" class="dropdown-toggle">{{ entry.title }}<b class="caret"></b></a>
+                <ul class="dropdown-menu dropdown-left">
+                    {% for subitem in entry.subcategories %}
+                    {% if subitem.url contains "http" %}
+                    {% assign target = "_blank" %}{% else %}
+                    {% assign target = "_self" %}{% endif %}
+                    <li><a href="{{ subitem.url }}" target="{{ target }}">{{ subitem.title }}</a></li>
+                    {% endfor %}
+                </ul>
+                {% else %}
+                {% if entry.url contains "http" %}
+                {% assign target = "_blank" %}{% else %}
+                {% assign target = "_self" %}{% endif %}
+                <a href="{{ entry.url }}" target="{{ target }}">{{ entry.title }}</a>
+                {% endif %}
+            </li>
+            {% endfor %}
+        </ul>
+    </nav><!--/.navbar-collapse -->
+
+  </div>
+</div>
+
 {% if page.type == "Home" %}
 <div class="jumbotron">
   <div class="container">

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/banners/banner_announcements.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/banners/banner_announcements.html b/_includes/themes/apache/banners/banner_announcements.html
new file mode 100644
index 0000000..2e366bb
--- /dev/null
+++ b/_includes/themes/apache/banners/banner_announcements.html
@@ -0,0 +1,8 @@
+<section class="announcement-banner">
+    <div class="content-container">
+        <div class="content-group">
+            <p>SystemML awarded <a href="http://vldb2016.persistent.com/awards.php" target="_blank">VLDB 2016 Best Paper and Demonstation</a>.<br />Download <a href="http://www.vldb.org/pvldb/vol9/p960-elgohary.pdf" target="_blank">Compressed Linear Algebra for Large-Scale
+                Machine Learning</a></p>
+        </div>
+    </div>
+</section>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/banners/banner_contact_us.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/banners/banner_contact_us.html b/_includes/themes/apache/banners/banner_contact_us.html
new file mode 100644
index 0000000..e040c86
--- /dev/null
+++ b/_includes/themes/apache/banners/banner_contact_us.html
@@ -0,0 +1,8 @@
+<section class="contact-us-banner">
+    <div class="content-container">
+        <h2>Get Involved</h2>
+        <div class="content-group">
+            <p>To contribute to SystemML, you can contact us directly on Github or <a href="mailto:dev@systemml.incubator.apache.org">dev@systemml.incubator.apache.org</a></p>
+        </div>
+    </div>
+</section>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/banners/banner_features.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/banners/banner_features.html b/_includes/themes/apache/banners/banner_features.html
new file mode 100644
index 0000000..8ad4b84
--- /dev/null
+++ b/_includes/themes/apache/banners/banner_features.html
@@ -0,0 +1,22 @@
+<section class="features-banner">
+    <div class="content-container">
+        <h2>Features</h2>
+        <ul class="content-group">
+            <li>
+                <i class="icon icon-data"></i>
+                <h3>Big Data</h3>
+                <p>SystemML relieves big data stress by automatically scaling, so that the user can focus on what\u2019s important.</p>
+            </li>
+            <li>
+                <i class="icon icon-code"></i>
+                <h3>Language</h3>
+                <p>Use R and Python-like Syntax to code your machine learning project.</p>
+            </li>
+            <li>
+                <i class="icon icon-math"></i>
+                <h3>High-Level Math</h3>
+                <p>SystemML provides a platform where the user can easily implement high level math and algorithms.</p>
+            </li>
+        </ul>
+    </div>
+</section>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/banners/banner_get_started.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/banners/banner_get_started.html b/_includes/themes/apache/banners/banner_get_started.html
new file mode 100644
index 0000000..e410bfb
--- /dev/null
+++ b/_includes/themes/apache/banners/banner_get_started.html
@@ -0,0 +1,17 @@
+<section class="get-started-banner">
+    <div class="content-container">
+        <h2>Start using SystemML today!</h2>
+
+        <ul class="content-group">
+            <li>
+                <a class="button button-primary" href="http://apache.github.io/incubator-systemml/beginners-guide-python">SystemML getting started guide for Python</a>
+            </li>
+            <li>
+            </li>
+            <li>
+                <a class="button button-primary" href="http://apache.github.io/incubator-systemml/beginners-guide-to-dml-and-pydml">SystemML getting started guide for R</a>
+            </li>
+        </ul>
+
+    </div>
+</section>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/banners/banner_header_hero.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/banners/banner_header_hero.html b/_includes/themes/apache/banners/banner_header_hero.html
new file mode 100644
index 0000000..88aae39
--- /dev/null
+++ b/_includes/themes/apache/banners/banner_header_hero.html
@@ -0,0 +1,11 @@
+<section class="hero-banner hero-home">
+    <div class="banner-overlay">
+        <div class="banner-content">
+            <h1>Apache SystemML</h1>
+            <p>A machine learning platform optimal for big data.</p>
+            <a class="video-link jq-modal-trigger" href="#introduction"><i class="icon play-button"></i>Introduction to Apache SystemML</a>
+            <a class="button button-primary" href="download.html">Download SystemML</a>
+        </div>
+    </div>
+    <video src="/assets/media/hero.mp4" autoplay loop></video>
+</section>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/banners/banner_partners.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/banners/banner_partners.html b/_includes/themes/apache/banners/banner_partners.html
new file mode 100644
index 0000000..b8b19a7
--- /dev/null
+++ b/_includes/themes/apache/banners/banner_partners.html
@@ -0,0 +1,23 @@
+<section class="partners-banner">
+    <div class="content-container">
+        <h2>Ways to Use SystemML</h2>
+        <ul class="content-group">
+            <li>
+                <i class="icon spark-logo"></i>
+                <h4>Apache<br/>Spark</h4>
+            </li>
+            <li>
+                <i class="icon hadoop-logo"></i>
+                <h4>Apache Hadoop</h4>
+            </li>
+            <li>
+                <i class="icon jupyter-logo"></i>
+                <h4>Jupyter</h4>
+            </li>
+            <li>
+                <i class="icon zeppelin-logo"></i>
+                <h4>Apache Zeppelin</h4>
+            </li>
+        </ul>
+    </div>
+</section>

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/banners/banner_use_cases.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/banners/banner_use_cases.html b/_includes/themes/apache/banners/banner_use_cases.html
new file mode 100644
index 0000000..8b66f21
--- /dev/null
+++ b/_includes/themes/apache/banners/banner_use_cases.html
@@ -0,0 +1,30 @@
+<section class="usecases-banner content-container">
+    <h2 class="text-center">SystemML Use Cases</h2>
+    <div>
+
+        <div class="content-group">
+            <div class="content-text">
+                <h3>Automotive</h3>
+                <p>SystemML was used for big data needs in an automotive use case focusing on customer satisfaction where 2 million cars, 10 million repair cases and 25 million part exchanges were considered, using sequence mining, logistic regression and intermediate result sequences.</p>
+            </div>
+            <img src="/assets/img/automotive.png" alt="SystemML for the automitve industry" />
+        </div>
+
+        <div class="content-group">
+            <div class="content-text">
+                <h3>Airport Traffic</h3>
+                <p>With airports getting more and more congested, researchers used SystemML to predict passenger volumes at various airport locations. With a very large data set, researchers were able to create multiple models per location and per passenger time, while developing a time-series analysis on the change of seasons.</p>
+            </div>
+            <img src="/assets/img/airport-traffic.png" alt="SystemML improves Airport Traffic" />
+        </div>
+
+        <div class="content-group">
+            <div class="content-text">
+                <h3>Social Banking</h3>
+                <p>Researchers decided to look at social media data linked to bank data in order to identify customer segments of interest, find predictors of what people would want to purchase and gauge sentiment towards bank products. Using SystemML, they were able to do this using bivariate odds ratios and binomial proportions with confidence intervals.</p>
+            </div>
+            <img src="/assets/img/social-banking.png" alt="SystemML for Social Banking" />
+        </div>
+
+    </div>
+</section>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/banners/banner_what_is_systemml.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/banners/banner_what_is_systemml.html b/_includes/themes/apache/banners/banner_what_is_systemml.html
new file mode 100644
index 0000000..bffc0a3
--- /dev/null
+++ b/_includes/themes/apache/banners/banner_what_is_systemml.html
@@ -0,0 +1,20 @@
+<section class="content-container content-group elevator-group">
+    <div class="content-text elevator-text">
+        <h2>What is SystemML</h2>
+        <p>Apache SystemML provides an optimal workplace for machine learning using big data.
+           Apache SystemML can be run on top of Apache Spark, where it automatically scales your data,
+           line by line, determining whether your code should be run on the driver or an Apache Spark cluster.
+           Users no longer need to learn about complicated code or scaling. Apache SystemML also understands that
+           the user's priority lies with math and algorithms. That's why Apache SystemML runs in R and Python-like
+            syntax, allowing the user to focus on machine learning, rather than the engineering behind it.<br />
+            <a class="jq-modal-trigger" href="#systemml-demo">Watch Apache SystemML in action</a></p>
+    </div>
+    <img src="/assets/img/what-is-systemml.png" alt="What is Apache SystemML?" />
+</section>
+
+<div id="systemml-demo" class="modal jq-modal">
+    <a href="#" class="icon icon-close jq-close">Close</a>
+    <div class='embed-container'>
+        <iframe class="jq-video" width="1280" height="720" src="https://www.youtube.com/embed/n3JJP6UbH6Q?rel=0" frameborder="0" allowfullscreen></iframe>
+    </div>
+</div>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/default.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/default.html b/_includes/themes/apache/default.html
index dcf1740..c00e4e8 100644
--- a/_includes/themes/apache/default.html
+++ b/_includes/themes/apache/default.html
@@ -2,50 +2,51 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
     <title>{{ page.title }}</title>
-    {% if page.description %}<meta name="description" content="{{ page.description }}">{% endif %}
-    <meta name="author" content="{{ site.author.name }}">
+    {% if page.description %}
+    <meta name="description" content="{{ page.description }}">
+    {% else %}
+    <meta name="description" content="{{ site.description }}">
+    {% endif %}
+    <meta name="author" content="{{ site.author }}">
 
     <!-- Enable responsive viewport -->
+    <meta name="HandheldFriendly" content="True">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <!-- You can use Open Graph tags to customize link previews.
+    Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
+    <meta property="og:url"           content="https://systemml.apache.org/" />
+    <meta property="og:type"          content="website" />
+    <meta property="og:title"         content="{{ page.title }}" />
+    <meta property="og:description"   content="{{ site.description }}" />
+    <meta property="og:image"         content="" />
+
     <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
     <!--[if lt IE 9]>
       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
 
     <!-- Le styles -->
+    <link rel="stylesheet" href="/assets/css/bundle.css">
     <link href="/assets/bootstrap/css/bootstrap.css" rel="stylesheet">
+    <!--
     <link href="/assets/css/style.css?body=1" rel="stylesheet" type="text/css">
+        -->
     <link href="/assets/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" />
-    <!-- Le fav and touch icons -->
-    <link rel="shortcut icon" href="/favicon.png">
-    <!-- Update these with your own images
-    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
-    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
-    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
-  -->
-
-  </head>
-
-  <body>
 
-    {% include themes/apache/_navigation.html %}
 
-    <div class="container">
-      {{ content }}
-      <hr>
-      <footer>
-        <!-- <p>&copy; {{ site.time | date: '%Y' }} {{ site.author.name }}</p>-->
-        {% include themes/apache/footer.html %}
-      </footer>
-    </div>
-
-
-    <script src="/assets/jquery/jquery-2.1.1.min.js"></script>
-
-    <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
+    <!-- favicons -->
+    <link rel="shortcut icon" href="/assets/img/favicon.png">
+  </head>
 
+  <body class="ap-container vcard">
+    {% include themes/apache/header.html %}
 
+    {{ content }}
+    <hr>
+    {% include themes/apache/footer.html %}
   </body>
 </html>

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/footer.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/footer.html b/_includes/themes/apache/footer.html
index df65670..c44f7a6 100644
--- a/_includes/themes/apache/footer.html
+++ b/_includes/themes/apache/footer.html
@@ -1,6 +1,6 @@
 <footer class="site-footer">
 
-  <div class="wrapper">
+  <div class="content-container">
 
     <div class="footer-col-wrapper">
       {% if site.data.project.podling %}
@@ -10,7 +10,7 @@
       <div style="text-align:center;">
       {% if site.data.project.podling %}
           <div style="margin-top: 20px; margin-bottom: 20px;">
-              <a href="http://incubator.apache.org"><img src="/assets/img/egg-logo.png" alt="Apache Incubator"/></a>
+              <a href="http://incubator.apache.org"><img src="/assets/img/apache-incubator-logo.png" alt="Apache Incubator"/></a>
           </div>
       {% endif %}
           <div>

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/header.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/header.html b/_includes/themes/apache/header.html
new file mode 100644
index 0000000..96f1e43
--- /dev/null
+++ b/_includes/themes/apache/header.html
@@ -0,0 +1,27 @@
+<header class="site-header">
+    <h1 class="logo"><a class="url" href="https://systemml.apache.org/"><i class="logo-mark"></i><span class="fn org">Apache SystemML</span></a></h1>
+    <nav class="main-nav">
+        <ul>
+            {% for entry in site.data.navigation.topnav %}
+            <li role="presentation">
+                {% if entry.subcategories %}
+                <a class="nav-link--hover" href="#">{{ entry.title }}<i class="icon icon-chevron-down"></i></a>
+                <ul>
+                    {% for subitem in entry.subcategories %}
+                    {% if subitem.url contains "http" %}
+                    {% assign target = "_blank" %}{% else %}
+                    {% assign target = "_self" %}{% endif %}
+                    <li><a href="{{ subitem.url }}" target="{{ target }}">{{ subitem.title }}</a></li>
+                    {% endfor %}
+                </ul>
+                {% else %}
+                {% if entry.url contains "http" %}
+                {% assign target = "_blank" %}{% else %}
+                {% assign target = "_self" %}{% endif %}
+                <a href="{{ entry.url }}" target="{{ target }}">{{ entry.title }}</a>
+                {% endif %}
+            </li>
+            {% endfor %}
+        </ul>
+    </nav>
+</header>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/home.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/home.html b/_includes/themes/apache/home.html
new file mode 100644
index 0000000..66fbd0b
--- /dev/null
+++ b/_includes/themes/apache/home.html
@@ -0,0 +1,8 @@
+{% include themes/apache/banners/banner_header_hero.html %}
+{% include themes/apache/banners/banner_announcements.html %}
+{% include themes/apache/banners/banner_what_is_systemml.html %}
+{% include themes/apache/banners/banner_features.html %}
+{% include themes/apache/banners/banner_use_cases.html %}
+{% include themes/apache/banners/banner_get_started.html %}
+{% include themes/apache/banners/banner_partners.html %}
+{% include themes/apache/banners/banner_contact_us.html %}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_includes/themes/apache/page.html
----------------------------------------------------------------------
diff --git a/_includes/themes/apache/page.html b/_includes/themes/apache/page.html
index 1a5f942..dafbc6c 100644
--- a/_includes/themes/apache/page.html
+++ b/_includes/themes/apache/page.html
@@ -1,10 +1,5 @@
-<!--<div class="hero-unit {{ page.title | lowercase }}">
-  <h1>{% if page.tagline %} <small>{{ page.tagline }}</small>{% endif %}</h1>
+<div class="container">
+  {{ content }}
 </div>
--->
 
-<div class="row">
-  <div class="col-md-12">
-    {{ content }}
-  </div>
-</div>
+

http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/_layouts/home.html
----------------------------------------------------------------------
diff --git a/_layouts/home.html b/_layouts/home.html
new file mode 100644
index 0000000..544161d
--- /dev/null
+++ b/_layouts/home.html
@@ -0,0 +1,4 @@
+---
+layout: default
+---
+{% include themes/apache/home.html %}