NOJIRA: Shrinking the home page splash area vertically, moving ASF logo to the top.
diff --git a/website/_layouts/home.html b/website/_layouts/home.html
index 3ea982c..65f82fe 100644
--- a/website/_layouts/home.html
+++ b/website/_layouts/home.html
@@ -7,6 +7,7 @@
<div class="row">
<div class="col-12">
<img src="/assets/mahout-logo-white.svg" alt="Apache Mahout">
+ <img class="asf-logo float-right" src="/assets/asf_logo_white.svg" alt="Apache Software Foundation">
</div>
</div>
</div>
@@ -16,7 +17,6 @@
<h2 class="mb-4">For Creating Scalable Performant Machine Learning Applications</h2>
<a class="btn btn-lg btn-light btn-download mb-3" href="/downloads"><i class="fa fa-download"></i> Download Mahout</a>
<div class="small text-white mx-auto">Currently v{{ site.mahout-version }}</div>
- <img class="asf-logo float-right" src="/assets/asf_logo_white.svg" alt="Apache Software Foundation">
</div>
</div>
<canvas id="waves"></canvas>
diff --git a/website/_sass/mahout/_heading.scss b/website/_sass/mahout/_heading.scss
index 267640b..9b97a3d 100644
--- a/website/_sass/mahout/_heading.scss
+++ b/website/_sass/mahout/_heading.scss
@@ -1,5 +1,5 @@
header.mahout-header {
- height: 700px;
+ height: 500px;
position: relative;
background: url('https://www.transparenttextures.com/patterns/cubes.png'), -moz-linear-gradient(45deg, $blue 0%, darken($blue, 15%) 100%);
background: url('https://www.transparenttextures.com/patterns/cubes.png'), -webkit-linear-gradient(45deg, $blue 0%, darken($blue, 15%) 100%);
@@ -26,6 +26,10 @@
width: 100%;
max-width: 800px;
}
+ .asf-logo {
+ height: 75px;
+ width: 150px;
+ }
}
.mahout-header-lower {
bottom: 0;
@@ -49,8 +53,5 @@
color: $body-color;
}
}
- .asf-logo {
- height: 75px;
- }
}
}
