add spacing and menu on mobile

[people/shoehn/ipfire.org.git] / static / js / site.js

diff --git a/static/js/site.js b/static/js/site.js
index 6dc07c6f870e6c85d2e84f736f948ae611cc1538..84521fb9807119afbf0f35664d3bb6659d5bc044 100644 (file)
--- a/static/js/site.js
+++ b/static/js/site.js
@@ -1,3 +1,30 @@
+$(document).ready(function () {
+    $(window).scroll(function () {
+        if ($(document).scrollTop() > 100) {
+            $(".fixed-top").addClass("scrolled");
+            $(".menu-text").addClass("hidden");
+        } else {
+            $(".fixed-top").removeClass("scrolled");
+            $(".menu-text").removeClass("hidden");
+        }
+    });
+});
+
+//jQuery to collapse the navbar on scroll
+$(window).scroll(function() {
+       if ($(".navbar").offset().top > 50) {
+               $(".navbar-fixed-top").addClass("top-nav-collapse");
+       } else {
+               $(".navbar-fixed-top").removeClass("top-nav-collapse");
+       }
+});
+
+$("#scrollto").click(function() {
+    $('html, body').animate({
+        scrollTop: $("#features").offset().top - $('.fixed-top').height()
+    }, 1500, 'easeInOutExpo');
+});
+
 $.query = function(name){
        var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
        return results[1] || 0;
@@ -10,6 +37,15 @@ $("a.download-splash").click(function(event) {
        window.location = "http://downloads.ipfire.org/download-splash?file="+linkLocation;
 });
 
+var $window = $(window);
+
+$(".sidenav").affix({
+       offset: {
+               top: function () { return $window.width() <= 980 ? 290 : 240 }
+               , bottom: 270
+       }
+});
+
 if (/.*download-splash.*/i.test(window.location.href)) {
        $("p.download-path").ready(function(){
                var valid = false;
@@ -37,6 +73,16 @@ if (/.*download-splash.*/i.test(window.location.href)) {
        });
 }
 
+/* $(".planet-search-autocomplete").typeahead({
+       source: function(query, process) {
+               $.get("/api/planet/search/autocomplete", { q: query }, function(data) {
+                       if (data.query == query) {
+                               process(data.results);
+                       }
+               });
+       },
+}); */
+
 function getCookie(name) {
        var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
        return r ? r[1] : undefined;