Frontend dev. All the way up to mobile for tablet
25
archive.php
Normal file
@ -0,0 +1,25 @@
|
||||
<?php
|
||||
get_header();
|
||||
get_template_part( 'template', 'blogheader' );
|
||||
echo '<div class="centered-content-padding">';
|
||||
echo '<div class="column-container">';
|
||||
echo '<div class="blog-column">';
|
||||
if ( have_posts() ) {
|
||||
while ( have_posts() ) {
|
||||
the_post();
|
||||
|
||||
get_template_part( 'content', 'blog' );
|
||||
|
||||
}
|
||||
}
|
||||
else {
|
||||
get_template_part( 'content', 'noposts' );
|
||||
}
|
||||
|
||||
echo '</div>';
|
||||
get_sidebar('blog');
|
||||
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
get_footer();
|
||||
?>
|
@ -478,6 +478,14 @@ h5,
|
||||
.contact .required-info,
|
||||
.contact .wpcf7-not-valid-tip,
|
||||
.press-articles,
|
||||
.upcoming-events .event,
|
||||
.past-events .event,
|
||||
.upcoming-events .event time,
|
||||
.past-events .event time,
|
||||
article.post h2,
|
||||
article.post .post-categories,
|
||||
.blog-sidebar .sidebar-blog-features,
|
||||
.single-post .entry,
|
||||
footer,
|
||||
footer a {
|
||||
font-family: "canada-type-gibson", sans-serif;
|
||||
@ -494,6 +502,9 @@ h6,
|
||||
.blueBoxTitle,
|
||||
.teamName,
|
||||
.button,
|
||||
.blog header + nav a,
|
||||
.archive header + nav a,
|
||||
.single-post header + nav a,
|
||||
.case-studies .description,
|
||||
.blue-box h1,
|
||||
.team h1,
|
||||
@ -503,6 +514,9 @@ h6,
|
||||
.contact input[type=submit],
|
||||
.contact .contact-point h1,
|
||||
.press-articles .press-article h1,
|
||||
.upcoming-events .event h1,
|
||||
.past-events .event h1,
|
||||
.blog-sidebar .sidebar-blog-features h1,
|
||||
footer a:hover {
|
||||
font-family: "canada-type-gibson", sans-serif;
|
||||
font-weight: 400;
|
||||
@ -510,10 +524,15 @@ footer a:hover {
|
||||
.sectionHeader {
|
||||
font-size: 34px;
|
||||
color: #67c4da;
|
||||
line-height: 41px;
|
||||
line-height: 1.2;
|
||||
margin: 35px 0;
|
||||
text-align: center;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.sectionHeader {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
.subsectionHeader {
|
||||
font-size: 31px;
|
||||
color: #000000;
|
||||
@ -700,9 +719,13 @@ h6 {
|
||||
background-position: bottom;
|
||||
width: 100%;
|
||||
background-size: 100%;
|
||||
opacity: 0.35;
|
||||
height: 150px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.chevron-divider {
|
||||
background-size: 120%;
|
||||
}
|
||||
}
|
||||
.social-icon {
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
@ -720,6 +743,25 @@ hr {
|
||||
background: #979797;
|
||||
margin: 40px 0;
|
||||
}
|
||||
.blueGradient,
|
||||
.blog header,
|
||||
.archive header,
|
||||
.single-post header,
|
||||
.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 */
|
||||
}
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
@ -789,7 +831,7 @@ hr {
|
||||
.centered-content-padding {
|
||||
zoom: 1;
|
||||
max-width: 950px;
|
||||
padding-bottom: 50px;
|
||||
padding: 0 10px 50px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
background-color: #ffffff;
|
||||
@ -802,6 +844,20 @@ hr {
|
||||
.centered-content-padding:after {
|
||||
clear: both;
|
||||
}
|
||||
.centered-categories {
|
||||
zoom: 1;
|
||||
max-width: 1000px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.centered-categories:before,
|
||||
.centered-categories:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
.centered-categories:after {
|
||||
clear: both;
|
||||
}
|
||||
.centered-footer {
|
||||
zoom: 1;
|
||||
max-width: 670px;
|
||||
@ -844,7 +900,7 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 50%;
|
||||
}
|
||||
@media screen and (max-width: 550px) {
|
||||
@media screen and (max-width: 570px) {
|
||||
.ttl-columns .column-2 {
|
||||
width: 100%;
|
||||
}
|
||||
@ -856,7 +912,7 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 33.33333333%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 570px) {
|
||||
.ttl-columns .column-3 {
|
||||
width: 100%;
|
||||
}
|
||||
@ -868,7 +924,7 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 25%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 768px) {
|
||||
.ttl-columns .column-4 {
|
||||
width: 50%;
|
||||
}
|
||||
@ -880,7 +936,7 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 20%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 768px) {
|
||||
.ttl-columns .column-5 {
|
||||
width: 50%;
|
||||
}
|
||||
@ -892,16 +948,28 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 16.66666667%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 768px) {
|
||||
.ttl-columns .column-6 {
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
@media screen and (max-width: 375px) {
|
||||
.ttl-columns .column-6 {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
.ttl-columns .column-7 {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 14.28571429%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.ttl-columns .column-7 {
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
.ttl-columns .columnTwoThirds {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
@ -909,7 +977,7 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 66.6%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 570px) {
|
||||
.ttl-columns .columnTwoThirds {
|
||||
width: 100%;
|
||||
}
|
||||
@ -921,7 +989,7 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 75%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 768px) {
|
||||
.ttl-columns .columnThreeQuarters {
|
||||
width: 100%;
|
||||
}
|
||||
@ -944,7 +1012,7 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 50%;
|
||||
}
|
||||
@media screen and (max-width: 550px) {
|
||||
@media screen and (max-width: 570px) {
|
||||
.column-container .column-2 {
|
||||
width: 100%;
|
||||
}
|
||||
@ -956,7 +1024,7 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 33.33333333%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 570px) {
|
||||
.column-container .column-3 {
|
||||
width: 100%;
|
||||
}
|
||||
@ -968,7 +1036,7 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 25%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 768px) {
|
||||
.column-container .column-4 {
|
||||
width: 50%;
|
||||
}
|
||||
@ -980,7 +1048,7 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 20%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 768px) {
|
||||
.column-container .column-5 {
|
||||
width: 50%;
|
||||
}
|
||||
@ -992,16 +1060,28 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 16.66666667%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 768px) {
|
||||
.column-container .column-6 {
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
@media screen and (max-width: 375px) {
|
||||
.column-container .column-6 {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
.column-container .column-7 {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 14.28571429%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.column-container .column-7 {
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
.column-container .columnTwoThirds {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
@ -1009,7 +1089,7 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 66.6%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 570px) {
|
||||
.column-container .columnTwoThirds {
|
||||
width: 100%;
|
||||
}
|
||||
@ -1021,7 +1101,7 @@ ol {
|
||||
font-size: 15px;
|
||||
width: 75%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 768px) {
|
||||
.column-container .columnThreeQuarters {
|
||||
width: 100%;
|
||||
}
|
||||
@ -1042,12 +1122,12 @@ video {
|
||||
.mobile-only {
|
||||
display: none;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 768px) {
|
||||
.mobile-only {
|
||||
display: inherit;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 768px) {
|
||||
.desktop-only {
|
||||
display: none;
|
||||
}
|
||||
@ -1056,7 +1136,7 @@ header {
|
||||
overflow: hidden;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
header ~ .chevron-divider {
|
||||
header + .chevron-divider {
|
||||
height: 175px;
|
||||
}
|
||||
.page-template-template-tour header {
|
||||
@ -1099,17 +1179,258 @@ header ~ .chevron-divider {
|
||||
.page-template-template-tour header .app-links a {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-template-template-tour header .app-links a:hover {
|
||||
color: #d8127d;
|
||||
}
|
||||
.page-template-template-tour header .chevron-divider {
|
||||
position: absolute;
|
||||
bottom: -60px;
|
||||
height: 150px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.page-template-template-tour header {
|
||||
height: 600px;
|
||||
}
|
||||
.page-template-template-tour header h1 {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
.page-template-template-tour header .description {
|
||||
margin: 160px auto 0;
|
||||
font-size: 34px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.page-template-template-companyblue header {
|
||||
background-color: #529dae;
|
||||
}
|
||||
.page-template-template-companyblue header ~ .chevron-divider {
|
||||
.page-template-template-companyblue header + .chevron-divider {
|
||||
background-color: #529dae;
|
||||
}
|
||||
.blog header,
|
||||
.archive header,
|
||||
.single-post header {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.blog header .chevron-divider,
|
||||
.archive header .chevron-divider,
|
||||
.single-post header .chevron-divider {
|
||||
position: absolute;
|
||||
top: 110px;
|
||||
z-index: 1;
|
||||
}
|
||||
.blog header h1,
|
||||
.archive header h1,
|
||||
.single-post header h1 {
|
||||
color: #ffffff;
|
||||
font-size: 54px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
.blog header .app-links,
|
||||
.archive header .app-links,
|
||||
.single-post header .app-links {
|
||||
color: #ffffff;
|
||||
}
|
||||
.blog header .app-links a,
|
||||
.archive header .app-links a,
|
||||
.single-post header .app-links a {
|
||||
color: #ffffff;
|
||||
}
|
||||
.blog header .app-links a:hover,
|
||||
.archive header .app-links a:hover,
|
||||
.single-post header .app-links a:hover {
|
||||
font-family: "canada-type-gibson", sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
.blog header + nav,
|
||||
.archive header + nav,
|
||||
.single-post header + nav {
|
||||
background-color: #67c4da;
|
||||
border-top: 2px solid rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.blog header + nav ul,
|
||||
.archive header + nav ul,
|
||||
.single-post header + nav ul {
|
||||
font-size: 0;
|
||||
width: 100%;
|
||||
width: calc(100% + 30px);
|
||||
}
|
||||
.blog header + nav ul .column,
|
||||
.archive header + nav ul .column,
|
||||
.single-post header + nav ul .column {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.blog header + nav ul .column-2,
|
||||
.archive header + nav ul .column-2,
|
||||
.single-post header + nav ul .column-2 {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 50%;
|
||||
}
|
||||
@media screen and (max-width: 570px) {
|
||||
.blog header + nav ul .column-2,
|
||||
.archive header + nav ul .column-2,
|
||||
.single-post header + nav ul .column-2 {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.blog header + nav ul .column-3,
|
||||
.archive header + nav ul .column-3,
|
||||
.single-post header + nav ul .column-3 {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 33.33333333%;
|
||||
}
|
||||
@media screen and (max-width: 570px) {
|
||||
.blog header + nav ul .column-3,
|
||||
.archive header + nav ul .column-3,
|
||||
.single-post header + nav ul .column-3 {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.blog header + nav ul .column-4,
|
||||
.archive header + nav ul .column-4,
|
||||
.single-post header + nav ul .column-4 {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 25%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog header + nav ul .column-4,
|
||||
.archive header + nav ul .column-4,
|
||||
.single-post header + nav ul .column-4 {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
.blog header + nav ul .column-5,
|
||||
.archive header + nav ul .column-5,
|
||||
.single-post header + nav ul .column-5 {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 20%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog header + nav ul .column-5,
|
||||
.archive header + nav ul .column-5,
|
||||
.single-post header + nav ul .column-5 {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
.blog header + nav ul .column-6,
|
||||
.archive header + nav ul .column-6,
|
||||
.single-post header + nav ul .column-6 {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 16.66666667%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog header + nav ul .column-6,
|
||||
.archive header + nav ul .column-6,
|
||||
.single-post header + nav ul .column-6 {
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 375px) {
|
||||
.blog header + nav ul .column-6,
|
||||
.archive header + nav ul .column-6,
|
||||
.single-post header + nav ul .column-6 {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
.blog header + nav ul .column-7,
|
||||
.archive header + nav ul .column-7,
|
||||
.single-post header + nav ul .column-7 {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 14.28571429%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog header + nav ul .column-7,
|
||||
.archive header + nav ul .column-7,
|
||||
.single-post header + nav ul .column-7 {
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
.blog header + nav ul .columnTwoThirds,
|
||||
.archive header + nav ul .columnTwoThirds,
|
||||
.single-post header + nav ul .columnTwoThirds {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 66.6%;
|
||||
}
|
||||
@media screen and (max-width: 570px) {
|
||||
.blog header + nav ul .columnTwoThirds,
|
||||
.archive header + nav ul .columnTwoThirds,
|
||||
.single-post header + nav ul .columnTwoThirds {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.blog header + nav ul .columnThreeQuarters,
|
||||
.archive header + nav ul .columnThreeQuarters,
|
||||
.single-post header + nav ul .columnThreeQuarters {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 75%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog header + nav ul .columnThreeQuarters,
|
||||
.archive header + nav ul .columnThreeQuarters,
|
||||
.single-post header + nav ul .columnThreeQuarters {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.blog header + nav li,
|
||||
.archive header + nav li,
|
||||
.single-post header + nav li {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 14.28571429%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog header + nav li,
|
||||
.archive header + nav li,
|
||||
.single-post header + nav li {
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
.blog header + nav a,
|
||||
.archive header + nav a,
|
||||
.single-post header + nav a {
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 25px 0;
|
||||
font-size: 16px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.blog header + nav a:hover,
|
||||
.archive header + nav a:hover,
|
||||
.single-post header + nav a:hover {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.logo {
|
||||
float: left;
|
||||
margin-top: 25px;
|
||||
@ -1153,10 +1474,15 @@ header ~ .chevron-divider {
|
||||
.subtemplate h1 {
|
||||
font-size: 34px;
|
||||
color: #67c4da;
|
||||
line-height: 41px;
|
||||
line-height: 1.2;
|
||||
margin: 35px 0;
|
||||
text-align: center;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.subtemplate h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
.feature-circles {
|
||||
padding: 75px 0 160px;
|
||||
}
|
||||
@ -1171,7 +1497,7 @@ header ~ .chevron-divider {
|
||||
width: 33.33333333%;
|
||||
padding-right: 100px;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 570px) {
|
||||
.feature-circles .feature-circle {
|
||||
width: 100%;
|
||||
}
|
||||
@ -1194,6 +1520,17 @@ header ~ .chevron-divider {
|
||||
font-size: 15px;
|
||||
line-height: 19px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.feature-circles {
|
||||
padding: 75px 0 100px;
|
||||
}
|
||||
.feature-circles .column-container {
|
||||
width: calc(100% + 50px);
|
||||
}
|
||||
.feature-circles .feature-circle {
|
||||
padding-right: 50px;
|
||||
}
|
||||
}
|
||||
.case-studies {
|
||||
height: 685px;
|
||||
background-color: #888;
|
||||
@ -1261,6 +1598,28 @@ header ~ .chevron-divider {
|
||||
background-image: url(../../images/right.png);
|
||||
right: 0;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.case-studies {
|
||||
height: 500px;
|
||||
}
|
||||
.case-studies .description {
|
||||
font-size: 17px;
|
||||
line-height: 20px;
|
||||
width: 70%;
|
||||
}
|
||||
.case-studies .slider-action {
|
||||
-webkit-transform: scale(0.7);
|
||||
transform: scale(0.7);
|
||||
}
|
||||
.case-studies #back {
|
||||
-webkit-transform-origin: left;
|
||||
transform-origin: left;
|
||||
}
|
||||
.case-studies #forward {
|
||||
-webkit-transform-origin: right;
|
||||
transform-origin: right;
|
||||
}
|
||||
}
|
||||
.old-new {
|
||||
padding-top: 130px;
|
||||
padding-bottom: 175px;
|
||||
@ -1268,10 +1627,15 @@ header ~ .chevron-divider {
|
||||
.old-new h1 {
|
||||
font-size: 34px;
|
||||
color: #67c4da;
|
||||
line-height: 41px;
|
||||
line-height: 1.2;
|
||||
margin: 35px 0;
|
||||
text-align: center;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.old-new h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
.old-new th {
|
||||
font-size: 24px;
|
||||
color: #d8127d;
|
||||
@ -1284,8 +1648,6 @@ header ~ .chevron-divider {
|
||||
}
|
||||
.old-new td {
|
||||
border: 1px solid #d7e9ef;
|
||||
}
|
||||
.old-new td {
|
||||
vertical-align: middle;
|
||||
color: #121417;
|
||||
font-size: 15px;
|
||||
@ -1317,6 +1679,17 @@ header ~ .chevron-divider {
|
||||
.old-new tr:last-of-type .new {
|
||||
border-bottom-color: #d7e9ef;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.old-new {
|
||||
padding-top: 20px;
|
||||
}
|
||||
.old-new td {
|
||||
text-align: center;
|
||||
}
|
||||
.old-new .centered-content {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.product-overview {
|
||||
padding: 175px 0;
|
||||
border-top: 1px solid #979797;
|
||||
@ -1324,10 +1697,15 @@ header ~ .chevron-divider {
|
||||
.product-overview h1 {
|
||||
font-size: 34px;
|
||||
color: #67c4da;
|
||||
line-height: 41px;
|
||||
line-height: 1.2;
|
||||
margin: 35px 0;
|
||||
text-align: center;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.product-overview h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
.product-overview p {
|
||||
color: #121417;
|
||||
font-size: 15px;
|
||||
@ -1345,6 +1723,22 @@ header ~ .chevron-divider {
|
||||
.product-overview .text-column {
|
||||
width: 45%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.product-overview {
|
||||
padding: 100px 0;
|
||||
}
|
||||
.product-overview:first-of-type {
|
||||
border-top: 0;
|
||||
}
|
||||
.product-overview img {
|
||||
max-width: 100%;
|
||||
width: 45%;
|
||||
margin-top: 10%;
|
||||
}
|
||||
.product-overview .text-column {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.blue-box {
|
||||
padding: 175px 0;
|
||||
background-color: #fbfbfb;
|
||||
@ -1367,6 +1761,11 @@ header ~ .chevron-divider {
|
||||
line-height: 52px;
|
||||
text-align: center;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blue-box {
|
||||
padding: 75px 0;
|
||||
}
|
||||
}
|
||||
.sign-up {
|
||||
padding: 240px 0 210px;
|
||||
text-align: center;
|
||||
@ -1388,6 +1787,17 @@ header ~ .chevron-divider {
|
||||
display: block;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.galleries-marketplaces {
|
||||
padding: 75px 0 30px;
|
||||
}
|
||||
.galleries-marketplaces h1 {
|
||||
font-size: 27px;
|
||||
}
|
||||
.galleries-marketplaces a {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.blog-features {
|
||||
background-color: #fbfbfb;
|
||||
padding: 75px 0;
|
||||
@ -1400,7 +1810,7 @@ header ~ .chevron-divider {
|
||||
width: 33.33333333%;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 570px) {
|
||||
.blog-features .blog {
|
||||
width: 100%;
|
||||
}
|
||||
@ -1446,7 +1856,7 @@ header ~ .chevron-divider {
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 570px) {
|
||||
.team .team-member {
|
||||
width: 100%;
|
||||
}
|
||||
@ -1472,6 +1882,14 @@ header ~ .chevron-divider {
|
||||
padding: 70px 0;
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.team .intro {
|
||||
text-align: center;
|
||||
}
|
||||
.team .button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.faq {
|
||||
color: #121417;
|
||||
font-size: 17px;
|
||||
@ -1521,7 +1939,7 @@ header ~ .chevron-divider {
|
||||
line-height: 22px;
|
||||
padding-right: 175px;
|
||||
}
|
||||
@media screen and (max-width: 550px) {
|
||||
@media screen and (max-width: 570px) {
|
||||
.values .value {
|
||||
width: 100%;
|
||||
}
|
||||
@ -1563,7 +1981,7 @@ header ~ .chevron-divider {
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 768px) {
|
||||
.contact .form {
|
||||
width: 100%;
|
||||
}
|
||||
@ -1575,7 +1993,7 @@ header ~ .chevron-divider {
|
||||
font-size: 15px;
|
||||
width: 25%;
|
||||
}
|
||||
@media screen and (max-width: 780px) {
|
||||
@media screen and (max-width: 768px) {
|
||||
.contact .contact-points {
|
||||
width: 50%;
|
||||
}
|
||||
@ -1722,20 +2140,194 @@ header ~ .chevron-divider {
|
||||
.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 */
|
||||
.upcoming-events h2,
|
||||
.past-events h2 {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
font-size: 19px;
|
||||
}
|
||||
.upcoming-events h2 span,
|
||||
.past-events h2 span {
|
||||
background-color: white;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.upcoming-events h2:after,
|
||||
.past-events h2:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 1px;
|
||||
background-color: #979797;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.upcoming-events .event,
|
||||
.past-events .event {
|
||||
color: #121417;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
border-top: 1px solid #979797;
|
||||
padding-bottom: 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.upcoming-events .event h1,
|
||||
.past-events .event h1 {
|
||||
font-size: 26px;
|
||||
color: #000000;
|
||||
line-height: 1.2;
|
||||
text-align: left;
|
||||
margin-bottom: 0;
|
||||
font-size: 19px;
|
||||
}
|
||||
.upcoming-events .event h1 a,
|
||||
.past-events .event h1 a {
|
||||
color: #000000;
|
||||
}
|
||||
.upcoming-events .event h1 a:hover,
|
||||
.past-events .event h1 a:hover {
|
||||
color: #d8127d;
|
||||
}
|
||||
.upcoming-events .event time,
|
||||
.past-events .event time {
|
||||
color: #121417;
|
||||
font-size: 17px;
|
||||
line-height: 21px;
|
||||
margin-bottom: 5px;
|
||||
display: block;
|
||||
}
|
||||
.upcoming-events h2 + .event,
|
||||
.past-events h2 + .event {
|
||||
border-top: 0;
|
||||
}
|
||||
.upcoming-events blockquote,
|
||||
.past-events blockquote {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.upcoming-events + .chevron-divider,
|
||||
.past-events + .chevron-divider {
|
||||
height: 280px;
|
||||
margin-top: -100px;
|
||||
margin-bottom: -135px;
|
||||
position: relative;
|
||||
z-index: -1;
|
||||
}
|
||||
.blog .column-container {
|
||||
width: calc(100% + 70px);
|
||||
}
|
||||
article.post {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 50px;
|
||||
border-bottom: 2px solid #e5e5e5;
|
||||
}
|
||||
article.post h2 {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
article.post .post-categories {
|
||||
list-style: none;
|
||||
font-size: 12px;
|
||||
}
|
||||
article.post h1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
article.post .image {
|
||||
width: 100%;
|
||||
}
|
||||
article.post .image img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
article.post .meta {
|
||||
background-image: url(../../images/svg/ascribe-chevron.svg);
|
||||
background-position: bottom;
|
||||
width: 100%;
|
||||
background-size: 100%;
|
||||
height: 150px;
|
||||
opacity: 1;
|
||||
line-height: 75px;
|
||||
height: 75px;
|
||||
padding-left: 15px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
article.post .meta {
|
||||
background-size: 120%;
|
||||
}
|
||||
}
|
||||
.blog-column {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 66.6%;
|
||||
padding-right: 70px;
|
||||
}
|
||||
@media screen and (max-width: 570px) {
|
||||
.blog-column {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.blog-sidebar {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-right: 30px;
|
||||
font-size: 15px;
|
||||
width: 33.33333333%;
|
||||
padding-right: 70px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
@media screen and (max-width: 570px) {
|
||||
.blog-sidebar {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.blog-sidebar img {
|
||||
display: block;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.blog-sidebar .sidebar-blog-features {
|
||||
color: #121417;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.blog-sidebar .sidebar-blog-features h1 {
|
||||
font-size: 19px;
|
||||
color: #d8127d;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.blog-sidebar .sidebar-blog-features time {
|
||||
font-size: 18px;
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.blog-sidebar .sidebar-blog-features a {
|
||||
color: #000000;
|
||||
}
|
||||
.blog-sidebar .sidebar-blog-features a:hover {
|
||||
opacity: .3;
|
||||
}
|
||||
.blog-sidebar .sidebar-blog-features .blog {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
@media screen and (max-width: 570px) {
|
||||
.blog-sidebar {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.single-post .entry {
|
||||
color: #121417;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
width: 80%;
|
||||
}
|
||||
.single-post .article-post {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-template-template-companyblue .subtemplate:first-of-type .centered-content-padding {
|
||||
background-color: transparent;
|
||||
|
2
assets/css/ascribe.min.css
vendored
@ -1,6 +1,7 @@
|
||||
// TERRITORIAL CSS HELPERS
|
||||
@tabletWidth: 780px;
|
||||
@phoneWidth: 480px;
|
||||
@tabletWidth: 768px;
|
||||
@middleWidth: 570px;
|
||||
@phoneWidth: 375px;
|
||||
|
||||
// CLEARFIX
|
||||
// Apply .clearfix to a non-floated container element with floated elements in it
|
||||
@ -58,12 +59,18 @@
|
||||
.centered-content-padding {
|
||||
.clearfix;
|
||||
max-width: 950px;
|
||||
padding-bottom:50px;
|
||||
padding: 0 @centeredpadding 50px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
background-color: @white;
|
||||
}
|
||||
|
||||
.centered-categories {
|
||||
.clearfix;
|
||||
max-width: 1000px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.centered-footer {
|
||||
.clearfix;
|
||||
@ -103,7 +110,7 @@ ul, ol {
|
||||
.column-2 {
|
||||
.column;
|
||||
width: 50%;
|
||||
@media screen and (max-width: 550px) {
|
||||
@media screen and (max-width: @middleWidth) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@ -111,7 +118,7 @@ ul, ol {
|
||||
.column-3 {
|
||||
.column;
|
||||
width: 100/3%;
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
@media screen and (max-width: @middleWidth) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@ -142,11 +149,18 @@ ul, ol {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
.column-7 {
|
||||
.column;
|
||||
width: 100/7%;
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
|
||||
.columnTwoThirds {
|
||||
.column;
|
||||
width: 66.6%;
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
@media screen and (max-width: @middleWidth) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
@ -9,7 +9,7 @@ header {
|
||||
overflow: hidden;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
header ~ .chevron-divider {
|
||||
header + .chevron-divider {
|
||||
height: 175px;
|
||||
}
|
||||
.page-template-template-tour header {
|
||||
@ -46,6 +46,10 @@ header ~ .chevron-divider {
|
||||
|
||||
a {
|
||||
color: @white;
|
||||
|
||||
&:hover {
|
||||
color: @pink;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -54,15 +58,82 @@ header ~ .chevron-divider {
|
||||
bottom: -@chevronOffsetHeader;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
height: 600px;
|
||||
|
||||
h1 {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
|
||||
.description {
|
||||
margin: 160px auto 0;
|
||||
font-size: 34px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.page-template-template-companyblue header {
|
||||
background-color: #529dae;
|
||||
|
||||
& ~ .chevron-divider {
|
||||
& + .chevron-divider {
|
||||
background-color: #529dae;
|
||||
}
|
||||
|
||||
}
|
||||
.blog header, .archive header, .single-post header {
|
||||
&:extend(.blueGradient);
|
||||
padding-bottom:0;
|
||||
|
||||
.chevron-divider {
|
||||
position: absolute;
|
||||
top: 110px;
|
||||
z-index: 1;
|
||||
}
|
||||
h1 {
|
||||
color: @white;
|
||||
font-size: 54px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
.app-links {
|
||||
color: @white;
|
||||
a {
|
||||
color: @white;
|
||||
|
||||
&:hover {
|
||||
.fontRegular;
|
||||
}
|
||||
}
|
||||
}
|
||||
& + nav {
|
||||
background-color: @blueBright;
|
||||
border-top: 2px solid fade(@white,50);
|
||||
|
||||
ul {
|
||||
.column-container;
|
||||
}
|
||||
li {
|
||||
.ttl-columns.column-7;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 25px 0;
|
||||
font-size: 16px;
|
||||
color: @white;
|
||||
&:extend(.fontRegular);
|
||||
|
||||
&:hover {
|
||||
background-color: fade(@white,50);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.logo {
|
||||
float:left;
|
||||
margin-top: 25px;
|
||||
@ -91,7 +162,6 @@ header ~ .chevron-divider {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
|
||||
// SUBTEMPLATES
|
||||
.four-oh-four {
|
||||
font-size: 34px;
|
||||
@ -130,6 +200,17 @@ header ~ .chevron-divider {
|
||||
.description {
|
||||
.copyTextSmall;
|
||||
}
|
||||
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
padding: 75px 0 100px;
|
||||
.column-container {
|
||||
width: calc(~"100% + 50px");
|
||||
}
|
||||
|
||||
.feature-circle {
|
||||
padding-right: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.case-studies {
|
||||
height: 685px;
|
||||
@ -197,6 +278,25 @@ header ~ .chevron-divider {
|
||||
background-image: url(../../images/right.png);
|
||||
right:0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
height: 500px;
|
||||
|
||||
.description {
|
||||
font-size: 17px;
|
||||
line-height: 20px;
|
||||
width: 70%;
|
||||
}
|
||||
.slider-action {
|
||||
transform: scale(0.7);
|
||||
}
|
||||
#back {
|
||||
transform-origin: left;
|
||||
}
|
||||
#forward {
|
||||
transform-origin: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
.old-new {
|
||||
padding-top: 130px;
|
||||
@ -219,8 +319,6 @@ header ~ .chevron-divider {
|
||||
|
||||
td {
|
||||
border: 1px solid @blueLight;
|
||||
}
|
||||
td {
|
||||
vertical-align: middle;
|
||||
.copyTextSmall;
|
||||
width: 50%;
|
||||
@ -255,6 +353,16 @@ header ~ .chevron-divider {
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
padding-top: 20px;
|
||||
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
.centered-content {
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.product-overview {
|
||||
padding: 175px 0;
|
||||
@ -283,6 +391,22 @@ header ~ .chevron-divider {
|
||||
.text-column {
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
padding: 100px 0;
|
||||
&:first-of-type {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
width: 45%;
|
||||
margin-top: 10%;
|
||||
}
|
||||
.text-column {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
.blue-box {
|
||||
padding: 175px 0;
|
||||
@ -302,6 +426,10 @@ header ~ .chevron-divider {
|
||||
h1 {
|
||||
.blueBoxTitle;
|
||||
}
|
||||
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
padding: 75px 0;
|
||||
}
|
||||
}
|
||||
.sign-up {
|
||||
padding: 240px 0 210px;
|
||||
@ -322,6 +450,18 @@ header ~ .chevron-divider {
|
||||
display:block;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
padding: 75px 0 30px;
|
||||
|
||||
h1 {
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
a {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.blog-features {
|
||||
background-color: @greyBg;
|
||||
@ -382,6 +522,15 @@ header ~ .chevron-divider {
|
||||
padding: 70px 0;
|
||||
background-color: @greyBg;
|
||||
}
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
.intro {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.faq {
|
||||
.copyTextMedium;
|
||||
@ -561,21 +710,172 @@ header ~ .chevron-divider {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.upcoming-events, .past-events {
|
||||
h2 {
|
||||
text-align: center;
|
||||
position:relative;
|
||||
font-size: 19px;
|
||||
|
||||
span {
|
||||
background-color: white;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display:block;
|
||||
height: 1px;
|
||||
background-color: @greyHr;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.event {
|
||||
.copyText;
|
||||
|
||||
h1 {
|
||||
.h4;
|
||||
text-align:left;
|
||||
margin-bottom:0;
|
||||
font-size: 19px;
|
||||
a {
|
||||
color: @black;
|
||||
|
||||
&:hover {
|
||||
color: @pink;
|
||||
}
|
||||
}
|
||||
}
|
||||
time {
|
||||
.copyTextMedium;
|
||||
margin-bottom: 5px;
|
||||
display: block;
|
||||
}
|
||||
border-top: 1px solid @greyHr;
|
||||
padding-bottom:30px;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
h2 + .event {
|
||||
border-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
& + .chevron-divider {
|
||||
height: 280px;
|
||||
margin-top: -100px;
|
||||
margin-bottom: -135px;
|
||||
position: relative;
|
||||
z-index:-1;
|
||||
}
|
||||
}
|
||||
|
||||
// BLOG
|
||||
.blog .column-container {
|
||||
width: calc(~"100% + 70px");
|
||||
|
||||
}
|
||||
article.post {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 50px;
|
||||
border-bottom: 2px solid #e5e5e5;
|
||||
h2 {
|
||||
margin:0;
|
||||
font-size: 12px;
|
||||
&:extend(.fontLight);
|
||||
}
|
||||
.post-categories {
|
||||
list-style: none;
|
||||
font-size: 12px;
|
||||
&:extend(.fontLight);
|
||||
}
|
||||
h1 {
|
||||
margin-top:0;
|
||||
}
|
||||
.image {
|
||||
width: 100%;
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.meta {
|
||||
.chevron-divider;
|
||||
opacity: 1;
|
||||
line-height: 75px;
|
||||
height: 75px;
|
||||
padding-left: 15px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
}
|
||||
.blog-column {
|
||||
.ttl-columns.columnTwoThirds;
|
||||
padding-right: 70px;
|
||||
|
||||
}
|
||||
.blog-sidebar {
|
||||
.ttl-columns.column-3;
|
||||
padding-right: 70px;
|
||||
padding-top: 40px;
|
||||
|
||||
img {
|
||||
display:block;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.sidebar-blog-features {
|
||||
.copyText;
|
||||
|
||||
h1 {
|
||||
font-size: 19px;
|
||||
&:extend(.fontRegular);
|
||||
color: @pink;
|
||||
margin-bottom:0;
|
||||
}
|
||||
time {
|
||||
font-size:18px;
|
||||
display:block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
a {
|
||||
color: @black;
|
||||
&:hover {
|
||||
opacity: .3;
|
||||
}
|
||||
}
|
||||
.blog {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: @middleWidth) {
|
||||
width: 50%;
|
||||
margin:0 auto;
|
||||
}
|
||||
}
|
||||
.single-post {
|
||||
.entry {
|
||||
.copyText;
|
||||
width: 80%;
|
||||
}
|
||||
.article-post {
|
||||
border-bottom:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 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 */
|
||||
|
||||
&:extend(.blueGradient);
|
||||
.centered-content-padding {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
@ -52,9 +52,13 @@ a {
|
||||
&:extend(.fontLight);
|
||||
font-size: 34px;
|
||||
color: @blueBright;
|
||||
line-height: 41px;
|
||||
line-height: 1.2;
|
||||
margin: 35px 0;
|
||||
text-align: center;
|
||||
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
.subsectionHeader {
|
||||
&:extend(.fontLight);
|
||||
@ -284,8 +288,11 @@ a {
|
||||
background-position: bottom;
|
||||
width: 100%;
|
||||
background-size: 100%;
|
||||
opacity: 0.35;
|
||||
height: 150px;
|
||||
|
||||
@media screen and (max-width: @tabletWidth) {
|
||||
background-size: 120%;
|
||||
}
|
||||
}
|
||||
|
||||
.social-icon {
|
||||
@ -307,3 +314,18 @@ hr {
|
||||
background: @greyHr;
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
.blueGradient {
|
||||
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 */
|
||||
|
||||
}
|
51
content-blog.php
Normal file
@ -0,0 +1,51 @@
|
||||
<?php
|
||||
global $post;
|
||||
|
||||
$title = get_the_title();
|
||||
|
||||
$fname = get_the_author_meta('first_name');
|
||||
$lname = get_the_author_meta('last_name');
|
||||
$full_name = '';
|
||||
|
||||
if( empty($fname)){
|
||||
$full_name = $lname;
|
||||
} elseif( empty( $lname )){
|
||||
$full_name = $fname;
|
||||
} else {
|
||||
//both first name and last name are present
|
||||
$full_name = "{$fname} {$lname}";
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
<article <?php post_class(); ?>>
|
||||
<h2><?php echo get_the_category_list(); ?></h2>
|
||||
<?php echo "<h1>{$title}</h1>" ?>
|
||||
|
||||
<div class="image">
|
||||
<?php
|
||||
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
|
||||
|
||||
$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'post');
|
||||
echo "<img src='{$thumb[0]}' alt='{$title} image'>";
|
||||
|
||||
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="meta">
|
||||
<?php echo get_avatar( get_the_author_email(), 'size here' ); ?>
|
||||
<span class="author">by <?php echo $full_name; ?></span>
|
||||
on <date><?php the_date(); ?></date>
|
||||
</div>
|
||||
|
||||
<main class="entry">
|
||||
<?php
|
||||
if ( ! is_singular() ) {
|
||||
the_excerpt();
|
||||
} else {
|
||||
the_content();
|
||||
}
|
||||
?>
|
||||
</main>
|
||||
</article>
|
7
content-noposts.php
Normal file
@ -0,0 +1,7 @@
|
||||
|
||||
<main>
|
||||
<section class="subtemplate">
|
||||
<h1>No Posts</h1>
|
||||
<div>Sorry, there are no posts for this category!</div>
|
||||
</section>
|
||||
</main>
|
@ -21,68 +21,67 @@ class Subtemplate {
|
||||
|
||||
$subtemplateTitle = get_sub_field('section_title');
|
||||
|
||||
$subtemplate = '';
|
||||
|
||||
switch ($subtemplateType) {
|
||||
case 'featurecircles':
|
||||
$result .= $this->featureCircles($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->featureCircles($subtemplateTitle);
|
||||
break;
|
||||
case 'casestudies':
|
||||
$result .= $this->caseStudies($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->caseStudies($subtemplateTitle);
|
||||
break;
|
||||
case 'oldnew':
|
||||
$result .= $this->oldNew($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->oldNew($subtemplateTitle);
|
||||
break;
|
||||
case 'productoverview':
|
||||
$result .= $this->productOverview($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->productOverview($subtemplateTitle);
|
||||
break;
|
||||
case 'bluebox':
|
||||
$result .= $this->blueBox($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->blueBox($subtemplateTitle);
|
||||
break;
|
||||
case 'createaccount':
|
||||
$result .= $this->createAccount($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->createAccount($subtemplateTitle);
|
||||
break;
|
||||
case 'galleries':
|
||||
$result .= $this->galleries($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->galleries($subtemplateTitle);
|
||||
break;
|
||||
case 'blogfeatures':
|
||||
$result .= $this->blogFeatures($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->blogFeatures();
|
||||
break;
|
||||
case 'mediafeature':
|
||||
$result .= $this->galleries($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->galleries($subtemplateTitle);
|
||||
break;
|
||||
case 'team':
|
||||
$result .= $this->team($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->team($subtemplateTitle);
|
||||
break;
|
||||
case 'teamGeneral':
|
||||
$result .= $this->teamGeneral($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->teamGeneral($subtemplateTitle);
|
||||
break;
|
||||
case 'content':
|
||||
$result .= $this->content($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->content($subtemplateTitle);
|
||||
break;
|
||||
case 'image':
|
||||
$result .= $this->image($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->image($subtemplateTitle);
|
||||
break;
|
||||
case 'faq':
|
||||
$result .= $this->faq($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->faq($subtemplateTitle);
|
||||
break;
|
||||
case 'values':
|
||||
$result .= $this->values($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->values($subtemplateTitle);
|
||||
break;
|
||||
case 'careers':
|
||||
$result .= $this->careers($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->careers($subtemplateTitle);
|
||||
break;
|
||||
case 'mediadetail':
|
||||
$result .= $this->mediaDetail($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->mediaDetail($subtemplateTitle);
|
||||
break;
|
||||
case 'download':
|
||||
$result .= $this->download($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->download($subtemplateTitle);
|
||||
break;
|
||||
case 'contact':
|
||||
$result .= $this->contactPage($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->contactPage($subtemplateTitle);
|
||||
break;
|
||||
case 'events':
|
||||
$result .= $this->eventPage($subtemplate,$subtemplateTitle);
|
||||
$result .= $this->eventPage($subtemplateTitle);
|
||||
break;
|
||||
}
|
||||
}
|
||||
@ -91,7 +90,7 @@ class Subtemplate {
|
||||
return $result;
|
||||
}
|
||||
|
||||
public function featureCircles($subtemplate,$subtemplateTitle) {
|
||||
public function featureCircles($subtemplateTitle) {
|
||||
|
||||
$featureCircles = '';
|
||||
if (have_rows('feature_circles')) {
|
||||
@ -114,7 +113,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function caseStudies($subtemplate,$subtemplateTitle) {
|
||||
public function caseStudies($subtemplateTitle) {
|
||||
$caseStudies = '';
|
||||
if (have_rows('case_study')) {
|
||||
while (have_rows('case_study')) {
|
||||
@ -135,7 +134,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function oldNew($subtemplate,$subtemplateTitle) {
|
||||
public function oldNew($subtemplateTitle) {
|
||||
$oldNewRows = '';
|
||||
if (have_rows('old_way__new_way')) {
|
||||
while (have_rows('old_way__new_way')) {
|
||||
@ -163,7 +162,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function productOverview($subtemplate,$subtemplateTitle) {
|
||||
public function productOverview($subtemplateTitle) {
|
||||
|
||||
$imageUrl = get_sub_field('image')['url'];
|
||||
$imageAlt = get_sub_field('image')['alt'];
|
||||
@ -181,7 +180,7 @@ class Subtemplate {
|
||||
</section>";
|
||||
return $result;
|
||||
}
|
||||
public function blueBox($subtemplate,$subtemplateTitle) {
|
||||
public function blueBox($subtemplateTitle) {
|
||||
|
||||
$content = get_sub_field('content');
|
||||
|
||||
@ -196,7 +195,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function createAccount($subtemplate,$subtemplateTitle) {
|
||||
public function createAccount($subtemplateTitle) {
|
||||
$buttonText = get_sub_field('create_free_account_text');
|
||||
$signUpLink = get_field('sign_up_link','option');
|
||||
$backgroundImg = get_sub_field('image')['url'];
|
||||
@ -210,7 +209,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function galleries($subtemplate,$subtemplateTitle) {
|
||||
public function galleries($subtemplateTitle) {
|
||||
$galleryLink = get_sub_field('gallery_page');
|
||||
$galleriesImgUrl = get_sub_field('galleries_image')['url'];
|
||||
$galleriesImgAlt = get_sub_field('galleries_image')['alt'];
|
||||
@ -226,37 +225,57 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function blogFeatures($subtemplate,$subtemplateTitle) {
|
||||
public function blogFeatures($page = "home") {
|
||||
$blogFeatures = '';
|
||||
if (have_rows('blog_features')) {
|
||||
while (have_rows('blog_features')) {
|
||||
if (have_rows('blog_features','option')) {
|
||||
while (have_rows('blog_features','option')) {
|
||||
the_row();
|
||||
|
||||
$title = get_sub_field('feature_title');
|
||||
$feature = get_sub_field('post');
|
||||
$postTitle = $feature->post_title;
|
||||
$url = get_permalink($feature->ID);
|
||||
$content = substr($feature->post_content, 144);
|
||||
$date = date('F Y',$feature->post_date);
|
||||
$image = wp_get_attachment_image_src(get_post_thumbnail_id($feature->ID),'large')[0];
|
||||
|
||||
$blogFeatures .= "<a href='{$url}'><article class='blog'><div>
|
||||
if ($page == "home") {
|
||||
$blogFeatures .= "<a href='{$url}'><article class='blog'><div>
|
||||
<img src='{$image}' alt='{$postTitle} Image'>
|
||||
<h2>{$title}</h2>
|
||||
<h1>{$postTitle}</h1></div>
|
||||
</article></a>";
|
||||
|
||||
}
|
||||
else {
|
||||
$blogFeatures .= "<a href='{$url}'><article class='blog'>
|
||||
<h1>{$postTitle}</h1>
|
||||
<time>{$date}</time>
|
||||
<div>{$content}</div>
|
||||
</article></a>";
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$result = "<section class='subtemplate blog-features'>
|
||||
if ($page == "home") {
|
||||
$result = "<section class='subtemplate blog-features'>
|
||||
<div class='centered-content'>
|
||||
<div class='column-container'>
|
||||
{$blogFeatures}
|
||||
</div>
|
||||
</div>
|
||||
</section>";
|
||||
}
|
||||
else {
|
||||
$result = "<section class='sidebar-blog-features'>
|
||||
{$blogFeatures}
|
||||
</section>";
|
||||
}
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function team($subtemplate,$subtemplateTitle) {
|
||||
public function team($subtemplateTitle) {
|
||||
$content = get_sub_field('content');
|
||||
$meetTeamLink = get_sub_field('meet_the_team_link');
|
||||
|
||||
@ -324,7 +343,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function teamGeneral($subtemplate,$subtemplateTitle) {
|
||||
public function teamGeneral($subtemplateTitle) {
|
||||
$content = get_sub_field('content');
|
||||
$meetTeamLink = get_sub_field('meet_the_team_link');
|
||||
|
||||
@ -393,7 +412,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function content($subtemplate,$subtemplateTitle) {
|
||||
public function content($subtemplateTitle) {
|
||||
|
||||
$content = get_sub_field('content');
|
||||
|
||||
@ -408,7 +427,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function image($subtemplate,$subtemplateTitle) {
|
||||
public function image($subtemplateTitle) {
|
||||
|
||||
$image = get_sub_field('image')['url'];
|
||||
$imageAlt = get_sub_field('image')['alt'];
|
||||
@ -424,7 +443,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function faq($subtemplate,$subtemplateTitle) {
|
||||
public function faq($subtemplateTitle) {
|
||||
$featuredFAQ = '<dl class="featured-faqs">';
|
||||
if (have_rows('featured_faqs')) {
|
||||
while (have_rows('featured_faqs')) {
|
||||
@ -465,7 +484,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function values($subtemplate,$subtemplateTitle) {
|
||||
public function values($subtemplateTitle) {
|
||||
$values = '';
|
||||
if (have_rows('ascribe_values')) {
|
||||
while (have_rows('ascribe_values')) {
|
||||
@ -488,7 +507,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function careers($subtemplate,$subtemplateTitle) {
|
||||
public function careers($subtemplateTitle) {
|
||||
$args = array(
|
||||
'post_type' => 'career',
|
||||
'order' => 'ASC'
|
||||
@ -515,7 +534,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function mediaDetail($subtemplate,$subtemplateTitle) {
|
||||
public function mediaDetail($subtemplateTitle) {
|
||||
$image = get_sub_field('image')['url'];
|
||||
|
||||
$args = array(
|
||||
@ -555,7 +574,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function download($subtemplate,$subtemplateTitle) {
|
||||
public function download($subtemplateTitle) {
|
||||
$leftUrl = get_sub_field('left_button_url');
|
||||
$leftText = get_sub_field('left_button_text');
|
||||
$rightUrl = get_sub_field('right_button_url');
|
||||
@ -572,7 +591,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function contactPage($subtemplate,$subtemplateTitle) {
|
||||
public function contactPage($subtemplateTitle) {
|
||||
$contactPoints = '';
|
||||
|
||||
$content = get_sub_field('content');
|
||||
@ -605,7 +624,7 @@ class Subtemplate {
|
||||
|
||||
return $result;
|
||||
}
|
||||
public function eventPage($subtemplate,$subtemplateTitle) {
|
||||
public function eventPage($subtemplateTitle) {
|
||||
|
||||
$today = date('Ymd');
|
||||
$args = array(
|
||||
@ -625,6 +644,8 @@ class Subtemplate {
|
||||
|
||||
$futureEvents = get_posts($args);
|
||||
$futureMarkup = '';
|
||||
$dateInLoop = '';
|
||||
$lastDate = '';
|
||||
if (!empty($futureEvents)) {
|
||||
foreach ($futureEvents as $item) {
|
||||
$id = $item->ID;
|
||||
@ -633,11 +654,21 @@ class Subtemplate {
|
||||
$pubDate= get_field('date',$id);
|
||||
$quote = get_field('description',$id);
|
||||
|
||||
$futureMarkup .= "<article class='press-article'>
|
||||
$dateInLoop = date_create_from_format('F j, Y', $pubDate);
|
||||
$dateInLoop = date_format($dateInLoop, 'F Y');
|
||||
$header = '';
|
||||
if ($dateInLoop !== $lastDate) {
|
||||
$header = "<h2><span>{$dateInLoop}</span></h2>";
|
||||
}
|
||||
|
||||
$futureMarkup .= "{$header}
|
||||
<article class='event'>
|
||||
<h1><a href='{$url}'>{$name}</a></h1>
|
||||
<time>{$pubDate}</time>
|
||||
<blockquote>{$quote}</blockquote>
|
||||
</article>";
|
||||
|
||||
$lastDate = $dateInLoop;
|
||||
}
|
||||
}
|
||||
|
||||
@ -658,6 +689,7 @@ class Subtemplate {
|
||||
|
||||
$pastEvents = get_posts($args);
|
||||
$pastMarkup = '';
|
||||
$lastDate = '';
|
||||
if (!empty($pastEvents)) {
|
||||
foreach ($pastEvents as $item) {
|
||||
$id = $item->ID;
|
||||
@ -666,11 +698,22 @@ class Subtemplate {
|
||||
$pubDate= get_field('date',$id);
|
||||
$quote = get_field('description',$id);
|
||||
|
||||
$pastMarkup .= "<article class='press-article'>
|
||||
$dateInLoop = date_create_from_format('F j, Y', $pubDate);
|
||||
$dateInLoop = date_format($dateInLoop, 'F Y');
|
||||
$header = '';
|
||||
if ($dateInLoop !== $lastDate) {
|
||||
|
||||
$header = "<h2><span>{$dateInLoop}</span></h2>";
|
||||
}
|
||||
|
||||
$pastMarkup .= "{$header}
|
||||
<article class='event'>
|
||||
<h1><a href='{$url}'>{$name}</a></h1>
|
||||
<time>{$pubDate}</time>
|
||||
<blockquote>{$quote}</blockquote>
|
||||
</article>";
|
||||
|
||||
$lastDate = $dateInLoop;
|
||||
}
|
||||
}
|
||||
|
||||
@ -686,6 +729,7 @@ class Subtemplate {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class='chevron-divider'></div>
|
||||
<section class='subtemplate past-events'>
|
||||
<div class='centered-content-padding'>
|
||||
<div class='centered-content'>
|
||||
|
@ -22,6 +22,8 @@ else {
|
||||
$title = get_the_title();
|
||||
}
|
||||
|
||||
|
||||
|
||||
if (strpos($title, 'Home') !== false)
|
||||
{
|
||||
$title = '';
|
||||
|
@ -80,3 +80,11 @@ function enable_more_buttons($buttons) {
|
||||
}
|
||||
add_filter("mce_buttons", "enable_more_buttons");
|
||||
|
||||
|
||||
|
||||
// Replaces the excerpt "more" text by a link
|
||||
function new_excerpt_more($more) {
|
||||
global $post;
|
||||
return '... <a class="moretag" href="'. get_permalink($post->ID) . '"> Read More</a>';
|
||||
}
|
||||
add_filter('excerpt_more', 'new_excerpt_more');
|
@ -5,13 +5,17 @@
|
||||
* @package ascribe
|
||||
* @since 0.1.0
|
||||
*/
|
||||
require 'controller/header.php';
|
||||
require 'controller/init.php';
|
||||
$controller = new Controller();
|
||||
|
||||
if (!isset($headColour)) {
|
||||
$headColour = '';
|
||||
}
|
||||
|
||||
if (is_home()) {
|
||||
$title = "Blog | ascribe";
|
||||
}
|
||||
|
||||
?>
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en" itemscope itemtype="https://schema.org/Organization"> <![endif]-->
|
||||
@ -59,8 +63,9 @@ if (!isset($headColour)) {
|
||||
<link rel="icon" type="image/png" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/android-chrome-192x192.png" sizes="192x192">
|
||||
<link rel="icon" type="image/png" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/favicon-16x16.png" sizes="16x16">
|
||||
<link rel="manifest" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/manifest.json">
|
||||
<meta name="msapplication-TileColor" content="#00a300">
|
||||
<meta name="msapplication-TileColor" content="#d6137c">
|
||||
<meta name="msapplication-TileImage" content="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/mstile-144x144.png">
|
||||
<meta name="msapplication-config" content="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/browserconfig.xml">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<script src="https://use.typekit.net/oex7mmg.js"></script>
|
||||
|
25
home.php
Normal file
@ -0,0 +1,25 @@
|
||||
<?php
|
||||
get_header();
|
||||
get_template_part( 'template', 'blogheader' );
|
||||
echo '<div class="centered-content-padding">';
|
||||
echo '<div class="column-container">';
|
||||
echo '<div class="blog-column">';
|
||||
if ( have_posts() ) {
|
||||
while ( have_posts() ) {
|
||||
the_post();
|
||||
|
||||
get_template_part( 'content', 'blog' );
|
||||
|
||||
}
|
||||
}
|
||||
else {
|
||||
get_template_part( 'content', 'noposts' );
|
||||
}
|
||||
|
||||
echo '</div>';
|
||||
get_sidebar('blog');
|
||||
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
get_footer();
|
||||
?>
|
BIN
images/ico/android-chrome-144x144.png
Normal file
After Width: | Height: | Size: 5.0 KiB |
BIN
images/ico/android-chrome-192x192.png
Normal file
After Width: | Height: | Size: 7.0 KiB |
BIN
images/ico/android-chrome-36x36.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
images/ico/android-chrome-48x48.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
images/ico/android-chrome-72x72.png
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
images/ico/android-chrome-96x96.png
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
images/ico/apple-touch-icon-114x114.png
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
images/ico/apple-touch-icon-120x120.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
images/ico/apple-touch-icon-144x144.png
Normal file
After Width: | Height: | Size: 2.9 KiB |
BIN
images/ico/apple-touch-icon-152x152.png
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
images/ico/apple-touch-icon-180x180.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
images/ico/apple-touch-icon-57x57.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
images/ico/apple-touch-icon-60x60.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
images/ico/apple-touch-icon-72x72.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
images/ico/apple-touch-icon-76x76.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
images/ico/apple-touch-icon-precomposed.png
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
images/ico/apple-touch-icon.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
12
images/ico/browserconfig.xml
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square70x70logo src="/images/ico/mstile-70x70.png"/>
|
||||
<square150x150logo src="/images/ico/mstile-150x150.png"/>
|
||||
<square310x310logo src="/images/ico/mstile-310x310.png"/>
|
||||
<wide310x150logo src="/images/ico/mstile-310x150.png"/>
|
||||
<TileColor>#d6137c</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
BIN
images/ico/favicon-16x16.png
Normal file
After Width: | Height: | Size: 480 B |
BIN
images/ico/favicon-32x32.png
Normal file
After Width: | Height: | Size: 992 B |
BIN
images/ico/favicon-96x96.png
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
images/ico/favicon.ico
Normal file
After Width: | Height: | Size: 15 KiB |
41
images/ico/manifest.json
Normal file
@ -0,0 +1,41 @@
|
||||
{
|
||||
"name": "ascribe",
|
||||
"icons": [
|
||||
{
|
||||
"src": "\/images\/ico\/android-chrome-36x36.png",
|
||||
"sizes": "36x36",
|
||||
"type": "image\/png",
|
||||
"density": "0.75"
|
||||
},
|
||||
{
|
||||
"src": "\/images\/ico\/android-chrome-48x48.png",
|
||||
"sizes": "48x48",
|
||||
"type": "image\/png",
|
||||
"density": "1.0"
|
||||
},
|
||||
{
|
||||
"src": "\/images\/ico\/android-chrome-72x72.png",
|
||||
"sizes": "72x72",
|
||||
"type": "image\/png",
|
||||
"density": "1.5"
|
||||
},
|
||||
{
|
||||
"src": "\/images\/ico\/android-chrome-96x96.png",
|
||||
"sizes": "96x96",
|
||||
"type": "image\/png",
|
||||
"density": "2.0"
|
||||
},
|
||||
{
|
||||
"src": "\/images\/ico\/android-chrome-144x144.png",
|
||||
"sizes": "144x144",
|
||||
"type": "image\/png",
|
||||
"density": "3.0"
|
||||
},
|
||||
{
|
||||
"src": "\/images\/ico\/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image\/png",
|
||||
"density": "4.0"
|
||||
}
|
||||
]
|
||||
}
|
BIN
images/ico/mstile-144x144.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
images/ico/mstile-150x150.png
Normal file
After Width: | Height: | Size: 9.3 KiB |
BIN
images/ico/mstile-310x150.png
Normal file
After Width: | Height: | Size: 9.9 KiB |
BIN
images/ico/mstile-310x310.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
images/ico/mstile-70x70.png
Normal file
After Width: | Height: | Size: 5.8 KiB |
@ -2,92 +2,92 @@
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 813.6 225" style="enable-background:new 0 0 813.6 225;" xml:space="preserve">
|
||||
viewBox="-72 168 813.6 225" style="enable-background:new -72 168 813.6 225;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#6ECCDA;}
|
||||
.st0{fill:rgba(110,204,218,0.35);}
|
||||
</style>
|
||||
<g id="XMLID_1_">
|
||||
<polygon id="XMLID_41_" class="st0" points="406.4,194.2 406.4,198 396.1,225.1 394.7,225.1 "/>
|
||||
<polygon id="XMLID_40_" class="st0" points="406.4,162 406.4,165.8 383.9,225.1 382.5,225.1 "/>
|
||||
<polygon id="XMLID_39_" class="st0" points="406.4,129.7 406.4,133.5 371.7,225.1 370.2,225.1 "/>
|
||||
<polygon id="XMLID_38_" class="st0" points="406.4,97.4 406.4,101.2 359.4,225.1 358,225.1 "/>
|
||||
<polygon id="XMLID_37_" class="st0" points="406.4,65.2 406.4,69 347.2,225.1 345.7,225.1 "/>
|
||||
<polygon id="XMLID_36_" class="st0" points="406.4,32.9 406.4,36.7 334.9,225.1 333.5,225.1 "/>
|
||||
<polygon id="XMLID_35_" class="st0" points="406.2,1.2 406.4,1.2 406.4,4.4 322.7,225.1 321.3,225.1 "/>
|
||||
<polygon id="XMLID_34_" class="st0" points="395.4,1.2 310.5,225.1 309,225.1 394,1.2 "/>
|
||||
<polygon id="XMLID_33_" class="st0" points="383.2,1.2 298.2,225.1 296.8,225.1 381.7,1.2 "/>
|
||||
<polygon id="XMLID_32_" class="st0" points="370.9,1.2 286,225.1 284.5,225.1 369.5,1.2 "/>
|
||||
<polygon id="XMLID_31_" class="st0" points="358.7,1.2 273.7,225.1 272.3,225.1 357.2,1.2 "/>
|
||||
<polygon id="XMLID_30_" class="st0" points="346.4,1.2 261.5,225.1 260.1,225.1 345,1.2 "/>
|
||||
<polygon id="XMLID_29_" class="st0" points="334.2,1.2 249.3,225.1 247.8,225.1 332.8,1.2 "/>
|
||||
<polygon id="XMLID_28_" class="st0" points="322,1.2 237,225.1 235.6,225.1 320.5,1.2 "/>
|
||||
<polygon id="XMLID_27_" class="st0" points="309.7,1.2 224.8,225.1 223.3,225.1 308.3,1.2 "/>
|
||||
<polygon id="XMLID_26_" class="st0" points="297.5,1.2 212.5,225.1 211.1,225.1 296,1.2 "/>
|
||||
<polygon id="XMLID_25_" class="st0" points="285.2,1.2 200.3,225.1 198.9,225.1 283.8,1.2 "/>
|
||||
<polygon id="XMLID_24_" class="st0" points="273,1.2 188.1,225.1 186.6,225.1 271.6,1.2 "/>
|
||||
<polygon id="XMLID_23_" class="st0" points="260.8,1.2 175.8,225.1 174.4,225.1 259.3,1.2 "/>
|
||||
<polygon id="XMLID_22_" class="st0" points="248.5,1.2 163.6,225.1 162.1,225.1 247.1,1.2 "/>
|
||||
<polygon id="XMLID_21_" class="st0" points="236.3,1.2 151.3,225.1 149.9,225.1 234.8,1.2 "/>
|
||||
<polygon id="XMLID_20_" class="st0" points="224,1.2 139.1,225.1 137.7,225.1 222.6,1.2 "/>
|
||||
<polygon id="XMLID_19_" class="st0" points="211.8,1.2 126.9,225.1 125.4,225.1 210.4,1.2 "/>
|
||||
<polygon id="XMLID_18_" class="st0" points="199.6,1.2 114.6,225.1 113.2,225.1 198.1,1.2 "/>
|
||||
<polygon id="XMLID_17_" class="st0" points="187.3,1.2 102.4,225.1 100.9,225.1 185.9,1.2 "/>
|
||||
<polygon id="XMLID_16_" class="st0" points="175.1,1.2 90.1,225.1 88.7,225.1 173.6,1.2 "/>
|
||||
<polygon id="XMLID_15_" class="st0" points="162.8,1.2 77.9,225.1 76.5,225.1 161.4,1.2 "/>
|
||||
<polygon id="XMLID_14_" class="st0" points="150.6,1.2 65.7,225.1 64.2,225.1 149.2,1.2 "/>
|
||||
<polygon id="XMLID_13_" class="st0" points="138.4,1.2 53.4,225.1 52,225.1 136.9,1.2 "/>
|
||||
<polygon id="XMLID_12_" class="st0" points="126.1,1.2 41.2,225.1 39.7,225.1 124.7,1.2 "/>
|
||||
<polygon id="XMLID_11_" class="st0" points="113.9,1.2 28.9,225.1 27.5,225.1 112.4,1.2 "/>
|
||||
<polygon id="XMLID_10_" class="st0" points="101.6,1.2 16.7,225.1 15.3,225.1 100.2,1.2 "/>
|
||||
<polygon id="XMLID_9_" class="st0" points="89.4,1.2 4.5,225.1 3,225.1 88,1.2 "/>
|
||||
<polygon id="XMLID_8_" class="st0" points="75.7,1.2 77.2,1.2 -0.4,205.6 -0.4,201.8 "/>
|
||||
<polygon id="XMLID_7_" class="st0" points="63.5,1.2 64.9,1.2 -0.4,173.4 -0.4,169.6 "/>
|
||||
<polygon id="XMLID_6_" class="st0" points="51.2,1.2 52.7,1.2 -0.4,141.1 -0.4,137.3 "/>
|
||||
<polygon id="XMLID_5_" class="st0" points="39,1.2 40.4,1.2 -0.4,108.8 -0.4,105 "/>
|
||||
<polygon id="XMLID_4_" class="st0" points="26.8,1.2 28.2,1.2 -0.4,76.6 -0.4,72.8 "/>
|
||||
<polygon id="XMLID_3_" class="st0" points="14.5,1.2 16,1.2 -0.4,44.3 -0.4,40.5 "/>
|
||||
<polygon id="XMLID_2_" class="st0" points="2.3,1.2 3.7,1.2 -0.4,12 -0.4,8.2 "/>
|
||||
<polygon id="XMLID_41_" class="st0" points="334.4,362.2 334.4,366 324.1,393.1 322.7,393.1 "/>
|
||||
<polygon id="XMLID_40_" class="st0" points="334.4,330 334.4,333.8 311.9,393.1 310.5,393.1 "/>
|
||||
<polygon id="XMLID_39_" class="st0" points="334.4,297.7 334.4,301.5 299.7,393.1 298.2,393.1 "/>
|
||||
<polygon id="XMLID_38_" class="st0" points="334.4,265.4 334.4,269.2 287.4,393.1 286,393.1 "/>
|
||||
<polygon id="XMLID_37_" class="st0" points="334.4,233.2 334.4,237 275.2,393.1 273.7,393.1 "/>
|
||||
<polygon id="XMLID_36_" class="st0" points="334.4,200.9 334.4,204.7 262.9,393.1 261.5,393.1 "/>
|
||||
<polygon id="XMLID_35_" class="st0" points="334.2,169.2 334.4,169.2 334.4,172.4 250.7,393.1 249.3,393.1 "/>
|
||||
<polygon id="XMLID_34_" class="st0" points="323.4,169.2 238.5,393.1 237,393.1 322,169.2 "/>
|
||||
<polygon id="XMLID_33_" class="st0" points="311.2,169.2 226.2,393.1 224.8,393.1 309.7,169.2 "/>
|
||||
<polygon id="XMLID_32_" class="st0" points="298.9,169.2 214,393.1 212.5,393.1 297.5,169.2 "/>
|
||||
<polygon id="XMLID_31_" class="st0" points="286.7,169.2 201.7,393.1 200.3,393.1 285.2,169.2 "/>
|
||||
<polygon id="XMLID_30_" class="st0" points="274.4,169.2 189.5,393.1 188.1,393.1 273,169.2 "/>
|
||||
<polygon id="XMLID_29_" class="st0" points="262.2,169.2 177.3,393.1 175.8,393.1 260.8,169.2 "/>
|
||||
<polygon id="XMLID_28_" class="st0" points="250,169.2 165,393.1 163.6,393.1 248.5,169.2 "/>
|
||||
<polygon id="XMLID_27_" class="st0" points="237.7,169.2 152.8,393.1 151.3,393.1 236.3,169.2 "/>
|
||||
<polygon id="XMLID_26_" class="st0" points="225.5,169.2 140.5,393.1 139.1,393.1 224,169.2 "/>
|
||||
<polygon id="XMLID_25_" class="st0" points="213.2,169.2 128.3,393.1 126.9,393.1 211.8,169.2 "/>
|
||||
<polygon id="XMLID_24_" class="st0" points="201,169.2 116.1,393.1 114.6,393.1 199.6,169.2 "/>
|
||||
<polygon id="XMLID_23_" class="st0" points="188.8,169.2 103.8,393.1 102.4,393.1 187.3,169.2 "/>
|
||||
<polygon id="XMLID_22_" class="st0" points="176.5,169.2 91.6,393.1 90.1,393.1 175.1,169.2 "/>
|
||||
<polygon id="XMLID_21_" class="st0" points="164.3,169.2 79.3,393.1 77.9,393.1 162.8,169.2 "/>
|
||||
<polygon id="XMLID_20_" class="st0" points="152,169.2 67.1,393.1 65.7,393.1 150.6,169.2 "/>
|
||||
<polygon id="XMLID_19_" class="st0" points="139.8,169.2 54.9,393.1 53.4,393.1 138.4,169.2 "/>
|
||||
<polygon id="XMLID_18_" class="st0" points="127.6,169.2 42.6,393.1 41.2,393.1 126.1,169.2 "/>
|
||||
<polygon id="XMLID_17_" class="st0" points="115.3,169.2 30.4,393.1 28.9,393.1 113.9,169.2 "/>
|
||||
<polygon id="XMLID_16_" class="st0" points="103.1,169.2 18.1,393.1 16.7,393.1 101.6,169.2 "/>
|
||||
<polygon id="XMLID_15_" class="st0" points="90.8,169.2 5.9,393.1 4.5,393.1 89.4,169.2 "/>
|
||||
<polygon id="XMLID_14_" class="st0" points="78.6,169.2 -6.3,393.1 -7.8,393.1 77.2,169.2 "/>
|
||||
<polygon id="XMLID_13_" class="st0" points="66.4,169.2 -18.6,393.1 -20,393.1 64.9,169.2 "/>
|
||||
<polygon id="XMLID_12_" class="st0" points="54.1,169.2 -30.8,393.1 -32.3,393.1 52.7,169.2 "/>
|
||||
<polygon id="XMLID_11_" class="st0" points="41.9,169.2 -43.1,393.1 -44.5,393.1 40.4,169.2 "/>
|
||||
<polygon id="XMLID_10_" class="st0" points="29.6,169.2 -55.3,393.1 -56.7,393.1 28.2,169.2 "/>
|
||||
<polygon id="XMLID_9_" class="st0" points="17.4,169.2 -67.5,393.1 -69,393.1 16,169.2 "/>
|
||||
<polygon id="XMLID_8_" class="st0" points="3.7,169.2 5.2,169.2 -72.4,373.6 -72.4,369.8 "/>
|
||||
<polygon id="XMLID_7_" class="st0" points="-8.5,169.2 -7.1,169.2 -72.4,341.4 -72.4,337.6 "/>
|
||||
<polygon id="XMLID_6_" class="st0" points="-20.8,169.2 -19.3,169.2 -72.4,309.1 -72.4,305.3 "/>
|
||||
<polygon id="XMLID_5_" class="st0" points="-33,169.2 -31.6,169.2 -72.4,276.8 -72.4,273 "/>
|
||||
<polygon id="XMLID_4_" class="st0" points="-45.2,169.2 -43.8,169.2 -72.4,244.6 -72.4,240.8 "/>
|
||||
<polygon id="XMLID_3_" class="st0" points="-57.5,169.2 -56,169.2 -72.4,212.3 -72.4,208.5 "/>
|
||||
<polygon id="XMLID_2_" class="st0" points="-69.7,169.2 -68.3,169.2 -72.4,180 -72.4,176.2 "/>
|
||||
</g>
|
||||
<g id="XMLID_83_">
|
||||
<polygon id="XMLID_123_" class="st0" points="406.4,194.2 406.4,198 416.7,225.1 418.1,225.1 "/>
|
||||
<polygon id="XMLID_122_" class="st0" points="406.4,162 406.4,165.8 428.9,225.1 430.3,225.1 "/>
|
||||
<polygon id="XMLID_121_" class="st0" points="406.4,129.7 406.4,133.5 441.1,225.1 442.6,225.1 "/>
|
||||
<polygon id="XMLID_120_" class="st0" points="406.4,97.4 406.4,101.2 453.4,225.1 454.8,225.1 "/>
|
||||
<polygon id="XMLID_119_" class="st0" points="406.4,65.1 406.4,68.9 465.6,225.1 467.1,225.1 "/>
|
||||
<polygon id="XMLID_118_" class="st0" points="406.4,32.9 406.4,36.7 477.9,225.1 479.3,225.1 "/>
|
||||
<polygon id="XMLID_117_" class="st0" points="406.6,1.1 406.4,1.1 406.4,4.4 490.1,225.1 491.5,225.1 "/>
|
||||
<polygon id="XMLID_116_" class="st0" points="417.4,1.1 502.3,225.1 503.8,225.1 418.8,1.1 "/>
|
||||
<polygon id="XMLID_115_" class="st0" points="429.6,1.1 514.6,225.1 516,225.1 431.1,1.1 "/>
|
||||
<polygon id="XMLID_114_" class="st0" points="441.9,1.1 526.8,225.1 528.3,225.1 443.3,1.1 "/>
|
||||
<polygon id="XMLID_113_" class="st0" points="454.1,1.1 539.1,225.1 540.5,225.1 455.6,1.1 "/>
|
||||
<polygon id="XMLID_112_" class="st0" points="466.4,1.1 551.3,225.1 552.7,225.1 467.8,1.1 "/>
|
||||
<polygon id="XMLID_111_" class="st0" points="478.6,1.1 563.5,225.1 565,225.1 480,1.1 "/>
|
||||
<polygon id="XMLID_110_" class="st0" points="490.8,1.1 575.8,225.1 577.2,225.1 492.3,1.1 "/>
|
||||
<polygon id="XMLID_109_" class="st0" points="503.1,1.1 588,225.1 589.5,225.1 504.5,1.1 "/>
|
||||
<polygon id="XMLID_108_" class="st0" points="515.3,1.1 600.3,225.1 601.7,225.1 516.8,1.1 "/>
|
||||
<polygon id="XMLID_107_" class="st0" points="527.6,1.1 612.5,225.1 613.9,225.1 529,1.1 "/>
|
||||
<polygon id="XMLID_106_" class="st0" points="539.8,1.1 624.7,225.1 626.2,225.1 541.2,1.1 "/>
|
||||
<polygon id="XMLID_105_" class="st0" points="552,1.1 637,225.1 638.4,225.1 553.5,1.1 "/>
|
||||
<polygon id="XMLID_104_" class="st0" points="564.3,1.1 649.2,225.1 650.7,225.1 565.7,1.1 "/>
|
||||
<polygon id="XMLID_103_" class="st0" points="576.5,1.1 661.5,225.1 662.9,225.1 578,1.1 "/>
|
||||
<polygon id="XMLID_102_" class="st0" points="588.8,1.1 673.7,225.1 675.1,225.1 590.2,1.1 "/>
|
||||
<polygon id="XMLID_101_" class="st0" points="601,1.1 685.9,225.1 687.4,225.1 602.4,1.1 "/>
|
||||
<polygon id="XMLID_100_" class="st0" points="613.2,1.1 698.2,225.1 699.6,225.1 614.7,1.1 "/>
|
||||
<polygon id="XMLID_99_" class="st0" points="625.5,1.1 710.4,225.1 711.9,225.1 626.9,1.1 "/>
|
||||
<polygon id="XMLID_98_" class="st0" points="637.7,1.1 722.7,225.1 724.1,225.1 639.2,1.1 "/>
|
||||
<polygon id="XMLID_97_" class="st0" points="650,1.1 734.9,225.1 736.3,225.1 651.4,1.1 "/>
|
||||
<polygon id="XMLID_96_" class="st0" points="662.2,1.1 747.1,225.1 748.6,225.1 663.6,1.1 "/>
|
||||
<polygon id="XMLID_95_" class="st0" points="674.4,1.1 759.4,225.1 760.8,225.1 675.9,1.1 "/>
|
||||
<polygon id="XMLID_94_" class="st0" points="686.7,1.1 771.6,225.1 773.1,225.1 688.1,1.1 "/>
|
||||
<polygon id="XMLID_93_" class="st0" points="698.9,1.1 783.9,225.1 785.3,225.1 700.4,1.1 "/>
|
||||
<polygon id="XMLID_92_" class="st0" points="711.2,1.1 796.1,225.1 797.5,225.1 712.6,1.1 "/>
|
||||
<polygon id="XMLID_91_" class="st0" points="723.4,1.1 808.3,225.1 809.8,225.1 724.8,1.1 "/>
|
||||
<polygon id="XMLID_90_" class="st0" points="737.1,1.1 735.6,1.1 813.2,205.6 813.2,201.8 "/>
|
||||
<polygon id="XMLID_89_" class="st0" points="749.3,1.1 747.9,1.1 813.2,173.3 813.2,169.5 "/>
|
||||
<polygon id="XMLID_88_" class="st0" points="761.6,1.1 760.1,1.1 813.2,141.1 813.2,137.3 "/>
|
||||
<polygon id="XMLID_87_" class="st0" points="773.8,1.1 772.4,1.1 813.2,108.8 813.2,105 "/>
|
||||
<polygon id="XMLID_86_" class="st0" points="786,1.1 784.6,1.1 813.2,76.5 813.2,72.7 "/>
|
||||
<polygon id="XMLID_85_" class="st0" points="798.3,1.1 796.8,1.1 813.2,44.3 813.2,40.5 "/>
|
||||
<polygon id="XMLID_84_" class="st0" points="810.5,1.1 809.1,1.1 813.2,12 813.2,8.2 "/>
|
||||
<polygon id="XMLID_123_" class="st0" points="334.4,362.2 334.4,366 344.7,393.1 346.1,393.1 "/>
|
||||
<polygon id="XMLID_122_" class="st0" points="334.4,330 334.4,333.8 356.9,393.1 358.3,393.1 "/>
|
||||
<polygon id="XMLID_121_" class="st0" points="334.4,297.7 334.4,301.5 369.1,393.1 370.6,393.1 "/>
|
||||
<polygon id="XMLID_120_" class="st0" points="334.4,265.4 334.4,269.2 381.4,393.1 382.8,393.1 "/>
|
||||
<polygon id="XMLID_119_" class="st0" points="334.4,233.1 334.4,236.9 393.6,393.1 395.1,393.1 "/>
|
||||
<polygon id="XMLID_118_" class="st0" points="334.4,200.9 334.4,204.7 405.9,393.1 407.3,393.1 "/>
|
||||
<polygon id="XMLID_117_" class="st0" points="334.6,169.1 334.4,169.1 334.4,172.4 418.1,393.1 419.5,393.1 "/>
|
||||
<polygon id="XMLID_116_" class="st0" points="345.4,169.1 430.3,393.1 431.8,393.1 346.8,169.1 "/>
|
||||
<polygon id="XMLID_115_" class="st0" points="357.6,169.1 442.6,393.1 444,393.1 359.1,169.1 "/>
|
||||
<polygon id="XMLID_114_" class="st0" points="369.9,169.1 454.8,393.1 456.3,393.1 371.3,169.1 "/>
|
||||
<polygon id="XMLID_113_" class="st0" points="382.1,169.1 467.1,393.1 468.5,393.1 383.6,169.1 "/>
|
||||
<polygon id="XMLID_112_" class="st0" points="394.4,169.1 479.3,393.1 480.7,393.1 395.8,169.1 "/>
|
||||
<polygon id="XMLID_111_" class="st0" points="406.6,169.1 491.5,393.1 493,393.1 408,169.1 "/>
|
||||
<polygon id="XMLID_110_" class="st0" points="418.8,169.1 503.8,393.1 505.2,393.1 420.3,169.1 "/>
|
||||
<polygon id="XMLID_109_" class="st0" points="431.1,169.1 516,393.1 517.5,393.1 432.5,169.1 "/>
|
||||
<polygon id="XMLID_108_" class="st0" points="443.3,169.1 528.3,393.1 529.7,393.1 444.8,169.1 "/>
|
||||
<polygon id="XMLID_107_" class="st0" points="455.6,169.1 540.5,393.1 541.9,393.1 457,169.1 "/>
|
||||
<polygon id="XMLID_106_" class="st0" points="467.8,169.1 552.7,393.1 554.2,393.1 469.2,169.1 "/>
|
||||
<polygon id="XMLID_105_" class="st0" points="480,169.1 565,393.1 566.4,393.1 481.5,169.1 "/>
|
||||
<polygon id="XMLID_104_" class="st0" points="492.3,169.1 577.2,393.1 578.7,393.1 493.7,169.1 "/>
|
||||
<polygon id="XMLID_103_" class="st0" points="504.5,169.1 589.5,393.1 590.9,393.1 506,169.1 "/>
|
||||
<polygon id="XMLID_102_" class="st0" points="516.8,169.1 601.7,393.1 603.1,393.1 518.2,169.1 "/>
|
||||
<polygon id="XMLID_101_" class="st0" points="529,169.1 613.9,393.1 615.4,393.1 530.4,169.1 "/>
|
||||
<polygon id="XMLID_100_" class="st0" points="541.2,169.1 626.2,393.1 627.6,393.1 542.7,169.1 "/>
|
||||
<polygon id="XMLID_99_" class="st0" points="553.5,169.1 638.4,393.1 639.9,393.1 554.9,169.1 "/>
|
||||
<polygon id="XMLID_98_" class="st0" points="565.7,169.1 650.7,393.1 652.1,393.1 567.2,169.1 "/>
|
||||
<polygon id="XMLID_97_" class="st0" points="578,169.1 662.9,393.1 664.3,393.1 579.4,169.1 "/>
|
||||
<polygon id="XMLID_96_" class="st0" points="590.2,169.1 675.1,393.1 676.6,393.1 591.6,169.1 "/>
|
||||
<polygon id="XMLID_95_" class="st0" points="602.4,169.1 687.4,393.1 688.8,393.1 603.9,169.1 "/>
|
||||
<polygon id="XMLID_94_" class="st0" points="614.7,169.1 699.6,393.1 701.1,393.1 616.1,169.1 "/>
|
||||
<polygon id="XMLID_93_" class="st0" points="626.9,169.1 711.9,393.1 713.3,393.1 628.4,169.1 "/>
|
||||
<polygon id="XMLID_92_" class="st0" points="639.2,169.1 724.1,393.1 725.5,393.1 640.6,169.1 "/>
|
||||
<polygon id="XMLID_91_" class="st0" points="651.4,169.1 736.3,393.1 737.8,393.1 652.8,169.1 "/>
|
||||
<polygon id="XMLID_90_" class="st0" points="665.1,169.1 663.6,169.1 741.2,373.6 741.2,369.8 "/>
|
||||
<polygon id="XMLID_89_" class="st0" points="677.3,169.1 675.9,169.1 741.2,341.3 741.2,337.5 "/>
|
||||
<polygon id="XMLID_88_" class="st0" points="689.6,169.1 688.1,169.1 741.2,309.1 741.2,305.3 "/>
|
||||
<polygon id="XMLID_87_" class="st0" points="701.8,169.1 700.4,169.1 741.2,276.8 741.2,273 "/>
|
||||
<polygon id="XMLID_86_" class="st0" points="714,169.1 712.6,169.1 741.2,244.5 741.2,240.7 "/>
|
||||
<polygon id="XMLID_85_" class="st0" points="726.3,169.1 724.8,169.1 741.2,212.3 741.2,208.5 "/>
|
||||
<polygon id="XMLID_84_" class="st0" points="738.5,169.1 737.1,169.1 741.2,180 741.2,176.2 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 8.2 KiB |
@ -1,8 +1,2 @@
|
||||
<?php
|
||||
/**
|
||||
* The main template file
|
||||
*
|
||||
* @package ascribe
|
||||
* @since 0.1.0
|
||||
*/
|
||||
require 'template.php';
|
@ -1 +1 @@
|
||||
{"/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"}
|
||||
{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-09-26T02:07:07.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-09-26T02:07:07.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-26T02:07:04.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-26T02:06:45.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/branding.less":"2015-09-26T01:45: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"}
|
20
sidebar-blog.php
Normal file
@ -0,0 +1,20 @@
|
||||
<?php
|
||||
/**
|
||||
* Created by PhpStorm.
|
||||
* User: sarahetter
|
||||
* Date: 15-09-25
|
||||
* Time: 1:10 PM
|
||||
*/
|
||||
$controller = new Subtemplate();
|
||||
$banner = get_field('banner_for_blog_sidebar','option');
|
||||
|
||||
$image = '';
|
||||
if ($banner) {
|
||||
$image = "<img src='{$banner['url']}' alt='{$banner['alt']}'>";
|
||||
}
|
||||
?>
|
||||
|
||||
<aside class="blog-sidebar">
|
||||
<?php echo $image; ?>
|
||||
<?php echo $controller->blogFeatures("sidebar"); ?>
|
||||
</aside>
|
19
single-post.php
Normal file
@ -0,0 +1,19 @@
|
||||
<?php
|
||||
get_header();
|
||||
get_template_part( 'template', 'blogheader' );
|
||||
echo '<div class="centered-content-padding">';
|
||||
if ( have_posts() ) {
|
||||
while ( have_posts() ) {
|
||||
the_post();
|
||||
|
||||
get_template_part( 'content', 'blog' );
|
||||
|
||||
}
|
||||
}
|
||||
else {
|
||||
get_template_part( 'content', 'noposts' );
|
||||
}
|
||||
|
||||
echo '</div>';
|
||||
get_footer();
|
||||
?>
|
34
template-blogheader.php
Normal file
@ -0,0 +1,34 @@
|
||||
<?php
|
||||
/**
|
||||
* Created by PhpStorm.
|
||||
* User: sarahetter
|
||||
* Date: 15-09-24
|
||||
* Time: 5:32 PM
|
||||
*/
|
||||
?>
|
||||
<header class="blog">
|
||||
<div class="centered-header">
|
||||
<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>
|
||||
</div>
|
||||
<div class="chevron-divider"></div>
|
||||
<h1>ascribe blog</h1>
|
||||
</header>
|
||||
<nav class="blog-categories">
|
||||
<div class="centered-categories">
|
||||
<ul>
|
||||
<?php
|
||||
$args = array(
|
||||
'hide_empty' => 0
|
||||
);
|
||||
foreach((get_categories($args)) as $category) {
|
||||
if ($category->cat_name != 'Uncategorized') {
|
||||
echo '<li><a href="' . get_category_link( $category->term_id ) . '" title="' . sprintf( __( "View all posts in %s" ), $category->name ) . '" ' . '>' . $category->name.'</a></li> ';
|
||||
}
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|