static/js/script.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88

$(document).ready(function(){
  
  //Activating tooltip
  $('[data-toggle="tooltip"]').tooltip();

  //Hack for navbar
  $(".navbar-toggler").click(function(e){
    if($("nav").hasClass('navbar-light')){
      if($(window).scrollTop() < 30){
        $("nav").addClass('navbar-dark').removeClass('navbar-light');
      }
      
    } else {
      $("nav").removeClass('navbar-dark').addClass('navbar-light');
    }
  });

  //Check scroll location of page
  //If more than 30 add white bg in nav
  if($(window).scrollTop() >= 30){
    $("nav").addClass('navbar-dark').removeClass('navbar-light');
  }
  
  /*
    Work portfolio
  */
  var overlay = $(".overlay, .cross");
  var workImage = $(".workImage");
  var body = $("body");
  var hoverImageHolder = $(".hoverImage");
  var hoverImage = $(".hoverImage > img");
  var hoverTitle = $(".hoverImage > .textHolder > .title");
  var hoverDescription = $(".hoverImage > .textHolder > .description");

  workImage.click(function(){
    //Get tite and description
    var title = $(this).data('title');
    var description = $(this).data('description');

    hoverTitle.text(title);
    // hoverDescription.text(description);

    overlay.addClass("active");
    body.addClass("zoomOut");
    var imageURL = $(this).data('url');
    hoverImage.attr('src', imageURL);
    hoverImageHolder.addClass('active');
  });

  overlay.click(function(){
    $(overlay).removeClass("active");
    hoverImageHolder.removeClass('active');
    hoverImage.attr('src', '');
    body.removeClass("zoomOut");
  });

  //Smooth scroll
  $("a, button").click(function(event){
    if($(this).attr('type') != 'submit'){
      if(this.hash !== ""){
        event.preventDefault();
        var hash = this.hash;
  
        $("html, body").animate({
          scrollTop: $(hash).offset().top
        }, 800, function(){
          window.location.hash = hash;
        })
      }
    }
  });


  $(window).scroll(function() {    
    var scroll = $(window).scrollTop();

     //>=, not <=
    if (scroll >= 30) {
        //clearHeader, not clearheader - caps H
        $(".nav-transparent").removeClass("navbar-dark").addClass("navbar-light");
    } else {
      $(".nav-transparent").removeClass("navbar-light").addClass("navbar-dark");
    }
});


});