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/10/20 22:10:46 UTC
[24/30] incubator-systemml-website git commit: [SYSTEMML-975] Create
build steps to create css and js bundles
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_includes/themes/apache/settings.yml
----------------------------------------------------------------------
diff --git a/_src/_includes/themes/apache/settings.yml b/_src/_includes/themes/apache/settings.yml
new file mode 100644
index 0000000..e1c28dc
--- /dev/null
+++ b/_src/_includes/themes/apache/settings.yml
@@ -0,0 +1,2 @@
+theme :
+ name : apache
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_layouts/default.html
----------------------------------------------------------------------
diff --git a/_src/_layouts/default.html b/_src/_layouts/default.html
new file mode 100644
index 0000000..6897503
--- /dev/null
+++ b/_src/_layouts/default.html
@@ -0,0 +1,5 @@
+---
+theme :
+ name : apache
+---
+{% include themes/apache/default.html %}
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_layouts/home.html
----------------------------------------------------------------------
diff --git a/_src/_layouts/home.html b/_src/_layouts/home.html
new file mode 100644
index 0000000..544161d
--- /dev/null
+++ b/_src/_layouts/home.html
@@ -0,0 +1,4 @@
+---
+layout: default
+---
+{% include themes/apache/home.html %}
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_layouts/page.html
----------------------------------------------------------------------
diff --git a/_src/_layouts/page.html b/_src/_layouts/page.html
new file mode 100644
index 0000000..69d959d
--- /dev/null
+++ b/_src/_layouts/page.html
@@ -0,0 +1,4 @@
+---
+layout: default
+---
+{% include themes/apache/page.html %}
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/_banners.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_banners.scss b/_src/_sass/_banners.scss
new file mode 100644
index 0000000..b05f734
--- /dev/null
+++ b/_src/_sass/_banners.scss
@@ -0,0 +1,176 @@
+.hero-banner {
+ color: #fff;
+ position: relative;
+ top: 115px;
+ @media (min-width: $bp-medium) {
+ top: 0;
+ }
+ &.hero-home, &.hero-about {
+ position: relative;
+ min-height: 300px;
+ background: transparent url(../img/hero-home.jpg) 0 0 no-repeat;
+ background-size: cover;
+ overflow: hidden;
+ @media (min-width: $bp-medium) {
+ min-height: 500px;
+ }
+ &.hero-about {
+ background: #1D3649 url(../img/hero-about.svg) center bottom no-repeat;
+ background-size: cover;
+ }
+ }
+ .banner-overlay {
+ position: absolute;
+ top: 0;
+ z-index: 50;
+ width: 100%;
+ height: 100%;
+ background: rgba(21,41,53,.5);
+ }
+ .banner-content {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ h1 {
+ line-height: 1;
+ }
+ p {
+ font-size: 18px;
+ text-align: center;
+ }
+ .video-link {
+ color: #fff;
+ font-weight: $font-weight-medium;
+ display: flex;
+ align-items: center;
+ border: 0;
+ &:hover {
+ color: $color-text-systemml;
+ }
+ .play-button {
+ margin-right: 10px;
+ }
+ }
+ .button-primary {
+ margin-top: 50px;
+ }
+ }
+ video {
+ height: 100%;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ -webkit-transform: translateY(-50%) translateX(-50%);
+ transform: translateY(-50%) translateX(-50%);
+ display: none;
+ @media (min-width: $bp-medium) {
+ width: 100%;
+ height: auto;
+ display: block;
+ }
+ }
+}
+
+.features-banner, .partners-banner, .team-banner, .announcement-banner {
+ text-align: center;
+ padding: 20px;
+ background: #f9f9fb;
+ &.partners-banner, &.team-banner {
+ background: transparent;
+ }
+ &.announcement-banner {
+ p {
+ width: 100%;
+ margin: 0;
+ }
+ }
+ .content-group {
+ align-items: center;
+ margin: 50px 0;
+ .team-container {
+ &:nth-child(even) {
+ margin: 0;
+ }
+ }
+ @media (min-width: $bp-medium) {
+ text-align: center;
+ align-items: flex-start;
+ li:nth-child(2n) {
+ margin: 0 50px;
+ }
+ li {
+ width: 33%;
+ }
+ &.wrap-row {
+ display: block;
+ li {
+ display: block;
+ width: 100%;
+ }
+ }
+ }
+ .icon {
+ margin: 20px auto;
+ }
+ }
+}
+
+.usecases-banner {
+ .content-group {
+ margin: 50px 0;
+ padding: 20px;
+ h2 {
+ text-align: center;
+ }
+ @media (min-width: $bp-medium) {
+ img {
+ max-width: 100%;
+ margin-left: 100px;
+ }
+ &:nth-child(even) {
+ flex-direction: row-reverse;
+ img {
+ margin: 0 100px 0 0;
+ }
+ }
+ }
+ }
+}
+
+.table {
+ border-collapse: collapse;
+ width: 100%;
+ margin: 40px 0;
+ tr {
+ -moz-transition: $transition-default;
+ -webkit-transition: $transition-default;
+ transition: $transition-default;
+ &:hover {
+ background: #f9f9fb;
+ }
+
+ }
+ th, td {
+ text-align: left;
+ padding: 10px 20px;
+ border-bottom: 1px solid #e0e0e0;
+ }
+}
+
+.get-started-banner {
+ color: #fff;
+ padding: 20px 0;
+ text-align: center;
+ background: #1D3649;
+ .button-primary {
+ margin-top: 50px;
+ }
+}
+
+.site-footer {
+ text-align: center;
+ font-size: 12px;
+ padding: 50px 0;
+}
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/_base.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_base.scss b/_src/_sass/_base.scss
new file mode 100644
index 0000000..a7e3741
--- /dev/null
+++ b/_src/_sass/_base.scss
@@ -0,0 +1,6 @@
+body {
+ min-height: 100%;
+ background: #fff;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/_config.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_config.scss b/_src/_sass/_config.scss
new file mode 100644
index 0000000..c1a4665
--- /dev/null
+++ b/_src/_sass/_config.scss
@@ -0,0 +1,243 @@
+// ==========================================================================
+// = Global Variables
+// ==========================================================================
+
+// Colors
+// =============
+
+// UI Colors
+$color-primary : color('blue', 90);
+$color-secondary : color('blue', 80);
+$color-tertiary : color('blue', 70);
+
+// Grays
+$color-gray-70 : color('gray', 70);
+$color-gray-60 : color('gray', 60);
+$color-gray-50 : color('gray', 50);
+$color-gray-40 : color('gray', 40);
+$color-gray-30 : color('gray', 30);
+$color-gray-20 : color('gray', 20);
+$color-gray-10 : color('gray', 10);
+
+$color-cool-20 : color('cool white', 20);
+$color-cool-30 : color('cool white', 30);
+$color-cool-40 : color('cool white', 40);
+
+$color-white : color('white', core);
+$color-black : color('black', core);
+
+//Active Colors
+$color-active--darker : color('magenta', 70);
+$color-active : color('magenta', 60);
+$color-active--lighter : color('magenta', 50);
+
+$color-active-dark--darker : color('teal', 40);
+$color-active-dark : color('teal', 30);
+$color-active-dark--lighter : color('teal', 20);
+
+//Accent Colors
+$color-accent : color('blue', 50);
+$color-accent-dark : color('blue', 20);
+
+$color-systemml-accent : #FF5003;
+$color-systemml-accent-dark : #D74108;
+
+//Status Colors
+$color-success : color('green', 50);
+$color-success-dark : color('green', 30);
+$color-warning : color('yellow', 20);
+$color-error : color('red', 50);
+$color-info : color('blue', 50);
+$color-info-dark : color('blue', 20);
+
+//Focus Colors
+//$color-focus : rgba(color('blue', 20), .75);
+//$color-focus-dark : rgba(color('blue', 50), .75);
+
+//Type Colors
+$color-text : $color-primary;
+$color-text-dark : $color-cool-20;
+
+$color-text-systemml : #A6AFAF;
+
+// Link colors
+$color-link : $color-active;
+$color-link-hover : $color-active;
+$color-link-active : $color-active--lighter;
+
+$color-link-dark : $color-active-dark;
+$color-link-hover-dark : $color-active-dark;
+$color-link-active-dark : $color-active-dark--lighter;
+
+// Button colors
+$color-button : $color-active;
+$color-button-light : $color-active-dark--darker;
+
+$color-button-dark : $color-active-dark;
+$color-button-disabled : $color-gray-30;
+$color-button-dark-disabled : $color-gray-50;
+
+$color-button-primary : $color-systemml-accent;
+
+// Checkbox Colors
+$color-checkbox : $color-active;
+$color-checkbox-border : $color-secondary;
+$color-checkbox-disabled : $color-gray-30;
+
+$color-checkbox-dark : $color-active-dark;
+$color-checkbox-dark-border : $color-cool-20;
+$color-checkbox-dark-disabled : $color-gray-50;
+
+// Radio Colors
+$color-radio : $color-active;
+$color-radio-border : $color-secondary;
+$color-radio-disabled : $color-gray-30;
+
+$color-radio-dark : $color-active-dark;
+$color-radio-dark-border : $color-cool-20;
+$color-radio-dark-disabled : $color-gray-50;
+
+// Select Box Colors
+$color-select : $color-active;
+$color-select-bg : $color-gray-10;
+$color-select-option : $color-secondary;
+$color-select-hover : $color-white;
+
+$color-select-dark : $color-active-dark;
+$color-select-bg-dark : $color-tertiary;
+$color-select-option-dark : $color-cool-20;
+$color-select-dark-hover : $color-primary;
+
+// Slider Colors
+$color-slider-right : $color-gray-10;
+$color-slider-left : $color-active;
+$color-slider-front : $color-active--darker;
+$color-slider-disabled : $color-gray-30;
+
+$color-slider-right-dark : $color-gray-30;
+$color-slider-left-dark : $color-active-dark;
+$color-slider-front-dark : $color-active-dark--darker;
+$color-slider-disableda : $color-gray-60;
+$color-slider-disabledb : $color-gray-50;
+
+// Table Colors
+$color-table-background : $color-white;
+$color-table-title : $color-secondary;
+$color-table-subtitle : $color-gray-50;
+$color-table-border1 : $color-gray-10;
+$color-table-border2 : $color-gray-20;
+$color-table-first-column : $color-gray-10;
+$color-table-text : $color-gray-50;
+//$color-table-hover-background : rgba($color-gray-10, .2);
+$color-table-hover-top : $color-primary;
+
+// Text Field Colors
+$color-textfield : $color-gray-60;
+$color-textfield-border : $color-gray-50;
+$color-textfield-focus : $color-secondary;
+
+$color-textfield-dark : $color-gray-20;
+$color-textfield-border-dark : $color-gray-30;
+$color-textfield-dark-focus : $color-cool-20;
+
+$color-validation-info : $color-secondary;
+$color-validation-info-dark : $color-cool-20;
+
+// Toggle Colors
+$color-toggle-on : $color-active;
+$color-toggle-off : $color-gray-30;
+$color-toggle-front : $color-white;
+$color-toggle-check : $color-cool-20;
+$color-toggle-disabled : $color-gray-30;
+$color-toggle-on-dark : $color-active-dark;
+$color-toggle-off-dark : $color-gray-30;
+$color-toggle-front-dark : $color-tertiary;
+$color-toggle-check-dark : $color-primary;
+$color-toggle-disabled-dark : $color-gray-50;
+
+
+// Gradients
+$gradient-light :repeating-linear-gradient(45deg, $color-gray-20, $color-gray-20 2px, $color-gray-30 2px, $color-gray-30 8px);
+$gradient-dark :repeating-linear-gradient(45deg, $color-gray-60, $color-gray-60 2px, $color-gray-50 2px, $color-gray-50 8px);
+
+// Search Colors
+$color-search : $color-secondary;
+$color-search-placeholder : $color-gray-60;
+$color-search-border : $color-gray-50;
+$color-auto : $color-gray-60;
+$color-auto-focus : $color-active;
+$color-auto-bg : $color-gray-10;
+$color-auto-bg-focus : $color-white;
+
+
+$color-search-dark : $color-cool-20;
+$color-search-placeholder-dark : $color-gray-20;
+$color-search-border-dark : $color-gray-30;
+$color-auto-dark : $color-gray-20;
+$color-auto-focus-dark : $color-active-dark;
+$color-auto-bg-dark : $color-tertiary;
+$color-auto-bg-focus-dark : $color-primary;
+
+// Base Sizes
+// ==========
+
+$base-font-size : 16px;
+$large-font-size : 22px;
+
+$base-line-height : 1.68;
+
+// Font Stacks
+// ===========
+
+$font-family-default : 'Helvetica Neue for IBM', 'Helvetica Neue', Helvetica, Arial, Roboto, sans-serif;
+$font-family-monospace : 'Source Code Pro', Lucida Console, Andale Mono, monospace;
+
+// Font Weights
+// ============
+
+$font-weight-light : 300;
+$font-weight-medium : 400;
+$font-weight-roman : 500;
+$font-weight-bold : 700;
+
+//
+// Define z-indexes for various elements
+// @link http://www.sitepoint.com/using-sass-maps/
+// @type number
+//
+
+// z-index reference
+$zindex: (
+ modal : 9000,
+ overlay : 8000,
+ header : 7000,
+ dropdown : 6000
+ );
+
+// Transitions
+// ============
+
+$transition-default : all .2s ease-in-out;
+$transition-nav : all .25s ease-in-out;
+
+//Used for Drop Downs
+$ibm-bezier : cubic-bezier(.5, .08, 0, 1);
+
+$button-speed : $transition-default;
+$button-speed--faster : all .1s ease-in-out;
+
+// Shadow
+// ============
+
+$shadow-color : rgba(0, 0, 0, .1);
+$shadow-default : 0 2px 2px 0 $shadow-color; //double check this
+$shadow-toggle-color : rgb(77, 144, 254);
+$shadow-toggle : 0 0 5px 2px $shadow-toggle-color; // #4D90FE
+$shadow-checkbox-color : rgba(77, 144, 254, .5);
+
+//Breakpoints
+//=============
+
+$bp-small : 30em; // changed from 21em;
+$bp-medium : 64em;
+$bp-large : 90em;
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/_header.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_header.scss b/_src/_sass/_header.scss
new file mode 100644
index 0000000..88af94e
--- /dev/null
+++ b/_src/_sass/_header.scss
@@ -0,0 +1,46 @@
+.site-header {
+ width: 100%;
+ position: fixed;
+ z-index: 100;
+ display: flex;
+ justify-content: space-between;
+ flex-direction: column;
+ align-items: center;
+ padding: 0 20px;
+ background: rgba(0,0,0,.9);
+ @media (min-width: $bp-medium) {
+ flex-direction: row;
+ position: absolute;
+ background: transparent;
+ &.sticky {
+ position: fixed;
+ left: 0;
+ top: -80px;
+ background: rgba(0,0,0,.9);
+ }
+ }
+ .logo {
+ font-size: 20px;
+ font-weight: $font-weight-medium;
+ line-height: 1;
+ margin: 30px 0 10px 0;
+ @media (min-width: $bp-medium) {
+ margin: 0;
+ }
+ .logo-mark {
+ display: inline-block;
+ height: 29px;
+ width: 30px;
+ background: transparent url(../img/systemml-logo.svg) 0 0 no-repeat;
+ margin-right: 10px;
+ }
+ a {
+ color: #fff;
+ display: flex;
+ align-items: center;
+ &:visited {
+ color: #fff;
+ }
+ }
+ }
+}
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/_icons.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_icons.scss b/_src/_sass/_icons.scss
new file mode 100644
index 0000000..97f0afd
--- /dev/null
+++ b/_src/_sass/_icons.scss
@@ -0,0 +1,80 @@
+.icon {
+ position: relative;
+ display: inline-block;
+ text-indent: 0;
+ line-height: 1;
+ background-size: 100%;
+ background-position: center;
+ background-repeat: no-repeat;
+ &.icon-chevron-down {
+ background-image: none, url('../img/icon-chevron-down.svg');
+ background-size: 11px 6px;
+ width: 11px; height: 6px;
+ }
+ &.play-button {
+ background-image: none, url('../img/play-button.svg');
+ background-size: 34px 34px;
+ width: 34px; height: 34px;
+ }
+ &.icon-data {
+ background-image: none, url('../img/icon-data.svg');
+ background-size: 45px 20.25px;
+ width: 45px; height: 45px;
+ }
+ &.icon-code {
+ background-image: none, url('../img/icon-code.svg');
+ background-size: 45px 23px;
+ width: 45px; height: 45px;
+ }
+ &.icon-math {
+ background-image: none, url('../img/icon-math.svg');
+ background-size: 45px 45px;
+ width: 45px; height: 45px;
+ }
+ &.icon-close {
+ background-image: none, url('../img/icon-close.svg');
+ background-size: 24px 24px;
+ width: 24px; height: 24px;
+ }
+ // Partner Logos
+ &.spark-logo {
+ background-image: none, url('../img/spark-logo.png');
+ background-size: 70px 45px;
+ width: 70px; height: 55px;
+ }
+ &.hadoop-logo {
+ background-image: none, url('../img/hadoop-logo.png');
+ background-size: 60px 45px;
+ width: 60px; height: 55px;
+ }
+ &.jupyter-logo {
+ background-image: none, url('../img/jupyter-logo.png');
+ background-size: 51px 55px;
+ width: 51px; height: 55px;
+ }
+ &.zeppelin-logo {
+ background-image: none, url('../img/zeppelin-logo.png');
+ background-size: 58px 35px;
+ width: 58px; height: 55px;
+ }
+ &.dsx-logo {
+ background-image: none, url('../img/dsx-logo.png');
+ background-size: 64px 27px;
+ width: 64px; height: 55px;
+ }
+ &.python-logo {
+ background-image: none, url('../img/python-logo-generic.svg');
+ background-size: 64px 27px;
+ width: 64px; height: 55px;
+ }
+ &.r-logo {
+ background-image: none, url('../img/r-logo.svg');
+ background-size: 64px 27px;
+ width: 64px; height: 55px;
+ }
+ &.icon-announcement {
+ background-image: none, url('../img/icon-announcment.svg');
+ background-size: 60px 40px;
+ width: 60px; height: 40px;
+ }
+}
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/_layout.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_layout.scss b/_src/_sass/_layout.scss
new file mode 100644
index 0000000..f9c6f12
--- /dev/null
+++ b/_src/_sass/_layout.scss
@@ -0,0 +1,46 @@
+.content-container {
+ max-width: 860px;
+ margin: 50px auto;
+ padding: 0 20px;
+}
+
+.content-group {
+ text-align: center;
+ display: flex;
+ justify-content: space-between;
+ flex-direction: column;
+ align-items: center;
+ .icon-announcement {
+ margin: 0 20px 0 0;
+ }
+ @media (min-width: $bp-medium) {
+ text-align: left;
+ flex-direction: row;
+ }
+ .wrap {
+ display: block;
+ }
+ .content-text {
+ @media (min-width: $bp-medium) {
+ width: 50%;
+ &.elevator-text {
+ width: 60%;
+ }
+ }
+ }
+ img {
+ width: 300px;
+ height: 300px;
+ }
+ &.elevator-group {
+ margin-top: 50px;
+ img {
+ width: 250px;
+ height: 250px;
+ }
+ }
+}
+
+.elevator-text p {
+ font-size: 18px;
+}
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/_mixins.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_mixins.scss b/_src/_sass/_mixins.scss
new file mode 100644
index 0000000..82ce3d5
--- /dev/null
+++ b/_src/_sass/_mixins.scss
@@ -0,0 +1,6 @@
+@mixin border-radius($radius) {
+ -webkit-border-radius: $radius;
+ -moz-border-radius: $radius;
+ -ms-border-radius: $radius;
+ border-radius: $radius;
+}
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/_mobile-nav.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_mobile-nav.scss b/_src/_sass/_mobile-nav.scss
new file mode 100644
index 0000000..e69de29
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/_modals.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_modals.scss b/_src/_sass/_modals.scss
new file mode 100644
index 0000000..0b571d1
--- /dev/null
+++ b/_src/_sass/_modals.scss
@@ -0,0 +1,28 @@
+.modal {
+ position: fixed;
+ top: 0;
+ z-index: 200;
+ height: 100%;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: rgba(0,0,0,.85);
+ .icon-close {
+ text-indent: -999px;
+ position: absolute;
+ overflow: hidden;
+ top: 20px;
+ right: 20px;
+ }
+ .embed-container {
+ max-width: 1280px;
+ margin: 60px auto;
+ border: 1px solid $color-text-systemml;
+ }
+ iframe,
+ embed,
+ object {
+ max-width: 100%;
+ }
+}
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/_navigation.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_navigation.scss b/_src/_sass/_navigation.scss
new file mode 100644
index 0000000..7a7aef4
--- /dev/null
+++ b/_src/_sass/_navigation.scss
@@ -0,0 +1,68 @@
+.main-nav {
+ //display: none;
+ float: right;
+ ul {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ -webkit-font-smoothing: subpixel-antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ li {
+ display: inline;
+ position: relative;
+ float: left;
+ &:hover {
+ background: $color-systemml-accent;
+ }
+ a {
+ color: #fff;
+ font-weight: $font-weight-medium;
+ display: block;
+ padding: 10px;
+ @media (min-width: $bp-medium) {
+ padding: 20px;
+ }
+ &:hover {
+ color: #fff;
+ }
+ .icon-chevron-down {
+ top: -1px;
+ background-size: 10.987px 6.201px;
+ width: 10.987px; height: 6.201px;
+ margin-left: 10px;
+ }
+ }
+ }
+ ul {
+ display: none;
+ background-color: #f9f9fb;
+ border: 1px solid #e0e0e0;
+ border-width: 0 1px 1px 1px;
+ }
+ }
+
+ li ul {
+ position: absolute;
+ right: 0;
+ top: 66px;
+ min-width: 200px;
+ li {
+ width: 100%;
+ a {
+ color: #152935;
+ padding: 5px 20px;
+ transition: $transition-default;
+ &:hover {
+ color: #fff;
+ background: $color-systemml-accent;
+ }
+ }
+ }
+ }
+ ul li:hover > ul {
+ display: block;
+ }
+ @media (min-width: $bp-medium) {
+ display: block;
+ }
+}
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/_syntax-highlighting.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_syntax-highlighting.scss b/_src/_sass/_syntax-highlighting.scss
new file mode 100644
index 0000000..8fac597
--- /dev/null
+++ b/_src/_sass/_syntax-highlighting.scss
@@ -0,0 +1,71 @@
+/**
+ * Syntax highlighting styles
+ */
+.highlight {
+ background: #fff;
+ @extend %vertical-rhythm;
+
+ .highlighter-rouge & {
+ background: #eef;
+ }
+
+ .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/incubator-systemml-website/blob/96a132b2/_src/_sass/_syntax.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_syntax.scss b/_src/_sass/_syntax.scss
new file mode 100644
index 0000000..2774b76
--- /dev/null
+++ b/_src/_sass/_syntax.scss
@@ -0,0 +1,60 @@
+.highlight { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/_typography.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/_typography.scss b/_src/_sass/_typography.scss
new file mode 100644
index 0000000..5a0e543
--- /dev/null
+++ b/_src/_sass/_typography.scss
@@ -0,0 +1,62 @@
+.ap-container {
+ h1 {
+ font-size: 36px;
+ font-weight: $font-weight-bold;
+ }
+ h2 {
+ font-size: 32px;
+ font-weight: $font-weight-bold;
+ }
+
+ h3 {
+ font-size: 18px;
+ font-weight: $font-weight-bold;
+ }
+
+ h4 {
+ font-size: 18px;
+ font-weight: $font-weight-medium;
+ }
+
+ p {
+ color: $color-text-systemml;
+ }
+
+ ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ }
+
+ pre {
+ padding: 1em;
+ background: #f9f9fb;
+ border: 1px solid #e0e0e0;
+ margin: 1em 0;
+ }
+
+ .text-center {
+ text-align: center;
+ }
+
+ a {
+ color: $color-systemml-accent;
+ -moz-transition: all 0.2s ease-in-out;
+ -webkit-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ &:hover {
+ color: $color-systemml-accent-dark;
+ }
+ }
+
+ .button-primary {
+ color: #fff;
+ background: $color-systemml-accent;
+ border-color: $color-systemml-accent;
+ @include border-radius(3px);
+ &:hover {
+ background: $color-systemml-accent-dark;
+ border-color: $color-systemml-accent-dark;
+ }
+ }
+}
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/_sass/main.scss
----------------------------------------------------------------------
diff --git a/_src/_sass/main.scss b/_src/_sass/main.scss
new file mode 100644
index 0000000..9cb6f40
--- /dev/null
+++ b/_src/_sass/main.scss
@@ -0,0 +1,29 @@
+@import "vendor/ap-components.min.scss";
+@import "config.scss";
+
+//@import "scss/_mobile-nav.scss";
+@import "navigation.scss";
+
+// Base Styles
+@import "base.scss";
+
+// Mixins
+@import "mixins.scss";
+
+// Typography
+@import "typography.scss";
+
+//Site header
+@import "header.scss";
+
+// Icons
+@import "icons.scss";
+
+// Layout
+@import "layout.scss";
+
+// Hero Banners
+@import "banners.scss";
+
+// Modals
+@import "modals.scss";