mirror of
https://github.com/ascribe/wp-theme
synced 2024-12-22 17:23:55 +01:00
Front end
This commit is contained in:
Sarah Etter
parent
d5921e1f29
commit
36db938d7b
24
404.php
Normal file
24
404.php
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Created by PhpStorm.
|
||||||
|
* User: sarahetter
|
||||||
|
* Date: 15-09-18
|
||||||
|
* Time: 4:33 PM
|
||||||
|
*/
|
||||||
|
get_header();
|
||||||
|
$controller = new Controller();
|
||||||
|
?>
|
||||||
|
<?php get_template_part( 'template', 'header' ); ?>
|
||||||
|
|
||||||
|
<main class="above-chevron">
|
||||||
|
<section class='subtemplate four-oh-four'>
|
||||||
|
<div class='centered-content-padding'>
|
||||||
|
<div class='centered-footer'>
|
||||||
|
<h1>This page doesn't exist!</h1>
|
||||||
|
<div>Don't worry. You can either go to our <a href="/">homepage</a> or read our <a href="/blog">blog</a>.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<?php get_footer(); ?>
|
||||||
@ -403,13 +403,19 @@ th {
|
|||||||
body,
|
body,
|
||||||
html {
|
html {
|
||||||
color: #121417;
|
color: #121417;
|
||||||
font-size: 18px;
|
font-size: 15px;
|
||||||
line-height: 22px;
|
line-height: 19px;
|
||||||
font-smoothing: antialiased;
|
font-smoothing: antialiased;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
}
|
}
|
||||||
|
body.page-template-template-companyblue,
|
||||||
|
html.page-template-template-companyblue {
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #67c4da;
|
color: #67c4da;
|
||||||
@ -420,8 +426,18 @@ a:hover {
|
|||||||
.fontLight,
|
.fontLight,
|
||||||
body,
|
body,
|
||||||
html,
|
html,
|
||||||
|
body.page-template-template-companyblue,
|
||||||
|
html.page-template-template-companyblue,
|
||||||
|
.sectionHeader,
|
||||||
|
.subsectionHeader,
|
||||||
.h1,
|
.h1,
|
||||||
|
h1,
|
||||||
|
.h3,
|
||||||
|
h3,
|
||||||
|
.h5,
|
||||||
|
h5,
|
||||||
.copyText,
|
.copyText,
|
||||||
|
.copyTextMedium,
|
||||||
.copyTextSmall,
|
.copyTextSmall,
|
||||||
.heroText,
|
.heroText,
|
||||||
.tourNavText,
|
.tourNavText,
|
||||||
@ -438,6 +454,7 @@ html,
|
|||||||
.page-template-template-tour header h1,
|
.page-template-template-tour header h1,
|
||||||
.app-links,
|
.app-links,
|
||||||
.app-links a,
|
.app-links a,
|
||||||
|
.subtemplate h1,
|
||||||
.feature-circles h1,
|
.feature-circles h1,
|
||||||
.feature-circles .description,
|
.feature-circles .description,
|
||||||
.old-new h1,
|
.old-new h1,
|
||||||
@ -450,33 +467,105 @@ html,
|
|||||||
.blog-features h2,
|
.blog-features h2,
|
||||||
.blog-features h1,
|
.blog-features h1,
|
||||||
.team,
|
.team,
|
||||||
.team h2 {
|
.team h2,
|
||||||
|
.faq,
|
||||||
|
.values .value,
|
||||||
|
.careers a,
|
||||||
|
.contact .form,
|
||||||
|
.contact label,
|
||||||
|
.contact input[type=submit].small,
|
||||||
|
.contact .contact-point,
|
||||||
|
.contact .required-info,
|
||||||
|
.contact .wpcf7-not-valid-tip,
|
||||||
|
.press-articles,
|
||||||
|
footer,
|
||||||
|
footer a {
|
||||||
font-family: "canada-type-gibson", sans-serif;
|
font-family: "canada-type-gibson", sans-serif;
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
}
|
}
|
||||||
.fontRegular,
|
.fontRegular,
|
||||||
|
.h2,
|
||||||
|
h2,
|
||||||
|
.h4,
|
||||||
|
h4,
|
||||||
|
.h6,
|
||||||
|
h6,
|
||||||
.caseStudyText,
|
.caseStudyText,
|
||||||
.blueBoxTitle,
|
.blueBoxTitle,
|
||||||
.teamName,
|
.teamName,
|
||||||
.button,
|
.button,
|
||||||
.case-studies .description,
|
.case-studies .description,
|
||||||
.blue-box h1,
|
.blue-box h1,
|
||||||
.team h1 {
|
.team h1,
|
||||||
|
.faq .featured-faqs dt,
|
||||||
|
.faq .regular-faqs dt,
|
||||||
|
.values .value h1,
|
||||||
|
.contact input[type=submit],
|
||||||
|
.contact .contact-point h1,
|
||||||
|
.press-articles .press-article h1,
|
||||||
|
footer a:hover {
|
||||||
font-family: "canada-type-gibson", sans-serif;
|
font-family: "canada-type-gibson", sans-serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
.h1 {
|
.sectionHeader {
|
||||||
font-size: 34px;
|
font-size: 34px;
|
||||||
color: #67c4da;
|
color: #67c4da;
|
||||||
line-height: 41px;
|
line-height: 41px;
|
||||||
margin-bottom: 43px;
|
margin: 35px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
.subsectionHeader {
|
||||||
|
font-size: 31px;
|
||||||
|
color: #000000;
|
||||||
|
line-height: 37px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.h1,
|
||||||
|
h1 {
|
||||||
|
font-size: 36px;
|
||||||
|
color: #d8127d;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.h2,
|
||||||
|
h2 {
|
||||||
|
font-size: 26px;
|
||||||
|
color: #d8127d;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.h3,
|
||||||
|
h3 {
|
||||||
|
font-size: 27px;
|
||||||
|
color: #d8127d;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.h4,
|
||||||
|
h4 {
|
||||||
|
font-size: 26px;
|
||||||
|
color: #000000;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.h5,
|
||||||
|
h5 {
|
||||||
|
font-size: 26px;
|
||||||
|
color: #000000;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.h6,
|
||||||
|
h6 {
|
||||||
|
color: #d8127d;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 19px;
|
||||||
|
}
|
||||||
.copyText {
|
.copyText {
|
||||||
color: #121417;
|
color: #121417;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
|
.copyTextMedium {
|
||||||
|
color: #121417;
|
||||||
|
font-size: 17px;
|
||||||
|
line-height: 21px;
|
||||||
|
}
|
||||||
.copyTextSmall {
|
.copyTextSmall {
|
||||||
color: #121417;
|
color: #121417;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
@ -498,9 +587,6 @@ html,
|
|||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
.signInUpText:hover {
|
|
||||||
color: #d8127d;
|
|
||||||
}
|
|
||||||
.featureCircleH1 {
|
.featureCircleH1 {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #d8127d;
|
color: #d8127d;
|
||||||
@ -553,10 +639,12 @@ html,
|
|||||||
.footerText {
|
.footerText {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 17px;
|
line-height: 25px;
|
||||||
}
|
}
|
||||||
.subfooterText {
|
.subfooterText {
|
||||||
color: #1e1e1e;
|
color: #1e1e1e;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 14px;
|
||||||
}
|
}
|
||||||
.button {
|
.button {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -595,11 +683,17 @@ html,
|
|||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.button.small {
|
.button.small {
|
||||||
padding: 10px 15px;
|
padding: 5px 15px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-color: #ffffff;
|
border-color: #ffffff;
|
||||||
|
min-width: auto;
|
||||||
|
}
|
||||||
|
.button.small:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.4);
|
||||||
|
border-color: rgba(255, 255, 255, 0.4);
|
||||||
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.chevron-divider {
|
.chevron-divider {
|
||||||
background-image: url(../../images/svg/ascribe-chevron.svg);
|
background-image: url(../../images/svg/ascribe-chevron.svg);
|
||||||
@ -607,6 +701,24 @@ html,
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
opacity: 0.35;
|
opacity: 0.35;
|
||||||
|
height: 150px;
|
||||||
|
}
|
||||||
|
.social-icon {
|
||||||
|
width: 21px;
|
||||||
|
height: 21px;
|
||||||
|
padding: 1px;
|
||||||
|
fill: #ffffff;
|
||||||
|
background-color: #b8b8b8;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.social-icon:hover {
|
||||||
|
background-color: rgba(184, 184, 184, 0.4);
|
||||||
|
}
|
||||||
|
hr {
|
||||||
|
border: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #979797;
|
||||||
|
margin: 40px 0;
|
||||||
}
|
}
|
||||||
.clearfix {
|
.clearfix {
|
||||||
zoom: 1;
|
zoom: 1;
|
||||||
@ -674,6 +786,22 @@ html,
|
|||||||
.centered-content:after {
|
.centered-content:after {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
.centered-content-padding {
|
||||||
|
zoom: 1;
|
||||||
|
max-width: 950px;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
.centered-content-padding:before,
|
||||||
|
.centered-content-padding:after {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
.centered-content-padding:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
.centered-footer {
|
.centered-footer {
|
||||||
zoom: 1;
|
zoom: 1;
|
||||||
max-width: 670px;
|
max-width: 670px;
|
||||||
@ -786,6 +914,18 @@ ol {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.ttl-columns .columnThreeQuarters {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
padding-right: 30px;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 780px) {
|
||||||
|
.ttl-columns .columnThreeQuarters {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
.column-container {
|
.column-container {
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -874,6 +1014,18 @@ ol {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.column-container .columnThreeQuarters {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
padding-right: 30px;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 780px) {
|
||||||
|
.column-container .columnThreeQuarters {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
*,
|
*,
|
||||||
*:before,
|
*:before,
|
||||||
*:after {
|
*:after {
|
||||||
@ -900,13 +1052,22 @@ video {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
header {
|
||||||
|
overflow: hidden;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
}
|
||||||
|
header ~ .chevron-divider {
|
||||||
|
height: 175px;
|
||||||
|
}
|
||||||
.page-template-template-tour header {
|
.page-template-template-tour header {
|
||||||
height: 815px;
|
height: 815px;
|
||||||
|
padding: 0;
|
||||||
margin-bottom: 60px;
|
margin-bottom: 60px;
|
||||||
position: relative;
|
position: relative;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
overflow: visible;
|
||||||
}
|
}
|
||||||
.page-template-template-tour header nav {
|
.page-template-template-tour header nav {
|
||||||
float: left;
|
float: left;
|
||||||
@ -931,35 +1092,71 @@ video {
|
|||||||
line-height: 44px;
|
line-height: 44px;
|
||||||
margin-bottom: 160px;
|
margin-bottom: 160px;
|
||||||
}
|
}
|
||||||
|
.page-template-template-tour header .app-links {
|
||||||
|
color: #ffffff;
|
||||||
|
margin-top: 25px;
|
||||||
|
}
|
||||||
|
.page-template-template-tour header .app-links a {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
.page-template-template-tour header .chevron-divider {
|
.page-template-template-tour header .chevron-divider {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -60px;
|
bottom: -60px;
|
||||||
height: 150px;
|
height: 150px;
|
||||||
}
|
}
|
||||||
|
.page-template-template-companyblue header {
|
||||||
|
background-color: #529dae;
|
||||||
|
}
|
||||||
|
.page-template-template-companyblue header ~ .chevron-divider {
|
||||||
|
background-color: #529dae;
|
||||||
|
}
|
||||||
.logo {
|
.logo {
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
}
|
}
|
||||||
.app-links {
|
.app-links {
|
||||||
float: right;
|
float: right;
|
||||||
margin-top: 25px;
|
margin-top: 35px;
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
color: #000000;
|
||||||
.app-links:hover {
|
|
||||||
color: #d8127d;
|
|
||||||
}
|
}
|
||||||
.app-links a {
|
.app-links a {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
color: #000000;
|
||||||
}
|
}
|
||||||
.app-links a:hover {
|
.app-links a:hover {
|
||||||
color: #d8127d;
|
color: #d8127d;
|
||||||
}
|
}
|
||||||
|
.above-chevron {
|
||||||
|
margin-top: -100px;
|
||||||
|
margin-bottom: -80px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
.four-oh-four {
|
||||||
|
font-size: 34px;
|
||||||
|
line-height: 41px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.four-oh-four .centered-content-padding {
|
||||||
|
min-height: 500px;
|
||||||
|
}
|
||||||
|
.subtemplate {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.subtemplate h1 {
|
||||||
|
font-size: 34px;
|
||||||
|
color: #67c4da;
|
||||||
|
line-height: 41px;
|
||||||
|
margin: 35px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
.feature-circles {
|
.feature-circles {
|
||||||
padding: 75px 0 160px;
|
padding: 75px 0 160px;
|
||||||
}
|
}
|
||||||
@ -1072,7 +1269,7 @@ video {
|
|||||||
font-size: 34px;
|
font-size: 34px;
|
||||||
color: #67c4da;
|
color: #67c4da;
|
||||||
line-height: 41px;
|
line-height: 41px;
|
||||||
margin-bottom: 43px;
|
margin: 35px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.old-new th {
|
.old-new th {
|
||||||
@ -1128,7 +1325,7 @@ video {
|
|||||||
font-size: 34px;
|
font-size: 34px;
|
||||||
color: #67c4da;
|
color: #67c4da;
|
||||||
line-height: 41px;
|
line-height: 41px;
|
||||||
margin-bottom: 43px;
|
margin: 35px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.product-overview p {
|
.product-overview p {
|
||||||
@ -1225,16 +1422,17 @@ video {
|
|||||||
line-height: 22.79px;
|
line-height: 22.79px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
margin: 0 10px;
|
margin: 0 10px;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
.team {
|
.team {
|
||||||
background-color: #fbfbfb;
|
|
||||||
padding: 70px 0;
|
|
||||||
color: #121417;
|
color: #121417;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 19px;
|
line-height: 19px;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
.team .intro {
|
.team .intro {
|
||||||
margin-bottom: 60px;
|
margin-bottom: 60px;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
.team p {
|
.team p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -1246,6 +1444,7 @@ video {
|
|||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
width: 33.33333333%;
|
width: 33.33333333%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 780px) {
|
@media screen and (max-width: 780px) {
|
||||||
.team .team-member {
|
.team .team-member {
|
||||||
@ -1257,10 +1456,6 @@ video {
|
|||||||
-webkit-filter: grayscale(100%);
|
-webkit-filter: grayscale(100%);
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
}
|
}
|
||||||
.team img:hover {
|
|
||||||
-webkit-filter: none;
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
.team h1 {
|
.team h1 {
|
||||||
color: #000000;
|
color: #000000;
|
||||||
font-size: 19px;
|
font-size: 19px;
|
||||||
@ -1273,3 +1468,347 @@ video {
|
|||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
.team.tour-page {
|
||||||
|
padding: 70px 0;
|
||||||
|
background-color: #fbfbfb;
|
||||||
|
}
|
||||||
|
.faq {
|
||||||
|
color: #121417;
|
||||||
|
font-size: 17px;
|
||||||
|
line-height: 21px;
|
||||||
|
}
|
||||||
|
.faq dl,
|
||||||
|
.faq dt,
|
||||||
|
.faq dd {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.faq .featured-faqs {
|
||||||
|
margin-bottom: 75px;
|
||||||
|
}
|
||||||
|
.faq .featured-faqs dt {
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 32px;
|
||||||
|
color: #d8127d;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.faq .featured-faqs dd {
|
||||||
|
max-height: 0;
|
||||||
|
overflow-y: hidden;
|
||||||
|
transition: all 0.15s ease-in-out;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
.faq .featured-faqs dd.open {
|
||||||
|
max-height: 800px;
|
||||||
|
}
|
||||||
|
.faq .regular-faqs dd {
|
||||||
|
margin-bottom: 60px;
|
||||||
|
}
|
||||||
|
.values {
|
||||||
|
padding-bottom: 150px;
|
||||||
|
}
|
||||||
|
.values .column-container {
|
||||||
|
width: calc(100% + 175px);
|
||||||
|
}
|
||||||
|
.values .value {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
padding-right: 30px;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 50%;
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
|
padding-right: 175px;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 550px) {
|
||||||
|
.values .value {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.values .value h1 {
|
||||||
|
color: #000000;
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 15px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.careers {
|
||||||
|
background-color: #fbfbfb;
|
||||||
|
text-align: center;
|
||||||
|
padding: 90px 0 140px;
|
||||||
|
margin-bottom: 75px;
|
||||||
|
}
|
||||||
|
.careers a {
|
||||||
|
color: #000000;
|
||||||
|
font-size: 27px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
.careers a:hover {
|
||||||
|
color: #d8127d;
|
||||||
|
}
|
||||||
|
.careers li {
|
||||||
|
margin-bottom: 35px;
|
||||||
|
}
|
||||||
|
.careers ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.contact .form {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
padding-right: 30px;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 75%;
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 780px) {
|
||||||
|
.contact .form {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.contact .contact-points {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
padding-right: 30px;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 25%;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 780px) {
|
||||||
|
.contact .contact-points {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.contact label {
|
||||||
|
color: #121417;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 19px;
|
||||||
|
}
|
||||||
|
.contact label.required:after {
|
||||||
|
content: '*';
|
||||||
|
color: #d8127d;
|
||||||
|
}
|
||||||
|
.contact input,
|
||||||
|
.contact textarea {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding: 10px;
|
||||||
|
color: #595959;
|
||||||
|
width: 80%;
|
||||||
|
margin-top: 5px;
|
||||||
|
border: 1px solid #979797;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
.contact input[aria-invalid=true],
|
||||||
|
.contact textarea[aria-invalid=true] {
|
||||||
|
border: 1px solid #d8127d;
|
||||||
|
}
|
||||||
|
.contact input[type=submit] {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 25px 40px;
|
||||||
|
border: 1px solid;
|
||||||
|
font-size: 22px;
|
||||||
|
line-height: 26px;
|
||||||
|
text-decoration: none;
|
||||||
|
min-width: 265px;
|
||||||
|
text-align: center;
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #67c4da;
|
||||||
|
border-color: #67c4da;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.contact input[type=submit].blue {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #67c4da;
|
||||||
|
border-color: #67c4da;
|
||||||
|
}
|
||||||
|
.contact input[type=submit].blue:hover {
|
||||||
|
background-color: rgba(103, 196, 218, 0.5);
|
||||||
|
}
|
||||||
|
.contact input[type=submit].blue-overPic {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #67c4da;
|
||||||
|
border-color: #67c4da;
|
||||||
|
}
|
||||||
|
.contact input[type=submit].blue-overPic:hover {
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #67c4da;
|
||||||
|
}
|
||||||
|
.contact input[type=submit].white-blue {
|
||||||
|
color: #67c4da;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-color: #67c4da;
|
||||||
|
}
|
||||||
|
.contact input[type=submit].white-blue:hover {
|
||||||
|
background-color: rgba(103, 196, 218, 0.5);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.contact input[type=submit].small {
|
||||||
|
padding: 5px 15px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: transparent;
|
||||||
|
border-color: #ffffff;
|
||||||
|
min-width: auto;
|
||||||
|
}
|
||||||
|
.contact input[type=submit].small:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.4);
|
||||||
|
border-color: rgba(255, 255, 255, 0.4);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.contact input[type=submit]:hover {
|
||||||
|
background-color: rgba(103, 196, 218, 0.5);
|
||||||
|
}
|
||||||
|
.contact .contact-point {
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
.contact .contact-point h1 {
|
||||||
|
font-size: 19px;
|
||||||
|
color: #d8127d;
|
||||||
|
text-align: left;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.contact .required-info {
|
||||||
|
color: #121417;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 19px;
|
||||||
|
color: #d8127d;
|
||||||
|
}
|
||||||
|
.contact .wpcf7-not-valid-tip {
|
||||||
|
color: #121417;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 19px;
|
||||||
|
color: #d8127d;
|
||||||
|
margin-top: -20px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.contact div.wpcf7-validation-errors {
|
||||||
|
border: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.press-articles {
|
||||||
|
color: #121417;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 22px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.press-articles blockquote {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.press-articles .press-article {
|
||||||
|
text-align: left;
|
||||||
|
margin-bottom: 35px;
|
||||||
|
padding-bottom: 35px;
|
||||||
|
border-bottom: 1px solid #979797;
|
||||||
|
}
|
||||||
|
.press-articles .press-article h1 {
|
||||||
|
color: #000000;
|
||||||
|
font-size: 19px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.press-articles .press-article h1 a {
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
.press-articles .press-article h1 a:hover {
|
||||||
|
color: #67c4da;
|
||||||
|
}
|
||||||
|
.downloads .left {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.downloads .right {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.page-template-template-companyblue .subtemplate:first-of-type {
|
||||||
|
background-color: #67c4da;
|
||||||
|
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#519cad+0,67c4da+100 */
|
||||||
|
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
|
||||||
|
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxOWNhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2N2M0ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
||||||
|
/* FF3.6+ */
|
||||||
|
/* Chrome,Safari4+ */
|
||||||
|
/* Chrome10+,Safari5.1+ */
|
||||||
|
/* Opera 11.10+ */
|
||||||
|
/* IE10+ */
|
||||||
|
background: linear-gradient(to bottom, #519cad 0%, #67c4da 100%);
|
||||||
|
/* W3C */
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#519cad', endColorstr='#67c4da', GradientType=0);
|
||||||
|
/* IE6-8 */
|
||||||
|
}
|
||||||
|
.page-template-template-companyblue .subtemplate:first-of-type .centered-content-padding {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
footer a {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 25px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
footer a:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
footer .top-footer {
|
||||||
|
background-color: #8c8c8c;
|
||||||
|
padding: 50px 0 40px;
|
||||||
|
}
|
||||||
|
footer .top-footer ul {
|
||||||
|
-webkit-columns: 3;
|
||||||
|
-moz-columns: 3;
|
||||||
|
columns: 3;
|
||||||
|
width: 75%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
footer ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
footer .contact {
|
||||||
|
width: 25%;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
footer .bottom-footer {
|
||||||
|
color: #1e1e1e;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 14px;
|
||||||
|
padding: 20px 0 10px;
|
||||||
|
}
|
||||||
|
footer .bottom-footer a {
|
||||||
|
color: #1e1e1e;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 14px;
|
||||||
|
}
|
||||||
|
footer .bottom-footer .menu {
|
||||||
|
float: left;
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
footer .bottom-footer .menu li {
|
||||||
|
display: inline-block;
|
||||||
|
border-left: 1px solid #121417;
|
||||||
|
padding: 0 15px;
|
||||||
|
}
|
||||||
|
footer .bottom-footer .menu li:nth-of-type(1) {
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
footer .bottom-footer .menu li:nth-of-type(2) {
|
||||||
|
width: 130px;
|
||||||
|
}
|
||||||
|
footer .bottom-footer .social {
|
||||||
|
float: right;
|
||||||
|
position: relative;
|
||||||
|
top: -2px;
|
||||||
|
}
|
||||||
|
footer .bottom-footer .social li {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
footer .copyright {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
footer .button {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|||||||
2
assets/css/ascribe.min.css
vendored
2
assets/css/ascribe.min.css
vendored
File diff suppressed because one or more lines are too long
@ -55,6 +55,15 @@
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.centered-content-padding {
|
||||||
|
.clearfix;
|
||||||
|
max-width: 950px;
|
||||||
|
padding-bottom:50px;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: @white;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.centered-footer {
|
.centered-footer {
|
||||||
.clearfix;
|
.clearfix;
|
||||||
@ -142,6 +151,14 @@ ul, ol {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.columnThreeQuarters {
|
||||||
|
.column;
|
||||||
|
width: 100 * 3/4%;
|
||||||
|
@media screen and (max-width: @tabletWidth) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.column-container {
|
.column-container {
|
||||||
.ttl-columns;
|
.ttl-columns;
|
||||||
|
|||||||
@ -5,14 +5,22 @@
|
|||||||
|
|
||||||
// HEADER
|
// HEADER
|
||||||
@chevronOffsetHeader: 60px;
|
@chevronOffsetHeader: 60px;
|
||||||
|
header {
|
||||||
|
overflow: hidden;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
}
|
||||||
|
header ~ .chevron-divider {
|
||||||
|
height: 175px;
|
||||||
|
}
|
||||||
.page-template-template-tour header {
|
.page-template-template-tour header {
|
||||||
height: 815px;
|
height: 815px;
|
||||||
|
padding:0;
|
||||||
margin-bottom: @chevronOffsetHeader;
|
margin-bottom: @chevronOffsetHeader;
|
||||||
position: relative;
|
position: relative;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
overflow: visible;
|
||||||
nav {
|
nav {
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 35px;
|
margin-top: 35px;
|
||||||
@ -32,6 +40,14 @@
|
|||||||
.heroText;
|
.heroText;
|
||||||
margin-bottom: 160px;
|
margin-bottom: 160px;
|
||||||
}
|
}
|
||||||
|
.app-links {
|
||||||
|
color: @white;
|
||||||
|
margin-top: 25px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: @white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.chevron-divider {
|
.chevron-divider {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -39,22 +55,58 @@
|
|||||||
height: 150px;
|
height: 150px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.page-template-template-companyblue header {
|
||||||
|
background-color: #529dae;
|
||||||
|
|
||||||
|
& ~ .chevron-divider {
|
||||||
|
background-color: #529dae;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
.logo {
|
.logo {
|
||||||
float:left;
|
float:left;
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
}
|
}
|
||||||
.app-links {
|
.app-links {
|
||||||
float: right;
|
float: right;
|
||||||
margin-top: 25px;
|
margin-top: 35px;
|
||||||
.signInUpText;
|
.signInUpText;
|
||||||
|
color: @black;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
.signInUpText;
|
.signInUpText;
|
||||||
|
color: @black;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: @pink;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// MAIN
|
||||||
|
.above-chevron {
|
||||||
|
margin-top: -100px;
|
||||||
|
margin-bottom: -80px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// SUBTEMPLATES
|
// SUBTEMPLATES
|
||||||
|
.four-oh-four {
|
||||||
|
font-size: 34px;
|
||||||
|
line-height: 41px;
|
||||||
|
text-align: center;
|
||||||
|
.centered-content-padding {
|
||||||
|
min-height: 500px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.subtemplate {
|
||||||
|
position: relative;
|
||||||
|
h1 {
|
||||||
|
.sectionHeader;
|
||||||
|
}
|
||||||
|
}
|
||||||
.feature-circles {
|
.feature-circles {
|
||||||
padding: 75px 0 160px;
|
padding: 75px 0 160px;
|
||||||
|
|
||||||
@ -151,7 +203,7 @@
|
|||||||
padding-bottom: 175px;
|
padding-bottom: 175px;
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
.h1;
|
.sectionHeader;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -209,7 +261,7 @@
|
|||||||
border-top: 1px solid @greyHr;
|
border-top: 1px solid @greyHr;
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
.h1;
|
.sectionHeader;
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
.copyTextSmall;
|
.copyTextSmall;
|
||||||
@ -293,15 +345,16 @@
|
|||||||
h1 {
|
h1 {
|
||||||
.featureBlogTitle;
|
.featureBlogTitle;
|
||||||
margin:0 10px;
|
margin:0 10px;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.team {
|
.team {
|
||||||
background-color: @greyBg;
|
|
||||||
padding: 70px 0;
|
|
||||||
.copyTextSmall;
|
.copyTextSmall;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
.intro {
|
.intro {
|
||||||
margin-bottom: 60px;
|
margin-bottom: 60px;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
margin:0;
|
margin:0;
|
||||||
@ -309,14 +362,11 @@
|
|||||||
.team-member {
|
.team-member {
|
||||||
.ttl-columns.column-3;
|
.ttl-columns.column-3;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
|
|
||||||
&:hover {
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
.teamName;
|
.teamName;
|
||||||
@ -327,4 +377,280 @@
|
|||||||
.copyText;
|
.copyText;
|
||||||
margin-top:2px;
|
margin-top:2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.tour-page {
|
||||||
|
padding: 70px 0;
|
||||||
|
background-color: @greyBg;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.faq {
|
||||||
|
.copyTextMedium;
|
||||||
|
dl,dt,dd {
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
.featured-faqs {
|
||||||
|
margin-bottom:75px;
|
||||||
|
|
||||||
|
dt {
|
||||||
|
&:extend(.fontRegular);
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 32px;
|
||||||
|
color: @pink;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
dd {
|
||||||
|
max-height:0;
|
||||||
|
overflow-y:hidden;
|
||||||
|
.transition();
|
||||||
|
margin-bottom: 5px;
|
||||||
|
|
||||||
|
&.open {
|
||||||
|
max-height: 800px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.regular-faqs {
|
||||||
|
dt {
|
||||||
|
&:extend(.fontRegular);
|
||||||
|
}
|
||||||
|
dd {
|
||||||
|
margin-bottom: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.values {
|
||||||
|
padding-bottom: 150px;
|
||||||
|
.column-container {
|
||||||
|
width: calc(~"100% + 175px");
|
||||||
|
}
|
||||||
|
.value {
|
||||||
|
.ttl-columns.column-2;
|
||||||
|
.copyText;
|
||||||
|
padding-right: 175px;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
&:extend(.fontRegular);
|
||||||
|
color: @black;
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 15px;
|
||||||
|
margin-bottom:0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.careers {
|
||||||
|
background-color: @greyBg;
|
||||||
|
text-align: center;
|
||||||
|
padding: 90px 0 140px;
|
||||||
|
margin-bottom:75px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
&:extend(.fontLight);
|
||||||
|
color: @black;
|
||||||
|
font-size: 27px;
|
||||||
|
line-height: 32px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: @pink;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
margin-bottom: 35px;
|
||||||
|
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.contact {
|
||||||
|
.form {
|
||||||
|
.ttl-columns.columnThreeQuarters;
|
||||||
|
.copyText;
|
||||||
|
}
|
||||||
|
.contact-points {
|
||||||
|
.ttl-columns.column-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
.copyTextSmall;
|
||||||
|
|
||||||
|
&.required {
|
||||||
|
&:after {
|
||||||
|
content: '*';
|
||||||
|
color: @pink;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
input, textarea {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding: 10px;
|
||||||
|
color: @greyText;
|
||||||
|
width: 80%;
|
||||||
|
margin-top: 5px;
|
||||||
|
border: 1px solid @greyHr;
|
||||||
|
outline: none;
|
||||||
|
|
||||||
|
&[aria-invalid=true] {
|
||||||
|
border: 1px solid @pink;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
input[type=submit] {
|
||||||
|
.button;
|
||||||
|
.button.blue;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.contact-point {
|
||||||
|
.copyText;
|
||||||
|
h1 {
|
||||||
|
&:extend(.fontRegular);
|
||||||
|
font-size: 19px;
|
||||||
|
color: @pink;
|
||||||
|
text-align: left;
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.required-info {
|
||||||
|
.copyTextSmall;
|
||||||
|
color: @pink;
|
||||||
|
}
|
||||||
|
.wpcf7-not-valid-tip {
|
||||||
|
.copyTextSmall;
|
||||||
|
color: @pink;
|
||||||
|
margin-top: -20px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
div.wpcf7-validation-errors {
|
||||||
|
border: none;
|
||||||
|
padding:0;
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.press-articles {
|
||||||
|
.copyText;
|
||||||
|
text-align: center;
|
||||||
|
blockquote {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.press-article {
|
||||||
|
text-align: left;
|
||||||
|
margin-bottom: 35px;
|
||||||
|
padding-bottom: 35px;
|
||||||
|
border-bottom: 1px solid @greyHr;
|
||||||
|
h1 {
|
||||||
|
.teamName;
|
||||||
|
margin-bottom:0;
|
||||||
|
text-align: left;
|
||||||
|
a {
|
||||||
|
color: @black;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: @blueBright;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.downloads {
|
||||||
|
.left {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// BLUE TEMPLATE SILLINESS
|
||||||
|
.page-template-template-companyblue .subtemplate:first-of-type {
|
||||||
|
background-color: @blueBright;
|
||||||
|
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#519cad+0,67c4da+100 */
|
||||||
|
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
|
||||||
|
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxOWNhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2N2M0ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
||||||
|
background: -moz-linear-gradient(top, rgba(81,156,173,1) 0%, rgba(103,196,218,1) 100%); /* FF3.6+ */
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,156,173,1)), color-stop(100%,rgba(103,196,218,1))); /* Chrome,Safari4+ */
|
||||||
|
background: -webkit-linear-gradient(top, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* Chrome10+,Safari5.1+ */
|
||||||
|
background: -o-linear-gradient(top, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* Opera 11.10+ */
|
||||||
|
background: -ms-linear-gradient(top, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* IE10+ */
|
||||||
|
background: linear-gradient(to bottom, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* W3C */
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519cad', endColorstr='#67c4da',GradientType=0 ); /* IE6-8 */
|
||||||
|
|
||||||
|
.centered-content-padding {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// FOOTER
|
||||||
|
footer {
|
||||||
|
.footerText;
|
||||||
|
|
||||||
|
a {
|
||||||
|
.footerText;
|
||||||
|
width: 100%;
|
||||||
|
&:hover {
|
||||||
|
&:extend(.fontRegular);
|
||||||
|
color: @white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.top-footer {
|
||||||
|
background-color: @greyFooter;
|
||||||
|
padding: 50px 0 40px;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
columns: 3;
|
||||||
|
width: 75%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.contact {
|
||||||
|
width: 25%;
|
||||||
|
float:right;
|
||||||
|
}
|
||||||
|
.bottom-footer {
|
||||||
|
.subfooterText;
|
||||||
|
padding: 20px 0 10px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
.subfooterText;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu {
|
||||||
|
float: left;
|
||||||
|
margin-left: 15px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: inline-block;
|
||||||
|
border-left: 1px solid @blueDeep;
|
||||||
|
padding: 0 15px;
|
||||||
|
|
||||||
|
&:nth-of-type(1) {
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
&:nth-of-type(2) {
|
||||||
|
width: 130px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.social {
|
||||||
|
float: right;
|
||||||
|
position: relative;
|
||||||
|
top: -2px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.copyright {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.button {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -1,11 +1,15 @@
|
|||||||
//GLOBALS
|
//GLOBALS
|
||||||
body,
|
body,
|
||||||
html {
|
html {
|
||||||
.copyText;
|
.copyTextSmall;
|
||||||
font-smoothing: antialiased;
|
font-smoothing: antialiased;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
background-color: @white;
|
background-color: @white;
|
||||||
|
|
||||||
|
&.page-template-template-companyblue {
|
||||||
|
.copyText;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@ -26,6 +30,7 @@ a {
|
|||||||
|
|
||||||
@white: #fff;
|
@white: #fff;
|
||||||
@greyBg: #fbfbfb;
|
@greyBg: #fbfbfb;
|
||||||
|
@greySocial: #b8b8b8;
|
||||||
@greyHr: #979797;
|
@greyHr: #979797;
|
||||||
@greyFooter: #8c8c8c;
|
@greyFooter: #8c8c8c;
|
||||||
@greyText: #595959;
|
@greyText: #595959;
|
||||||
@ -43,20 +48,70 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// GENERAL TEXT STYLES
|
// GENERAL TEXT STYLES
|
||||||
.h1 {
|
.sectionHeader {
|
||||||
&:extend(.fontLight);
|
&:extend(.fontLight);
|
||||||
font-size: 34px;
|
font-size: 34px;
|
||||||
color: @blueBright;
|
color: @blueBright;
|
||||||
line-height: 41px;
|
line-height: 41px;
|
||||||
margin-bottom: 43px;
|
margin: 35px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
.subsectionHeader {
|
||||||
|
&:extend(.fontLight);
|
||||||
|
font-size: 31px;
|
||||||
|
color: @black;
|
||||||
|
line-height: 37px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.h1, h1 {
|
||||||
|
&:extend(.fontLight);
|
||||||
|
font-size: 36px;
|
||||||
|
color: @pink;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.h2, h2 {
|
||||||
|
&:extend(.fontRegular);
|
||||||
|
font-size: 26px;
|
||||||
|
color: @pink;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.h3, h3 {
|
||||||
|
&:extend(.fontLight);
|
||||||
|
font-size: 27px;
|
||||||
|
color: @pink;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.h4, h4 {
|
||||||
|
&:extend(.fontRegular);
|
||||||
|
font-size: 26px;
|
||||||
|
color: @black;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.h5, h5 {
|
||||||
|
&:extend(.fontLight);
|
||||||
|
font-size: 26px;
|
||||||
|
color: @black;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.h6, h6 {
|
||||||
|
&:extend(.fontRegular);
|
||||||
|
color: @pink;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
.copyText {
|
.copyText {
|
||||||
&:extend(.fontLight);
|
&:extend(.fontLight);
|
||||||
color: @blueDeep;
|
color: @blueDeep;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
|
.copyTextMedium {
|
||||||
|
&:extend(.fontLight);
|
||||||
|
color: @blueDeep;
|
||||||
|
font-size: 17px;
|
||||||
|
line-height: 21px;
|
||||||
|
}
|
||||||
.copyTextSmall {
|
.copyTextSmall {
|
||||||
&:extend(.fontLight);
|
&:extend(.fontLight);
|
||||||
color: @blueDeep;
|
color: @blueDeep;
|
||||||
@ -84,10 +139,6 @@ a {
|
|||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
color: @white;
|
color: @white;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: @pink;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.featureCircleH1 {
|
.featureCircleH1 {
|
||||||
&:extend(.fontLight);
|
&:extend(.fontLight);
|
||||||
@ -154,10 +205,12 @@ a {
|
|||||||
&:extend(.fontLight);
|
&:extend(.fontLight);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: @white;
|
color: @white;
|
||||||
line-height: 17px;
|
line-height: 25px;
|
||||||
}
|
}
|
||||||
.subfooterText {
|
.subfooterText {
|
||||||
color: @blackish;
|
color: @blackish;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -211,11 +264,18 @@ a {
|
|||||||
|
|
||||||
&.small {
|
&.small {
|
||||||
&:extend(.fontLight);
|
&:extend(.fontLight);
|
||||||
padding: 10px 15px;
|
padding: 5px 15px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: @white;
|
color: @white;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-color: @white;
|
border-color: @white;
|
||||||
|
min-width: auto;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: fade(@white,40);
|
||||||
|
border-color: fade(@white,40);
|
||||||
|
color: @white;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -225,4 +285,25 @@ a {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
opacity: 0.35;
|
opacity: 0.35;
|
||||||
|
height: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-icon {
|
||||||
|
width: 21px;
|
||||||
|
height: 21px;
|
||||||
|
padding: 1px;
|
||||||
|
fill: @white;
|
||||||
|
background-color: @greySocial;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: fade(@greySocial,40);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: @greyHr;
|
||||||
|
margin: 40px 0;
|
||||||
}
|
}
|
||||||
15
assets/js/ajax-pagination.js
Normal file
15
assets/js/ajax-pagination.js
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
$(document).ready(function(){
|
||||||
|
$('#more-articles').click(function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
$.ajax({
|
||||||
|
url: ajaxpagination.ajaxurl,
|
||||||
|
type: 'post',
|
||||||
|
data: {
|
||||||
|
action: 'ajax_pagination'
|
||||||
|
},
|
||||||
|
success: function( result ) {
|
||||||
|
alert( result );
|
||||||
|
}
|
||||||
|
})
|
||||||
|
});
|
||||||
|
});
|
||||||
@ -3,8 +3,14 @@
|
|||||||
* Copyright (c) 2015; * Licensed GPLv2+ */
|
* Copyright (c) 2015; * Licensed GPLv2+ */
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
|
|
||||||
//Slider
|
slider();
|
||||||
|
socialAsSvg();
|
||||||
|
featuredFAQ();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function slider() {
|
||||||
$('.case-study:gt(0)').addClass('hidden');
|
$('.case-study:gt(0)').addClass('hidden');
|
||||||
|
|
||||||
$('.slider-action').click(function(){
|
$('.slider-action').click(function(){
|
||||||
@ -23,8 +29,46 @@ $(document).ready(function(){
|
|||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
function socialAsSvg() {
|
||||||
|
/*
|
||||||
|
* Replace all social icon images with inline SVG
|
||||||
|
*/
|
||||||
|
jQuery('img.social-icon').each(function(){
|
||||||
|
var $img = jQuery(this);
|
||||||
|
var imgID = $img.attr('id');
|
||||||
|
var imgClass = $img.attr('class');
|
||||||
|
var imgURL = $img.attr('src');
|
||||||
|
|
||||||
|
jQuery.get(imgURL, function(data) {
|
||||||
|
// Get the SVG tag, ignore the rest
|
||||||
|
var $svg = jQuery(data).find('svg');
|
||||||
|
|
||||||
|
// Add replaced image's ID to the new SVG
|
||||||
|
if(typeof imgID !== 'undefined') {
|
||||||
|
$svg = $svg.attr('id', imgID);
|
||||||
|
}
|
||||||
|
// Add replaced image's classes to the new SVG
|
||||||
|
if(typeof imgClass !== 'undefined') {
|
||||||
|
$svg = $svg.attr('class', imgClass+' replaced-svg');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove any invalid XML tags as per http://validator.w3.org
|
||||||
|
$svg = $svg.removeAttr('xmlns:a');
|
||||||
|
|
||||||
|
// Replace image with new SVG
|
||||||
|
$img.replaceWith($svg);
|
||||||
|
|
||||||
|
}, 'xml');
|
||||||
|
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
function featuredFAQ() {
|
||||||
|
$('.featured-faqs dt').click(function() {
|
||||||
|
$(this).next('dd').toggleClass('open');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
2
assets/js/ascribe.min.js
vendored
2
assets/js/ascribe.min.js
vendored
@ -1,4 +1,4 @@
|
|||||||
/*! ascribe - v0.0.1
|
/*! ascribe - v0.0.1
|
||||||
* http://wordpress.org/themes
|
* http://wordpress.org/themes
|
||||||
* Copyright (c) 2015; * Licensed GPLv2+ */
|
* Copyright (c) 2015; * Licensed GPLv2+ */
|
||||||
$(document).ready(function(){$(".case-study:gt(0)").addClass("hidden"),$(".slider-action").click(function(){var a=$(this).attr("id");"back"===a?($(".case-study").addClass("hidden"),$(".case-study").last().prependTo(".slide-container").removeClass("hidden")):(displayed=$(".case-study").first(),displayed.addClass("hidden"),$(".case-study").eq(1).removeClass("hidden"),displayed.appendTo(".slide-container"))})});
|
$(document).ready(function(){function a(){$(".case-study:gt(0)").addClass("hidden"),$(".slider-action").click(function(){var a=$(this).attr("id");"back"===a?($(".case-study").addClass("hidden"),$(".case-study").last().prependTo(".slide-container").removeClass("hidden")):(displayed=$(".case-study").first(),displayed.addClass("hidden"),$(".case-study").eq(1).removeClass("hidden"),displayed.appendTo(".slide-container"))})}function b(){jQuery("img.social-icon").each(function(){var a=jQuery(this),b=a.attr("id"),c=a.attr("class"),d=a.attr("src");jQuery.get(d,function(d){var e=jQuery(d).find("svg");"undefined"!=typeof b&&(e=e.attr("id",b)),"undefined"!=typeof c&&(e=e.attr("class",c+" replaced-svg")),e=e.removeAttr("xmlns:a"),a.replaceWith(e)},"xml")})}function c(){$(".featured-faqs dt").click(function(){$(this).next("dd").toggleClass("open")})}a(),b(),c()});
|
||||||
@ -1,7 +1,13 @@
|
|||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
|
|
||||||
//Slider
|
slider();
|
||||||
|
socialAsSvg();
|
||||||
|
featuredFAQ();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function slider() {
|
||||||
$('.case-study:gt(0)').addClass('hidden');
|
$('.case-study:gt(0)').addClass('hidden');
|
||||||
|
|
||||||
$('.slider-action').click(function(){
|
$('.slider-action').click(function(){
|
||||||
@ -20,8 +26,46 @@ $(document).ready(function(){
|
|||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
function socialAsSvg() {
|
||||||
|
/*
|
||||||
|
* Replace all social icon images with inline SVG
|
||||||
|
*/
|
||||||
|
jQuery('img.social-icon').each(function(){
|
||||||
|
var $img = jQuery(this);
|
||||||
|
var imgID = $img.attr('id');
|
||||||
|
var imgClass = $img.attr('class');
|
||||||
|
var imgURL = $img.attr('src');
|
||||||
|
|
||||||
|
jQuery.get(imgURL, function(data) {
|
||||||
|
// Get the SVG tag, ignore the rest
|
||||||
|
var $svg = jQuery(data).find('svg');
|
||||||
|
|
||||||
|
// Add replaced image's ID to the new SVG
|
||||||
|
if(typeof imgID !== 'undefined') {
|
||||||
|
$svg = $svg.attr('id', imgID);
|
||||||
|
}
|
||||||
|
// Add replaced image's classes to the new SVG
|
||||||
|
if(typeof imgClass !== 'undefined') {
|
||||||
|
$svg = $svg.attr('class', imgClass+' replaced-svg');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove any invalid XML tags as per http://validator.w3.org
|
||||||
|
$svg = $svg.removeAttr('xmlns:a');
|
||||||
|
|
||||||
|
// Replace image with new SVG
|
||||||
|
$img.replaceWith($svg);
|
||||||
|
|
||||||
|
}, 'xml');
|
||||||
|
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
function featuredFAQ() {
|
||||||
|
$('.featured-faqs dt').click(function() {
|
||||||
|
$(this).next('dd').toggleClass('open');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
<?php $controller = new Controller(); ?>
|
<?php $controller = new Controller(); ?>
|
||||||
<main>
|
<main class="above-chevron">
|
||||||
<?php echo $controller->loopSubtemplates(); ?>
|
<?php echo $controller->loopSubtemplates(); ?>
|
||||||
</main>
|
</main>
|
||||||
@ -54,6 +54,9 @@ class Subtemplate {
|
|||||||
case 'team':
|
case 'team':
|
||||||
$result .= $this->team($subtemplate,$subtemplateTitle);
|
$result .= $this->team($subtemplate,$subtemplateTitle);
|
||||||
break;
|
break;
|
||||||
|
case 'teamGeneral':
|
||||||
|
$result .= $this->teamGeneral($subtemplate,$subtemplateTitle);
|
||||||
|
break;
|
||||||
case 'content':
|
case 'content':
|
||||||
$result .= $this->content($subtemplate,$subtemplateTitle);
|
$result .= $this->content($subtemplate,$subtemplateTitle);
|
||||||
break;
|
break;
|
||||||
@ -75,6 +78,12 @@ class Subtemplate {
|
|||||||
case 'download':
|
case 'download':
|
||||||
$result .= $this->download($subtemplate,$subtemplateTitle);
|
$result .= $this->download($subtemplate,$subtemplateTitle);
|
||||||
break;
|
break;
|
||||||
|
case 'contact':
|
||||||
|
$result .= $this->contactPage($subtemplate,$subtemplateTitle);
|
||||||
|
break;
|
||||||
|
case 'events':
|
||||||
|
$result .= $this->eventPage($subtemplate,$subtemplateTitle);
|
||||||
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -265,23 +274,31 @@ class Subtemplate {
|
|||||||
$role = get_field('role',$id);
|
$role = get_field('role',$id);
|
||||||
$image = get_field('image',$id)['url'];
|
$image = get_field('image',$id)['url'];
|
||||||
$facebook = get_field('facebook_link',$id);
|
$facebook = get_field('facebook_link',$id);
|
||||||
|
|
||||||
|
$themeUrl = WPTHEME_TEMPLATE_URL . '/';
|
||||||
|
|
||||||
if ($facebook) {
|
if ($facebook) {
|
||||||
$facebook = "<a href='{$facebook}' target='_blank'>Facebook</a>";
|
$facebook = "<a href='{$facebook}' target='_blank' class='facebook'><img src='{$themeUrl}images/svg/facebook.svg' alt='Facebook' class='social-icon'></a>";
|
||||||
}
|
}
|
||||||
|
|
||||||
$github = get_field('github_link',$id);
|
$github = get_field('github_link',$id);
|
||||||
if ($github) {
|
if ($github) {
|
||||||
$github = "<a href='{$github}' target='_blank'>Github</a>";
|
$github = "<a href='{$github}' target='_blank' class='github'><img src='{$themeUrl}images/svg/git.svg' alt='Github' class='social-icon'></a>";
|
||||||
}
|
}
|
||||||
|
|
||||||
$linkedin = get_field('linkedin_link',$id);
|
$linkedin = get_field('linkedin_link',$id);
|
||||||
if ($linkedin) {
|
if ($linkedin) {
|
||||||
$linkedin = "<a href='{$linkedin}' target='_blank'>Linkedin</a>";
|
$linkedin = "<a href='{$linkedin}' target='_blank' class='linkedin'><img src='{$themeUrl}images/svg/linkedin.svg' alt='Linkedin' class='social-icon'></a>";
|
||||||
}
|
}
|
||||||
|
|
||||||
$twitter = get_field('twitter_link',$id);
|
$twitter = get_field('twitter_link',$id);
|
||||||
if ($twitter) {
|
if ($twitter) {
|
||||||
$twitter = "<a href='{$twitter}' target='_blank'>Twitter</a>";
|
$twitter = "<a href='{$twitter}' target='_blank' class='twitter'><img src='{$themeUrl}images/svg/twitter.svg' alt='Twitter' class='social-icon'></a>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$website = get_field('personal_website_link',$id);
|
||||||
|
if ($website) {
|
||||||
|
$website = "<a href='{$website}' target='_blank' class='twitter'><img src='{$themeUrl}images/svg/website.svg' alt='Website' class='social-icon'></a>";
|
||||||
}
|
}
|
||||||
|
|
||||||
$teamMemberMarkup .= "<article class='team-member'>
|
$teamMemberMarkup .= "<article class='team-member'>
|
||||||
@ -292,15 +309,85 @@ class Subtemplate {
|
|||||||
{$github}
|
{$github}
|
||||||
{$linkedin}
|
{$linkedin}
|
||||||
{$twitter}
|
{$twitter}
|
||||||
|
{$website}
|
||||||
|
</article>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$result = "<section class='subtemplate team tour-page'>
|
||||||
|
<div class='centered-content'>
|
||||||
|
<div class='intro'>{$content}</div>
|
||||||
|
<div class='column-container'>{$teamMemberMarkup}</div>
|
||||||
|
<a href='{$meetTeamLink}' class='button white-blue'>Meet the Team</a>
|
||||||
|
</div>
|
||||||
|
</section>";
|
||||||
|
|
||||||
|
return $result;
|
||||||
|
}
|
||||||
|
public function teamGeneral($subtemplate,$subtemplateTitle) {
|
||||||
|
$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'];
|
||||||
|
$facebook = get_field('facebook_link',$id);
|
||||||
|
|
||||||
|
$themeUrl = WPTHEME_TEMPLATE_URL . '/';
|
||||||
|
|
||||||
|
if ($facebook) {
|
||||||
|
$facebook = "<a href='{$facebook}' target='_blank' class='facebook'><img src='{$themeUrl}images/svg/facebook.svg' alt='Facebook' class='social-icon'></a>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$github = get_field('github_link',$id);
|
||||||
|
if ($github) {
|
||||||
|
$github = "<a href='{$github}' target='_blank' class='github'><img src='{$themeUrl}images/svg/git.svg' alt='Github' class='social-icon'></a>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$linkedin = get_field('linkedin_link',$id);
|
||||||
|
if ($linkedin) {
|
||||||
|
$linkedin = "<a href='{$linkedin}' target='_blank' class='linkedin'><img src='{$themeUrl}images/svg/linkedin.svg' alt='Linkedin' class='social-icon'></a>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$twitter = get_field('twitter_link',$id);
|
||||||
|
if ($twitter) {
|
||||||
|
$twitter = "<a href='{$twitter}' target='_blank' class='twitter'><img src='{$themeUrl}images/svg/twitter.svg' alt='Twitter' class='social-icon'></a>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$website = get_field('personal_website_link',$id);
|
||||||
|
if ($website) {
|
||||||
|
$website = "<a href='{$website}' target='_blank' class='twitter'><img src='{$themeUrl}images/svg/website.svg' alt='Website' class='social-icon'></a>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$teamMemberMarkup .= "<article class='team-member'>
|
||||||
|
<img src='{$image}' alt='Picture of {$name}'>
|
||||||
|
<h1>{$name}</h1>
|
||||||
|
<h2>{$role}</h2>
|
||||||
|
{$facebook}
|
||||||
|
{$github}
|
||||||
|
{$linkedin}
|
||||||
|
{$twitter}
|
||||||
|
{$website}
|
||||||
</article>";
|
</article>";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$result = "<section class='subtemplate team'>
|
$result = "<section class='subtemplate team'>
|
||||||
|
<div class='centered-content-padding'>
|
||||||
<div class='centered-content'>
|
<div class='centered-content'>
|
||||||
<div class='intro'>{$content}</div>
|
<div class='intro'>{$content}</div>
|
||||||
<div class='column-container'>{$teamMemberMarkup}</div>
|
<div class='column-container'>{$teamMemberMarkup}</div>
|
||||||
<a href='{$meetTeamLink}' class='button white-blue'>Meet the Team</a>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>";
|
</section>";
|
||||||
|
|
||||||
@ -311,10 +398,12 @@ class Subtemplate {
|
|||||||
$content = get_sub_field('content');
|
$content = get_sub_field('content');
|
||||||
|
|
||||||
$result = "<section class='subtemplate content'>
|
$result = "<section class='subtemplate content'>
|
||||||
|
<div class='centered-content-padding'>
|
||||||
<div class='centered-content'>
|
<div class='centered-content'>
|
||||||
<h1>{$subtemplateTitle}</h1>
|
<h1>{$subtemplateTitle}</h1>
|
||||||
<div>{$content}</div>
|
<div>{$content}</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>";
|
</section>";
|
||||||
|
|
||||||
return $result;
|
return $result;
|
||||||
@ -325,10 +414,12 @@ class Subtemplate {
|
|||||||
$imageAlt = get_sub_field('image')['alt'];
|
$imageAlt = get_sub_field('image')['alt'];
|
||||||
|
|
||||||
$result = "<section class='subtemplate image'>
|
$result = "<section class='subtemplate image'>
|
||||||
|
<div class='centered-content-padding'>
|
||||||
<div class='centered-content'>
|
<div class='centered-content'>
|
||||||
<h1>{$subtemplateTitle}</h1>
|
<h1>{$subtemplateTitle}</h1>
|
||||||
<div><img src='{$image}' alt='{$imageAlt}'></div>
|
<div><img src='{$image}' alt='{$imageAlt}'></div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>";
|
</section>";
|
||||||
|
|
||||||
return $result;
|
return $result;
|
||||||
@ -363,11 +454,13 @@ class Subtemplate {
|
|||||||
$regularFAQ .= "</dl>";
|
$regularFAQ .= "</dl>";
|
||||||
|
|
||||||
$result = "<section class='subtemplate faq'>
|
$result = "<section class='subtemplate faq'>
|
||||||
|
<div class='centered-content-padding'>
|
||||||
<div class='centered-content'>
|
<div class='centered-content'>
|
||||||
<h1>{$subtemplateTitle}</h1>
|
<h1>{$subtemplateTitle}</h1>
|
||||||
{$featuredFAQ}
|
{$featuredFAQ}
|
||||||
{$regularFAQ}
|
{$regularFAQ}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>";
|
</section>";
|
||||||
|
|
||||||
return $result;
|
return $result;
|
||||||
@ -388,7 +481,10 @@ class Subtemplate {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$result = "<section class='subtemplate values'><div class='centered-content'><div class='column-container'>{$values}</div></div></section>";
|
$result = "<section class='subtemplate values'><div class='centered-content-padding'><div class='centered-content'>
|
||||||
|
<h1>{$subtemplateTitle}</h1>
|
||||||
|
<div class='column-container'>{$values}</div>
|
||||||
|
</div></div></section>";
|
||||||
|
|
||||||
return $result;
|
return $result;
|
||||||
}
|
}
|
||||||
@ -413,18 +509,21 @@ class Subtemplate {
|
|||||||
$result = "<section class='subtemplate careers'>
|
$result = "<section class='subtemplate careers'>
|
||||||
<div class='centered-content'>
|
<div class='centered-content'>
|
||||||
<h1>{$subtemplateTitle}</h1>
|
<h1>{$subtemplateTitle}</h1>
|
||||||
<ul class='careers'>{$careerMarkup}</ul>
|
<ul>{$careerMarkup}</ul>
|
||||||
</div>
|
</div>
|
||||||
</section>";
|
</section>";
|
||||||
|
|
||||||
return $result;
|
return $result;
|
||||||
}
|
}
|
||||||
public function mediaDetail($subtemplate,$subtemplateTitle) {
|
public function mediaDetail($subtemplate,$subtemplateTitle) {
|
||||||
|
$image = get_sub_field('image')['url'];
|
||||||
|
|
||||||
$args = array(
|
$args = array(
|
||||||
'post_type' => 'presscoverage',
|
'post_type' => 'presscoverage',
|
||||||
'order' => 'ASC'
|
'order' => 'ASC'
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
||||||
$pressItems = get_posts($args);
|
$pressItems = get_posts($args);
|
||||||
$pressMarkup = '';
|
$pressMarkup = '';
|
||||||
if (!empty($pressItems)) {
|
if (!empty($pressItems)) {
|
||||||
@ -444,9 +543,13 @@ class Subtemplate {
|
|||||||
}
|
}
|
||||||
|
|
||||||
$result = "<section class='subtemplate press-articles'>
|
$result = "<section class='subtemplate press-articles'>
|
||||||
|
<div class='centered-content-padding'>
|
||||||
<div class='centered-content'>
|
<div class='centered-content'>
|
||||||
<h1>{$subtemplateTitle}</h1>
|
<h1>{$subtemplateTitle}</h1>
|
||||||
|
<img src='{$image}' alt='Media Companies'>
|
||||||
<div>{$pressMarkup}</div>
|
<div>{$pressMarkup}</div>
|
||||||
|
<!--<a href='#' id='more-articles' class='button blue'>Show More</a>-->
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>";
|
</section>";
|
||||||
|
|
||||||
@ -459,12 +562,140 @@ class Subtemplate {
|
|||||||
$rightText = get_sub_field('right_button_text');
|
$rightText = get_sub_field('right_button_text');
|
||||||
|
|
||||||
$result = "<section class='subtemplate downloads'>
|
$result = "<section class='subtemplate downloads'>
|
||||||
|
<div class='centered-content-padding'>
|
||||||
<div class='centered-content'>
|
<div class='centered-content'>
|
||||||
<a href='{$leftUrl}' download class='left button blue'>{$leftText}</a>
|
<a href='{$leftUrl}' download class='left button blue'>{$leftText}</a>
|
||||||
<a href='{$rightUrl}' download class='right button blue'>{$rightText}</a>
|
<a href='{$rightUrl}' download class='right button blue'>{$rightText}</a>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>";
|
</section>";
|
||||||
|
|
||||||
return $result;
|
return $result;
|
||||||
}
|
}
|
||||||
|
public function contactPage($subtemplate,$subtemplateTitle) {
|
||||||
|
$contactPoints = '';
|
||||||
|
|
||||||
|
$content = get_sub_field('content');
|
||||||
|
|
||||||
|
if (have_rows('contact_point')) {
|
||||||
|
while (have_rows('contact_point')) {
|
||||||
|
the_row();
|
||||||
|
|
||||||
|
$title = get_sub_field('contact_description');
|
||||||
|
$contactInfo = get_sub_field('contact_details');
|
||||||
|
|
||||||
|
$contactPoints .= "<article class='contact-point'>
|
||||||
|
<h1>{$title}</h1>
|
||||||
|
<div>{$contactInfo}</div>
|
||||||
|
</article>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$result = "<section class='subtemplate contact'>
|
||||||
|
<div class='centered-content-padding'>
|
||||||
|
<div class='centered-content'>
|
||||||
|
<h1>{$subtemplateTitle}</h1>
|
||||||
|
<div class='column-container'>
|
||||||
|
<div class='form'>{$content}</div>
|
||||||
|
<aside class='contact-points'>{$contactPoints}</aside>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>";
|
||||||
|
|
||||||
|
return $result;
|
||||||
|
}
|
||||||
|
public function eventPage($subtemplate,$subtemplateTitle) {
|
||||||
|
|
||||||
|
$today = date('Ymd');
|
||||||
|
$args = array(
|
||||||
|
'post_type' => 'event',
|
||||||
|
'order' => 'ASC',
|
||||||
|
'orderby' => 'meta_value',
|
||||||
|
'meta_key' => 'date',
|
||||||
|
'posts_per_page' => 20,
|
||||||
|
'meta_query' => array(
|
||||||
|
array(
|
||||||
|
'key' => 'date',
|
||||||
|
'value' => $today, //array
|
||||||
|
'compare' => '>=',
|
||||||
|
)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
$futureEvents = get_posts($args);
|
||||||
|
$futureMarkup = '';
|
||||||
|
if (!empty($futureEvents)) {
|
||||||
|
foreach ($futureEvents as $item) {
|
||||||
|
$id = $item->ID;
|
||||||
|
$name = $item->post_title;
|
||||||
|
$url = get_field('link_to_event',$id);
|
||||||
|
$pubDate= get_field('date',$id);
|
||||||
|
$quote = get_field('description',$id);
|
||||||
|
|
||||||
|
$futureMarkup .= "<article class='press-article'>
|
||||||
|
<h1><a href='{$url}'>{$name}</a></h1>
|
||||||
|
<time>{$pubDate}</time>
|
||||||
|
<blockquote>{$quote}</blockquote>
|
||||||
|
</article>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$args = array(
|
||||||
|
'post_type' => 'event',
|
||||||
|
'order' => 'DESC',
|
||||||
|
'orderby' => 'meta_value',
|
||||||
|
'meta_key' => 'date',
|
||||||
|
'posts_per_page' => 20,
|
||||||
|
'meta_query' => array(
|
||||||
|
array(
|
||||||
|
'key' => 'date',
|
||||||
|
'value' => $today, //array
|
||||||
|
'compare' => '<',
|
||||||
|
)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
$pastEvents = get_posts($args);
|
||||||
|
$pastMarkup = '';
|
||||||
|
if (!empty($pastEvents)) {
|
||||||
|
foreach ($pastEvents as $item) {
|
||||||
|
$id = $item->ID;
|
||||||
|
$name = $item->post_title;
|
||||||
|
$url = get_field('link_to_event',$id);
|
||||||
|
$pubDate= get_field('date',$id);
|
||||||
|
$quote = get_field('description',$id);
|
||||||
|
|
||||||
|
$pastMarkup .= "<article class='press-article'>
|
||||||
|
<h1><a href='{$url}'>{$name}</a></h1>
|
||||||
|
<time>{$pubDate}</time>
|
||||||
|
<blockquote>{$quote}</blockquote>
|
||||||
|
</article>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$result = "<section class='subtemplate upcoming-events'>
|
||||||
|
<div class='centered-content-padding'>
|
||||||
|
<div class='centered-content'>
|
||||||
|
<h1>Upcoming Events</h1>
|
||||||
|
<div>{$futureMarkup}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class='subtemplate past-events'>
|
||||||
|
<div class='centered-content-padding'>
|
||||||
|
<div class='centered-content'>
|
||||||
|
<h1>Past Events</h1>
|
||||||
|
<div>{$pastMarkup}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>";
|
||||||
|
|
||||||
|
return $result;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
63
footer.php
63
footer.php
@ -9,13 +9,59 @@ $year = date("Y");
|
|||||||
$address = get_field('address','option');
|
$address = get_field('address','option');
|
||||||
$email = get_field('email','option');
|
$email = get_field('email','option');
|
||||||
$consultLink= get_field('request_consultation_link','option');
|
$consultLink= get_field('request_consultation_link','option');
|
||||||
|
|
||||||
|
$themeUrl = WPTHEME_TEMPLATE_URL . '/';
|
||||||
|
|
||||||
|
$facebook = get_field('facebook_url','option');
|
||||||
|
if ($facebook) {
|
||||||
|
$facebook = "<li><a href='{$facebook}' target='_blank' class='facebook'><img src='{$themeUrl}images/svg/facebook.svg' alt='Facebook' class='social-icon'></a></li>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$github = get_field('github_url','option');
|
||||||
|
if ($github) {
|
||||||
|
$github = "<li><a href='{$github}' target='_blank' class='github'><img src='{$themeUrl}images/svg/git.svg' alt='Github' class='social-icon'></a></li>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$instagram = get_field('instagram_url','option');
|
||||||
|
if ($instagram) {
|
||||||
|
$instagram = "<li><a href='{$instagram}' target='_blank' class='instagram'><img src='{$themeUrl}images/svg/instagram.svg' alt='Instagram' class='social-icon'></a></li>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$linkedin = get_field('linkedin_link','option');
|
||||||
|
if ($linkedin) {
|
||||||
|
$linkedin = "<li><a href='{$linkedin}' target='_blank' class='linkedin'><img src='{$themeUrl}images/svg/linkedin.svg' alt='Linkedin' class='social-icon'></a></li>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$medium = get_field('medium_url','option');
|
||||||
|
if ($medium) {
|
||||||
|
$medium = "<li><a href='{$medium}' target='_blank' class='medium'><img src='{$themeUrl}images/svg/medium.svg' alt='Medium' class='social-icon'></a></li>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$reddit = get_field('reddit_url','option');
|
||||||
|
if ($reddit) {
|
||||||
|
$reddit = "<li><a href='{$reddit}' target='_blank' class='reddit'><img src='{$themeUrl}images/svg/reddit.svg' alt='Reddit' class='social-icon'></a></li>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$tumblr = get_field('tumblr_url','option');
|
||||||
|
if ($tumblr) {
|
||||||
|
$tumblr = "<li><a href='{$tumblr}' target='_blank' class='tumblr'><img src='{$themeUrl}images/svg/tumblr.svg' alt='Tumblr' class='social-icon'></a></li>";
|
||||||
|
}
|
||||||
|
|
||||||
|
$twitter = get_field('twitter_url','option');
|
||||||
|
if ($twitter) {
|
||||||
|
$twitter = "<li><a href='{$twitter}' target='_blank' class='twitter'><img src='{$themeUrl}images/svg/twitter.svg' alt='Twitter' class='social-icon'></a></li>";
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
<div class="chevron-divider"></div>
|
||||||
<footer>
|
<footer>
|
||||||
<section class="top-footer">
|
<section class="top-footer">
|
||||||
<div class="centered-footer">
|
<div class="centered-footer">
|
||||||
<?php wp_nav_menu( array( 'theme_location' => 'main-footer-menu', 'container' => false ) ); ?>
|
<?php wp_nav_menu( array( 'theme_location' => 'main-footer-menu', 'container' => false ) ); ?>
|
||||||
<div class="contact">
|
<div class="contact">
|
||||||
<a href="<?php echo $consultLink; ?>">Request a consultation</a>
|
<a href="<?php echo $consultLink; ?>" class="button small">Request a consultation</a>
|
||||||
<div><?php echo $address; ?></div>
|
<div><?php echo $address; ?></div>
|
||||||
<div><a href="mailto:<?php echo $email; ?>"><?php echo $email; ?></a></div>
|
<div><a href="mailto:<?php echo $email; ?>"><?php echo $email; ?></a></div>
|
||||||
</div>
|
</div>
|
||||||
@ -23,9 +69,18 @@ $consultLink= get_field('request_consultation_link','option');
|
|||||||
</section>
|
</section>
|
||||||
<section class="bottom-footer">
|
<section class="bottom-footer">
|
||||||
<div class="centered-footer">
|
<div class="centered-footer">
|
||||||
<?php echo $year; ?> © ascribe GmbH
|
<div class="copyright"><?php echo $year; ?> © ascribe GmbH</div>
|
||||||
<?php wp_nav_menu( array( 'theme_location' => 'main-footer-menu', 'container' => false ) ); ?>
|
<?php wp_nav_menu( array( 'theme_location' => 'lower-footer-menu', 'container' => false ) ); ?>
|
||||||
<ul class="social"></ul><!-- TODO: social nav -->
|
<ul class="social">
|
||||||
|
<?php echo $facebook; ?>
|
||||||
|
<?php echo $github; ?>
|
||||||
|
<?php echo $instagram; ?>
|
||||||
|
<?php echo $linkedin; ?>
|
||||||
|
<?php echo $medium; ?>
|
||||||
|
<?php echo $reddit; ?>
|
||||||
|
<?php echo $tumblr; ?>
|
||||||
|
<?php echo $twitter; ?>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@ -68,5 +68,15 @@ function register_primary_nav_menu() {
|
|||||||
}
|
}
|
||||||
add_action( 'init', 'register_primary_nav_menu');
|
add_action( 'init', 'register_primary_nav_menu');
|
||||||
|
|
||||||
|
// ADD THUMBNAILS TO POSTS
|
||||||
add_theme_support( 'post-thumbnails' );
|
add_theme_support( 'post-thumbnails' );
|
||||||
|
|
||||||
|
|
||||||
|
// ENABLE HR IN WSYWIG
|
||||||
|
function enable_more_buttons($buttons) {
|
||||||
|
$buttons[] = 'hr';
|
||||||
|
|
||||||
|
return $buttons;
|
||||||
|
}
|
||||||
|
add_filter("mce_buttons", "enable_more_buttons");
|
||||||
|
|
||||||
|
|||||||
1060
images/svg/facebook.svg
Normal file
1060
images/svg/facebook.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 54 KiB |
1068
images/svg/git.svg
Normal file
1068
images/svg/git.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 55 KiB |
1065
images/svg/instagram.svg
Normal file
1065
images/svg/instagram.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 54 KiB |
1063
images/svg/linkedin.svg
Normal file
1063
images/svg/linkedin.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 54 KiB |
1064
images/svg/medium.svg
Normal file
1064
images/svg/medium.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 54 KiB |
1074
images/svg/reddit.svg
Normal file
1074
images/svg/reddit.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 55 KiB |
1063
images/svg/tumblr.svg
Normal file
1063
images/svg/tumblr.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 54 KiB |
1066
images/svg/twitter.svg
Normal file
1066
images/svg/twitter.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 54 KiB |
1073
images/svg/website.svg
Normal file
1073
images/svg/website.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 55 KiB |
@ -57,6 +57,13 @@ function scripts( $debug = false ) {
|
|||||||
WPTHEME_VERSION,
|
WPTHEME_VERSION,
|
||||||
true
|
true
|
||||||
);
|
);
|
||||||
|
wp_enqueue_script( 'ajax-pagination', WPTHEME_TEMPLATE_URL . '/assets/js/ajax-pagination.js', array( 'jquery' ), '1.0', true );
|
||||||
|
|
||||||
|
// AJAX MORE POSTS
|
||||||
|
wp_localize_script( 'ajax-pagination', 'ajaxpagination', array(
|
||||||
|
'ajaxurl' => admin_url( 'admin-ajax.php' )
|
||||||
|
));
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-09-24T06:23:16.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-09-24T06:23:17.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-24T06:22:47.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.js":"2015-09-24T04:21:01.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-09-24T04:21:01.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//src/ascribe.js":"2015-09-24T04:20:58.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-24T05:57:08.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/branding.less":"2015-09-24T06:23:00.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-24T02:10:16.000Z"}
|
{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-09-25T05:27:46.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-09-25T05:27:46.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-25T05:27:42.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.js":"2015-09-24T23:54:44.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-09-24T23:54:44.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//src/ascribe.js":"2015-09-24T23:53:14.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-25T01:58:00.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/branding.less":"2015-09-25T01:24:23.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-24T23:27:17.000Z"}
|
||||||
17
template-header.php
Normal file
17
template-header.php
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Created by PhpStorm.
|
||||||
|
* User: sarahetter
|
||||||
|
* Date: 15-09-24
|
||||||
|
* Time: 5:32 PM
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<header>
|
||||||
|
<div class="centered-header">
|
||||||
|
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-black.png" class="logo"></a>
|
||||||
|
<div class="app-links">
|
||||||
|
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="chevron-divider"></div>
|
||||||
@ -9,12 +9,13 @@ get_header();
|
|||||||
$bgImage = get_field('header_background_image')['url'];
|
$bgImage = get_field('header_background_image')['url'];
|
||||||
$headerTagline = get_field('header_tagline');
|
$headerTagline = get_field('header_tagline');
|
||||||
$buttonText = get_field('create_account_button_text');
|
$buttonText = get_field('create_account_button_text');
|
||||||
|
$controller = new Controller();
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<header style="background-image:url(<?php echo $bgImage; ?>)">
|
<header style="background-image:url(<?php echo $bgImage; ?>)">
|
||||||
<div class="centered-header">
|
<div class="centered-header">
|
||||||
<img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white.png" class="logo">
|
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white.png" class="logo"></a>
|
||||||
<div class="app-links">
|
<div class="app-links">
|
||||||
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
||||||
</div>
|
</div>
|
||||||
@ -30,6 +31,8 @@ $buttonText = get_field('create_account_button_text');
|
|||||||
<div class="chevron-divider"></div>
|
<div class="chevron-divider"></div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<?php require 'content-main.php'; ?>
|
<main>
|
||||||
|
<?php echo $controller->loopSubtemplates(); ?>
|
||||||
|
</main>
|
||||||
|
|
||||||
<?php get_footer(); ?>
|
<?php get_footer(); ?>
|
||||||
11
template.php
11
template.php
@ -7,17 +7,10 @@
|
|||||||
*/
|
*/
|
||||||
get_header();
|
get_header();
|
||||||
$controller = new Controller();
|
$controller = new Controller();
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<header>
|
<?php get_template_part( 'template', 'header' ); ?>
|
||||||
<div class="centered">
|
|
||||||
<?php echo $logo; ?>
|
|
||||||
<nav>
|
|
||||||
<span class="icon-menu mobile-only"></span>
|
|
||||||
<?php wp_nav_menu( array( 'theme_location' => 'general-menu', 'container' => false ) ); ?>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<?php get_template_part( 'content', 'main' ); ?>
|
<?php get_template_part( 'content', 'main' ); ?>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user