-
Notifications
You must be signed in to change notification settings - Fork 0
/
effects.js
117 lines (102 loc) · 3.72 KB
/
effects.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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
$(document).ready(function(){
console.log('Hello Ello');
// $('.navbar a').click(function(){
// $('.navbar').toggleClass('nav-hidden');
// $('.navbar').toggleClass('nav-expanded');
// });
// $('.menu-dropdown').click(function(){
// $('.navbar').toggleClass('nav-hidden');
// $('.navbar').toggleClass('nav-expanded');
// });
$(".menu-collapsed").click(function() {
$(this).toggleClass("menu-expanded");
});
$('.um-tile').hover(function(){
$('.um-overlay').removeClass('hidden');
$('.um-elem').addClass('hidden');
}, function(){
$('.um-overlay').addClass('hidden');
$('.um-elem').removeClass('hidden');
});
$('.desai-tile').hover(function(){
$('.desai-overlay').removeClass('hidden');
$('.desai-no-hover').addClass('hidden');
}, function(){
$('.desai-overlay').addClass('hidden');
$('.desai-no-hover').removeClass('hidden');
});
$('.mongo-tile').hover(function(){
$('.mongo-overlay').removeClass('hidden');
$('.mongo-no-hover').addClass('hidden');
}, function(){
$('.mongo-overlay').addClass('hidden');
$('.mongo-no-hover').removeClass('hidden');
});
$('.msc-tile').hover(function(){
$('.msc-overlay').removeClass('hidden');
$('.msc-no-hover').addClass('hidden');
}, function(){
$('.msc-overlay').addClass('hidden');
$('.msc-no-hover').removeClass('hidden');
});
$('.wcbn-tile').hover(function(){
$('.wcbn-overlay').removeClass('hidden');
$('.wcbn-no-hover').addClass('hidden');
}, function(){
$('.wcbn-overlay').addClass('hidden');
$('.wcbn-no-hover').removeClass('hidden');
});
$('.travelle-tile').hover(function(){
$('.travelle-overlay').removeClass('hidden');
$('.travelle-no-hover').addClass('hidden');
}, function(){
$('.travelle-overlay').addClass('hidden');
$('.travelle-no-hover').removeClass('hidden');
});
$('.freelance-tile').hover(function(){
$('.freelance-overlay').removeClass('hidden');
$('.freelance-no-hover').addClass('hidden');
}, function(){
$('.freelance-overlay').addClass('hidden');
$('.freelance-no-hover').removeClass('hidden');
});
$('.resume-tile').hover(function(){
$('.resume-overlay').removeClass('hidden');
$('.resume-no-hover').addClass('hidden');
}, function(){
$('.resume-overlay').addClass('hidden');
$('.resume-no-hover').removeClass('hidden');
});
$(document).scroll(function(){
if($(window).scrollTop() + $(window).height() < $('.tiles').offset().top - 100){
$('#adventurer').addClass('hidden');
$('#designer').addClass('hidden');
$('#builder').addClass('hidden');
$('#student').addClass('hidden');
}
if($(window).scrollTop() + $(window).height() > $('.tiles').offset().top - 100 && $(window).scrollTop() + $(window).height() < $('.tiles').offset().top + 100){
$('#adventurer').removeClass('hidden');
$('#designer').addClass('hidden');
$('#builder').addClass('hidden');
$('#student').addClass('hidden');
}
if($(window).scrollTop() + $(window).height() > $('.tiles').offset().top + 100 && $(window).scrollTop() + $(window).height() < $('.tiles').offset().top + 250){
$('#adventurer').removeClass('hidden');
$('#designer').removeClass('hidden');
$('#builder').addClass('hidden');
$('#student').addClass('hidden');
}
if($(window).scrollTop() + $(window).height() > $('.tiles').offset().top + 250 && $(window).scrollTop() + $(window).height() < $('.tiles').offset().top + 400){
$('#adventurer').removeClass('hidden');
$('#designer').removeClass('hidden');
$('#builder').removeClass('hidden');
$('#student').addClass('hidden');
}
if($(window).scrollTop() + $(window).height() > $('.tiles').offset().top + 400){
$('#adventurer').removeClass('hidden');
$('#designer').removeClass('hidden');
$('#builder').removeClass('hidden');
$('#student').removeClass('hidden');
}
});
});