first commit

resources/assets/js/demos/demo-startup-agency.js

@@ -0,0 +1,94 @@
+/*
+Name: 			Startup Agency
+Written by: 	Okler Themes - (http://www.okler.net)
+Theme Version:	12.1.0
+*/
+
+(($ => {
+    /*
+    SVG Morphing
+    */
+	$(window).on('load', () => {
+		setTimeout(() => {
+			
+			if( $('#st0_start').get(0) ) {
+				var shape1 = KUTE.fromTo('#st0_start', {
+					path: '#st0_start' 
+				}, { 
+					path: '#st0_end' 
+				}, {
+					duration: 10000,
+					easing	: 'easingQuadraticInOut',
+					repeat: 20,
+					repeatDelay: 1000,
+					yoyo: true
+				}).start();
+			}
+
+			if( $('#st1_start').get(0) ) {
+				var shape1 = KUTE.fromTo('#st1_start', {
+					path: '#st1_start' 
+				}, { 
+					path: '#st1_end' 
+				}, {
+					duration: 10000,
+					easing	: 'easingQuadraticInOut',
+					repeat: 20,
+					repeatDelay: 1000,
+					yoyo: true
+				}).start();
+			}
+
+			if( $('#st2_start').get(0) ) {
+				var shape1 = KUTE.fromTo('#st2_start', {
+					path: '#st2_start' 
+				}, { 
+					path: '#st2_end' 
+				}, {
+					duration: 10000,
+					easing	: 'easingQuadraticInOut',
+					repeat: 20,
+					repeatDelay: 1000,
+					yoyo: true
+				}).start();
+			}
+
+			if( $('#st3_start').get(0) ) {
+				var shape1 = KUTE.fromTo('#st3_start', {
+					path: '#st3_start' 
+				}, { 
+					path: '#st3_end' 
+				}, {
+					duration: 10000,
+					easing	: 'easingQuadraticInOut',
+					repeat: 20,
+					repeatDelay: 1000,
+					yoyo: true
+				}).start();
+			}
+
+			/*
+			* SVG Aspect Ratio
+			*/
+			function aspectRatioSVG() {
+				if( $(window).width() < 2000 ) {
+					$('svg[preserveAspectRatio]').each(function(){
+						$(this).attr('preserveAspectRatio', 'xMinYMin');
+					});
+				} else {
+					$('svg[preserveAspectRatio]').each(function(){
+						$(this).attr('preserveAspectRatio', 'none');
+					});
+				}
+			}
+
+			aspectRatioSVG();
+
+			$(window).on('resize', () => {
+				aspectRatioSVG();
+			});
+			
+		}, 100);
+	});
+
+})).apply( this, [ jQuery ]);