mirror of
https://github.com/ascribe/wp-theme
synced 2024-12-22 09:13:38 +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,
|
||||
html {
|
||||
color: #121417;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
font-size: 15px;
|
||||
line-height: 19px;
|
||||
font-smoothing: antialiased;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
body.page-template-template-companyblue,
|
||||
html.page-template-template-companyblue {
|
||||
color: #121417;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #67c4da;
|
||||
@ -420,8 +426,18 @@ a:hover {
|
||||
.fontLight,
|
||||
body,
|
||||
html,
|
||||
body.page-template-template-companyblue,
|
||||
html.page-template-template-companyblue,
|
||||
.sectionHeader,
|
||||
.subsectionHeader,
|
||||
.h1,
|
||||
h1,
|
||||
.h3,
|
||||
h3,
|
||||
.h5,
|
||||
h5,
|
||||
.copyText,
|
||||
.copyTextMedium,
|
||||
.copyTextSmall,
|
||||
.heroText,
|
||||
.tourNavText,
|
||||
@ -438,6 +454,7 @@ html,
|
||||
.page-template-template-tour header h1,
|
||||
.app-links,
|
||||
.app-links a,
|
||||
.subtemplate h1,
|
||||
.feature-circles h1,
|
||||
.feature-circles .description,
|
||||
.old-new h1,
|
||||
@ -450,33 +467,105 @@ html,
|
||||
.blog-features h2,
|
||||
.blog-features h1,
|
||||
.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-weight: 200;
|
||||
}
|
||||
.fontRegular,
|
||||
.h2,
|
||||
h2,
|
||||
.h4,
|
||||
h4,
|
||||
.h6,
|
||||
h6,
|
||||
.caseStudyText,
|
||||
.blueBoxTitle,
|
||||
.teamName,
|
||||
.button,
|
||||
.case-studies .description,
|
||||
.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-weight: 400;
|
||||
}
|
||||
.h1 {
|
||||
.sectionHeader {
|
||||
font-size: 34px;
|
||||
color: #67c4da;
|
||||
line-height: 41px;
|
||||
margin-bottom: 43px;
|
||||
margin: 35px 0;
|
||||
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 {
|
||||
color: #121417;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.copyTextMedium {
|
||||
color: #121417;
|
||||
font-size: 17px;
|
||||
line-height: 21px;
|
||||
}
|
||||
.copyTextSmall {
|
||||
color: #121417;
|
||||
font-size: 15px;
|
||||
@ -498,9 +587,6 @@ html,
|
||||
color: #ffffff;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.signInUpText:hover {
|
||||
color: #d8127d;
|
||||
}
|
||||
.featureCircleH1 {
|
||||
font-size: 20px;
|
||||
color: #d8127d;
|
||||
@ -553,10 +639,12 @@ html,
|
||||
.footerText {
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
line-height: 17px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.subfooterText {
|
||||
color: #1e1e1e;
|
||||
font-size: 13px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.button {
|
||||
display: inline-block;
|
||||
@ -595,11 +683,17 @@ html,
|
||||
color: #ffffff;
|
||||
}
|
||||
.button.small {
|
||||
padding: 10px 15px;
|
||||
padding: 5px 15px;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
background-color: transparent;
|
||||
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 {
|
||||
background-image: url(../../images/svg/ascribe-chevron.svg);
|
||||
@ -607,6 +701,24 @@ html,
|
||||
width: 100%;
|
||||
background-size: 100%;
|
||||
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 {
|
||||
zoom: 1;
|
||||
@ -674,6 +786,22 @@ html,
|
||||
.centered-content:after {
|
||||
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 {
|
||||
zoom: 1;
|
||||
max-width: 670px;
|
||||
@ -786,6 +914,18 @@ ol {
|
||||
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 {
|
||||
font-size: 0;
|
||||
width: 100%;
|
||||
@ -874,6 +1014,18 @@ ol {
|
||||
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,
|
||||
*:after {
|
||||
@ -900,13 +1052,22 @@ video {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
header {
|
||||
overflow: hidden;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
header ~ .chevron-divider {
|
||||
height: 175px;
|
||||
}
|
||||
.page-template-template-tour header {
|
||||
height: 815px;
|
||||
padding: 0;
|
||||
margin-bottom: 60px;
|
||||
position: relative;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
overflow: visible;
|
||||
}
|
||||
.page-template-template-tour header nav {
|
||||
float: left;
|
||||
@ -931,35 +1092,71 @@ video {
|
||||
line-height: 44px;
|
||||
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 {
|
||||
position: absolute;
|
||||
bottom: -60px;
|
||||
height: 150px;
|
||||
}
|
||||
.page-template-template-companyblue header {
|
||||
background-color: #529dae;
|
||||
}
|
||||
.page-template-template-companyblue header ~ .chevron-divider {
|
||||
background-color: #529dae;
|
||||
}
|
||||
.logo {
|
||||
float: left;
|
||||
margin-top: 25px;
|
||||
}
|
||||
.app-links {
|
||||
float: right;
|
||||
margin-top: 25px;
|
||||
margin-top: 35px;
|
||||
font-size: 17px;
|
||||
line-height: 20px;
|
||||
color: #ffffff;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.app-links:hover {
|
||||
color: #d8127d;
|
||||
color: #000000;
|
||||
}
|
||||
.app-links a {
|
||||
font-size: 17px;
|
||||
line-height: 20px;
|
||||
color: #ffffff;
|
||||
text-transform: uppercase;
|
||||
color: #000000;
|
||||
}
|
||||
.app-links a:hover {
|
||||
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 {
|
||||
padding: 75px 0 160px;
|
||||
}
|
||||
@ -1072,7 +1269,7 @@ video {
|
||||
font-size: 34px;
|
||||
color: #67c4da;
|
||||
line-height: 41px;
|
||||
margin-bottom: 43px;
|
||||
margin: 35px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.old-new th {
|
||||
@ -1128,7 +1325,7 @@ video {
|
||||
font-size: 34px;
|
||||
color: #67c4da;
|
||||
line-height: 41px;
|
||||
margin-bottom: 43px;
|
||||
margin: 35px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.product-overview p {
|
||||
@ -1225,16 +1422,17 @@ video {
|
||||
line-height: 22.79px;
|
||||
text-transform: uppercase;
|
||||
margin: 0 10px;
|
||||
text-align: left;
|
||||
}
|
||||
.team {
|
||||
background-color: #fbfbfb;
|
||||
padding: 70px 0;
|
||||
color: #121417;
|
||||
font-size: 15px;
|
||||
line-height: 19px;
|
||||
text-align: center;
|
||||
}
|
||||
.team .intro {
|
||||
margin-bottom: 60px;
|
||||
text-align: left;
|
||||
}
|
||||
.team p {
|
||||
margin: 0;
|
||||
@ -1246,6 +1444,7 @@ video {
|
||||
font-size: 15px;
|
||||
width: 33.33333333%;
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
.team .team-member {
|
||||
@ -1257,10 +1456,6 @@ video {
|
||||
-webkit-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
.team img:hover {
|
||||
-webkit-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
.team h1 {
|
||||
color: #000000;
|
||||
font-size: 19px;
|
||||
@ -1273,3 +1468,347 @@ video {
|
||||
line-height: 22px;
|
||||
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;
|
||||
}
|
||||
|
||||
.centered-content-padding {
|
||||
.clearfix;
|
||||
max-width: 950px;
|
||||
padding-bottom:50px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
background-color: @white;
|
||||
}
|
||||
|
||||
|
||||
.centered-footer {
|
||||
.clearfix;
|
||||
@ -142,6 +151,14 @@ ul, ol {
|
||||
}
|
||||
}
|
||||
|
||||
.columnThreeQuarters {
|
||||
.column;
|
||||
width: 100 * 3/4%;
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.column-container {
|
||||
.ttl-columns;
|
||||
|
||||
@ -5,14 +5,22 @@
|
||||
|
||||
// HEADER
|
||||
@chevronOffsetHeader: 60px;
|
||||
header {
|
||||
overflow: hidden;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
header ~ .chevron-divider {
|
||||
height: 175px;
|
||||
}
|
||||
.page-template-template-tour header {
|
||||
height: 815px;
|
||||
padding:0;
|
||||
margin-bottom: @chevronOffsetHeader;
|
||||
position: relative;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
|
||||
overflow: visible;
|
||||
nav {
|
||||
float: left;
|
||||
margin-top: 35px;
|
||||
@ -32,6 +40,14 @@
|
||||
.heroText;
|
||||
margin-bottom: 160px;
|
||||
}
|
||||
.app-links {
|
||||
color: @white;
|
||||
margin-top: 25px;
|
||||
|
||||
a {
|
||||
color: @white;
|
||||
}
|
||||
}
|
||||
|
||||
.chevron-divider {
|
||||
position: absolute;
|
||||
@ -39,22 +55,58 @@
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
.page-template-template-companyblue header {
|
||||
background-color: #529dae;
|
||||
|
||||
& ~ .chevron-divider {
|
||||
background-color: #529dae;
|
||||
}
|
||||
|
||||
}
|
||||
.logo {
|
||||
float:left;
|
||||
margin-top: 25px;
|
||||
}
|
||||
.app-links {
|
||||
float: right;
|
||||
margin-top: 25px;
|
||||
margin-top: 35px;
|
||||
.signInUpText;
|
||||
color: @black;
|
||||
|
||||
a {
|
||||
.signInUpText;
|
||||
color: @black;
|
||||
|
||||
&:hover {
|
||||
color: @pink;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// MAIN
|
||||
.above-chevron {
|
||||
margin-top: -100px;
|
||||
margin-bottom: -80px;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
|
||||
// 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 {
|
||||
padding: 75px 0 160px;
|
||||
|
||||
@ -151,7 +203,7 @@
|
||||
padding-bottom: 175px;
|
||||
|
||||
h1 {
|
||||
.h1;
|
||||
.sectionHeader;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@ -209,7 +261,7 @@
|
||||
border-top: 1px solid @greyHr;
|
||||
|
||||
h1 {
|
||||
.h1;
|
||||
.sectionHeader;
|
||||
}
|
||||
p {
|
||||
.copyTextSmall;
|
||||
@ -293,15 +345,16 @@
|
||||
h1 {
|
||||
.featureBlogTitle;
|
||||
margin:0 10px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
.team {
|
||||
background-color: @greyBg;
|
||||
padding: 70px 0;
|
||||
.copyTextSmall;
|
||||
text-align: center;
|
||||
|
||||
.intro {
|
||||
margin-bottom: 60px;
|
||||
text-align: left;
|
||||
}
|
||||
p {
|
||||
margin:0;
|
||||
@ -309,14 +362,11 @@
|
||||
.team-member {
|
||||
.ttl-columns.column-3;
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
img {
|
||||
border-radius: 100%;
|
||||
filter: grayscale(100%);
|
||||
|
||||
&:hover {
|
||||
filter: none;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
.teamName;
|
||||
@ -327,4 +377,280 @@
|
||||
.copyText;
|
||||
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
|
||||
body,
|
||||
html {
|
||||
.copyText;
|
||||
.copyTextSmall;
|
||||
font-smoothing: antialiased;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
background-color: @white;
|
||||
|
||||
&.page-template-template-companyblue {
|
||||
.copyText;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
@ -26,6 +30,7 @@ a {
|
||||
|
||||
@white: #fff;
|
||||
@greyBg: #fbfbfb;
|
||||
@greySocial: #b8b8b8;
|
||||
@greyHr: #979797;
|
||||
@greyFooter: #8c8c8c;
|
||||
@greyText: #595959;
|
||||
@ -43,20 +48,70 @@ a {
|
||||
}
|
||||
|
||||
// GENERAL TEXT STYLES
|
||||
.h1 {
|
||||
.sectionHeader {
|
||||
&:extend(.fontLight);
|
||||
font-size: 34px;
|
||||
color: @blueBright;
|
||||
line-height: 41px;
|
||||
margin-bottom: 43px;
|
||||
margin: 35px 0;
|
||||
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 {
|
||||
&:extend(.fontLight);
|
||||
color: @blueDeep;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.copyTextMedium {
|
||||
&:extend(.fontLight);
|
||||
color: @blueDeep;
|
||||
font-size: 17px;
|
||||
line-height: 21px;
|
||||
}
|
||||
.copyTextSmall {
|
||||
&:extend(.fontLight);
|
||||
color: @blueDeep;
|
||||
@ -84,10 +139,6 @@ a {
|
||||
line-height: 20px;
|
||||
color: @white;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:hover {
|
||||
color: @pink;
|
||||
}
|
||||
}
|
||||
.featureCircleH1 {
|
||||
&:extend(.fontLight);
|
||||
@ -154,10 +205,12 @@ a {
|
||||
&:extend(.fontLight);
|
||||
font-size: 14px;
|
||||
color: @white;
|
||||
line-height: 17px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.subfooterText {
|
||||
color: @blackish;
|
||||
font-size: 13px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
|
||||
@ -211,11 +264,18 @@ a {
|
||||
|
||||
&.small {
|
||||
&:extend(.fontLight);
|
||||
padding: 10px 15px;
|
||||
padding: 5px 15px;
|
||||
font-size: 14px;
|
||||
color: @white;
|
||||
background-color: transparent;
|
||||
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%;
|
||||
background-size: 100%;
|
||||
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,28 +3,72 @@
|
||||
* Copyright (c) 2015; * Licensed GPLv2+ */
|
||||
$(document).ready(function(){
|
||||
|
||||
//Slider
|
||||
|
||||
$('.case-study:gt(0)').addClass('hidden');
|
||||
|
||||
$('.slider-action').click(function(){
|
||||
|
||||
var direction = $(this).attr('id');
|
||||
|
||||
if (direction === 'back') {
|
||||
$('.case-study').addClass('hidden');
|
||||
$('.case-study').last().prependTo('.slide-container').removeClass('hidden');
|
||||
}
|
||||
else {
|
||||
displayed = $('.case-study').first();
|
||||
displayed.addClass('hidden');
|
||||
$('.case-study').eq(1).removeClass('hidden');
|
||||
displayed.appendTo('.slide-container');
|
||||
}
|
||||
|
||||
});
|
||||
slider();
|
||||
socialAsSvg();
|
||||
featuredFAQ();
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
function slider() {
|
||||
$('.case-study:gt(0)').addClass('hidden');
|
||||
|
||||
$('.slider-action').click(function(){
|
||||
|
||||
var direction = $(this).attr('id');
|
||||
|
||||
if (direction === 'back') {
|
||||
$('.case-study').addClass('hidden');
|
||||
$('.case-study').last().prependTo('.slide-container').removeClass('hidden');
|
||||
}
|
||||
else {
|
||||
displayed = $('.case-study').first();
|
||||
displayed.addClass('hidden');
|
||||
$('.case-study').eq(1).removeClass('hidden');
|
||||
displayed.appendTo('.slide-container');
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
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
|
||||
* http://wordpress.org/themes
|
||||
* 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,27 +1,71 @@
|
||||
$(document).ready(function(){
|
||||
|
||||
//Slider
|
||||
|
||||
$('.case-study:gt(0)').addClass('hidden');
|
||||
|
||||
$('.slider-action').click(function(){
|
||||
|
||||
var direction = $(this).attr('id');
|
||||
|
||||
if (direction === 'back') {
|
||||
$('.case-study').addClass('hidden');
|
||||
$('.case-study').last().prependTo('.slide-container').removeClass('hidden');
|
||||
}
|
||||
else {
|
||||
displayed = $('.case-study').first();
|
||||
displayed.addClass('hidden');
|
||||
$('.case-study').eq(1).removeClass('hidden');
|
||||
displayed.appendTo('.slide-container');
|
||||
}
|
||||
|
||||
});
|
||||
slider();
|
||||
socialAsSvg();
|
||||
featuredFAQ();
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
function slider() {
|
||||
$('.case-study:gt(0)').addClass('hidden');
|
||||
|
||||
$('.slider-action').click(function(){
|
||||
|
||||
var direction = $(this).attr('id');
|
||||
|
||||
if (direction === 'back') {
|
||||
$('.case-study').addClass('hidden');
|
||||
$('.case-study').last().prependTo('.slide-container').removeClass('hidden');
|
||||
}
|
||||
else {
|
||||
displayed = $('.case-study').first();
|
||||
displayed.addClass('hidden');
|
||||
$('.case-study').eq(1).removeClass('hidden');
|
||||
displayed.appendTo('.slide-container');
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
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(); ?>
|
||||
<main>
|
||||
<main class="above-chevron">
|
||||
<?php echo $controller->loopSubtemplates(); ?>
|
||||
</main>
|
||||
@ -54,6 +54,9 @@ class Subtemplate {
|
||||
case 'team':
|
||||
$result .= $this->team($subtemplate,$subtemplateTitle);
|
||||
break;
|
||||
case 'teamGeneral':
|
||||
$result .= $this->teamGeneral($subtemplate,$subtemplateTitle);
|
||||
break;
|
||||
case 'content':
|
||||
$result .= $this->content($subtemplate,$subtemplateTitle);
|
||||
break;
|
||||
@ -75,6 +78,12 @@ class Subtemplate {
|
||||
case 'download':
|
||||
$result .= $this->download($subtemplate,$subtemplateTitle);
|
||||
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);
|
||||
$image = get_field('image',$id)['url'];
|
||||
$facebook = get_field('facebook_link',$id);
|
||||
|
||||
$themeUrl = WPTHEME_TEMPLATE_URL . '/';
|
||||
|
||||
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);
|
||||
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);
|
||||
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);
|
||||
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'>
|
||||
@ -292,15 +309,85 @@ class Subtemplate {
|
||||
{$github}
|
||||
{$linkedin}
|
||||
{$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>";
|
||||
}
|
||||
}
|
||||
|
||||
$result = "<section class='subtemplate team'>
|
||||
<div class='centered-content-padding'>
|
||||
<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>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
@ -311,10 +398,12 @@ class Subtemplate {
|
||||
$content = get_sub_field('content');
|
||||
|
||||
$result = "<section class='subtemplate content'>
|
||||
<div class='centered-content-padding'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<div>{$content}</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
@ -325,10 +414,12 @@ class Subtemplate {
|
||||
$imageAlt = get_sub_field('image')['alt'];
|
||||
|
||||
$result = "<section class='subtemplate image'>
|
||||
<div class='centered-content-padding'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<div><img src='{$image}' alt='{$imageAlt}'></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
@ -363,10 +454,12 @@ class Subtemplate {
|
||||
$regularFAQ .= "</dl>";
|
||||
|
||||
$result = "<section class='subtemplate faq'>
|
||||
<div class='centered-content-padding'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
{$featuredFAQ}
|
||||
{$regularFAQ}
|
||||
</div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -413,18 +509,21 @@ class Subtemplate {
|
||||
$result = "<section class='subtemplate careers'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<ul class='careers'>{$careerMarkup}</ul>
|
||||
<ul>{$careerMarkup}</ul>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function mediaDetail($subtemplate,$subtemplateTitle) {
|
||||
$image = get_sub_field('image')['url'];
|
||||
|
||||
$args = array(
|
||||
'post_type' => 'presscoverage',
|
||||
'order' => 'ASC'
|
||||
);
|
||||
|
||||
|
||||
$pressItems = get_posts($args);
|
||||
$pressMarkup = '';
|
||||
if (!empty($pressItems)) {
|
||||
@ -444,9 +543,13 @@ class Subtemplate {
|
||||
}
|
||||
|
||||
$result = "<section class='subtemplate press-articles'>
|
||||
<div class='centered-content-padding'>
|
||||
<div class='centered-content'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
<img src='{$image}' alt='Media Companies'>
|
||||
<div>{$pressMarkup}</div>
|
||||
<!--<a href='#' id='more-articles' class='button blue'>Show More</a>-->
|
||||
</div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
@ -459,12 +562,140 @@ class Subtemplate {
|
||||
$rightText = get_sub_field('right_button_text');
|
||||
|
||||
$result = "<section class='subtemplate downloads'>
|
||||
<div class='centered-content-padding'>
|
||||
<div class='centered-content'>
|
||||
<a href='{$leftUrl}' download class='left button blue'>{$leftText}</a>
|
||||
<a href='{$rightUrl}' download class='right button blue'>{$rightText}</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
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');
|
||||
$email = get_field('email','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>
|
||||
<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>
|
||||
<a href="<?php echo $consultLink; ?>" class="button small">Request a consultation</a>
|
||||
<div><?php echo $address; ?></div>
|
||||
<div><a href="mailto:<?php echo $email; ?>"><?php echo $email; ?></a></div>
|
||||
</div>
|
||||
@ -23,9 +69,18 @@ $consultLink= get_field('request_consultation_link','option');
|
||||
</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 class="copyright"><?php echo $year; ?> © ascribe GmbH</div>
|
||||
<?php wp_nav_menu( array( 'theme_location' => 'lower-footer-menu', 'container' => false ) ); ?>
|
||||
<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>
|
||||
</section>
|
||||
</footer>
|
||||
|
||||
@ -68,5 +68,15 @@ function register_primary_nav_menu() {
|
||||
}
|
||||
add_action( 'init', 'register_primary_nav_menu');
|
||||
|
||||
// ADD THUMBNAILS TO POSTS
|
||||
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");
|
||||
|
||||
add_theme_support( 'post-thumbnails' );
|
||||
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,
|
||||
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'];
|
||||
$headerTagline = get_field('header_tagline');
|
||||
$buttonText = get_field('create_account_button_text');
|
||||
$controller = new Controller();
|
||||
|
||||
?>
|
||||
|
||||
<header style="background-image:url(<?php echo $bgImage; ?>)">
|
||||
<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">
|
||||
<a href="<?php echo $signInLink; ?>">Sign In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
||||
</div>
|
||||
@ -30,6 +31,8 @@ $buttonText = get_field('create_account_button_text');
|
||||
<div class="chevron-divider"></div>
|
||||
</header>
|
||||
|
||||
<?php require 'content-main.php'; ?>
|
||||
<main>
|
||||
<?php echo $controller->loopSubtemplates(); ?>
|
||||
</main>
|
||||
|
||||
<?php get_footer(); ?>
|
||||
11
template.php
11
template.php
@ -7,17 +7,10 @@
|
||||
*/
|
||||
get_header();
|
||||
$controller = new Controller();
|
||||
|
||||
?>
|
||||
|
||||
<header>
|
||||
<div class="centered">
|
||||
<?php echo $logo; ?>
|
||||
<nav>
|
||||
<span class="icon-menu mobile-only"></span>
|
||||
<?php wp_nav_menu( array( 'theme_location' => 'general-menu', 'container' => false ) ); ?>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<?php get_template_part( 'template', 'header' ); ?>
|
||||
|
||||
<?php get_template_part( 'content', 'main' ); ?>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user