-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
88 lines (78 loc) · 2.11 KB
/
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
var $WIN = $(window);
var $Navbar = $('.navbar');
var $Brand = $Navbar.find('.navbar-brand');
var $Navbtn = $Navbar.find('button');
var $NavLink = $('#NavLinks');
var $Culture = $('#Places');
var $Seemore = $Culture.find('a.btn')
const e = 'click';
const h = 'height';
const bdb = 'border-bottom';
const bgz = 'background-size';
const none = 'none';
const full = '100%';
// Colors
const color_black = '#000000';
const color_white = '#FFFFFF';
var toggleNav = function() {
var top = $WIN.scrollTop();
var height = $Navbar.css(h).replace('px', '');
top > parseInt(height) ?
$Navbar.removeClass('bg-transparent')
.addClass('bg-dark')
.css(bdb, none) :
$Navbar.removeClass('bg-dark')
.addClass('bg-transparent')
.css(bdb, '');
};
var scaleImg = function() {
// $(this).parent().siblings()
// .css(bgz, 'auto 110%');
}
var resizeImg = function() {
// $(this).parent().siblings()
// .css(bgz, '');
}
var preload = function() {
var blockStyle = {
border: none,
padding: '2rem',
backgroundColor: color_black,
color: color_white,
fontSize: '2rem',
letterSpacing: '5px',
width: full,
height: full,
left: '0',
top: '0',
margin: '0',
padding: '0'
};
var titleStyle = 'top: 50%; transform: translateY(-50%); font-size: 3rem; letter-spacing: 10px;';
var title = 'You are not a drop in the ocean. You are the entire ocean, in a drop.';
var blockTitle = `<figure style='${titleStyle}'><blockquote >${title}</blockquote> <figcaption>
—<cite>Rumi</cite> </figcaption> </figure>`;
$.blockUI({
css: blockStyle,
message: blockTitle,
onBlock: () => $('body').css('overflow', 'hidden')
});
setTimeout(() => {
$.unblockUI({
onUnblock: function() {
$('body').css('overflow', '');
}
});
}, 4000);
};
$Seemore.hover(scaleImg, resizeImg);
$WIN.scroll(toggleNav);
$WIN.on('load', preload);
var skr = skrollr.init();
new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: true,
live: true
}).init();