Maxx Crawford maxxcrawford

Atom Beautify - Debugging information

The following debugging information was generated by Atom Beautify on Thu Feb 02 2017 10:42:43 GMT-0600 (CST).

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<title>Sample Page</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<style>
	/* Put Styles Here */

	(function($) {
	"use strict";

	var isMobile = false;
	var windowWidth = $(window).width();

	var mobileCheck = function(width, status) {
	console.log('width: ' + width);
	console.log('status: ' + status);
	if (width >= 768) {

	/* Simple PubSub
	==================================================================================================== */

	(function(d) {

	// the topic/subscription hash
	var cache = d.c_ \|\| {};

	d.publish = function(topic, args) {
	// summary:

	<!-- // SOCIAL SHARING // -->

	<!-- TODO: Recommended Image Size: 1200x643 -->

	<!-- Open Graph Meta -->
	<meta property="og:url" content="PAGE_URL" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="PAGE_TITLE" />
	<meta property="og:description" content="PAGE_DESCRIPTION" />
	<meta property="og:image" content="IMAGE_PATH" />

	* {
	box-sizing: border-box;
	}

	/* This technique doesn't naturally cause horizontal overflow, but once there is natural vertical overflow, it causes horizontal overflow, so stopping here. */
	body {
	overflow-x: hidden;
	}

	img {

	:root {
	font-size: calc(1vw + 1vh + .2vmin);
	}
	body {
	background: #111;
	font: 1rem/1.1 "Montserrat", sans-serif;
	margin: 0;
	}
	section {
	height: 100%;