https://meteoryweb.it/assets/js/app.js

1$(function() {
2    glitch();
3    slideshow();
4    tilt();
5    jumbotron();
6    phones();
7    $('.dropdown-toggle').dropdown()
8});
9
10function menuOver(over, btn, overlay) {
11    $(btn).stop();
12    $(overlay).stop();
13    var marginTop = over ? 100 : 60;
14
15    $(overlay).fadeTo("fast", over ? 0.5 : 0);
16    $(btn).animate({
17        marginTop: marginTop
18    }, 200, "easeOutBack");
19}
20
21function removePx(string) {
22    return string.replace(/[^-\d\.]/g, '');
23}
24
25function glitch() {
26    var words1 = ["Web", "Game", "App"];
27    var words2 = ["Developer", "Designer"];
28
29    var word1Delay = 1000;
30    var word2Delay = 1300;
31
32    var ps = $("#glitch").find("p");
33    var p1 = $(ps[0]);
34    var p2 = $(ps[1]);
35    var word1Index = -1;
36    var word2Index = -1;
37
38    function getWord1() {
39        word1Index++;
40        word1Index = word1Index >= words1.length ? 0 : word1Index;
41        return words1[word1Index];
42    }
43
44    function getWord2() {
45        word2Index++;
46        word2Index = word2Index >= words2.length ? 0 : word2Index;
47        return words2[word2Index];
48    }
49
50    function setWord1() {
51        var newWord = getWord1();
52        p1.html(newWord);
53        p1.attr("title", newWord);
54        p1.addClass("glitched");
55        setTimeout(function() {
56            p1.removeClass("glitched")
57        }, 200)
58    }
59
60    function setWord2() {
61        var newWord = getWord2();
62        p2.html(newWord);
63        p2.attr("title", newWord);
64        p2.addClass("glitched");
65        setTimeout(function() {
66            p2.removeClass("glitched")
67        }, 200)
68    }
69
70    setWord1();
71    setWord2()
72    setInterval(function () {
73        setWord1();
74    }, word1Delay)
75
76    setInterval(function () {
77        setWord2()
78    }, word2Delay)
79}
80
81function slideshow() {
82    var descriptions = $(".sb-slider-descriptions .sb-description");
83    $(".sb-slider").slicebox({
84        orientation : "h",
85        cuboidsCount : 10,
86        disperseFactor : 20,
87        speed : 1500,
88        autoplay : true,
89        onBeforeChange : function(position) {
90            var index = (position == 0 ? descriptions.length : position) - 1;
91            $(descriptions[index]).hide("slide", {
92                direction: "left",
93                duration: 1000
94            });
95        },
96	    onAfterChange : function(position) {
97            $(descriptions[position]).show("fade");
98        }
99    });
100}
101
102function tilt() {
103    $(".js-tilt").tilt();
104}
105
106function jumbotron() {
107    var jumbotrons = $(".jumbotron:not(.wPhone)");
108    var jumbotronAnims = [];
109    jumbotrons.each(function(index) {
110        var img = $(this).find("img");
111        $(this).mouseenter(function() {
112            if (jumbotronAnims[index]) {return;}
113            jumbotronAnims[index] = true;
114            $(img).fadeOut(200, function() {
115                if (!jumbotronAnims[index]) {return;}
116                if (removePx($(img).css("marginTop")) != 0) {return;}
117                $(img).css({
118                    "max-width": "none",
119                    "width": "150%"
120                })
121            });
122            $(img).fadeIn(200, function() {
123                if (!jumbotronAnims[index]) {return;}
124                if (removePx($(img).css("marginTop")) != 0) {return;}
125                $(img).animate({
126                    "marginTop": "-"+ $(img).data("mtop") +"%",
127                    "marginLeft": "-"+ $(img).data("mleft") +"%"
128                }, 3000);
129            });
130        }).mouseleave(function() {
131            $(img).stop();
132            jumbotronAnims[index] = false;
133            $(img).css({
134                "marginTop": 0,
135                "marginLeft": 0,
136                "width": "100%",
137                "max-width": "100%",
138                "opacity": 1
139            })
140        });
141    });
142}
143
144function phones() {
145    var phoneIndexes = [];
146    var phones = $(".jumbotron .display");
147    phones.each(function(index) {
148        var imgs = $(this).find("img");
149        imgs.each(function(i) {
150            $(this).css({
151                "zIndex": imgs.length - i
152            });
153        });
154
155        phoneIndexes[index] = -1;
156        setInterval(function() {

157            if (phoneIndexes[index] < imgs.length - 2) {
158                phoneIndexes[index]++;
159                $(imgs[phoneIndexes[index]]).hide("slide", {
160                    direction: "left",
161                    duration: 500
162                });
163            } else {
164                phoneIndexes[index] = -1;
165                imgs.each(function() {
166                    $(this).show("slide", {
167                        direction: "left",
168                        duration: 500
169                    });
170                });
171            }
172        }, 2000);
173    });
174}