Wp org prep

README.md

@@ -51,7 +51,7 @@ Have a bug or a request? Please open an issue [here](https://github.com/Themezly
 ## Credits
 
 jQuery Easing, Copyright 2008 George McGinley Smith
-Licenses: BSD
+Licenses: Open source under the 3-Clause BSD License
 Source: http://gsgd.co.uk/sandbox/jquery/easing/
 
 Isotope, Copyright 2015 Metafizzy
@@ -185,4 +185,15 @@ Source: https://necolas.github.io/normalize.css/
 
 Font Awesome icons, Copyright Dave Gandy
 License: SIL Open Font License, version 1.1.
-Source: http://fontawesome.io/
+Source: http://fontawesome.io/
+
+## Images
+
+License: Creative Commons CC0
+Source: https://stocksnap.io
+
+* https://stocksnap.io/photo/J2KJ6CNZTC
+* https://stocksnap.io/photo/0PTTRQX5L1
+* https://stocksnap.io/photo/NOFSYE1P0V
+* https://stocksnap.io/photo/BBA96CDDCD
+* https://stocksnap.io/photo/O9V8SGL6FD

assets/css/thz-layout.css

@@ -63,7 +63,8 @@
 	# Panels
 	# Thz Sliders Extension
 	# Thz Sections slider 
-	# Site offline 
+	# Site offline
+	# Customizer Hero 
 	# Clearings
 
 
@@ -4061,6 +4062,32 @@ html.searchOpen:not(.canvasOpen) .thz-body-box {
 	opacity:0.8;
 }
 
+/* ============================================ 
+	# Customizer Hero
+ ============================================ */
+
+#thz-customizer-hero{
+	padding:14vw 0;
+	text-align:center;
+	background:#fafafa;
+}
+#thz-customizer-hero .thz-heading-before{
+	display:block;
+    font-weight: 600;
+    letter-spacing:1px;
+    color: #ccc;
+    text-transform: uppercase;
+    margin:0 0 15px;
+}
+#thz-customizer-hero .thz-heading-title{
+    font-size:58px;
+    text-align: center;
+	margin:0 auto;
+}
+#thz-customizer-hero .thz-heading-sub{
+    font-size:16px; 
+}
+
 /* ============================================ 
 	# Clearings 
  ============================================ */

assets/js/dev/ThzCountdown.js

@@ -0,0 +1,112 @@
+ /**
+ * @plugin		ThzCountdown
+ * @version		1.0.0
+ * @package		Thz Framework
+ * @copyright	Copyright(C) since 2015  Themezly.com. All Rights Reserved.
+ * @author		Themezly
+ * @license		MIT License (MIT) http://www.opensource.org/licenses/mit-license.php
+ * @websites	http://www.themezly.com | http://www.youjoomla.com
+ */
+(function($) {
+    $.fn.ThzCountdown = function(options, callback) {
+
+
+        return this.each(function() {
+
+            var settings = JSON.parse($(this).attr('data-settings'));
+
+            // date is not set
+            if (!settings.date) {
+                $.error('Date is not defined.');
+            }
+
+            // incorrect date
+            if (!Date.parse(settings.date)) {
+                $.error('Please insert folowing date format; 12/24/2012 12:00:00.');
+            }
+
+
+            // Save container
+            var container = $(this);
+
+            /**
+             * Change client's local date to match offset timezone
+             * @return {Object} Fixed Date object.
+             */
+
+            var currentDate = function() {
+                // get client's current date
+                var date = new Date();
+
+                // turn date to utc
+                var utc = date.getTime() + (date.getTimezoneOffset() * 60000);
+
+                // set new Date object
+                var new_date = new Date(utc + (3600000 * settings.offset));
+
+                return new_date;
+            };
+
+            /**
+             * Main countdown function that calculates everything
+             */
+            function countdown() {
+                var target_date = new Date(settings.date), // set target date
+                    current_date = currentDate(); // get fixed current date
+
+                // difference of dates
+                var difference = target_date - current_date;
+
+                // if difference is negative than it's pass the target date
+                if (difference < 0) {
+                    // stop timer
+                    clearInterval(interval);
+
+                    if (callback && typeof callback === 'function') callback();
+
+                    return;
+                }
+
+                // basic math variables
+                var _second = 1000,
+                    _minute = _second * 60,
+                    _hour = _minute * 60,
+                    _day = _hour * 24;
+
+                // calculate dates
+                var days = Math.floor(difference / _day),
+                    hours = Math.floor((difference % _day) / _hour),
+                    minutes = Math.floor((difference % _hour) / _minute),
+                    seconds = Math.floor((difference % _minute) / _second);
+
+                // based on the date change the reference text
+                var text_days = (days === 1) ? settings.day : settings.days,
+                    text_hours = (hours === 1) ? settings.hour : settings.hours,
+                    text_minutes = (minutes === 1) ? settings.minute : settings.minutes,
+                    text_seconds = (seconds === 1) ? settings.second : settings.seconds;
+
+                // fix dates so that it will show two digits
+                days = (String(days).length >= 2) ? days : '0' + days;
+                hours = (String(hours).length >= 2) ? hours : '0' + hours;
+                minutes = (String(minutes).length >= 2) ? minutes : '0' + minutes;
+                seconds = (String(seconds).length >= 2) ? seconds : '0' + seconds;
+
+                // set to DOM
+                container.find('.thz-cd-d').text(days);
+                container.find('.thz-cd-h').text(hours);
+                container.find('.thz-cd-m').text(minutes);
+                container.find('.thz-cd-s').text(seconds);
+
+                container.find('.thz-cd-dt').text(text_days);
+                container.find('.thz-cd-ht').text(text_hours);
+                container.find('.thz-cd-mt').text(text_minutes);
+                container.find('.thz-cd-st').text(text_seconds);
+            }
+            // start
+
+            var interval = setInterval(countdown, 1000);
+        });
+
+    };
+
+})(jQuery);

assets/js/dev/ThzGetTransform.js

@@ -0,0 +1,112 @@
+/**
+ * @package		Thz Get Transform Decompose Matrix
+ * @copyright	Copyright(C) FT Web Studio Inc since 2015. All Rights Reserved.
+ * @author		Themezly
+ * @license		MIT License (MIT) http://www.opensource.org/licenses/mit-license.php
+ * @websites	http://www.themezly.com | http://www.youjoomla.com
+ */
+(function($) {
+
+	 $.fn.ThzGetTransform = function(options) {
+
+		var matrix 	= this.is(":visible") ? this.css( 'transform' ) : this.actual( 'transform' );
+
+		if( matrix == 'none' ){
+			return;
+		}
+
+		var a = matrix.split('(')[1].split(')')[0].split(',');
+
+		var angle = Math.atan2(a[1], a[0]),
+		  denom = Math.pow(a[0], 2) + Math.pow(a[1], 2),
+		  scaleX = Math.sqrt(denom),
+		  scaleY = (a[0] * a[3] - a[2] * a[1]) / scaleX,
+		  skewX = Math.atan2(a[0] * a[2] + a[1] * a[3], denom);
+		var data = {
+			angle: angle / (Math.PI / 180),  // this is rotation angle in degrees
+			scaleX: scaleX,                  // scaleX factor  
+			scaleY: scaleY,                  // scaleY factor
+			skewX: skewX / (Math.PI / 180),  // skewX angle degrees
+			skewY: 0,                        // skewY angle degrees
+			translateX: a[4],                // translation point  x
+			translateY: a[5]                 // translation point  y
+		};	
+
+		function ThzHas3d() {
+
+			if (!window.getComputedStyle) {
+				return false;
+			}
+
+			var el = document.createElement('p'), 
+				has3d,
+				transforms = {
+					'webkitTransform':'-webkit-transform',
+					'OTransform':'-o-transform',
+					'msTransform':'-ms-transform',
+					'MozTransform':'-moz-transform',
+					'transform':'transform'
+				};
+
+			// Add it to the body to get the computed style.
+			document.body.insertBefore(el, null);
+
+			for (var t in transforms) {
+				if (el.style[t] !== undefined) {
+					el.style[t] = "translate3d(1px,1px,1px)";
+					has3d = window.getComputedStyle(el).getPropertyValue(transforms[t]);
+				}
+			}
+
+			document.body.removeChild(el);
+
+			return (has3d !== undefined && has3d.length > 0 && has3d !== "none");
+		}
+
+
+
+
+		if( options.current ){
+
+			var current = [];
+
+			if( data.angle != 0 ){
+				current.push('rotate('+data.angle+'deg)');
+			}
+
+			var scale = parseFloat(data.scaleX) + parseFloat(data.scaleY);
+			if( scale.toFixed(2) != 2 ){
+				current.push('scale('+data.scaleX+','+data.scaleY+')');
+			}
+
+			var skew = parseFloat(data.skewX) + parseFloat(data.skewY);
+			if( skew != 0){
+				current.push('skew('+data.skewX+','+data.skewY+')');
+			}
+
+			if( data.translateX != 0 || data.translateY != 0 ){
+
+				var $translate = ThzHas3d() ? 'translate3d('+data.translateY+','+data.translateX+',0px)' : 'translate('+data.translateY+','+data.translateX+')' ;
+
+				current.push($translate);
+			}
+
+			if( current.length > 0){
+
+				return current.join(' ');	
+
+			}else{
+
+				return false;
+
+			}
+
+		}else{
+
+			return data;
+
+		}
+
+	};
+
+})(jQuery);