From d8d494cd28fc0eb581422d9cf4904a8e0c2931df Mon Sep 17 00:00:00 2001
From: Adela Sofia Arreola <adelaarreola@gmail.com>
Date: Wed, 6 Mar 2019 09:42:01 -0700
Subject: [PATCH] Added homepage down arrow

---
 _includes/homepage-hero-band.html      |  3 ++-
 _layouts/base.html                     |  1 +
 _sass/includes/homepage-hero-band.scss | 21 +++++++++++++++++++++
 assets/javascript/scroll-down.js       | 10 ++++++++++
 4 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 assets/javascript/scroll-down.js

diff --git a/_includes/homepage-hero-band.html b/_includes/homepage-hero-band.html
index 88206279f2b..ca1f4f92ca8 100644
--- a/_includes/homepage-hero-band.html
+++ b/_includes/homepage-hero-band.html
@@ -1,10 +1,11 @@
-<div class="grid-wrapper component homepage-hero-band">
+<div class="grid-wrapper homepage-hero-band">
   <div class="grid__item width-12-12">
     <div class="home-hero">
       <h1 class="styled-logo">Quarkus</h1>
       <h2>Supersonic Subatomic Java</h2>
       <p>A Kubernetes Native Java stack tailored for GraalVM & OpenJDK HotSpot, crafted from the best of breed Java libraries and standards</p>
       <a href="{{site.baseurl}}/get-started/" class="button-cta secondary">Get Started</a>
+      <a href="#" class="scroll-down" address="true"></a>
     </div>
   </div>
 </div>
diff --git a/_layouts/base.html b/_layouts/base.html
index e9642833d74..0b84586f49e 100755
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -38,6 +38,7 @@
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
   <script type="text/javascript" src="{{ '/assets/javascript/mobile-nav.js' | relative_url }}"></script>
+  <script type="text/javascript" src="{{ '/assets/javascript/scroll-down.js' | relative_url }}"></script>
   <script type="text/javascript">
     if (("undefined" !== typeof _satellite) && ("function" === typeof _satellite.pageBottom)) {
         _satellite.pageBottom();
diff --git a/_sass/includes/homepage-hero-band.scss b/_sass/includes/homepage-hero-band.scss
index 2c1cdcb2f07..3589cd334c1 100644
--- a/_sass/includes/homepage-hero-band.scss
+++ b/_sass/includes/homepage-hero-band.scss
@@ -1,4 +1,5 @@
 .homepage-hero-band {
+  padding-bottom: 6rem;
 
   .home-hero {
     text-align: center;
@@ -13,4 +14,24 @@
       margin: 1rem auto 3rem auto;
     }
   }
+  .scroll-down {
+    margin: 3rem auto 0 auto;
+    display: block;
+    width: 32px;
+    height: 32px;
+    -webkit-transition: all .2s ease-in;
+    transition: all .2s ease-in;
+    transform: scale(1);
+    
+    &:before {
+      transform: rotate(-45deg);
+      display: block;
+      width: 25px;
+      height: 25px;
+      content: "";
+      border: 2px solid white;
+      border-width: 0px 0 2px 2px;
+    }
+  }
+
 }
\ No newline at end of file
diff --git a/assets/javascript/scroll-down.js b/assets/javascript/scroll-down.js
new file mode 100644
index 00000000000..8424c348150
--- /dev/null
+++ b/assets/javascript/scroll-down.js
@@ -0,0 +1,10 @@
+function scrollDown() {
+  $('.scroll-down').click (function() {
+    $('html, body').animate({scrollTop: $('.homepage-highlights-band').offset().top }, 'slow');
+    return false;
+  });
+}
+
+if(document.querySelector(".scroll-down")){
+  scrollDown();
+}