mirror of https://github.com/ascribe/wp-theme
Creating branding guidelines, and adding to subtemplates
This commit is contained in:
Sarah Etter
parent
42ac2ed829
commit
60070bf692
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -45,6 +45,7 @@
|
|||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
.centered-footer {
|
||||
.clearfix;
|
||||
max-width: 650px;
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
@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;
|
||||
}
|
||||
|
|
@ -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 {
|
||||
|
||||
}
|
||||
|
|
@ -1,3 +1,4 @@
|
|||
<?php $controller = new Controller(); ?>
|
||||
<main>
|
||||
<?php echo $controller->loopSubtemplates(); ?>
|
||||
</main>
|
||||
|
|
@ -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 = "<section class='feature-circles'><div class='centered-content'><div class='column-container'>{$featureCircles}</div></div></section>";
|
||||
$result = "<section class='subtemplate feature-circles'><div class='centered-content'><div class='column-container'>{$featureCircles}</div></div></section>";
|
||||
|
||||
return $result;
|
||||
}
|
||||
|
|
@ -113,7 +122,7 @@ class Subtemplate {
|
|||
}
|
||||
}
|
||||
|
||||
$result = "<section class='case-studies'>{$caseStudies}</section>";
|
||||
$result = "<section class='subtemplate case-studies'>{$caseStudies}</section>";
|
||||
|
||||
return $result;
|
||||
}
|
||||
|
|
@ -133,7 +142,7 @@ class Subtemplate {
|
|||
}
|
||||
}
|
||||
|
||||
$result = "<section class='old-new'>
|
||||
$result = "<section class='subtemplate old-new'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<table>
|
||||
|
|
@ -152,7 +161,7 @@ class Subtemplate {
|
|||
|
||||
$content = get_sub_field('content');
|
||||
|
||||
$result = "<section class='product-overview'>
|
||||
$result = "<section class='subtemplate product-overview'>
|
||||
<div class='centered-content'>
|
||||
<img src='{$imageUrl}' alt='{$imageAlt}'>
|
||||
<div class='text-column'>
|
||||
|
|
@ -167,7 +176,7 @@ class Subtemplate {
|
|||
|
||||
$content = get_sub_field('content');
|
||||
|
||||
$result = "<section class='blue-box'>
|
||||
$result = "<section class='subtemplate blue-box'>
|
||||
<div class='centered-content'>
|
||||
<article class='blue-copy'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
|
|
@ -184,7 +193,7 @@ class Subtemplate {
|
|||
$backgroundImg = get_sub_field('image')['url'];
|
||||
|
||||
|
||||
$result = "<section class='sign-up' style='background-image: url({$backgroundImg})'>
|
||||
$result = "<section class='subtemplate sign-up' style='background-image: url({$backgroundImg})'>
|
||||
<div class='centered-content'>
|
||||
<a href='{$signUpLink}' class='button blue'>{$buttonText}</a>
|
||||
</div>
|
||||
|
|
@ -198,7 +207,7 @@ class Subtemplate {
|
|||
$galleriesImgAlt = get_sub_field('galleries_image')['alt'];
|
||||
|
||||
|
||||
$result = "<section class='galleries-marketplaces'>
|
||||
$result = "<section class='subtemplate galleries-marketplaces'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<img src='{$galleriesImgUrl}' alt='{$galleriesImgAlt}'>
|
||||
|
|
@ -228,7 +237,7 @@ class Subtemplate {
|
|||
}
|
||||
}
|
||||
|
||||
$result = "<section class='blog-features'>
|
||||
$result = "<section class='subtemplate blog-features'>
|
||||
<div class='centered-content'>
|
||||
<div class='column-container'>
|
||||
{$blogFeatures}
|
||||
|
|
@ -243,7 +252,7 @@ class Subtemplate {
|
|||
$mediaImgUrl = get_sub_field('media_feature_image')['url'];
|
||||
$mediaImgAlt = get_sub_field('media_feature_image')['alt'];
|
||||
|
||||
$result = "<section class='galleries-marketplaces'>
|
||||
$result = "<section class='subtemplate galleries-marketplaces'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<img src='{$mediaImgUrl}' alt='{$mediaImgAlt}'>
|
||||
|
|
@ -270,26 +279,39 @@ class Subtemplate {
|
|||
$name = $teamMember->post_title;
|
||||
$role = get_field('role',$id);
|
||||
$image = get_field('image',$id)['url'];
|
||||
$twitter = get_field('twitter_link',$id);
|
||||
if ($twitter) {
|
||||
$twitter = "<a href='{$twitter}' target='_blank'>Twitter</a>";
|
||||
$facebook = get_field('facebook_link',$id);
|
||||
if ($facebook) {
|
||||
$facebook = "<a href='{$facebook}' target='_blank'>Facebook</a>";
|
||||
}
|
||||
|
||||
$github = get_field('github_link',$id);
|
||||
if ($github) {
|
||||
$github = "<a href='{$github}' target='_blank'>Github</a>";
|
||||
}
|
||||
|
||||
$linkedin = get_field('linkedin_link',$id);
|
||||
if ($linkedin) {
|
||||
$linkedin = "<a href='{$linkedin}' target='_blank'>Linkedin</a>";
|
||||
}
|
||||
|
||||
$twitter = get_field('twitter_link',$id);
|
||||
if ($twitter) {
|
||||
$twitter = "<a href='{$twitter}' target='_blank'>Twitter</a>";
|
||||
}
|
||||
|
||||
$teamMemberMarkup .= "<article class='team-member'>
|
||||
<img src='{$image}' alt='Picture of {$name}'>
|
||||
<h1>{$name}</h1>
|
||||
<h2>{$role}</h2>
|
||||
{$twitter}
|
||||
{$facebook}
|
||||
{$github}
|
||||
{$linkedin}
|
||||
{$twitter}
|
||||
</article>";
|
||||
}
|
||||
}
|
||||
|
||||
$result = "<section class='team'>
|
||||
$result = "<section class='subtemplate team'>
|
||||
<div class='centered-content'>
|
||||
<div>{$content}</div>
|
||||
<div class='column-container'>{$teamMemberMarkup}</div>
|
||||
|
|
@ -300,24 +322,163 @@ class Subtemplate {
|
|||
return $result;
|
||||
}
|
||||
public function content($subtemplate,$subtemplateTitle) {
|
||||
$result = '';
|
||||
|
||||
$result .= get_sub_field('content');
|
||||
$content = get_sub_field('content');
|
||||
|
||||
$result = "<section class='subtemplate content'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<div>{$content}</div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function image($subtemplate,$subtemplateTitle) {
|
||||
|
||||
$image = get_sub_field('image')['url'];
|
||||
$imageAlt = get_sub_field('image')['alt'];
|
||||
|
||||
$result = "<section class='subtemplate image'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<div><img src='{$image}' alt='{$imageAlt}'></div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function faq($subtemplate,$subtemplateTitle) {
|
||||
$result = '';
|
||||
$featuredFAQ = '<dl class="featured-faqs">';
|
||||
if (have_rows('featured_faqs')) {
|
||||
while (have_rows('featured_faqs')) {
|
||||
the_row();
|
||||
|
||||
$question = get_sub_field('question');
|
||||
$answer = get_sub_field('answer');
|
||||
|
||||
$featuredFAQ .= "<dt>{$question}</dt>
|
||||
<dd>{$answer}</dd>";
|
||||
}
|
||||
}
|
||||
$featuredFAQ .= "</dl>";
|
||||
|
||||
$regularFAQ = '<dl class="regular-faqs">';
|
||||
if (have_rows('regular_faqs')) {
|
||||
while (have_rows('regular_faqs')) {
|
||||
the_row();
|
||||
|
||||
$question = get_sub_field('question');
|
||||
$answer = get_sub_field('answer');
|
||||
|
||||
$regularFAQ .= "<dt>Q: {$question}</dt>
|
||||
<dd>A: {$answer}</dd>";
|
||||
}
|
||||
}
|
||||
$regularFAQ .= "</dl>";
|
||||
|
||||
$result = "<section class='subtemplate faq'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
{$featuredFAQ}
|
||||
{$regularFAQ}
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function values($subtemplate,$subtemplateTitle) {
|
||||
$values = '';
|
||||
if (have_rows('ascribe_values')) {
|
||||
while (have_rows('ascribe_values')) {
|
||||
the_row();
|
||||
|
||||
$title = get_sub_field('value_title');
|
||||
$description = get_sub_field('value_description');
|
||||
|
||||
$values .= "<article class='value'>
|
||||
<h1>{$title}</h1>
|
||||
<div class='description'>{$description}</div>
|
||||
</article>";
|
||||
}
|
||||
}
|
||||
|
||||
$result = "<section class='subtemplate values'><div class='centered-content'><div class='column-container'>{$values}</div></div></section>";
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function careers($subtemplate,$subtemplateTitle) {
|
||||
$result = '';
|
||||
$args = array(
|
||||
'post_type' => 'career',
|
||||
'order' => 'ASC'
|
||||
);
|
||||
|
||||
$careers = get_posts($args);
|
||||
$careerMarkup = '';
|
||||
if (!empty($careers)) {
|
||||
foreach ($careers as $career) {
|
||||
$id = $career->ID;
|
||||
$name = $career->post_title;
|
||||
$url = get_permalink($id);
|
||||
|
||||
$careerMarkup .= "<li class='career'><a href='{$url}'>{$name}</a></li>";
|
||||
}
|
||||
}
|
||||
|
||||
$result = "<section class='subtemplate careers'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<ul class='careers'>{$careerMarkup}</ul>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function mediaDetail($subtemplate,$subtemplateTitle) {
|
||||
$result = '';
|
||||
$args = array(
|
||||
'post_type' => 'presscoverage',
|
||||
'order' => 'ASC'
|
||||
);
|
||||
|
||||
$pressItems = get_posts($args);
|
||||
$pressMarkup = '';
|
||||
if (!empty($pressItems)) {
|
||||
foreach ($pressItems as $item) {
|
||||
$id = $item->ID;
|
||||
$name = $item->post_title;
|
||||
$url = get_field('link_to_article',$id);
|
||||
$pubDate= get_field('date_published',$id);
|
||||
$quote = get_field('quote',$id);
|
||||
|
||||
$pressMarkup .= "<article class='press-article'>
|
||||
<h1><a href='{$url}'>{$name}</a></h1>
|
||||
<time>{$pubDate}</time>
|
||||
<blockquote>{$quote}</blockquote>
|
||||
</article>";
|
||||
}
|
||||
}
|
||||
|
||||
$result = "<section class='subtemplate press-articles'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<div>{$pressMarkup}</div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function download($subtemplate,$subtemplateTitle) {
|
||||
$leftUrl = get_sub_field('left_button_url');
|
||||
$leftText = get_sub_field('left_button_text');
|
||||
$rightUrl = get_sub_field('right_button_url');
|
||||
$rightText = get_sub_field('right_button_text');
|
||||
|
||||
$result = "<section class='subtemplate downloads'>
|
||||
<div class='centered-content'>
|
||||
<a href='{$leftUrl}' download class='left button blue'>{$leftText}</a>
|
||||
<a href='{$rightUrl}' download class='right button blue'>{$rightText}</a>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
}
|
||||
|
|
|
|||
12
header.php
12
header.php
|
|
@ -8,6 +8,10 @@
|
|||
require 'controller/header.php';
|
||||
$controller = new Controller();
|
||||
|
||||
if (!isset($headColour)) {
|
||||
$headColour = '';
|
||||
}
|
||||
|
||||
?>
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en" itemscope itemtype="https://schema.org/Organization"> <![endif]-->
|
||||
|
|
@ -59,11 +63,11 @@ $controller = new Controller();
|
|||
<meta name="msapplication-TileImage" content="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/mstile-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<script src='https://api.mapbox.com/mapbox.js/v2.2.2/mapbox.js'></script>
|
||||
<link href='https://api.mapbox.com/mapbox.js/v2.2.2/mapbox.css' rel='stylesheet' />
|
||||
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600' rel='stylesheet' type='text/css'>
|
||||
<script src="https://use.typekit.net/oex7mmg.js"></script>
|
||||
<script>try{Typekit.load({ async: true });}catch(e){}</script>
|
||||
|
||||
<?php wp_head(); ?>
|
||||
</head>
|
||||
<body <?php body_class(); ?>>
|
||||
<body <?php body_class($headColour); ?> >
|
||||
<div class="wrapper">
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,93 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 813.6 225" style="enable-background:new 0 0 813.6 225;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#6ECCDA;}
|
||||
</style>
|
||||
<g id="XMLID_1_">
|
||||
<polygon id="XMLID_41_" class="st0" points="406.4,194.2 406.4,198 396.1,225.1 394.7,225.1 "/>
|
||||
<polygon id="XMLID_40_" class="st0" points="406.4,162 406.4,165.8 383.9,225.1 382.5,225.1 "/>
|
||||
<polygon id="XMLID_39_" class="st0" points="406.4,129.7 406.4,133.5 371.7,225.1 370.2,225.1 "/>
|
||||
<polygon id="XMLID_38_" class="st0" points="406.4,97.4 406.4,101.2 359.4,225.1 358,225.1 "/>
|
||||
<polygon id="XMLID_37_" class="st0" points="406.4,65.2 406.4,69 347.2,225.1 345.7,225.1 "/>
|
||||
<polygon id="XMLID_36_" class="st0" points="406.4,32.9 406.4,36.7 334.9,225.1 333.5,225.1 "/>
|
||||
<polygon id="XMLID_35_" class="st0" points="406.2,1.2 406.4,1.2 406.4,4.4 322.7,225.1 321.3,225.1 "/>
|
||||
<polygon id="XMLID_34_" class="st0" points="395.4,1.2 310.5,225.1 309,225.1 394,1.2 "/>
|
||||
<polygon id="XMLID_33_" class="st0" points="383.2,1.2 298.2,225.1 296.8,225.1 381.7,1.2 "/>
|
||||
<polygon id="XMLID_32_" class="st0" points="370.9,1.2 286,225.1 284.5,225.1 369.5,1.2 "/>
|
||||
<polygon id="XMLID_31_" class="st0" points="358.7,1.2 273.7,225.1 272.3,225.1 357.2,1.2 "/>
|
||||
<polygon id="XMLID_30_" class="st0" points="346.4,1.2 261.5,225.1 260.1,225.1 345,1.2 "/>
|
||||
<polygon id="XMLID_29_" class="st0" points="334.2,1.2 249.3,225.1 247.8,225.1 332.8,1.2 "/>
|
||||
<polygon id="XMLID_28_" class="st0" points="322,1.2 237,225.1 235.6,225.1 320.5,1.2 "/>
|
||||
<polygon id="XMLID_27_" class="st0" points="309.7,1.2 224.8,225.1 223.3,225.1 308.3,1.2 "/>
|
||||
<polygon id="XMLID_26_" class="st0" points="297.5,1.2 212.5,225.1 211.1,225.1 296,1.2 "/>
|
||||
<polygon id="XMLID_25_" class="st0" points="285.2,1.2 200.3,225.1 198.9,225.1 283.8,1.2 "/>
|
||||
<polygon id="XMLID_24_" class="st0" points="273,1.2 188.1,225.1 186.6,225.1 271.6,1.2 "/>
|
||||
<polygon id="XMLID_23_" class="st0" points="260.8,1.2 175.8,225.1 174.4,225.1 259.3,1.2 "/>
|
||||
<polygon id="XMLID_22_" class="st0" points="248.5,1.2 163.6,225.1 162.1,225.1 247.1,1.2 "/>
|
||||
<polygon id="XMLID_21_" class="st0" points="236.3,1.2 151.3,225.1 149.9,225.1 234.8,1.2 "/>
|
||||
<polygon id="XMLID_20_" class="st0" points="224,1.2 139.1,225.1 137.7,225.1 222.6,1.2 "/>
|
||||
<polygon id="XMLID_19_" class="st0" points="211.8,1.2 126.9,225.1 125.4,225.1 210.4,1.2 "/>
|
||||
<polygon id="XMLID_18_" class="st0" points="199.6,1.2 114.6,225.1 113.2,225.1 198.1,1.2 "/>
|
||||
<polygon id="XMLID_17_" class="st0" points="187.3,1.2 102.4,225.1 100.9,225.1 185.9,1.2 "/>
|
||||
<polygon id="XMLID_16_" class="st0" points="175.1,1.2 90.1,225.1 88.7,225.1 173.6,1.2 "/>
|
||||
<polygon id="XMLID_15_" class="st0" points="162.8,1.2 77.9,225.1 76.5,225.1 161.4,1.2 "/>
|
||||
<polygon id="XMLID_14_" class="st0" points="150.6,1.2 65.7,225.1 64.2,225.1 149.2,1.2 "/>
|
||||
<polygon id="XMLID_13_" class="st0" points="138.4,1.2 53.4,225.1 52,225.1 136.9,1.2 "/>
|
||||
<polygon id="XMLID_12_" class="st0" points="126.1,1.2 41.2,225.1 39.7,225.1 124.7,1.2 "/>
|
||||
<polygon id="XMLID_11_" class="st0" points="113.9,1.2 28.9,225.1 27.5,225.1 112.4,1.2 "/>
|
||||
<polygon id="XMLID_10_" class="st0" points="101.6,1.2 16.7,225.1 15.3,225.1 100.2,1.2 "/>
|
||||
<polygon id="XMLID_9_" class="st0" points="89.4,1.2 4.5,225.1 3,225.1 88,1.2 "/>
|
||||
<polygon id="XMLID_8_" class="st0" points="75.7,1.2 77.2,1.2 -0.4,205.6 -0.4,201.8 "/>
|
||||
<polygon id="XMLID_7_" class="st0" points="63.5,1.2 64.9,1.2 -0.4,173.4 -0.4,169.6 "/>
|
||||
<polygon id="XMLID_6_" class="st0" points="51.2,1.2 52.7,1.2 -0.4,141.1 -0.4,137.3 "/>
|
||||
<polygon id="XMLID_5_" class="st0" points="39,1.2 40.4,1.2 -0.4,108.8 -0.4,105 "/>
|
||||
<polygon id="XMLID_4_" class="st0" points="26.8,1.2 28.2,1.2 -0.4,76.6 -0.4,72.8 "/>
|
||||
<polygon id="XMLID_3_" class="st0" points="14.5,1.2 16,1.2 -0.4,44.3 -0.4,40.5 "/>
|
||||
<polygon id="XMLID_2_" class="st0" points="2.3,1.2 3.7,1.2 -0.4,12 -0.4,8.2 "/>
|
||||
</g>
|
||||
<g id="XMLID_83_">
|
||||
<polygon id="XMLID_123_" class="st0" points="406.4,194.2 406.4,198 416.7,225.1 418.1,225.1 "/>
|
||||
<polygon id="XMLID_122_" class="st0" points="406.4,162 406.4,165.8 428.9,225.1 430.3,225.1 "/>
|
||||
<polygon id="XMLID_121_" class="st0" points="406.4,129.7 406.4,133.5 441.1,225.1 442.6,225.1 "/>
|
||||
<polygon id="XMLID_120_" class="st0" points="406.4,97.4 406.4,101.2 453.4,225.1 454.8,225.1 "/>
|
||||
<polygon id="XMLID_119_" class="st0" points="406.4,65.1 406.4,68.9 465.6,225.1 467.1,225.1 "/>
|
||||
<polygon id="XMLID_118_" class="st0" points="406.4,32.9 406.4,36.7 477.9,225.1 479.3,225.1 "/>
|
||||
<polygon id="XMLID_117_" class="st0" points="406.6,1.1 406.4,1.1 406.4,4.4 490.1,225.1 491.5,225.1 "/>
|
||||
<polygon id="XMLID_116_" class="st0" points="417.4,1.1 502.3,225.1 503.8,225.1 418.8,1.1 "/>
|
||||
<polygon id="XMLID_115_" class="st0" points="429.6,1.1 514.6,225.1 516,225.1 431.1,1.1 "/>
|
||||
<polygon id="XMLID_114_" class="st0" points="441.9,1.1 526.8,225.1 528.3,225.1 443.3,1.1 "/>
|
||||
<polygon id="XMLID_113_" class="st0" points="454.1,1.1 539.1,225.1 540.5,225.1 455.6,1.1 "/>
|
||||
<polygon id="XMLID_112_" class="st0" points="466.4,1.1 551.3,225.1 552.7,225.1 467.8,1.1 "/>
|
||||
<polygon id="XMLID_111_" class="st0" points="478.6,1.1 563.5,225.1 565,225.1 480,1.1 "/>
|
||||
<polygon id="XMLID_110_" class="st0" points="490.8,1.1 575.8,225.1 577.2,225.1 492.3,1.1 "/>
|
||||
<polygon id="XMLID_109_" class="st0" points="503.1,1.1 588,225.1 589.5,225.1 504.5,1.1 "/>
|
||||
<polygon id="XMLID_108_" class="st0" points="515.3,1.1 600.3,225.1 601.7,225.1 516.8,1.1 "/>
|
||||
<polygon id="XMLID_107_" class="st0" points="527.6,1.1 612.5,225.1 613.9,225.1 529,1.1 "/>
|
||||
<polygon id="XMLID_106_" class="st0" points="539.8,1.1 624.7,225.1 626.2,225.1 541.2,1.1 "/>
|
||||
<polygon id="XMLID_105_" class="st0" points="552,1.1 637,225.1 638.4,225.1 553.5,1.1 "/>
|
||||
<polygon id="XMLID_104_" class="st0" points="564.3,1.1 649.2,225.1 650.7,225.1 565.7,1.1 "/>
|
||||
<polygon id="XMLID_103_" class="st0" points="576.5,1.1 661.5,225.1 662.9,225.1 578,1.1 "/>
|
||||
<polygon id="XMLID_102_" class="st0" points="588.8,1.1 673.7,225.1 675.1,225.1 590.2,1.1 "/>
|
||||
<polygon id="XMLID_101_" class="st0" points="601,1.1 685.9,225.1 687.4,225.1 602.4,1.1 "/>
|
||||
<polygon id="XMLID_100_" class="st0" points="613.2,1.1 698.2,225.1 699.6,225.1 614.7,1.1 "/>
|
||||
<polygon id="XMLID_99_" class="st0" points="625.5,1.1 710.4,225.1 711.9,225.1 626.9,1.1 "/>
|
||||
<polygon id="XMLID_98_" class="st0" points="637.7,1.1 722.7,225.1 724.1,225.1 639.2,1.1 "/>
|
||||
<polygon id="XMLID_97_" class="st0" points="650,1.1 734.9,225.1 736.3,225.1 651.4,1.1 "/>
|
||||
<polygon id="XMLID_96_" class="st0" points="662.2,1.1 747.1,225.1 748.6,225.1 663.6,1.1 "/>
|
||||
<polygon id="XMLID_95_" class="st0" points="674.4,1.1 759.4,225.1 760.8,225.1 675.9,1.1 "/>
|
||||
<polygon id="XMLID_94_" class="st0" points="686.7,1.1 771.6,225.1 773.1,225.1 688.1,1.1 "/>
|
||||
<polygon id="XMLID_93_" class="st0" points="698.9,1.1 783.9,225.1 785.3,225.1 700.4,1.1 "/>
|
||||
<polygon id="XMLID_92_" class="st0" points="711.2,1.1 796.1,225.1 797.5,225.1 712.6,1.1 "/>
|
||||
<polygon id="XMLID_91_" class="st0" points="723.4,1.1 808.3,225.1 809.8,225.1 724.8,1.1 "/>
|
||||
<polygon id="XMLID_90_" class="st0" points="737.1,1.1 735.6,1.1 813.2,205.6 813.2,201.8 "/>
|
||||
<polygon id="XMLID_89_" class="st0" points="749.3,1.1 747.9,1.1 813.2,173.3 813.2,169.5 "/>
|
||||
<polygon id="XMLID_88_" class="st0" points="761.6,1.1 760.1,1.1 813.2,141.1 813.2,137.3 "/>
|
||||
<polygon id="XMLID_87_" class="st0" points="773.8,1.1 772.4,1.1 813.2,108.8 813.2,105 "/>
|
||||
<polygon id="XMLID_86_" class="st0" points="786,1.1 784.6,1.1 813.2,76.5 813.2,72.7 "/>
|
||||
<polygon id="XMLID_85_" class="st0" points="798.3,1.1 796.8,1.1 813.2,44.3 813.2,40.5 "/>
|
||||
<polygon id="XMLID_84_" class="st0" points="810.5,1.1 809.1,1.1 813.2,12 813.2,8.2 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.8 KiB |
12
index.php
12
index.php
|
|
@ -5,14 +5,4 @@
|
|||
* @package ascribe
|
||||
* @since 0.1.0
|
||||
*/
|
||||
|
||||
get_header(); ?>
|
||||
|
||||
<?php if ( have_posts() ) : ?>
|
||||
<?php while ( have_posts() ): the_post(); ?>
|
||||
<h2><?php the_title(); ?></h2>
|
||||
<?php the_content(); ?>
|
||||
<?php endwhile; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php get_footer();
|
||||
require 'template.php';
|
||||
|
|
@ -1 +1 @@
|
|||
{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-09-21T22:51:11.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-09-21T22:51:11.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-21T22:51:15.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-09-21T22:51:15.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-21T22:36:20.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","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//controller.inc.php":"2015-09-17T22:47:24.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//init.php":"2015-09-21T22:45:13.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//classes/Subtemplate.php":"2015-09-21T22:25:35.000Z"}
|
||||
{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-09-23T04:50:22.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-09-23T04:50:23.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-23T04:39:52.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.js":"2015-09-23T03:48:23.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-09-23T03:48:23.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-23T04:08:48.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/branding.less":"2015-09-23T04:49: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","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//controller.inc.php":"2015-09-17T22:47:24.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//init.php":"2015-09-21T22:45:13.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//classes/Subtemplate.php":"2015-09-23T02:31:05.000Z"}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<?php
|
||||
/*
|
||||
Template Name: Company Page - Blue
|
||||
*/
|
||||
$headColour = 'blue';
|
||||
|
||||
require 'template.php';
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?php
|
||||
/*
|
||||
Template Name: Company Page - White
|
||||
*/
|
||||
$headColour = 'white';
|
||||
require 'template.php';
|
||||
|
|
@ -5,7 +5,6 @@ Template Name: Landing Page / Product Tour
|
|||
require 'controller/init.php';
|
||||
|
||||
get_header();
|
||||
$controller = new Controller();
|
||||
|
||||
$bgImage = get_field('header_background_image')['url'];
|
||||
$headerTagline = get_field('header_tagline');
|
||||
|
|
@ -15,7 +14,7 @@ $buttonText = get_field('create_account_button_text');
|
|||
|
||||
<header style="background-image:url(<?php echo $bgImage; ?>)">
|
||||
<div class="centered-header">
|
||||
<img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white.png">
|
||||
<img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white.png" class="logo">
|
||||
<div class="app-links">
|
||||
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue