diff --git a/assets/css/ascribe.css b/assets/css/ascribe.css index d56d370..07ea700 100644 --- a/assets/css/ascribe.css +++ b/assets/css/ascribe.css @@ -1,10 +1,3 @@ -/** - * ascribe - * http://wordpress.org/themes - * - * 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. @@ -407,6 +400,150 @@ th { page-break-after: avoid; } } +body, +html { + color: #121417; + font-size: 18px; + line-height: 22px; + font-smoothing: antialiased; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color: #ffffff; +} +.fontLight, +body, +html, +.h1, +.copyText, +.copyTextSmall, +.heroText, +.tourNavText, +.signInUpText, +.featureCircleH1, +.oldWayNewWayTH, +.blueBoxCopy, +.galleriesPressTitle, +.featureBlogDesc, +.featureBlogTitle, +.footerText, +.button.small, +.page-template-template-tour header h1 { + font-family: "canada-type-gibson", sans-serif; + font-weight: 200; +} +.fontRegular, +.caseStudyText, +.blueBoxTitle, +.button { + font-family: "canada-type-gibson", sans-serif; + font-weight: 400; +} +.h1 { + font-size: 34px; + color: #67c4da; + line-height: 41px; +} +.copyText { + color: #121417; + font-size: 18px; + line-height: 22px; +} +.copyTextSmall { + color: #121417; + font-size: 14px; + line-height: 17px; +} +.heroText { + font-size: 37px; + color: #ffffff; + line-height: 44px; +} +.tourNavText { + font-size: 25px; + line-height: 30px; + color: #67c4da; +} +.signInUpText { + font-size: 17px; + line-height: 20px; + color: #ffffff; + text-transform: uppercase; +} +.featureCircleH1 { + font-size: 20px; + color: #d8127d; + letter-spacing: 1.11px; + line-height: 24px; +} +.caseStudyText { + font-size: 23px; + color: #ffffff; + line-height: 28px; +} +.oldWayNewWayTH { + font-size: 24px; + color: #d8127d; + line-height: 29px; +} +.blueBoxTitle { + font-size: 43px; + color: #ffffff; + line-height: 52px; +} +.blueBoxCopy { + font-size: 43px; + color: #ffffff; + line-height: 52px; +} +.galleriesPressTitle { + font-size: 30px; + color: #000000; + line-height: 36px; +} +.featureBlogDesc { + font-size: 12px; + color: #67c4da; + line-height: 22.79px; +} +.featureBlogTitle { + font-size: 17px; + color: #595959; + line-height: 22.79px; + text-transform: uppercase; +} +.footerText { + font-size: 14px; + color: #ffffff; + line-height: 17px; +} +.subfooterText { + color: #1e1e1e; +} +.button { + display: inline-block; + padding: 25px 40px; + border: 1px solid; + font-size: 22px; + line-height: 26px; + text-decoration: none; +} +.button.blue { + color: #ffffff; + background-color: #67c4da; + border-color: #67c4da; +} +.button.white-blue { + color: #67c4da; + background-color: #ffffff; + border-color: #67c4da; +} +.button.small { + padding: 10px 15px; + font-size: 14px; + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} .clearfix { zoom: 1; } @@ -589,3 +726,39 @@ video { display: none; } } +.page-template-template-tour header { + height: 815px; + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} +.page-template-template-tour header nav { + float: left; + margin-top: 30px; + margin-left: 20px; +} +.page-template-template-tour header ul { + list-style: none; +} +.page-template-template-tour header .description { + clear: both; + margin-top: 190px; + text-align: center; +} +.page-template-template-tour header h1 { + font-size: 37px; + color: #ffffff; + line-height: 44px; +} +.page-template-template-tour header .chevron-divider { + position: absolute; + bottom: -60px; +} +.logo { + float: left; + margin-top: 25px; +} +.app-links { + float: right; + margin-top: 25px; +} diff --git a/assets/css/ascribe.min.css b/assets/css/ascribe.min.css index 177b2f7..5e8f4fe 100644 --- a/assets/css/ascribe.min.css +++ b/assets/css/ascribe.min.css @@ -1 +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}.centered-content,.centered-footer,.centered-header{zoom:1;margin:0 auto;width:100%}.no-clearfix:after,.no-clearfix:before{display:none}.centered-content:after,.centered-content:before,.centered-footer:after,.centered-footer:before,.centered-header:after,.centered-header:before{content:"";display:table}.no-clearfix:after{clear:none}.centered-content:after,.centered-footer:after,.centered-header:after{clear:both}.centered-header{max-width:1120px}.centered-content{max-width:770px}.centered-footer{max-width:650px}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}} \ No newline at end of file +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */legend,td,th{padding:0}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}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}}body,html{height:100%;color:#121417;font-size:18px;line-height:22px;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}.blueBoxCopy,.button.small,.copyText,.copyTextSmall,.featureBlogDesc,.featureBlogTitle,.featureCircleH1,.fontLight,.footerText,.galleriesPressTitle,.h1,.heroText,.oldWayNewWayTH,.page-template-template-tour header h1,.signInUpText,.tourNavText,body,html{font-family:canada-type-gibson,sans-serif;font-weight:200}.blueBoxTitle,.button,.caseStudyText,.fontRegular{font-family:canada-type-gibson,sans-serif;font-weight:400}.h1{font-size:34px;color:#67c4da;line-height:41px}.copyText{color:#121417;font-size:18px;line-height:22px}.copyTextSmall{color:#121417;font-size:14px;line-height:17px}.heroText{font-size:37px;color:#fff;line-height:44px}.tourNavText{font-size:25px;line-height:30px;color:#67c4da}.signInUpText{font-size:17px;line-height:20px;color:#fff;text-transform:uppercase}.featureCircleH1{font-size:20px;color:#d8127d;letter-spacing:1.11px;line-height:24px}.caseStudyText{font-size:23px;color:#fff;line-height:28px}.oldWayNewWayTH{font-size:24px;color:#d8127d;line-height:29px}.blueBoxCopy,.blueBoxTitle{font-size:43px;color:#fff;line-height:52px}.galleriesPressTitle{font-size:30px;color:#000;line-height:36px}.featureBlogDesc{font-size:12px;color:#67c4da;line-height:22.79px}.featureBlogTitle{font-size:17px;color:#595959;line-height:22.79px;text-transform:uppercase}.footerText{font-size:14px;color:#fff;line-height:17px}.subfooterText{color:#1e1e1e}.button{display:inline-block;padding:25px 40px;border:1px solid;font-size:22px;line-height:26px;text-decoration:none}.button.blue{color:#fff;background-color:#67c4da;border-color:#67c4da}.button.white-blue{color:#67c4da;background-color:#fff;border-color:#67c4da}.button.small{padding:10px 15px;font-size:14px;color:#fff;background-color:transparent;border-color:#fff}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.no-clearfix{zoom:0}.centered-content,.centered-footer,.centered-header{zoom:1;margin:0 auto;width:100%}.no-clearfix:after,.no-clearfix:before{display:none}.centered-content:after,.centered-content:before,.centered-footer:after,.centered-footer:before,.centered-header:after,.centered-header:before{content:"";display:table}.no-clearfix:after{clear:none}.centered-content:after,.centered-footer:after,.centered-header:after{clear:both}.centered-header{max-width:1120px}.centered-content{max-width:770px}.centered-footer{max-width:650px}ol,ul{padding:0;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}}.page-template-template-tour header{height:815px;background-size:cover;background-repeat:no-repeat;background-position:center}.page-template-template-tour header nav{float:left;margin-top:30px;margin-left:20px}.page-template-template-tour header ul{list-style:none}.page-template-template-tour header .description{clear:both;margin-top:190px;text-align:center}.page-template-template-tour header h1{font-size:37px;color:#fff;line-height:44px}.page-template-template-tour header .chevron-divider{position:absolute;bottom:-60px}.logo{float:left;margin-top:25px}.app-links{float:right;margin-top:25px} \ No newline at end of file diff --git a/assets/css/helpers/helpers.less b/assets/css/helpers/helpers.less index 73a4de6..32fdcc0 100644 --- a/assets/css/helpers/helpers.less +++ b/assets/css/helpers/helpers.less @@ -45,6 +45,7 @@ margin: 0 auto; } + .centered-footer { .clearfix; max-width: 650px; diff --git a/assets/css/less/ascribe.less b/assets/css/less/ascribe.less index ac53f63..aca4340 100644 --- a/assets/css/less/ascribe.less +++ b/assets/css/less/ascribe.less @@ -1,11 +1,42 @@ -/** - * ascribe - * http://wordpress.org/themes - * - * Copyright (c) 2015 Territorial - * Licensed under the GPLv2+ license. - */ @import "../vendor/normalize.less"; @import "../vendor/print.less"; @import "branding.less"; -@import "../helpers/helpers.less"; \ No newline at end of file +@import "../helpers/helpers.less"; + + +.page-template-template-tour header { + height: 815px; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + + nav { + float: left; + margin-top: 30px; + margin-left: 20px; + } + ul { + list-style: none; + } + .description { + clear: both; + margin-top: 190px; + text-align: center; + } + h1 { + .heroText; + } + + .chevron-divider { + position: absolute; + bottom: -60px; + } +} +.logo { + float:left; + margin-top: 25px; +} +.app-links { + float: right; + margin-top: 25px; +} \ No newline at end of file diff --git a/assets/css/less/branding.less b/assets/css/less/branding.less index e69de29..756abc7 100644 --- a/assets/css/less/branding.less +++ b/assets/css/less/branding.less @@ -0,0 +1,173 @@ +//GLOBALS +body, +html { + .copyText; + font-smoothing: antialiased; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color: @white; +} + +//COLOURS +@blueDeep: #121417; +@blueMedium: #003C69; +@blueBright: #67C4DA; +@blueLight: #D3DEE4; +@pink: #D8127D; + +@white: #fff; +@greyBg: #fbfbfb; +@greyHr: #979797; +@greyFooter: #8c8c8c; +@greyText: #595959; +@blackish: #1e1e1e; +@black: #000; + +//FONTS +.fontLight { + font-family: "canada-type-gibson",sans-serif; + font-weight: 200; +} +.fontRegular { + font-family: "canada-type-gibson",sans-serif; + font-weight: 400; +} + +// GENERAL TEXT STYLES +.h1 { + &:extend(.fontLight); + font-size: 34px; + color: @blueBright; + line-height: 41px; +} +.copyText { + &:extend(.fontLight); + color: @blueDeep; + font-size: 18px; + line-height: 22px; +} +.copyTextSmall { + &:extend(.fontLight); + color: @blueDeep; + font-size: 14px; + line-height: 17px; +} + +// SPECIALIZED TEXT STYLES +.heroText { + &:extend(.fontLight); + font-size: 37px; + color: @white; + line-height: 44px; +} +.tourNavText { + &:extend(.fontLight); + font-size: 25px; + line-height: 30px; + color: @blueBright; +} +.signInUpText { + &:extend(.fontLight); + font-size: 17px; + line-height: 20px; + color: @white; + text-transform: uppercase; +} +.featureCircleH1 { + &:extend(.fontLight); + font-size: 20px; + color: @pink; + letter-spacing: 1.11px; + line-height: 24px; +} +.caseStudyText { + &:extend(.fontRegular); + font-size: 23px; + color: @white; + line-height: 28px; +} +.oldWayNewWayTH { + &:extend(.fontLight); + font-size: 24px; + color: @pink; + line-height: 29px; +} +.blueBoxTitle { + &:extend(.fontRegular); + font-size: 43px; + color: @white; + line-height: 52px; +} +.blueBoxCopy { + &:extend(.fontLight); + font-size: 43px; + color: @white; + line-height: 52px; +} +.galleriesPressTitle { + &:extend(.fontLight); + font-size: 30px; + color: @black; + line-height: 36px; +} +.featureBlogDesc { + &:extend(.fontLight); + font-size: 12px; + color: @blueBright; + line-height: 22.79px; +} +.featureBlogTitle { + &:extend(.fontLight); + font-size: 17px; + color: @greyText; + line-height: 22.79px; + text-transform: uppercase; +} +.footerText { + &:extend(.fontLight); + font-size: 14px; + color: @white; + line-height: 17px; +} +.subfooterText { + color: @blackish; +} + + + + +// DEVICES +.button { + display: inline-block; + padding: 25px 40px; + &:extend(.fontRegular); + border: 1px solid; + font-size: 22px; + line-height: 26px; + text-decoration: none; + + &.blue { + color: @white; + background-color: @blueBright; + border-color: @blueBright; + } + + &.white-blue { + color: @blueBright; + background-color: @white; + border-color: @blueBright; + } + + &.small { + &:extend(.fontLight); + padding: 10px 15px; + font-size: 14px; + color: @white; + background-color: transparent; + border-color: @white; + } +} + +.chevron-divider { + +} \ No newline at end of file diff --git a/content-main.php b/content-main.php index 38a36ac..b84570f 100644 --- a/content-main.php +++ b/content-main.php @@ -1,3 +1,4 @@ +
loopSubtemplates(); ?>
\ No newline at end of file diff --git a/controller/classes/Subtemplate.php b/controller/classes/Subtemplate.php index 2e7a004..c6000a4 100644 --- a/controller/classes/Subtemplate.php +++ b/controller/classes/Subtemplate.php @@ -57,15 +57,24 @@ class Subtemplate { case 'content': $result .= $this->content($subtemplate,$subtemplateTitle); break; + case 'image': + $result .= $this->image($subtemplate,$subtemplateTitle); + break; case 'faq': $result .= $this->faq($subtemplate,$subtemplateTitle); break; + case 'values': + $result .= $this->values($subtemplate,$subtemplateTitle); + break; case 'careers': $result .= $this->careers($subtemplate,$subtemplateTitle); break; case 'mediadetail': $result .= $this->mediaDetail($subtemplate,$subtemplateTitle); break; + case 'download': + $result .= $this->download($subtemplate,$subtemplateTitle); + break; } } } @@ -92,7 +101,7 @@ class Subtemplate { } } - $result = "
{$featureCircles}
"; + $result = "
{$featureCircles}
"; return $result; } @@ -113,7 +122,7 @@ class Subtemplate { } } - $result = "
{$caseStudies}
"; + $result = "
{$caseStudies}
"; return $result; } @@ -133,7 +142,7 @@ class Subtemplate { } } - $result = "
+ $result = "

{$subtemplateTitle}

@@ -152,7 +161,7 @@ class Subtemplate { $content = get_sub_field('content'); - $result = "
+ $result = "
{$imageAlt}
@@ -167,7 +176,7 @@ class Subtemplate { $content = get_sub_field('content'); - $result = "
+ $result = "

{$subtemplateTitle}

@@ -184,7 +193,7 @@ class Subtemplate { $backgroundImg = get_sub_field('image')['url']; - $result = "