adding methods for home subtemplates

assets/css/ascribe.css

@@ -5,3 +5,573 @@
  * Copyright (c) 2015 Territorial
  * Licensed under the GPLv2+ license.
  */
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+}
+/**
+ * Remove default margin.
+ */
+body {
+  margin: 0;
+}
+html,
+body {
+  height: 100%;
+}
+/* HTML5 display definitions
+   ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */
+}
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none;
+}
+/* Links
+   ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background: transparent;
+}
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+a:active,
+a:hover {
+  outline: 0;
+}
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold;
+}
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+  font-style: italic;
+}
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000;
+}
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%;
+}
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+/* Embedded content
+   ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0;
+}
+/* Grouping content
+   ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px;
+}
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  box-sizing: content-box;
+  height: 0;
+}
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+  overflow: auto;
+}
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+/* Forms
+   ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+  margin: 0;
+  /* 3 */
+}
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible;
+}
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none;
+}
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */
+}
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+  line-height: normal;
+}
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */
+}
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ *    (include `-moz` to future-proof).
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  /* 2 */
+  box-sizing: content-box;
+}
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/**
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */
+}
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto;
+}
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold;
+}
+/* Tables
+   ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+td,
+th {
+  padding: 0;
+}
+@media print {
+  * {
+    background: transparent !important;
+    color: black !important;
+    text-shadow: none !important;
+    -webkit-filter: none !important;
+            filter: none !important;
+    -ms-filter: none !important;
+  }
+  a,
+  a:visited {
+    color: #444 !important;
+    text-decoration: underline;
+  }
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+  .ir a:after,
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: "";
+  }
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+  thead {
+    display: table-header-group;
+  }
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+  @page {
+    margin: 0.5cm;
+  }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+}
+.clearfix {
+  zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+  content: "";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.no-clearfix {
+  zoom: 0;
+}
+.no-clearfix:before,
+.no-clearfix:after {
+  display: none;
+}
+.no-clearfix:after {
+  clear: none;
+}
+.centered-header {
+  zoom: 1;
+  max-width: 1120px;
+  width: 100%;
+  margin: 0 auto;
+}
+.centered-header:before,
+.centered-header:after {
+  content: "";
+  display: table;
+}
+.centered-header:after {
+  clear: both;
+}
+.centered-content {
+  zoom: 1;
+  max-width: 770px;
+  width: 100%;
+  margin: 0 auto;
+}
+.centered-content:before,
+.centered-content:after {
+  content: "";
+  display: table;
+}
+.centered-content:after {
+  clear: both;
+}
+ul,
+ol {
+  padding: 0;
+  margin: 0;
+}
+.ttl-columns {
+  font-size: 0;
+  width: 100%;
+  width: calc(100% + 28px);
+}
+.ttl-columns .column {
+  display: inline-block;
+  vertical-align: top;
+  padding-right: 28px;
+  font-size: 15px;
+}
+.ttl-columns .column-2 {
+  display: inline-block;
+  vertical-align: top;
+  padding-right: 28px;
+  font-size: 15px;
+  width: 50%;
+}
+@media screen and (max-width: 550px) {
+  .ttl-columns .column-2 {
+    width: 100%;
+  }
+}
+.ttl-columns .column-3 {
+  display: inline-block;
+  vertical-align: top;
+  padding-right: 28px;
+  font-size: 15px;
+  width: 33.33333333%;
+}
+@media screen and (max-width: 780px) {
+  .ttl-columns .column-3 {
+    width: 100%;
+  }
+}
+.ttl-columns .column-4 {
+  display: inline-block;
+  vertical-align: top;
+  padding-right: 28px;
+  font-size: 15px;
+  width: 25%;
+}
+@media screen and (max-width: 780px) {
+  .ttl-columns .column-4 {
+    width: 50%;
+  }
+}
+.ttl-columns .column-5 {
+  display: inline-block;
+  vertical-align: top;
+  padding-right: 28px;
+  font-size: 15px;
+  width: 20%;
+}
+@media screen and (max-width: 780px) {
+  .ttl-columns .column-5 {
+    width: 50%;
+  }
+}
+.ttl-columns .column-6 {
+  display: inline-block;
+  vertical-align: top;
+  padding-right: 28px;
+  font-size: 15px;
+  width: 16.66666667%;
+}
+@media screen and (max-width: 780px) {
+  .ttl-columns .column-6 {
+    width: 33%;
+  }
+}
+@media screen and (max-width: 480px) {
+  .ttl-columns .column-6 {
+    width: 50%;
+  }
+}
+.ttl-columns .columnTwoThirds {
+  display: inline-block;
+  vertical-align: top;
+  padding-right: 28px;
+  font-size: 15px;
+  width: 66.6%;
+}
+@media screen and (max-width: 780px) {
+  .ttl-columns .columnTwoThirds {
+    width: 100%;
+  }
+}
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+img,
+embed,
+object,
+video {
+  max-width: 100%;
+  border: 0;
+  padding: 0;
+}
+.mobile-only {
+  display: none;
+}
+@media screen and (max-width: 780px) {
+  .mobile-only {
+    display: inherit;
+  }
+}
+@media screen and (max-width: 780px) {
+  .desktop-only {
+    display: none;
+  }
+}

assets/css/ascribe.min.css

@@ -0,0 +1 @@
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */legend,ol,td,th,ul{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}body,html{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0}table{border-collapse:collapse;border-spacing:0}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;text-shadow:none!important;-webkit-filter:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{color:#444!important;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.no-clearfix{zoom:0}.no-clearfix:after,.no-clearfix:before{display:none}.centered-content:after,.centered-content:before,.centered-header:after,.centered-header:before{content:"";display:table}.no-clearfix:after{clear:none}.centered-content:after,.centered-header:after{clear:both}.centered-header{zoom:1;max-width:1120px;width:100%;margin:0 auto}.centered-content{zoom:1;max-width:770px;width:100%;margin:0 auto}ol,ul{margin:0}.ttl-columns{font-size:0;width:100%;width:calc(100% + 28px)}.ttl-columns .column,.ttl-columns .column-2,.ttl-columns .column-3,.ttl-columns .column-4,.ttl-columns .column-5,.ttl-columns .column-6,.ttl-columns .columnTwoThirds{display:inline-block;vertical-align:top;padding-right:28px;font-size:15px}.ttl-columns .column-2{width:50%}@media screen and (max-width:550px){.ttl-columns .column-2{width:100%}}.ttl-columns .column-3{width:33.33333333%}@media screen and (max-width:780px){.ttl-columns .column-3{width:100%}}.ttl-columns .column-4{width:25%}@media screen and (max-width:780px){.ttl-columns .column-4{width:50%}}.ttl-columns .column-5{width:20%}@media screen and (max-width:780px){.ttl-columns .column-5{width:50%}}.ttl-columns .column-6{width:16.66666667%}@media screen and (max-width:780px){.ttl-columns .column-6{width:33%}}@media screen and (max-width:480px){.ttl-columns .column-6{width:50%}}.ttl-columns .columnTwoThirds{width:66.6%}*,:after,:before{box-sizing:border-box}embed,img,object,video{max-width:100%;border:0;padding:0}.mobile-only{display:none}@media screen and (max-width:780px){.ttl-columns .columnTwoThirds{width:100%}.mobile-only{display:inherit}.desktop-only{display:none}}

assets/css/helpers/helpers.less

@@ -0,0 +1,237 @@
+// TERRITORIAL CSS HELPERS
+@tabletWidth: 780px;
+@phoneWidth: 480px;
+
+// CLEARFIX
+// Apply .clearfix to a non-floated container element with floated elements in it
+// to ensure the container has a height. Use .no-clearfix to reset a clearfix
+// when in a dicey spot
+.clearfix {
+	zoom: 1;
+	&:before, &:after {
+		content: "";
+		display: table;
+	}
+	&:after {
+		clear: both;
+	}
+}
+.no-clearfix {
+	zoom: 0;
+	&:before,
+	&:after {
+		display: none;
+	}
+	&:after {
+		clear:  none;
+	}
+}
+
+// CENTERED
+// Apply this class to an element to center it responsively in a container
+@centeredpadding: 20px;
+
+.centered-header {
+	.clearfix;
+	max-width: 1120px;
+	width: 100%;
+	margin: 0 auto;
+}
+
+.centered-content {
+	.clearfix;
+	max-width: 770px;
+	width: 100%;
+	margin: 0 auto;
+}
+
+// GENERAL LIST
+// TAKES AWAY PADDING AND LIST STYLE
+ul, ol {
+	padding:0;
+	margin:0;
+}
+
+//  COLUMN SECTIONS
+.ttl-columns {
+	font-size:0;
+	width:100%;
+	width: calc(~"100% + 28px");
+	.column {
+		display: inline-block;
+		vertical-align: top;
+		padding-right: 28px;
+		font-size: 15px;
+
+	}
+
+	.column-2 {
+		.column;
+		width: 50%;
+		@media screen and (max-width: 550px) {
+			width: 100%;
+		}
+	}
+
+	.column-3 {
+		.column;
+		width: 100/3%;
+		@media screen and (max-width: @tabletWidth) {
+			width: 100%;
+		}
+	}
+
+	.column-4 {
+		.column;
+		width: 25%;
+		@media screen and (max-width: @tabletWidth) {
+			width: 50%;
+		}
+	}
+
+	.column-5 {
+		.column;
+		width: 20%;
+		@media screen and (max-width: @tabletWidth) {
+			width: 50%;
+		}
+	}
+
+	.column-6 {
+		.column;
+		width: 100/6%;
+		@media screen and (max-width: @tabletWidth) {
+			width: 33%;
+		}
+		@media screen and (max-width: @phoneWidth) {
+			width: 50%;
+		}
+	}
+
+	.columnTwoThirds {
+		.column;
+		width: 66.6%;
+		@media screen and (max-width: @tabletWidth) {
+			width: 100%;
+		}
+	}
+
+}
+
+// BORDER-BOX
+// Changes the box model so that padding is included within width, rather than
+// outside of width
+*,
+*:before,
+*:after {
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+// EMBED OBJECTS
+// Makes embed objects responsive
+img,
+embed,
+object,
+video {
+	max-width: 100%;
+	border: 0;
+	padding: 0;
+}
+
+// MOBILE-ONLY
+// Use this to only display something on mobile- and tablet-width devices.
+// Depending on project specs, you may wish to override this breakpoint.
+.mobile-only {
+	display: none;
+
+	@media screen and (max-width: @tabletWidth) {
+		display: inherit;
+	}
+}
+
+// MOBILE-ONLY
+// Use this to only display something on desktop-width devices.
+// Depending on project specs, you may wish to override this breakpoint.
+.desktop-only {
+	@media screen and (max-width: @tabletWidth) {
+		display: none;
+	}
+}
+
+// MIXINS
+
+// TRANSITION
+// Applies a CSS transition between properties
+.transition(@property: all, @speed: 0.15s, @easing: ease-in-out) {
+	-webkit-transition: @property @speed @easing;
+	-moz-transition: @property @speed @easing;
+	-ms-transition: @property @speed @easing;
+	-o-transition: @property @speed @easing;
+	transition: @property @speed @easing;
+}
+
+///**
+// * Selection
+// *
+// * Style a visual representation of selecting elements and objects.
+// *
+// * @USAGE
+// * You can use it on the root of your CSS to make the selection style global
+// * or inside a specific element. Provide two arguments: font color and background-color.
+// *
+// * @EXAMPLES
+// * 1. .selection(red, blue);
+// * 2. p {
+// *        .selection(red, blue)
+// *    }
+// **/
+
+.selection(@text-color, @background-color) {
+	&::-moz-selection {color: @text-color; background-color: @background-color;}
+	&::selection {color: @text-color; background-color: @background-color;}
+}
+
+//  * =========================================================== *
+//  <                            LESSHat                          >
+//  * =========================================================== *
+//
+// Made with Energy drinks in Prague, Czech Republic.
+// Handcrafted by Petr Brzek, lesshat.com
+// Works great with CSS Hat csshat.com
+
+// version: v3.0.0 (2014-04-18)
+
+
+.placeholder(@color:#aaa, @element: 08121991) {
+	.inception (@arguments) when not (@element = 08121991) {
+		@{element}::-webkit-input-placeholder {
+			color: @color;
+		}
+		@{element}:-moz-placeholder {
+			color: @color;
+		}
+		@{element}::-moz-placeholder {
+			color: @color;
+		}
+		@{element}:-ms-input-placeholder {
+			color: @color;
+		}
+	}
+	.inception (@arguments) when (@element = 08121991) {
+		&::-webkit-input-placeholder {
+			color: @color;
+		}
+		&:-moz-placeholder {
+			color: @color;
+		}
+		&::-moz-placeholder {
+			color: @color;
+		}
+		&:-ms-input-placeholder {
+			color: @color;
+		}
+	}
+	.inception(@arguments);
+}

assets/css/less/ascribe.less

@@ -5,3 +5,7 @@
  * Copyright (c) 2015 Territorial
  * Licensed under the GPLv2+ license.
  */
+@import "../vendor/normalize.less";
+@import "../vendor/print.less";
+@import "branding.less";
+@import "../helpers/helpers.less";

content-main.php

@@ -0,0 +1,3 @@
+<main>
+	<?php echo $controller->loopSubtemplates(); ?>
+</main>

controller/classes/Subtemplate.php

@@ -22,9 +22,37 @@ class Subtemplate {
 				$subtemplateTitle = $subtemplate['section_title'];
 
 				switch ($subtemplateType) {
-					case 'content':
-						$result .= $this->content($subtemplate,$subtemplateTitle);
+					case 'featurecircles':
+						$result .= $this->featureCircles($subtemplate,$subtemplateTitle);
 						break;
+					case 'casestudies':
+						$result .= $this->caseStudies($subtemplate,$subtemplateTitle);
+						break;
+					case 'oldnew':
+						$result .= $this->oldNew($subtemplate,$subtemplateTitle);
+						break;
+					case 'productoverview':
+						$result .= $this->productOverview($subtemplate,$subtemplateTitle);
+						break;
+					case 'bluebox':
+						$result .= $this->blueBox($subtemplate,$subtemplateTitle);
+						break;
+					case 'createaccount':
+						$result .= $this->createAccount($subtemplate,$subtemplateTitle);
+						break;
+					case 'galleries':
+						$result .= $this->galleries($subtemplate,$subtemplateTitle);
+						break;
+					case 'blogfeatures':
+						$result .= $this->blogFeatures($subtemplate,$subtemplateTitle);
+						break;
+					case 'mediafeature':
+						$result .= $this->mediaFeature($subtemplate,$subtemplateTitle);
+						break;
+					case 'team':
+						$result .= $this->team($subtemplate,$subtemplateTitle);
+						break;
+
 
 				}
 			}
@@ -36,5 +64,56 @@ class Subtemplate {
 		return $result;
 	}
 
+	public function featureCircles($subtemplate,$subtemplateTitle) {
+		$result = '';
+
+		return result;
+	}
+	public function caseStudies($subtemplate,$subtemplateTitle) {
+		$result = '';
+
+		return result;
+	}
+	public function oldNew($subtemplate,$subtemplateTitle) {
+		$result = '';
+
+		return result;
+	}
+	public function productOverview($subtemplate,$subtemplateTitle) {
+		$result = '';
+
+		return result;
+	}
+	public function blueBox($subtemplate,$subtemplateTitle) {
+		$result = '';
+
+		return result;
+	}
+	public function createAccount($subtemplate,$subtemplateTitle) {
+		$result = '';
+
+		return result;
+	}
+	public function galleries($subtemplate,$subtemplateTitle) {
+		$result = '';
+
+		return result;
+	}
+	public function blogFeatures($subtemplate,$subtemplateTitle) {
+		$result = '';
+
+		return result;
+	}
+	public function mediaFeature($subtemplate,$subtemplateTitle) {
+		$result = '';
+
+		return result;
+	}
+	public function team($subtemplate,$subtemplateTitle) {
+		$result = '';
+
+		return result;
+	}
+
 
 }

footer.php

@@ -6,7 +6,12 @@
  * @since 0.1.0
  */
 ?>
-
-	<?php wp_footer(); ?>
-	</body>
+<footer>
+	<div class="centered">
+	</div>
+</footer>
+</div>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+<?php wp_footer(); ?>
+</body>
 </html>

functions.php

@@ -33,6 +33,12 @@ TenUp\ascribe\Core\setup();
 // REMOVE WIDTH AND HEIGHT ATTRIBUTES ON THUMBNAILS
 add_filter( 'post_thumbnail_html', 'remove_thumbnail_dimensions', 10, 3 );
 
+//remove emoji script
+remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
+remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
+remove_action( 'wp_print_styles', 'print_emoji_styles' );
+remove_action( 'admin_print_styles', 'print_emoji_styles' );
+
 //ACF Collapser temp fix
 add_filter('acf/compatibility/field_wrapper_class', '__return_true');
 
@@ -52,3 +58,11 @@ function wpcodex_add_excerpt_support_for_pages() {
 	add_post_type_support( 'page', 'excerpt' );
 }
 add_action( 'init', 'wpcodex_add_excerpt_support_for_pages' );
+
+
+//Register Navigation
+function register_primary_nav_menu() {
+	register_nav_menu('header-menu',__( 'Primary Navigation Menu' ));
+	register_nav_menu('research-menu',__( 'Research Areas Menu' ));
+}
+add_action( 'init', 'register_primary_nav_menu');

header.php

@@ -67,26 +67,3 @@ $controller = new Controller();
 <body <?php body_class(); ?>>
 <div class="wrapper">
 
-	<div class="scrollpos"></div>
-	<?php
-	$headerClass = '';
-	$indexHeadContent = '';
-	$indexHead = '';
-	$headerImageMarkup = '';
-	if (is_front_page()) {
-		$headerClass = 'index';
-		$indexHeadContent   = $controller->indexHeader();
-		$indexMobileBg      = get_field('mobile_video_replacement_image')['url'];
-		$indexHead = "<section class='indexHead' style='background-image:url({$indexMobileBg})'>{$indexHeadContent}</section>";
-	}
-	?>
-	<header class="<?php echo $headerClass; ?>">
-		<div class="centered">
-			<?php echo $logo; ?>
-			<span class="icon-menu mobile-only"></span>
-			<nav>
-				<?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'container' => false ) ); ?>
-			</nav>
-		</div>
-	</header>
-	<?php echo $indexHead; ?>

sftpCache.json

@@ -1 +1 @@
-{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-09-17T22:37:02.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-09-17T22:37:02.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/ascribe.less":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.js":"2015-09-17T22:37:29.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-09-17T22:37:29.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//src/ascribe.js":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/readme.md":"2015-09-17T22:31:35.000Z"}
+{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-09-18T20:43:10.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-09-18T20:43:10.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/ascribe.less":"2015-09-18T20:31:44.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.js":"2015-09-18T20:43:20.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-09-18T20:43:20.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//src/ascribe.js":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//helpers/helpers.less":"2015-09-18T20:42:50.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/branding.less":"2015-09-18T20:30:30.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/colorbox.css":"2015-08-30T20:38:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/normalize.less":"2015-08-25T22:42:14.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/print.less":"2015-07-02T21:25:38.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/retina/retina.min.js":"2015-08-18T23:30:10.000Z"}

template-tour.php

@@ -0,0 +1,21 @@
+<?php
+/*
+Template Name: Landing Page / Product Tour
+*/
+get_header();
+$controller = new Controller();
+?>
+
+<header>
+	<div class="centered">
+		<?php echo $logo; ?>
+		<nav>
+			<span class="icon-menu mobile-only"></span>
+			<?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'container' => false ) ); ?>
+		</nav>
+	</div>
+</header>
+
+<?php get_template_part( 'content', 'main' ); ?>
+
+<?php get_footer(); ?>