0% found this document useful (0 votes)
59 views5 pages

SRC Getvideostream - Com

This document contains the code for animating elements on a website. It uses Waypoints to trigger animations when elements become visible in the viewport. Elements are given a fadeInUp class which is added with a delay using setTimeout. This causes elements in different sections like 'more_info', 'features', and 'newspapers' to fade in sequentially as the user scrolls.

Uploaded by

Zi Xi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
59 views5 pages

SRC Getvideostream - Com

This document contains the code for animating elements on a website. It uses Waypoints to trigger animations when elements become visible in the viewport. Elements are given a fadeInUp class which is added with a delay using setTimeout. This causes elements in different sections like 'more_info', 'features', and 'newspapers' to fade in sequentially as the user scrolls.

Uploaded by

Zi Xi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

619 bytes

13. getvideostream.com/js/ https://getvideostream.com/js/main.js Copy to clipboard Beautify


pathLoader.js
1. (function($) {
448 bytes
2. var App = {
14. getvideostream.com/js/preloader.js 3. init: function() {
1,063 bytes 4. App.VerifyCookie();
15. getvideostream.com/js/retina.js 5. App.Reviews(); // reviews carousel
1,244 bytes 6. App.Nivo_Lightbox(); // lightbox
16. getvideostream.com/js/ 7. App.Elements_animation(); // animations
waypoints.min.js 8. App.Hero_spans();
9. },
7,548 bytes
10. VerifyCookie: function() {
17. getvideostream.com/js/nivo- 11. if (!localStorage['site']) {
lightbox.min.js 12. localStorage['site'] = 'b';
6,459 bytes 13. }
18. getvideostream.com/js/ 14. },
owl.carousel.js 15.
23,037 bytes 16. // Elements Animation
19. getvideostream.com/js/main.js 17. Elements_animation: function() {
18. $('#more_info').waypoint(function() {
7,388 bytes
19. setTimeout(function() {
20. INLINE: (function(i,s,o,g,r,a,m){i['GoogleAna 20. $('.content_anim1').addClass('animated
440 bytes 21. fadeInUp')
22. }, 0);
CSS 17 (external 15, inline 2) 23. setTimeout(function() {
24. $('.content_anim2').addClass('animated
1. fonts.googleapis.com/css?
25. fadeInUp')
family=Lato:400,900,700,500,300,1
26. }, 200);
INJECTED 27. setTimeout(function() {
2. fonts.googleapis.com/icon? 28. $('.content_anim3').addClass('animated
family=Material+Icons 29. fadeInUp')
INJECTED 30. }, 400);
3. getvideostream.com/css/grid12.css 31. }, {
INJECTED 32. offset: '50%'
33. });
4. getvideostream.com/css/
34.
james_typography.css
35. $('#features').waypoint(function() {
INJECTED 36. setTimeout(function() {
5. getvideostream.com/css/main.css 37. $('.content_anim4').addClass('animated
INJECTED 38. fadeInUp')
6. getvideostream.com/css/ 39. }, 0);
color_scheme_light.css 40. setTimeout(function() {
INJECTED 41. $('.content_anim5').addClass('animated
42. fadeInUp')
7. getvideostream.com/css/colors/
43. }, 200);
color_palette_videostream.css
44. setTimeout(function() {
INJECTED 45. $('.content_anim6').addClass('animated
8. getvideostream.com/css/ 46. fadeInUp')
responsivity.css 47. }, 300);
INJECTED 48. setTimeout(function() {
9. getvideostream.com/css/ 49. $('.content_anim7').addClass('animated
animate.css 50. fadeInUp')
INJECTED 51. }, 400);
52. setTimeout(function() {
10. getvideostream.com/css/nivo-
53. $('.content_anim8').addClass('animated
lightbox.css 54. fadeInUp')
INJECTED 55. }, 500);
11. getvideostream.com/css/nivo_lightbo 56. setTimeout(function() {
default.css 57. $('.content_anim9').addClass('animated
INJECTED 58. fadeInUp')
12. getvideostream.com/css/ 59. }, 600);
owl.carousel.css 60. setTimeout(function() {
61. $('.content_anim10').addClass('animated
INJECTED
62. fadeInUp')
13. getvideostream.com/css/ 63. }, 700);
owl.theme.css 64. setTimeout(function() {
INJECTED 65. $('.content_anim11').addClass('animated
14. getvideostream.com/css/ 66. fadeInUp')
owl.transitions.css 67. }, 800);
INJECTED
619 bytes 68. setTimeout(function() {
13. getvideostream.com/js/ 69. $('.content_anim12').addClass('animated
pathLoader.js 70. fadeInUp')
448 bytes 71. }, 900);
14. getvideostream.com/js/preloader.js 72. setTimeout(function() {
1,063 bytes 73. $('.content_anim13').addClass('animated
74. fadeInUp')
15. getvideostream.com/js/retina.js
75. }, 1000);
1,244 bytes 76. setTimeout(function() {
16. getvideostream.com/js/ 77. $('.content_anim14').addClass('animated
waypoints.min.js 78. fadeInUp')
7,548 bytes 79. }, 1100);
17. getvideostream.com/js/nivo- 80. setTimeout(function() {
lightbox.min.js 81. $('.content_anim15').addClass('animated
6,459 bytes 82. fadeInUp')
83. }, 1200);
18. getvideostream.com/js/
84. setTimeout(function() {
owl.carousel.js 85. $('.content_anim16').addClass('animated
23,037 bytes 86. fadeInUp')
19. getvideostream.com/js/main.js 87. }, 1300);
7,388 bytes 88. }, {
89.
20. INLINE: (function(i,s,o,g,r,a,m){i['GoogleAna offset: '50%'
440 bytes 90. });
91.
92. $('#newspapers').waypoint(function() {
CSS 17 (external 15, inline 2) 93. setTimeout(function() {
1. fonts.googleapis.com/css? 94. $('.content_anim20').addClass('animated
family=Lato:400,900,700,500,300,1 95. fadeInUp')
INJECTED 96. }, 0);
2. fonts.googleapis.com/icon? 97. setTimeout(function() {
98. $('.content_anim21').addClass('animated
family=Material+Icons
99. fadeInUp')
INJECTED 100. }, 200);
3. getvideostream.com/css/grid12.css 101. setTimeout(function() {
INJECTED 102. $('.content_anim22').addClass('animated
4. getvideostream.com/css/ 103. fadeInUp')
james_typography.css 104. }, 300);
INJECTED 105. setTimeout(function() {
5. getvideostream.com/css/main.css 106. $('.content_anim23').addClass('animated
107. fadeInUp')
INJECTED
108. }, 400);
6. getvideostream.com/css/ 109. setTimeout(function() {
color_scheme_light.css 110. $('.content_anim24').addClass('animated
INJECTED 111. fadeInUp')
7. getvideostream.com/css/colors/ 112. }, 500);
color_palette_videostream.css 113. setTimeout(function() {
INJECTED 114. $('.content_anim25').addClass('animated
8. getvideostream.com/css/ 115. fadeInUp')
116. }, 600);
responsivity.css
117. setTimeout(function() {
INJECTED 118. $('.content_anim26').addClass('animated
9. getvideostream.com/css/ 119. fadeInUp')
animate.css 120. }, 700);
INJECTED 121. setTimeout(function() {
10. getvideostream.com/css/nivo- 122. $('.content_anim27').addClass('animated
lightbox.css 123. fadeInUp')
INJECTED 124. }, 800);
11. getvideostream.com/css/nivo_lightbo 125. }, {
126. offset: '50%'
default.css
127. });
INJECTED 128.
12. getvideostream.com/css/ 129. $('#reviews').waypoint(function() {
owl.carousel.css 130. setTimeout(function() {
INJECTED 131. $('.content_anim30').addClass('animated
13. getvideostream.com/css/ 132. fadeInUp')
owl.theme.css 133. }, 0);
INJECTED 134. setTimeout(function() {
135. $('.content_anim31').addClass('animated
14. getvideostream.com/css/
136. fadeInUp')
owl.transitions.css 137. }, 200);
INJECTED
619 bytes 138. setTimeout(function() {
13. getvideostream.com/js/ 139. $('.content_anim32').addClass('animated
pathLoader.js 140. fadeInUp')
448 bytes 141. }, 300);
14. getvideostream.com/js/preloader.js 142. }, {
1,063 bytes 143. offset: '50%'
144. });
15. getvideostream.com/js/retina.js
145.
1,244 bytes 146. $('#team').waypoint(function() {
16. getvideostream.com/js/ 147. setTimeout(function() {
waypoints.min.js 148. $('.content_anim40').addClass('animated
7,548 bytes 149. fadeInUp')
17. getvideostream.com/js/nivo- 150. }, 0);
lightbox.min.js 151. setTimeout(function() {
6,459 bytes 152. $('.content_anim41').addClass('animated
153. fadeInUp')
18. getvideostream.com/js/
154. }, 200);
owl.carousel.js 155. setTimeout(function() {
23,037 bytes 156. $('.content_anim42').addClass('animated
19. getvideostream.com/js/main.js 157. fadeInUp')
7,388 bytes 158. }, 300);
159.
20. INLINE: (function(i,s,o,g,r,a,m){i['GoogleAna setTimeout(function() {
440 bytes 160. $('.content_anim43').addClass('animated
161. fadeInUp')
CSS 17 (external 15, inline 2) 162. 163.
}, 400);
setTimeout(function() {
1. fonts.googleapis.com/css? 164. $('.content_anim44').addClass('animated
family=Lato:400,900,700,500,300,1 165. fadeInUp')
INJECTED 166. }, 500);
2. fonts.googleapis.com/icon? 167. setTimeout(function() {
168. $('.content_anim45').addClass('animated
family=Material+Icons
169. fadeInUp')
INJECTED 170. }, 600);
3. getvideostream.com/css/grid12.css 171. setTimeout(function() {
INJECTED 172. $('.content_anim46').addClass('animated
4. getvideostream.com/css/ 173. fadeInUp')
james_typography.css 174. }, 700);
INJECTED 175. setTimeout(function() {
5. getvideostream.com/css/main.css 176. $('.content_anim47').addClass('animated
177. fadeInUp')
INJECTED
178. }, 800);
6. getvideostream.com/css/ 179. setTimeout(function() {
color_scheme_light.css 180. $('.content_anim48').addClass('animated
INJECTED 181. fadeInUp')
7. getvideostream.com/css/colors/ 182. }, 900);
color_palette_videostream.css 183. }, {
INJECTED 184. offset: '50%'
8. getvideostream.com/css/ 185. });
186.
responsivity.css
187. $('#faq').waypoint(function() {
INJECTED 188. setTimeout(function() {
9. getvideostream.com/css/ 189. $('.content_anim50').addClass('animated
animate.css 190. fadeInUp')
INJECTED 191. }, 0);
10. getvideostream.com/css/nivo- 192. setTimeout(function() {
lightbox.css 193. $('.content_anim51').addClass('animated
INJECTED 194. fadeInUp')
11. getvideostream.com/css/nivo_lightbo 195. }, 200);
196. setTimeout(function() {
default.css
197. $('.content_anim52').addClass('animated
INJECTED 198. fadeInUp')
12. getvideostream.com/css/ 199. }, 300);
owl.carousel.css 200. setTimeout(function() {
INJECTED 201. $('.content_anim53').addClass('animated
13. getvideostream.com/css/ 202. fadeInUp')
owl.theme.css 203. }, 400);
INJECTED 204. setTimeout(function() {
205. $('.content_anim54').addClass('animated
14. getvideostream.com/css/
206. fadeInUp')
owl.transitions.css 207. }, 500);
INJECTED
619 bytes 208. setTimeout(function() {
13. getvideostream.com/js/ 209. $('.content_anim55').addClass('animated
pathLoader.js 210. fadeInUp')
448 bytes 211. }, 600);
14. getvideostream.com/js/preloader.js 212. setTimeout(function() {
1,063 bytes 213. $('.content_anim56').addClass('animated
214. fadeInUp')
15. getvideostream.com/js/retina.js
215. }, 700);
1,244 bytes 216. setTimeout(function() {
16. getvideostream.com/js/ 217. $('.content_anim57').addClass('animated
waypoints.min.js 218. fadeInUp')
7,548 bytes 219. }, 600);
17. getvideostream.com/js/nivo- 220. setTimeout(function() {
lightbox.min.js 221. $('.content_anim58').addClass('animated
6,459 bytes 222. fadeInUp')
223. }, 700);
18. getvideostream.com/js/
224. }, {
owl.carousel.js 225. offset: '50%'
23,037 bytes 226. });
19. getvideostream.com/js/main.js 227.
7,388 bytes 228. },
229.
20. INLINE: (function(i,s,o,g,r,a,m){i['GoogleAna
440 bytes 230.
231. // Nivo Lightbox
CSS 17 (external 15, inline 2) 232. 233.
Nivo_Lightbox: function() {
$('.screenshots_gallery a').nivoLightbox({
1. fonts.googleapis.com/css? 234. effect: 'slideDown'
family=Lato:400,900,700,500,300,1 235. });
INJECTED 236. },
2. fonts.googleapis.com/icon? 237.
family=Material+Icons 238.
239. // Reviews Carousel
INJECTED 240. Reviews: function() {
3. getvideostream.com/css/grid12.css 241. $(".owl-carousel").owlCarousel({
INJECTED 242. loop: true,
4. getvideostream.com/css/ 243. singleItem: true,
james_typography.css 244. });
INJECTED 245. },
5. getvideostream.com/css/main.css 246.
247. Hero_spans: function() {
INJECTED
248. setTimeout(function() {
6. getvideostream.com/css/ 249. setInterval(function() {
color_scheme_light.css 250. var spans =
INJECTED 251. document.querySelectorAll('.rw-words span');
7. getvideostream.com/css/colors/ 252.
color_palette_videostream.css 253. var foundNext = false;
INJECTED 254. for (var n = 0; n < spans.length; n++) {
8. getvideostream.com/css/ 255. var span = spans[n];
responsivity.css 256. if
257. (span.classList.contains('visible')) {
INJECTED 258. foundNext = true;
9. getvideostream.com/css/ 259. span.classList.remove('visible');
animate.css 260. } else if (foundNext) {
INJECTED 261. span.classList.add('visible');
10. getvideostream.com/css/nivo- 262. foundNext = false;
lightbox.css 263. }
INJECTED 264. }
11. getvideostream.com/css/nivo_lightbo 265.
266. if (foundNext) {
default.css
267. spans[0].classList.add('visible');
INJECTED 268. }
12. getvideostream.com/css/ 269. }, 3000);
owl.carousel.css }, 2000);
INJECTED
13. getvideostream.com/css/
owl.theme.css
INJECTED }
14. getvideostream.com/css/
}
owl.transitions.css
INJECTED
619 bytes $(function() {
13. getvideostream.com/js/ App.init();
pathLoader.js $(window).resize();
448 bytes
14. getvideostream.com/js/preloader.js });
1,063 bytes
})(jQuery);
15. getvideostream.com/js/retina.js
1,244 bytes $(document).ready(function() {
16. getvideostream.com/js/
waypoints.min.js $(".inlineInstall").click(function(event) {
7,548 bytes var source = event.toElement.id;
17. getvideostream.com/js/nivo- if (source && source.length >= 1) {
lightbox.min.js tryInlineInstall(source);
6,459 bytes } else {
tryInlineInstall('unknown');
18. getvideostream.com/js/
}
owl.carousel.js
23,037 bytes });
19. getvideostream.com/js/main.js
7,388 bytes });
20. INLINE: (function(i,s,o,g,r,a,m){i['GoogleAna
440 bytes try {
var installManager = new inlineInstallManager();
CSS 17 (external 15, inline 2) var tryInlineInstall = function(source) {
1. fonts.googleapis.com/css? ga('send', 'event', 'inlineInstall', 'CTA Button
family=Lato:400,900,700,500,300,1 Clicked');
INJECTED installManager.tryInlineInstall(source);
2. fonts.googleapis.com/icon? };
} catch (ex) {
family=Material+Icons
INJECTED }
3. getvideostream.com/css/grid12.css
INJECTED
4. getvideostream.com/css/
james_typography.css
INJECTED
5. getvideostream.com/css/main.css
INJECTED
6. getvideostream.com/css/
color_scheme_light.css
INJECTED
7. getvideostream.com/css/colors/
color_palette_videostream.css
INJECTED
8. getvideostream.com/css/
responsivity.css
INJECTED
9. getvideostream.com/css/
animate.css
INJECTED
10. getvideostream.com/css/nivo-
lightbox.css
INJECTED
11. getvideostream.com/css/nivo_lightbo
default.css
INJECTED
12. getvideostream.com/css/
owl.carousel.css
INJECTED
13. getvideostream.com/css/
owl.theme.css
INJECTED
14. getvideostream.com/css/
owl.transitions.css
INJECTED

You might also like