1
0
mirror of https://github.com/ascribe/wp-theme synced 2024-12-22 09:13:38 +01:00

Backend development for Index Page Subtemplates

This commit is contained in:
Sarah Etter 2015-09-21 17:02:29 -06:00
parent 8300478ef7
commit 42ac2ed829
15 changed files with 261 additions and 27 deletions

View File

@ -456,6 +456,20 @@ th {
.centered-content:after {
clear: both;
}
.centered-footer {
zoom: 1;
max-width: 650px;
width: 100%;
margin: 0 auto;
}
.centered-footer:before,
.centered-footer:after {
content: "";
display: table;
}
.centered-footer:after {
clear: both;
}
ul,
ol {
padding: 0;

View File

@ -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}.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}}
/*! 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}}

View File

@ -45,6 +45,13 @@
margin: 0 auto;
}
.centered-footer {
.clearfix;
max-width: 650px;
width: 100%;
margin: 0 auto;
}
// GENERAL LIST
// TAKES AWAY PADDING AND LIST STYLE
ul, ol {

View File

@ -74,52 +74,228 @@ class Subtemplate {
}
public function featureCircles($subtemplate,$subtemplateTitle) {
$result = '';
$featureCircles = '';
if (have_rows('feature_circles')) {
while (have_rows('feature_circles')) {
the_row();
$title = get_sub_field('title');
$icon = get_sub_field('icon')['url'];
$description = get_sub_field('description');
$featureCircles .= "<article class='feature-circle'>
<img src='{$icon}' alt='{$title} Icon'>
<h1>{$title}</h1>
<div class='description'>{$description}</div>
</article>";
}
}
$result = "<section class='feature-circles'><div class='centered-content'><div class='column-container'>{$featureCircles}</div></div></section>";
return $result;
}
public function caseStudies($subtemplate,$subtemplateTitle) {
$result = '';
$caseStudies = '';
if (have_rows('case_study')) {
while (have_rows('case_study')) {
the_row();
$content = get_sub_field('content');
$bgImage = get_sub_field('background_image')['url'];
$caseStudies .= "<article class='case-study' style='background-image:url({$bgImage})'>
<div class='centered-content'>
<div class='description'>{$content}</div>
</div>
</article>";
}
}
$result = "<section class='case-studies'>{$caseStudies}</section>";
return $result;
}
public function oldNew($subtemplate,$subtemplateTitle) {
$result = '';
$oldNewRows = '';
if (have_rows('old_way__new_way')) {
while (have_rows('old_way__new_way')) {
the_row();
$oldway = get_sub_field('old_way_text');
$newway = get_sub_field('new_way_text');
$oldNewRows .= "<tr class='old-new'>
<td class='old'>{$oldway}</td>
<td class='new'>{$newway}</td>
</tr>";
}
}
$result = "<section class='old-new'>
<div class='centered-content'>
<h1>{$subtemplateTitle}</h1>
<table>
<thead><tr><th>Old Way</th><th>New Way</th></tr></thead>
<tbody>{$oldNewRows}</tbody>
</table>
</div>
</section>";
return $result;
}
public function productOverview($subtemplate,$subtemplateTitle) {
$result = '';
$imageUrl = get_sub_field('image')['url'];
$imageAlt = get_sub_field('image')['alt'];
$content = get_sub_field('content');
$result = "<section class='product-overview'>
<div class='centered-content'>
<img src='{$imageUrl}' alt='{$imageAlt}'>
<div class='text-column'>
<h1>{$subtemplateTitle}</h1>
<div>{$content}</div>
</div>
</div>
</section>";
return $result;
}
public function blueBox($subtemplate,$subtemplateTitle) {
$result = '';
$content = get_sub_field('content');
$result = "<section class='blue-box'>
<div class='centered-content'>
<article class='blue-copy'>
<h1>{$subtemplateTitle}</h1>
<div>{$content}</div>
</article>
</div>
</section>";
return $result;
}
public function createAccount($subtemplate,$subtemplateTitle) {
$result = '';
$buttonText = get_sub_field('create_free_account_text');
$signUpLink = get_field('sign_up_link','option');
$backgroundImg = get_sub_field('image')['url'];
$result = "<section class='sign-up' style='background-image: url({$backgroundImg})'>
<div class='centered-content'>
<a href='{$signUpLink}' class='button blue'>{$buttonText}</a>
</div>
</section>";
return $result;
}
public function galleries($subtemplate,$subtemplateTitle) {
$result = '';
$galleryLink = get_sub_field('gallery_page');
$galleriesImgUrl = get_sub_field('galleries_image')['url'];
$galleriesImgAlt = get_sub_field('galleries_image')['alt'];
$result = "<section class='galleries-marketplaces'>
<div class='centered-content'>
<h1>{$subtemplateTitle}</h1>
<img src='{$galleriesImgUrl}' alt='{$galleriesImgAlt}'>
<a href='{$galleryLink}' class='button blue'>Read more</a>
</div>
</section>";
return $result;
}
public function blogFeatures($subtemplate,$subtemplateTitle) {
$result = '';
$blogFeatures = '';
if (have_rows('blog_features')) {
while (have_rows('blog_features')) {
the_row();
$title = get_sub_field('feature_title');
$feature = get_sub_field('post');
$postTitle = $feature->post_title;
$url = get_permalink($feature->ID);
$image = wp_get_attachment_image_src(get_post_thumbnail_id($feature->ID),'large')[0];
$blogFeatures .= "<a href='{$url}'><article class='case-study'>
<img src='{$image}' alt='{$postTitle} Image'>
<h2>{$title}</h2>
<h1>{$postTitle}</h1>
</article></a>";
}
}
$result = "<section class='blog-features'>
<div class='centered-content'>
<div class='column-container'>
{$blogFeatures}
</div>
</div>
</section>";
return $result;
}
public function mediaFeature($subtemplate,$subtemplateTitle) {
$result = '';
$mediaLink = get_sub_field('media_link');
$mediaImgUrl = get_sub_field('media_feature_image')['url'];
$mediaImgAlt = get_sub_field('media_feature_image')['alt'];
$result = "<section class='galleries-marketplaces'>
<div class='centered-content'>
<h1>{$subtemplateTitle}</h1>
<img src='{$mediaImgUrl}' alt='{$mediaImgAlt}'>
<a href='{$mediaLink}' class='button blue'>Read more</a>
</div>
</section>";
return $result;
}
public function team($subtemplate,$subtemplateTitle) {
$result = '';
$content = get_sub_field('content');
$meetTeamLink = get_sub_field('meet_the_team_link');
$args = array(
'post_type' => 'team',
'order' => 'ASC'
);
$teamMembers = get_posts($args);
$teamMemberMarkup = '';
if (!empty($teamMembers)) {
foreach ($teamMembers as $teamMember) {
$id = $teamMember->ID;
$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>";
}
$linkedin = get_field('linkedin_link',$id);
if ($linkedin) {
$linkedin = "<a href='{$linkedin}' target='_blank'>Linkedin</a>";
}
$teamMemberMarkup .= "<article class='team-member'>
<img src='{$image}' alt='Picture of {$name}'>
<h1>{$name}</h1>
<h2>{$role}</h2>
{$twitter}
{$linkedin}
</article>";
}
}
$result = "<section class='team'>
<div class='centered-content'>
<div>{$content}</div>
<div class='column-container'>{$teamMemberMarkup}</div>
<a href='{$meetTeamLink}' class='button white-blue'>Meet the Team</a>
</div>
</section>";
return $result;
}

View File

@ -52,4 +52,10 @@ $image = get_field('header_image')['url'];
if (empty($image)) {
$image = WPTHEME_TEMPLATE_URL.'/images/ico/apple-touch-icon-152x152.png';
}
//</editor-fold>
//</editor-fold>
//<editor-fold desc="Get Links">
$signInLink = get_field('sign_in_link','option');
$signUpLink = get_field('sign_up_link','option');
//</editor-fold>

View File

@ -5,10 +5,29 @@
* @package ascribe
* @since 0.1.0
*/
$year = date("Y");
$address = get_field('address','option');
$email = get_field('email','option');
$consultLink= get_field('request_consultation_link','option');
?>
<footer>
<div class="centered">
</div>
<section class="top-footer">
<div class="centered-footer">
<?php wp_nav_menu( array( 'theme_location' => 'main-footer-menu', 'container' => false ) ); ?>
<div class="contact">
<a href="<?php echo $consultLink; ?>">Request a consultation</a>
<div><?php echo $address; ?></div>
<div><a href="mailto:<?php echo $email; ?>"><?php echo $email; ?></a></div>
</div>
</div>
</section>
<section class="bottom-footer">
<div class="centered-footer">
<?php echo $year; ?> © ascribe GmbH
<?php wp_nav_menu( array( 'theme_location' => 'main-footer-menu', 'container' => false ) ); ?>
<ul class="social"></ul><!-- TODO: social nav -->
</div>
</section>
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

View File

@ -63,6 +63,10 @@ add_action( 'init', 'wpcodex_add_excerpt_support_for_pages' );
//Register Navigation
function register_primary_nav_menu() {
register_nav_menu('landing-menu',__( 'Product Tour Navigation Menu' ));
register_nav_menu('general-menu',__( 'General Page Navigation Menu' ));
register_nav_menu('main-footer-menu',__( 'Main Footer Navigation Menu' ));
register_nav_menu('lower-footer-menu',__( 'Lower Footer Navigation Menu' ));
}
add_action( 'init', 'register_primary_nav_menu');
add_action( 'init', 'register_primary_nav_menu');
add_theme_support( 'post-thumbnails' );

BIN
images/logo/logo-black.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
images/logo/logo-white.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

View File

@ -1,3 +0,0 @@
# Project Images
Only images in-use by the project should be placed in this folder. Wherever possible, combine multiple small images into sprites to be used by CSS. Original (non-sprite) images should be placed in the `/src` subdirectory.

View File

@ -1,3 +0,0 @@
# Project Images
Only source images (i.e. non-sprites, PSDs, raw photos) should be placed in this directory. Source files are meant to serve as a backup for any images that can be edited by an end user.

View File

@ -1 +1 @@
{"/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"}
{"/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"}

View File

@ -2,18 +2,32 @@
/*
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');
$buttonText = get_field('create_account_button_text');
?>
<header>
<div class="centered">
<?php echo $logo; ?>
<header style="background-image:url(<?php echo $bgImage; ?>)">
<div class="centered-header">
<img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white.png">
<div class="app-links">
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
</div>
<nav>
<span class="icon-menu mobile-only"></span>
<?php wp_nav_menu( array( 'theme_location' => 'landing-menu', 'container' => false ) ); ?>
</nav>
<section class="description">
<h1><?php echo $headerTagline; ?></h1>
<a href="<?php echo $signUpLink; ?>" class="button blue"><?php echo $buttonText; ?></a>
</section>
</div>
<div class="chevron-divider"></div>
</header>
<?php require 'content-main.php'; ?>