blob: 65fb3e7114442f27172e47a60828eba20e2ddc11 (
plain)
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
|
$(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.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");
}
});
});
|