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

Frontend dev. All the way up to mobile for tablet

This commit is contained in:
Sarah Etter 2015-09-25 20:08:27 -06:00
parent 36db938d7b
commit 646fb51858
47 changed files with 1426 additions and 211 deletions

25
archive.php Normal file
View 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();
?>

View File

@ -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;

File diff suppressed because one or more lines are too long

View File

@ -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%;
}
}

View File

@ -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;
}

View File

@ -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 {
@ -306,4 +313,19 @@ hr {
height: 2px;
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
View 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
View 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>

View File

@ -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'>

View File

@ -22,6 +22,8 @@ else {
$title = get_the_title();
}
if (strpos($title, 'Home') !== false)
{
$title = '';

View File

@ -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');

View File

@ -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
View 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();
?>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

View 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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 480 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 992 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
images/ico/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

41
images/ico/manifest.json Normal file
View 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"
}
]
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

BIN
images/ico/mstile-70x70.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

View File

@ -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

View File

@ -1,8 +1,2 @@
<?php
/**
* The main template file
*
* @package ascribe
* @since 0.1.0
*/
require 'template.php';

View File

@ -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
View 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
View 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
View 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>