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
|
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,
arrowShape: {
x0: 10,
x1: 35, y1: 25,
x2: 40, y2: 25,
x3: 15
}
}
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(){
$(".cell, .next, .previous").css({ 'display': 'none' })
$('body').addClass('resizing')
debounce(function() {
$(".item").addClass("hidden")
setTimeout(function(){
$(".cell, .next, .previous").css({ 'height': ($(".top").height() + 'px'), 'display': 'inline-block' })
app.view.$el.removeClass("hidden")
$('.top').flickity('resize')
$('body').removeClass('resizing')
}, 20)
}, 400)
}
return app
})()
$(".top").each(function(){
$(".cell, .next", this).css({ 'height': ($(this).height() + 'px') })
})
$(".item").addClass("hidden")
$('.top').flickity(app.flickity_options).on( 'cellSelect', function(e) {
var gallery = $(e.target).data('flickity')
app.header.updateSlideNumber( gallery.selectedIndex )
})
$(".previous, .next").css({ 'height': ($(".top").height() + 'px') })
app.init()
|
