[SYSTEMML-973][SYSTEMML-974][SYSTEMML-977] Refactor community members page Refactor community and members page using new about layout
Closes #7 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/069d53e7 Tree: http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/tree/069d53e7 Diff: http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/diff/069d53e7 Branch: refs/heads/master Commit: 069d53e769a9ceecdaf8df5767bed4e711f16efd Parents: b63b6ad Author: Dexter Lesaca <[email protected]> Authored: Tue Oct 11 17:09:30 2016 -0700 Committer: Luciano Resende <[email protected]> Committed: Thu Oct 20 14:59:43 2016 -0700 ---------------------------------------------------------------------- .gitignore | 2 + _src/_data/navigation.yml | 53 +- _src/_includes/themes/apache/_navigation.html | 76 - .../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 - _src/_includes/themes/apache/default.html | 46 +- _src/_includes/themes/apache/footer.html | 34 - _src/_includes/themes/apache/header.html | 27 - _src/_includes/themes/apache/home.html | 16 +- _src/_includes/themes/apache/page.html | 4 +- .../themes/apache/partials/_footer.html | 34 + .../_includes/themes/apache/partials/_head.html | 35 + .../themes/apache/partials/_header.html | 27 + .../themes/apache/partials/_navigation.html | 76 + .../partials/banners/banner_announcements.html | 7 + .../partials/banners/banner_contact_us.html | 8 + .../partials/banners/banner_features.html | 22 + .../partials/banners/banner_get_started.html | 17 + .../partials/banners/banner_header_hero.html | 11 + .../partials/banners/banner_partners.html | 23 + .../partials/banners/banner_use_cases.html | 30 + .../banners/banner_what_is_systemml.html | 14 + _src/_sass/_base.scss | 50 + _src/_sass/_buttons.scss | 21 + _src/_sass/_config.scss | 4 + _src/_sass/_header.scss | 7 +- _src/_sass/_layout.scss | 73 +- _src/_sass/_modals.scss | 56 +- _src/_sass/_typography.scss | 62 - _src/_sass/layout/_config.scss | 7 + _src/_sass/layout/_index.scss | 1 + _src/_sass/main.scss | 10 +- _src/_sass/vendor/_ap-components.min.scss | 4 +- _src/assets/css/main.css | 3100 ++++++++++-------- _src/community-members.html | 54 + _src/community-members.md | 55 - _src/community.md | 1 - _src/download.html | 111 + _src/download.md | 112 - _src/index.md | 6 +- _src/privacy-policy.md | 5 +- _src/tutorials.html | 74 + gulpfile.js | 66 +- package.json | 3 +- 50 files changed, 2595 insertions(+), 1988 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/.gitignore ---------------------------------------------------------------------- diff --git a/.gitignore b/.gitignore index a74beae..f0e2685 100644 --- a/.gitignore +++ b/.gitignore @@ -36,3 +36,5 @@ _site #npm node_modules + +_src/assets/css/main.css http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_data/navigation.yml ---------------------------------------------------------------------- diff --git a/_src/_data/navigation.yml b/_src/_data/navigation.yml index 9ddef13..bb7324c 100644 --- a/_src/_data/navigation.yml +++ b/_src/_data/navigation.yml @@ -1,41 +1,13 @@ -## Topnav single links -## if you want to list an external url, use external_url instead of url. the theme will apply a different link base. -# - title: Sample -# url: /mydoc/sample.html -# audience: developers, consumers -# platform: all -# product: all -# version: all -# output: web - +topnav: -# <nav class="navbar-collapse collapse" role="navigation"> -# <ul class="nav navbar-nav navbar-right"> -# <li id="community"> -# <a href="#" data-toggle="dropdown" class="dropdown-toggle">Community<b class="caret"></b></a> -# <ul class="dropdown-menu dropdown-left"> -# <li><a href="/community.html">Get Involved</a></li> -# <li><a href="/community-members.html">Who we are</a></li> -# </ul> -# </li> -# <li><a href="{{ site.data.project.source_repository_mirror }}">GitHub</a></li> -# <li><a href="{{ site.data.project.documentation }}">Documentation</a></li> -# {% if site.data.project.download %}<li><a href="{{ site.data.project.download }}">Download</a></li>{% endif %} -# <li id="apache"> -# <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a> -# <ul class="dropdown-menu"> -# <li><a href="http://www.apache.org/foundation/how-it-works.html";>Apache Software Foundation</a></li> -# <li><a href="http://www.apache.org/licenses/";>Apache License</a></li> -# <li><a href="http://www.apache.org/foundation/sponsorship.html";>Sponsorship</a></li> -# <li><a href="http://www.apache.org/foundation/thanks.html";>Thanks</a></li> -# <li><a href="/privacy-policy.html">Privacy Policy</a></li> -# </ul> -# </li> -# </ul> -# </nav><!--/.navbar-collapse --> +- title: Download + url: /download +- title: Tutorials + url: /tutorials -topnav: +- title: Documentation + url: https://apache.github.io/incubator-systemml - title: Community subcategories: @@ -47,12 +19,8 @@ topnav: url: https://github.com/apache/incubator-systemml - title: Project Committers url: /community-members - -- title: GitHub - url: https://github.com/apache/incubator-systemml - -- title: Documentation - url: https://apache.github.io/incubator-systemml + - title: GitHub + url: https://github.com/apache/incubator-systemml - title: Apache subcategories: @@ -66,6 +34,3 @@ 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/069d53e7/_src/_includes/themes/apache/_navigation.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/_navigation.html b/_src/_includes/themes/apache/_navigation.html deleted file mode 100644 index 433af48..0000000 --- a/_src/_includes/themes/apache/_navigation.html +++ /dev/null @@ -1,76 +0,0 @@ -<!-- 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"> - <h1>{{ site.data.project.name }}</h1> - <p>{{ site.data.project.description }}</p> - - {% if site.data.project.download %} - <a href="{{ site.data.project.download }}" class="btn btn-primary btn-lg bigFingerButton" role="button">Get {{ site.data.project.short_name }}</a></p> - {% endif %} - </div> -</div> -{% endif %} http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/banners/banner_announcements.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/banners/banner_announcements.html b/_src/_includes/themes/apache/banners/banner_announcements.html deleted file mode 100644 index 2e366bb..0000000 --- a/_src/_includes/themes/apache/banners/banner_announcements.html +++ /dev/null @@ -1,8 +0,0 @@ -<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/069d53e7/_src/_includes/themes/apache/banners/banner_contact_us.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/banners/banner_contact_us.html b/_src/_includes/themes/apache/banners/banner_contact_us.html deleted file mode 100644 index e040c86..0000000 --- a/_src/_includes/themes/apache/banners/banner_contact_us.html +++ /dev/null @@ -1,8 +0,0 @@ -<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:[email protected]";>[email protected]</a></p> - </div> - </div> -</section> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/banners/banner_features.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/banners/banner_features.html b/_src/_includes/themes/apache/banners/banner_features.html deleted file mode 100644 index 8ad4b84..0000000 --- a/_src/_includes/themes/apache/banners/banner_features.html +++ /dev/null @@ -1,22 +0,0 @@ -<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âs 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/069d53e7/_src/_includes/themes/apache/banners/banner_get_started.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/banners/banner_get_started.html b/_src/_includes/themes/apache/banners/banner_get_started.html deleted file mode 100644 index e410bfb..0000000 --- a/_src/_includes/themes/apache/banners/banner_get_started.html +++ /dev/null @@ -1,17 +0,0 @@ -<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/069d53e7/_src/_includes/themes/apache/banners/banner_header_hero.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/banners/banner_header_hero.html b/_src/_includes/themes/apache/banners/banner_header_hero.html deleted file mode 100644 index 88aae39..0000000 --- a/_src/_includes/themes/apache/banners/banner_header_hero.html +++ /dev/null @@ -1,11 +0,0 @@ -<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/069d53e7/_src/_includes/themes/apache/banners/banner_partners.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/banners/banner_partners.html b/_src/_includes/themes/apache/banners/banner_partners.html deleted file mode 100644 index b8b19a7..0000000 --- a/_src/_includes/themes/apache/banners/banner_partners.html +++ /dev/null @@ -1,23 +0,0 @@ -<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/069d53e7/_src/_includes/themes/apache/banners/banner_use_cases.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/banners/banner_use_cases.html b/_src/_includes/themes/apache/banners/banner_use_cases.html deleted file mode 100644 index 8b66f21..0000000 --- a/_src/_includes/themes/apache/banners/banner_use_cases.html +++ /dev/null @@ -1,30 +0,0 @@ -<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/069d53e7/_src/_includes/themes/apache/banners/banner_what_is_systemml.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/banners/banner_what_is_systemml.html b/_src/_includes/themes/apache/banners/banner_what_is_systemml.html deleted file mode 100644 index bffc0a3..0000000 --- a/_src/_includes/themes/apache/banners/banner_what_is_systemml.html +++ /dev/null @@ -1,20 +0,0 @@ -<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/069d53e7/_src/_includes/themes/apache/default.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/default.html b/_src/_includes/themes/apache/default.html index e09c721..3ba3f75 100644 --- a/_src/_includes/themes/apache/default.html +++ b/_src/_includes/themes/apache/default.html @@ -1,49 +1,11 @@ <!DOCTYPE html> <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 }}"> - {% 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/main.css"> - - <!-- favicons --> - <link rel="shortcut icon" href="/assets/img/favicon.png"> - </head> - - <body class="ap-container vcard"> - {% include themes/apache/header.html %} - + {% include themes/apache/partials/_head.html %} <!-- META --> + <body class="vcard"> + {% include themes/apache/partials/_header.html %} <!-- GLOBAL HEADER --> {{ content }} <hr> - {% include themes/apache/footer.html %} - + {% include themes/apache/partials/_footer.html %} <!-- GLOBAL FOOTER--> <script src="assets/js/bundle.min.js"></script> - </body> </html> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/footer.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/footer.html b/_src/_includes/themes/apache/footer.html deleted file mode 100644 index c44f7a6..0000000 --- a/_src/_includes/themes/apache/footer.html +++ /dev/null @@ -1,34 +0,0 @@ -<footer class="site-footer"> - - <div class="content-container"> - - <div class="footer-col-wrapper"> - {% if site.data.project.podling %} - {{ site.data.project.name }} is an effort undergoing <a href="https://incubator.apache.org/index.html";>Incubation</a> at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF. - <hr> - {% endif %} - <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/apache-incubator-logo.png" alt="Apache Incubator"/></a> - </div> - {% endif %} - <div> - Copyright © 2016 <a href="http://www.apache.org";>The Apache Software Foundation</a>. - Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0";>Apache License, Version 2.0</a>. - <br> - {% if site.data.project.podling %} - Apache, the Apache Feather logo, and the Apache Incubator project logo are trademarks of The Apache Software Foundation. - {% else %} - Apache and the Apache Feather logo are trademarks of The Apache Software Foundation. - {% endif %} - </div> - - </div> - </div> - - </div> - - {% include themes/apache/analytics/google-analytics %} - -</footer> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/header.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/header.html b/_src/_includes/themes/apache/header.html deleted file mode 100644 index 96f1e43..0000000 --- a/_src/_includes/themes/apache/header.html +++ /dev/null @@ -1,27 +0,0 @@ -<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/069d53e7/_src/_includes/themes/apache/home.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/home.html b/_src/_includes/themes/apache/home.html index 66fbd0b..82e4381 100644 --- a/_src/_includes/themes/apache/home.html +++ b/_src/_includes/themes/apache/home.html @@ -1,8 +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 +{% include themes/apache/partials/banners/banner_header_hero.html %} +{% include themes/apache/partials/banners/banner_announcements.html %} +{% include themes/apache/partials/banners/banner_what_is_systemml.html %} +{% include themes/apache/partials/banners/banner_features.html %} +{% include themes/apache/partials/banners/banner_use_cases.html %} +{% include themes/apache/partials/banners/banner_get_started.html %} +{% include themes/apache/partials/banners/banner_partners.html %} +{% include themes/apache/partials/banners/banner_contact_us.html %} http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/page.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/page.html b/_src/_includes/themes/apache/page.html index dafbc6c..ae935d2 100644 --- a/_src/_includes/themes/apache/page.html +++ b/_src/_includes/themes/apache/page.html @@ -1,5 +1,3 @@ -<div class="container"> +<div> {{ content }} </div> - - http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/partials/_footer.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/partials/_footer.html b/_src/_includes/themes/apache/partials/_footer.html new file mode 100644 index 0000000..9505867 --- /dev/null +++ b/_src/_includes/themes/apache/partials/_footer.html @@ -0,0 +1,34 @@ +<footer class="site-footer"> + + <div class="content-container"> + + <div class="footer-col-wrapper"> + {% if site.data.project.podling %} + {{ site.data.project.name }} is an effort undergoing <a href="https://incubator.apache.org/index.html";>Incubation</a> at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF. + <hr> + {% endif %} + <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/apache-incubator-logo.png" alt="Apache Incubator"/></a> + </div> + {% endif %} + <div> + Copyright © 2016 <a href="http://www.apache.org";>The Apache Software Foundation</a>. + Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0";>Apache License, Version 2.0</a>. + <br> + {% if site.data.project.podling %} + Apache, the Apache Feather logo, and the Apache Incubator project logo are trademarks of The Apache Software Foundation. + {% else %} + Apache and the Apache Feather logo are trademarks of The Apache Software Foundation. + {% endif %} + </div> + + </div> + </div> + + </div> + + {% include themes/apache/analytics/google-analytics %} + +</footer> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/partials/_head.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/partials/_head.html b/_src/_includes/themes/apache/partials/_head.html new file mode 100644 index 0000000..99361eb --- /dev/null +++ b/_src/_includes/themes/apache/partials/_head.html @@ -0,0 +1,35 @@ +<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 }}"> + {% 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/main.css"> + + <!-- favicons --> + <link rel="shortcut icon" href="/assets/img/favicon.png"> +</head> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/partials/_header.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/partials/_header.html b/_src/_includes/themes/apache/partials/_header.html new file mode 100644 index 0000000..514c1fe --- /dev/null +++ b/_src/_includes/themes/apache/partials/_header.html @@ -0,0 +1,27 @@ +<header class="site-header{% if page.layout != 'home' %} site-header--not-home{% endif %}"> + <h1 class="logo"><a class="url" href="/"><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="/community">{{ 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> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/partials/_navigation.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/partials/_navigation.html b/_src/_includes/themes/apache/partials/_navigation.html new file mode 100644 index 0000000..5088f8b --- /dev/null +++ b/_src/_includes/themes/apache/partials/_navigation.html @@ -0,0 +1,76 @@ +<!-- 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"> + <h1>{{ site.data.project.name }}</h1> + <p>{{ site.data.project.description }}</p> + + {% if site.data.project.download %} + <a href="{{ site.data.project.download }}" class="btn btn-primary btn-lg bigFingerButton" role="button">Get {{ site.data.project.short_name }}</a></p> + {% endif %} + </div> +</div> +{% endif %} --> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/partials/banners/banner_announcements.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/partials/banners/banner_announcements.html b/_src/_includes/themes/apache/partials/banners/banner_announcements.html new file mode 100644 index 0000000..ee30eb7 --- /dev/null +++ b/_src/_includes/themes/apache/partials/banners/banner_announcements.html @@ -0,0 +1,7 @@ +<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> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/partials/banners/banner_contact_us.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/partials/banners/banner_contact_us.html b/_src/_includes/themes/apache/partials/banners/banner_contact_us.html new file mode 100644 index 0000000..b4212a5 --- /dev/null +++ b/_src/_includes/themes/apache/partials/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:[email protected]";>[email protected]</a></p> + </div> + </div> +</section> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/partials/banners/banner_features.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/partials/banners/banner_features.html b/_src/_includes/themes/apache/partials/banners/banner_features.html new file mode 100644 index 0000000..a498683 --- /dev/null +++ b/_src/_includes/themes/apache/partials/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âs 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> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/partials/banners/banner_get_started.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/partials/banners/banner_get_started.html b/_src/_includes/themes/apache/partials/banners/banner_get_started.html new file mode 100644 index 0000000..a13336e --- /dev/null +++ b/_src/_includes/themes/apache/partials/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> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/partials/banners/banner_header_hero.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/partials/banners/banner_header_hero.html b/_src/_includes/themes/apache/partials/banners/banner_header_hero.html new file mode 100644 index 0000000..ffdd592 --- /dev/null +++ b/_src/_includes/themes/apache/partials/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> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/partials/banners/banner_partners.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/partials/banners/banner_partners.html b/_src/_includes/themes/apache/partials/banners/banner_partners.html new file mode 100644 index 0000000..d9f99dd --- /dev/null +++ b/_src/_includes/themes/apache/partials/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/069d53e7/_src/_includes/themes/apache/partials/banners/banner_use_cases.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/partials/banners/banner_use_cases.html b/_src/_includes/themes/apache/partials/banners/banner_use_cases.html new file mode 100644 index 0000000..2cbf79d --- /dev/null +++ b/_src/_includes/themes/apache/partials/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> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_includes/themes/apache/partials/banners/banner_what_is_systemml.html ---------------------------------------------------------------------- diff --git a/_src/_includes/themes/apache/partials/banners/banner_what_is_systemml.html b/_src/_includes/themes/apache/partials/banners/banner_what_is_systemml.html new file mode 100644 index 0000000..8db518c --- /dev/null +++ b/_src/_includes/themes/apache/partials/banners/banner_what_is_systemml.html @@ -0,0 +1,14 @@ +<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> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_sass/_base.scss ---------------------------------------------------------------------- diff --git a/_src/_sass/_base.scss b/_src/_sass/_base.scss index a7e3741..67a8985 100644 --- a/_src/_sass/_base.scss +++ b/_src/_sass/_base.scss @@ -4,3 +4,53 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + +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; + } +} http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_sass/_buttons.scss ---------------------------------------------------------------------- diff --git a/_src/_sass/_buttons.scss b/_src/_sass/_buttons.scss new file mode 100644 index 0000000..ab43211 --- /dev/null +++ b/_src/_sass/_buttons.scss @@ -0,0 +1,21 @@ +.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; + } +} + +.button-secondary { + color: #fff; + background: $color-systemml-accent2; + border-color: $color-systemml-accent2; + @include border-radius(3px); + &:hover { + background: $color-systemml-accent2-dark; + border-color: $color-systemml-accent2-dark; + } +} http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_sass/_config.scss ---------------------------------------------------------------------- diff --git a/_src/_sass/_config.scss b/_src/_sass/_config.scss index c1a4665..e965027 100644 --- a/_src/_sass/_config.scss +++ b/_src/_sass/_config.scss @@ -39,9 +39,13 @@ $color-active-dark--lighter : color('teal', 20); $color-accent : color('blue', 50); $color-accent-dark : color('blue', 20); +// System ML Buttons $color-systemml-accent : #FF5003; $color-systemml-accent-dark : #D74108; +$color-systemml-accent2 : #4178be; +$color-systemml-accent2-dark : #325C80; + //Status Colors $color-success : color('green', 50); $color-success-dark : color('green', 30); http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_sass/_header.scss ---------------------------------------------------------------------- diff --git a/_src/_sass/_header.scss b/_src/_sass/_header.scss index 88af94e..f1e7304 100644 --- a/_src/_sass/_header.scss +++ b/_src/_sass/_header.scss @@ -7,7 +7,7 @@ flex-direction: column; align-items: center; padding: 0 20px; - background: rgba(0,0,0,.9); + background-color: rgba(0,0,0,.9); @media (min-width: $bp-medium) { flex-direction: row; position: absolute; @@ -16,7 +16,10 @@ position: fixed; left: 0; top: -80px; - background: rgba(0,0,0,.9); + background-color: rgba(0,0,0,.9); + } + &--not-home { + background-color: rgba(0,0,0,.9); } } .logo { http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_sass/_layout.scss ---------------------------------------------------------------------- diff --git a/_src/_sass/_layout.scss b/_src/_sass/_layout.scss index f9c6f12..46cadb8 100644 --- a/_src/_sass/_layout.scss +++ b/_src/_sass/_layout.scss @@ -1,46 +1,71 @@ +<<<<<<< HEAD .content-container { max-width: 860px; - margin: 50px auto; + margin: 100px auto; padding: 0 20px; +======= +@import 'layout/index'; + +// constrain content width to 1280px +.ml-container { + @include container(80em); +>>>>>>> 1340b91... tutorials page, buttons, css stylings +} + +// alternate background color +.background-stripe{ + &:nth-child(even) { + background-color: #f9f9fb; + } } +// content styling .content-group { + // default styling mobile first text-align: center; display: flex; justify-content: space-between; flex-direction: column; align-items: center; - .icon-announcement { - margin: 0 20px 0 0; - } + padding: 5em; + + // tablet and web styling @media (min-width: $bp-medium) { text-align: left; flex-direction: row; } - .wrap { - display: block; - } + + // grid system for content .content-text { - @media (min-width: $bp-medium) { - width: 50%; - &.elevator-text { - width: 60%; - } + &--col-2 { + //.content-text--col-2 + @include span(2 of 12); + } + &--col-3 { + @include span(3 of 12); + } + &--col-4 { + @include span(4 of 12); + } + &--col-6 { + @include span(6 of 12); + } + &--col-12 { + @include span(12 of 12); } } - img { - width: 300px; - height: 300px; - } - &.elevator-group { - margin-top: 50px; - img { - width: 250px; - height: 250px; + + .button-group { + a{ + margin-right: 1em; } } -} + .wrap { + display: block; + } + + .icon-announcement { + margin: 0 10px 0 0; + } -.elevator-text p { - font-size: 18px; } http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_sass/_modals.scss ---------------------------------------------------------------------- diff --git a/_src/_sass/_modals.scss b/_src/_sass/_modals.scss index 0b571d1..8495583 100644 --- a/_src/_sass/_modals.scss +++ b/_src/_sass/_modals.scss @@ -1,28 +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%; - } -} +// .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/069d53e7/_src/_sass/_typography.scss ---------------------------------------------------------------------- diff --git a/_src/_sass/_typography.scss b/_src/_sass/_typography.scss deleted file mode 100644 index 5a0e543..0000000 --- a/_src/_sass/_typography.scss +++ /dev/null @@ -1,62 +0,0 @@ -.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/069d53e7/_src/_sass/layout/_config.scss ---------------------------------------------------------------------- diff --git a/_src/_sass/layout/_config.scss b/_src/_sass/layout/_config.scss new file mode 100644 index 0000000..a06d7a4 --- /dev/null +++ b/_src/_sass/layout/_config.scss @@ -0,0 +1,7 @@ +$susy: ( + columns: 12, + gutters: 1.953125, + math: fluid, + output: float, + gutter-position: inside, +); http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_sass/layout/_index.scss ---------------------------------------------------------------------- diff --git a/_src/_sass/layout/_index.scss b/_src/_sass/layout/_index.scss new file mode 100644 index 0000000..f8ec794 --- /dev/null +++ b/_src/_sass/layout/_index.scss @@ -0,0 +1 @@ +@import 'config'; http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/069d53e7/_src/_sass/main.scss ---------------------------------------------------------------------- diff --git a/_src/_sass/main.scss b/_src/_sass/main.scss index 9cb6f40..18c8040 100644 --- a/_src/_sass/main.scss +++ b/_src/_sass/main.scss @@ -1,17 +1,19 @@ @import "vendor/ap-components.min.scss"; @import "config.scss"; +@import "susy"; + +// Mixins +@import "mixins.scss"; + //@import "scss/_mobile-nav.scss"; @import "navigation.scss"; // Base Styles @import "base.scss"; -// Mixins -@import "mixins.scss"; - // Typography -@import "typography.scss"; +@import "buttons.scss"; //Site header @import "header.scss";
