scroll-to-top button #175

site/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

site/build/build.sh

@@ -1,4 +1,4 @@
-#!/bin/bash
+#!/usr/bin/env bash
 
 # Put all available languages here, except "en". Separated by spaces
 TRANSLATIONS="bg eo gj hi id ms tl tm tr vi zh_tw"

site/layouts/partials/js.html

@@ -330,3 +330,5 @@
 <script type="text/javascript" src="{{ "js/onScrollMenu.js" | absURL }}"></script>
 <!-- PayPal donation Script -->
 <script type="text/javascript" src="{{ "js/donate.js" | absURL }}"></script>
+<!-- hidden scroll icon on top -->
+<script type="text/javascript" src="{{ "js/hideScrollButton.js" | absURL}}">hi</script>

site/layouts/partials/legal.html

@@ -11,8 +11,8 @@ <h2 class="hidden">Legal Information</h2>
   </div>
 </section>
 
-<a class="page-scroll hiddenlink" href="#page-top" title="Scroll to top">
-  <div id="scroll-to-top">
+ <a class="page-scroll hiddenlink" href="#page-top" title="Scroll to top">
+  <div id="scroll-to-top" style="display:none">
     <i class="fa fa-chevron-up" aria-hidden="true"></i>
   </div>
-</a>
+</a> 

site/layouts/partials/start.html

@@ -1,5 +1,5 @@
 {{ "<!-- HEADER -->" | safeHTML }}
-<header>
+<header style=" background-image: url(../img/header_lighter.jpg);">
     <div class="header-content">
         <div class="header-content-inner">
             <div class="logo">

site/static/css/creative.css

@@ -230,7 +230,6 @@ header {
   min-height: auto;
   text-align: center;
   color: #fff;
-  background-image: url(../img/header.jpg);
   background-position: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;

site/static/css/custom.css

@@ -432,6 +432,8 @@ a:hover {
   height: 50px;
   text-decoration: none;
   border-radius: 50%;
+  display:none;
+
 }
 #scroll-to-top i {
   color: #fff;

site/static/js/creative.js

@@ -3,23 +3,30 @@
  * Code licensed under the Apache License v2.0.
  * For details, see http://www.apache.org/licenses/LICENSE-2.0.
  */
+
+
+
+
+
 (function($) {
     "use strict"; // Start of use strict
 
     // jQuery for page scrolling feature - requires jQuery Easing plugin
-    $('a.page-scroll').bind('click', function(event) {
-        var $anchor = $(this);
-        $('html, body').stop().animate({
-            scrollTop: ($($anchor.attr('href')).offset().top - 50)
-        }, 1250, 'easeInOutExpo');
-        event.preventDefault();
-    });
-
-    // Highlight the top nav as scrolling occurs
-    $('body').scrollspy({
-        target: '.navbar-fixed-top',
-        offset: 51
-    })
+    // $('a.page-scroll').bind('click', function(event) {
+    //     var $anchor = $(this);
+    //     $('html, body').stop().animate({
+    //         scrollTop: ($($anchor.attr('href')).offset().top - 50)
+    //     }, 1250, 'easeInOutExpo');
+    //     event.preventDefault();
+    // });
+
+
+
+  //  Highlight the top nav as scrolling occurs
+    // $('body').scrollspy({
+    //     target: '.navbar-fixed-top',
+    //     offset: 51
+    // })
 
     // Closes the Responsive Menu on Menu Item Click
     /*$('.navbar-collapse ul li a').click(function() {

site/static/js/hideScrollButton.js

@@ -0,0 +1,17 @@
+// hiding scroll-to-top on top and showing on scroll
+// using jQuery
+$(document).ready(function(){
+
+    $(window).scroll(function(){
+        if($(window).scrollTop()>$(".arrow-bounce").height()/2)
+        {
+          $("#scroll-to-top").fadeIn()
+        }
+
+        else 
+        {
+          $("#scroll-to-top").fadeOut()
+        }
+    }
+    )
+})