directionforward

/**
Squarespace essentially doesn't really document their breakpoints.
This can be quite annoying to not have when  doing custom CSS.

Most themes use essentially one breakpoint. Mobile and not mobile; anything 750 and below is considered mobile.

You can use these to write your own CSS and simply use the "Style Editor" to inject your compiled CSS in the event 
you are not using "Developer Mode" in your site.

Enjoy!

directionforward

var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
if (isIOS) {
  console.log('This is a IOS device');
} else {
  console.log('This is Not a IOS device');
}

directionforward

var is_colliding = function($div1, $div2) {
	
	// Div1 data
	var d1_offset             = $div1.offset();
	var d1_height             = $div1.outerHeight( true );
	var d1_width              = $div1.outerWidth( true );
	var d1_distance_from_top  = d1_offset.top + d1_height;
	var d1_distance_from_left = d1_offset.left + d1_width;

	// Div2 data

directionforward

Useful commands

You may find these commands useful when adjusting file and directory permissions.

To recursively chmod directories only for single user permissions:

find /your/site/root -type d -exec chmod 755 {} \;

To recursively chmod directories only for group users permissions: