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
|
var app = (function() {
var app = {}
app.navigation_delay = 200
app.iscroll_options = {
mouseWheel: true,
scrollbars: true,
click: is_android,
}
app.flickity_options = {
cellAlign: 'left',
contain: true,
pageDots: false,
wrapAround: true,
}
app.init = function() {
app.bind()
app.build()
app.ready()
}
app.bind = function() {
if (is_mobile) {
document.addEventListener('touchmove', function(e) {
e.preventDefault()
})
// FastClick.attach(document.body)
}
$(window).resize(app.resize)
}
app.build = function(data) {
app.header = new HeaderView()
app.nav = new NavView()
var items = $(".item")
app.lookup = {}
app.projects = items.toArray().map(function(el, i){
var view = new ProjectView ({
el: el,
page_number: i,
})
app.lookup[ view.project_id ] = view
return view
})
}
app.ready = function() {
setTimeout(function(){
$("body").removeClass("loading")
}, 20)
app.router = new SiteRouter ()
app.router.launch()
console.log("launched")
}
app.resize = function(){
$(".active .cell,.active .next,.active .previous").css({ 'display': 'none' })
$('body').addClass('resizing')
debounce(function() {
$(".active.item").addClass("hidden")
setTimeout(function(){
$(".item").each(function(i){
var height = window.innerHeight - $(this).find(".bottom").height()
$(".previous, .next, .cell, .top, .flickity-viewport", this).css({ 'height': height })
})
app.view.$el.removeClass("hidden")
// $('.top').flickity('resize')
$('body').removeClass('resizing')
}, 400)
}, 400)
}
return app
})()
var heights = []
$(".item").each(function(i){
var height = window.innerHeight - $(this).find(".bottom").height()
console.log(height)
$(".cell, .top", this).css({ 'height': height })
})
$('.top').flickity(app.flickity_options).on( 'cellSelect', function(e) {
var gallery = $(e.target).data('flickity')
app.header.updateSlideNumber( gallery.selectedIndex )
})
$(".item").each(function(i){
var height = window.innerHeight - $(this).find(".bottom").height()
$(".previous, .next, .flickity-viewport", this).css({ 'height': height })
})
$(".item").addClass("hidden")
app.init()
|
