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";
