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

Merge pull request #29 from ascribe/fix/footer

Browse Source 
Refactor all the typography things and more
This commit is contained in:
Matthias Kretschmann 2016-01-21 16:18:11 +01:00
commit f8caec8729
54 changed files with 2927 additions and 3331 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
archive.php
View File

@ -1,25 +1,22 @@
<?php <?php
get_header(); get_header();
get_template_part( 'template', 'blogheader' ); 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' ); echo '<div class="blog-column row row--content">';
if ( have_posts() ) {
while ( have_posts() ) {
the_post();
get_template_part( 'content', 'blog' );
}
}
else {
get_template_part( 'content', 'noposts' );
} }
}
else {
get_template_part( 'content', 'noposts' );
}
echo '</div>'; echo '</div>';
//get_sidebar('blog');
echo '</div>'; get_footer();
echo '</div>';
get_footer();
?> ?>

71
assets/js/src/ascribe.js → assets/_src/js/ascribe.js
View File

@ -1,16 +1,12 @@
//=include ajax-pagination.js
$(document).ready(function(){ $(document).ready(function(){
imgAttrRemover();
slider(); slider();
featuredFAQ(); featuredFAQ();
marketplaces(); marketplaces();
tourNav(); tourNav();
mobileNav(); mobileNav();
stickyNav(); stickyNav();
colourHover();
function tourNav() { function tourNav() {
@ -58,49 +54,28 @@ $(document).ready(function(){
}); });
} }
function mobileNav() {
$('.hamburger').click(function(){
console.log('hi');
$('.mobile-nav').toggleClass('active');
});
}
function stickyNav() {
var didScroll = false;
var sticky = $('.sticky');
$(window).scroll(function () {
didScroll = true;
});
setInterval(function () {
if (didScroll) {
didScroll = false;
if ($(window).scrollTop() > 100) {
sticky.addClass('stuck');
}
else {
sticky.removeClass('stuck');
}
}
}, 250);
}
function colourHover() {
$('.team-member img').hover(
function(){
var hover = $(this).data('hover');
$(this).attr('src',hover);
},
function(){
var normal = $(this).data('regular');
$(this).attr('src',normal);
});
}
function imgAttrRemover() {
$('img').each(function(){
$(this).removeAttr('width');
$(this).removeAttr('height');
});
}
}); });
function stickyNav() {
var sticky = $('.sticky');
$(window).on('load resize scroll', function() {
if ( $(window).width() > 768 ) {
if ( $(window).scrollTop() > 100 ) {
sticky.addClass('stuck');
} else {
sticky.removeClass('stuck');
}
}
});
}
function mobileNav() {
$('.hamburger').click(function() {
$('.mobile-nav').toggleClass('active');
});
}

869
assets/_src/less/ascribe.less Normal file
View File

@ -0,0 +1,869 @@
//
// Ascribe
// -----------------
// Main collection file
//
@node_modules: '../../../node_modules';
// Normalize all the things
@import (inline) '@{node_modules}/normalize-css/normalize.css';
@import (inline) '@{node_modules}/normalize-opentype.css/normalize-opentype.css';
// Variables & Mixins
@import 'ascribe/_variables';
//@import "ascribe/_mixins';
@import 'ascribe/_typography.less';
@import 'ascribe/_branding.less';
@import 'ascribe/_helpers.less';
@import 'ascribe/_buttons.less';
@import 'ascribe/_media.less';
@import 'ascribe/_grid.less';
@import 'ascribe/_footer.less';
@import 'ascribe/_hero.less';
@import 'ascribe/_header.less';
@import 'ascribe/_subtemplates.less';
@import 'ascribe/_feature-circles.less';
@import 'ascribe/_team.less';
@import 'ascribe/_blog.less';
@import 'vendor/print.less';
// MAIN
.above-chevron {
margin-top: -160px;
margin-bottom: -160px;
position: relative;
z-index: 3;
}
// SUBTEMPLATES
.four-oh-four {
font-size: 34px;
line-height: 41px;
text-align: center;
}
.case-studies {
height: 685px;
position: relative;
.case-study {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transition: .3s ease-out;
visibility: visible;
opacity: 1;
&.hidden {
visibility: hidden;
opacity: 0;
}
}
.slide-container {
width: 100%;
height: 100%;
position: relative;
left: 0px;
}
.description {
white-space: normal;
width: 60%;
background: fade(@black,64);
padding: 25px;
position: absolute;
bottom: 35px;
right:0;
.caseStudyText;
}
p {
margin:0;
}
.slider-action {
width: 80px;
height: 80px;
background-color: @white;
cursor: pointer;
position: absolute;
top: calc(~"50% - 40px");
z-index: 2;
span {
background-repeat: no-repeat;
display: block;
position:relative;
top:15px;
margin:0 auto;
background-image: url(../../../images/leftright.png);
width: 25px;
height: 50px;
}
}
#back {
left:0;
span {
background-position: 0 0;
}
}
#forward {
right:0;
span {
background-position: 0 -50px;
}
}
@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;
}
}
@media screen and (max-width: @phoneWidth) {
height: 400px;
background-color: black;
.case-study {
background-size: 100%;
background-position: top;
}
.description {
width: 100%;
background-color: black;
bottom: 0;
}
}
}
.old-new {
padding-top: 130px;
padding-bottom: 175px;
h1 {
.sectionHeader;
text-align: center;
}
th {
.oldWayNewWayTH;
text-transform: uppercase;
padding-bottom: 15px;
}
table {
border-collapse: collapse;
}
td {
border: 1px solid @blueLight;
vertical-align: middle;
.copyTextSmall;
width: 50%;
padding: 45px 0;
p {
width: 60%;
margin: 0 auto;
}
}
.new {
border-bottom-color: @white;
position: relative;
background-color: @blueLight;
&:before {
position: absolute;
left:-30px;
top: calc(~"50% - 30px");
content: '';
display: block;
width: 60px;
height: 60px;
background-image: url(../../../images/icon-arrow.png);
background-size:60px;
background-repeat: no-repeat;
}
}
tr {
&:last-of-type {
.new {
border-bottom-color: @blueLight;
}
}
}
@media screen and (max-width: @tabletWidth) {
padding-top: 20px;
td {
text-align: center;
}
}
@media screen and (max-width: @phoneWidth) {
.new {
&:before {
left:-20px;
width: 40px;
height: 40px;
background-size: 40px;
}
}
}
}
.product-overview {
&:extend(.text-center, .subtemplate);
border-top: 0;
border-bottom: 25px solid @greyBg;
h1 { font-size: @font-size-h3; }
.grid,
p { margin-bottom: 0; }
.row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
@media (@screen-sm) {
flex-wrap: no-wrap;
}
}
.grid { }
@media (@screen-sm) {
&:nth-of-type(odd) {
.grid {
flex-direction: row-reverse;
}
}
}
}
.blue-box {
&:extend(.text-center);
padding: @spacer 0;
background-color: @greyBg;
@media (min-width: @tabletWidth) {
padding: (@spacer * 2) 0;
}
&,
h1 {
color: #fff;
font-size: 180%;
line-height: 120%;
margin-top: 0;
}
.button {
margin-top: (@spacer/2)
}
> .row { background: transparent; }
}
.blue-copy {
margin: auto;
background-color: @blueBright;
padding: @spacer;
@media (@screen-sm) {
padding: (@spacer * 2);
}
}
//
// Component: CTA section
//
.cta {
padding: @spacer 0;
min-height: 300px;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: 55% 50%;
// centering from the future
display: flex;
align-items: center;
justify-content: center;
@media (min-width: @phoneWidth) {
padding: (@spacer * 2) 0;
min-height: 520px;
background-position: center;
}
// TODO: this should be the generic layout container for everything
.cta__container {
padding: 0 4%;
margin: auto;
max-width: 960px;
}
.cta__title {
color: #fff;
margin: 0 0 48px 0;
text-align: center;
}
.cta__button {
margin: 0 auto;
}
}
.galleries-marketplaces {
padding: @spacer 0;
text-align: center;
h1 {
.galleriesPressTitle;
}
img {
display:block;
}
@media (min-width: @tabletWidth) {
padding: (@spacer * 2) 0;
h1 {
font-size: 27px;
}
}
}
.faq {
.copyTextMedium;
dl,dt,dd {
margin:0;
padding:0;
}
.featured-faqs {
margin-bottom:75px;
dt {
&:extend(.fontRegular);
font-size: 25px;
line-height: 32px;
color: @pink;
cursor: pointer;
}
dd {
max-height:0;
overflow-y:hidden;
transition: .2s ease-out;
margin-bottom: 5px;
&.open {
max-height: 800px;
}
}
}
.regular-faqs {
dt {
&:extend(.fontRegular);
}
dd {
margin-bottom: 60px;
}
}
}
.values {
padding-bottom: @spacer;
}
.value {
h1 {
&:extend(.fontRegular);
color: @black;
font-size: 25px;
line-height: 1;
margin-top: 0;
text-align: left;
}
p { margin-bottom: 0 }
}
.careers {
&:extend(.text-center);
background-color: @greyBg;
> .row { background: none; }
a {
&:extend(.h3);
color: @black;
&:hover {
color: @pink;
}
}
li {
margin-bottom: 35px;
}
ul {
&:extend(.list-unstyled all);
}
}
.contact {
label {
&:extend(.small);
&.required {
&:after {
content: '*';
color: @pink;
}
}
}
input, textarea {
margin-bottom: 20px;
padding: 10px;
color: @greyText;
width: 80%;
margin-top: 5px;
border: 1px solid @greyHr;
outline: none;
&[aria-invalid=true] {
border: 1px solid @pink;
}
}
input[type=submit] {
&:extend(.button, .button.blue);
width: auto;
}
.contact-point {
h1 {
&:extend(.fontRegular);
font-size: 19px;
color: @pink;
text-align: left;
margin-bottom:0;
}
}
.required-info {
.copyTextSmall;
color: @pink;
}
.wpcf7-not-valid-tip {
.copyTextSmall;
color: @pink;
margin-top: -20px;
margin-bottom: 10px;
}
div.wpcf7-validation-errors {
border: none;
padding:0;
margin:0;
}
div.wpcf7-response-output, div.wpcf7-display-none, div.wpcf7-mail-sent-ok {
border: 0!important;
}
}
.press-articles {
text-align: center;
.press-article {
text-align: left;
margin-bottom: 35px;
padding-bottom: 35px;
border-bottom: 1px solid @greyHr;
h1 {
.teamName;
margin-bottom:0;
text-align: left;
a {
color: @black;
&:hover {
color: @blueBright;
}
}
}
}
}
.downloads {
.left {
float: left;
}
.right {
float: right;
}
}
.upcoming-events,
.past-events {
.event-container {
width: 70%;
float:left;
}
.event-archives {
width: 30%;
float: right;
padding-left: 10%;
padding-top: 50px;
h1 {
text-align: left;
font-size: 19px;
color: @pink;
font-weight: 400;
a {
color:@pink;
&:hover {
color: @black;
}
}
}
ul {
list-style: none;
margin:0;
margin-bottom: 40px;
padding:0;
li {
font-size: 18px;
line-height: 1.2;
}
a {
color: @black;
&:hover {
color: @pink;
}
}
}
}
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;
}
& + .chevron-divider {
height: 280px;
margin-top: -100px;
margin-bottom: -135px;
position: relative;
z-index:-1;
}
@media screen and (max-width: 550px) {
.event-container, .event-archives {
width: 100%;
float: none;
}
.event-archives {
padding: 0;
}
}
}
//
// Component: Short Descriptions
//
.short-descriptions {
&:extend(.text-center);
padding-bottom: @spacer;
}
.short-description {
p { margin-bottom: 0 }
}
.short-description__title {
font-size: @font-size-h4;
margin-top: 0;
}
.short-description__description {
&:extend(.small);
}
.content-boxed {
background-color: @greyBg;
}
.existing-new {
background-color: @greyBg;
padding: 90px 0 120px;
> .row { background: none; }
.top-tab {
div {
padding: 25px 0;
text-align: center;
cursor: pointer;
text-transform: uppercase;
.oldWayNewWayTH;
color: @black;
font-weight: 400;
}
&.active {
div {
border: 1px solid @pink;
border-bottom: 0;
background-color: @white;
color: @pink;
}
}
}
.content {
text-align: center;
display: none;
background-color: @white;
border: 1px solid @pink;
padding: 60px 10%;
margin-top: -1px;
&.active {
display: block;
}
}
.content > ul {
text-align: left;
list-style: none;
li {
margin-bottom: 35px;
}
ul {
margin-left: 10%;
text-align: left;
list-style-type: disc;
li {
margin-bottom:0;
}
}
}
.button {
&:extend(.button.pink);
}
}
.page-template-template-tour .subtemplate.content {
text-align: center;
&.grey {
background-color: @greyBg;
h1 {
margin-top: 55px;
}
}
}
.get-started {
&:extend(.text-center);
h1:not(.subtemplate__title) {
font-size: @font-size-h3;
}
}
.pricing {
background-repeat: no-repeat;
background-size: cover;
height: 470px;
padding-top: 80px;
text-align: center;
color: @white;
font-weight: 400;
h1 {
color: @white;
margin-bottom: 10px;
}
.pricing-detail {
.ttl-columns.column-2;
margin-bottom: 30px;
div {
height: 135px;
text-align: center;
background-color: @white;
.h1;
color: @pink;
p {
position: relative;
top: 50%;
transform: translateY(-50%);
}
}
small {
color: @black;
font-size: 16px;
display: block;
margin-top: 7px;
}
}
a {
color: @white;
&:hover {
color:@pink;
}
}
@media screen and (max-width: @phoneWidth) {
padding-top:0;
.pricing-detail {
div {
height:80px;
font-size: 20px;
}
}
}
}
// ASCRIBE CHANGES
.page-template-template-tour header .sticky.stuck {
top: 0;
}
.page-template-template-tour header .sticky {
top: 30px;
}
.case-studies #forward, .case-studies #back {
display: none;
}
.old-new p,
.get-started .description p {
text-align: center;
}
h1 > a,
.press-articles .press-article h1 a {
color: #d8127d;
}
.press-articles .press-article h1 a {
font-size: 20px;
}
.press-articles .press-article h1 {
margin-bottom: 10px;
}
.press-articles .press-article time {
font-size: 14px;
margin-bottom: 6px;
display: block;
}
.subtemplate.press-articles > div > div > img {
margin-bottom: 70px;
}
.subtemplate.downloads a[href=''] {
display: none;
}
.subtemplate.downloads a[href=''] + a:not([href='']) {
float: none;
display: inline-block;
margin: 0 auto;
}
.subtemplate.downloads .centered-content {
text-align: center;
}

113
assets/_src/less/ascribe/_blog.less Normal file
View File

@ -0,0 +1,113 @@
.hentry {
&:extend(.subtemplate);
border-bottom: 2px solid @blueLight;
&:last-child { border: none }
}
.entry-title {
margin-top: 0;
}
.entry-image {
width: 100%;
img {
display: block;
width: 100%;
}
}
.entry-content {
}
.entry-meta {
.chevron-divider;
opacity: 1;
line-height: 75px;
height: 75px;
padding-left: 15px;
margin-bottom: 35px;
font-weight: 500;
font-size: 16px;
}
//
// Categories list
//
.post-categories {
&:extend(.list-unstyled all, .small);
margin-bottom: (@line-height-small / 2);
}
//
// Pagination
//
.pagination {
background: @white;
margin-top: (@spacer/2);
padding-bottom: (@spacer/2);
a {
&:extend(.button all, .button.small);
}
}
.pagination__next {
&:extend(.text-right);
}
//
// Blog header
//
.blog-categories {
background-color: @blueBright;
border-top: 2px solid fade(@white,50);
ul {
&:extend(.list-unstyled all);
display: table;
padding: 0 10px;
width: 100%;
}
li {
width: 20%;
display: table;
text-align: center;
vertical-align: middle;
padding: 0;
height: 88px;
float: left;
transition: .2s ease-out;
&:hover,
&:focus {
background-color: fade(@white,50);
}
}
a {
&:extend(.text-center, .small);
display: table-cell;
color: @white;
height: 88px;
width: 100%;
vertical-align: middle;
padding: 0 10px;
&:hover,
&:focus {
color: @blueMedium;
}
}
@media screen and (max-width: 450px) {
li {
width: 50%;
}
}
}

122
assets/_src/less/ascribe/_branding.less Normal file
View File

@ -0,0 +1,122 @@
// FONTS
.fontLight {
font-family: @font-family-base;
font-weight: @font-weight-light;
}
.fontRegular {
font-family: @font-family-base;
font-weight: @font-weight-normal;
}
// GENERAL TEXT STYLES
.sectionHeader {
&:extend(.fontLight);
font-size: 34px;
color: @blueBright;
line-height: 1.2;
margin: 35px 0;
text-align: center;
@media screen and (max-width: @tabletWidth) {
font-size: 30px;
}
}
.subsectionHeader {
&:extend(.fontLight);
font-size: 31px;
color: @black;
line-height: 37px;
text-align: center;
}
// SPECIALIZED TEXT STYLES
.heroText {
&:extend(.fontLight);
font-size: 37px;
color: @white;
line-height: 44px;
}
.tourNavText {
&:extend(.fontLight);
font-size: 25px;
line-height: 30px;
color: @blueBright;
}
.signInUpText {
&:extend(.fontLight);
font-size: 17px;
line-height: 20px;
color: @white;
text-transform: uppercase;
}
.caseStudyText {
&:extend(.fontRegular);
font-size: 23px;
color: @white;
line-height: 28px;
}
.oldWayNewWayTH {
&:extend(.fontLight);
font-size: 24px;
color: @pink;
line-height: 29px;
}
.galleriesPressTitle {
&:extend(.fontLight);
font-size: 30px;
color: @black;
line-height: 36px;
margin-bottom: 50px;
}
.featureBlogDesc {
&:extend(.fontLight);
font-size: 13px;
color: @blueBright;
line-height: 22.79px;
}
.featureBlogTitle {
&:extend(.fontLight);
font-size: 17px;
color: @greyText;
line-height: 22.79px;
text-transform: uppercase;
}
.teamName {
&:extend(.fontRegular);
color: @black;
font-size: 19px;
}
.chevron-divider {
background-image: url(../../../images/svg/ascribe-chevron.svg);
background-position: bottom;
width: 100%;
background-size: 100%;
height: 150px;
@media screen and (max-width: @tabletWidth) {
background-size: 120%;
}
}
.social-icon {
width: 21px;
height: 21px;
padding: 1px;
fill: @white;
background-color: @greySocial;
border-radius: 5px;
&:hover {
background-color: fade(@greySocial,40);
}
}
.blueGradient {
background-color: @blueBright;
background: linear-gradient(to bottom, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* W3C */
}

84
assets/_src/less/ascribe/_buttons.less Normal file
View File

@ -0,0 +1,84 @@
.button {
&:extend(.fontRegular);
display: block;
padding: (@spacer / 2) @spacer;
border: 1px solid;
font-size: 22px;
line-height: 26px;
text-decoration: none;
text-align: center;
transition: .2s ease-out;
@media (@screen-sm) {
display: inline-block;
min-width: 265px;
}
&.blue {
@bgColor: @blueBright;
color: @white;
background-color: @bgColor;
border-color: @bgColor;
&:hover,
&:focus {
background-color: fade(@bgColor,50);
}
}
&.pink {
@bgColor: @pink;
color: @white;
background-color: @bgColor;
border-color: @bgColor;
&:hover,
&:focus {
background-color: fade(@bgColor,50);
}
}
&.blue-overPic {
@bgColor: @blueBright;
color: @white;
background-color: @bgColor;
border-color: @bgColor;
&:hover,
&:focus {
background-color: @white;
color: @bgColor;
}
}
&.pink-overPic {
@bgColor: @pink;
color: @white;
background-color: @bgColor;
border-color: @bgColor;
&:hover,
&:focus {
background-color: @white;
color: @bgColor;
}
}
&.white-blue {
@bgColor: @white;
color: @blueBright;
background-color: @bgColor;
border-color: @blueBright;
&:hover,
&:focus {
background-color: fade(@blueBright,50);
color: @white;
}
}
&.small {
padding: (@spacer / 4) (@spacer / 2);
font-size: @font-size-small;
min-width: 0;
}
}

84
assets/_src/less/ascribe/_feature-circles.less Normal file
View File

@ -0,0 +1,84 @@
.feature-circles {
padding-bottom: 0;
}
//
// Feature circle component
//
.feature-circle {
&:extend(.text-center);
}
.feature-circle__image {
width: 50%;
max-width: 200px;
margin: auto;
display: block;
}
.feature-circle__title {
font-size: @font-size-h3;
}
.feature-circle__description {}
//
// Surround circle component
//
.surround-circle {
&:extend(.text-center);
.feature-circle__title {
}
.feature-circle__description {
&:extend(.small);
}
.circle {
text-align: center;
position: relative;
border-radius: 100%;
background-clip: padding-box;
&:after {
display: block;
padding-bottom: 100%;
width: 100%;
height: 0;
border-radius: 50%;
background-color: white;
content: "";
border: 2px solid transparent;
}
&:before {
content: '';
position:absolute;
z-index:-1;
left:-2px;right:-2px;
top:-2px;bottom:-2px;
border-radius: 50%;
background: linear-gradient(@blueBright,@pink);
}
}
.container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.wrapper {
display: table;
width: 100%;
height: 100%;
}
.inner {
display: table-cell;
padding: 1em;
vertical-align: middle;
}
}

153
assets/_src/less/ascribe/_footer.less Normal file
View File

@ -0,0 +1,153 @@
//
// FOOTER
//
.footer {
&:extend(.small);
color: @white;
text-align: center;
@media (@screen-sm) {
text-align: left;
}
a { color: @white; }
.menu {
&:extend(.list-unstyled all);
}
.menu-item {
display: inline;
a {
display: inline-block;
padding: 3px 15px;
opacity: .85;
&:hover,
&:focus {
opacity: 1;
}
}
}
.button {
margin-bottom: (@spacer / 4);
&:hover {
text-decoration: none;
}
}
}
//
// Top footer
//
.footer__top {
&:extend(.subtemplate);
background: @greyFooter;
.menu {
margin-bottom: @spacer;
@media (@screen-sm) {
display: flex;
flex-flow: row wrap;
width: 70%;
float: left;
margin-bottom: 0;
}
}
.menu-item {
@media (@screen-sm) {
flex: 0 0 33%;
a { display: block; }
}
}
}
//
// Bottom footer
//
.footer__bottom {
&:extend(.mini);
color: @greyText;
padding: (@spacer / 2) 15px;
.menu {
margin-bottom: (@spacer/2);
@media (@screen-sm) {
float: left;
margin-bottom: 0;
margin-left: (@spacer/2);
}
}
.menu-item a {
color: @greyText;
}
}
//
// Contact
//
.footer__contact {
@media (@screen-sm) {
width: 25%;
float: right;
.button { width: 100%; }
}
}
//
// Social links
//
.footer__social {
&:extend(.list-unstyled all);
margin-top: (@spacer/2);
@media (@screen-sm) {
float: right;
margin-top: 0;
}
li { display: inline-block; }
}
.footer__social,
.footer__copyright,
.footer__bottom .menu {
@media (@screen-sm) {
margin-top: 10px
}
}
.footer__eu {
width: 150px;
height: auto;
margin: 0 auto (@spacer/2) auto;
@media (@screen-sm) {
float: left;
margin: 0 10px 0 0;
}
}
.footer__copyright {
margin-bottom: (@spacer/2);
@media (@screen-sm) {
margin-bottom: 0;
float: left;
padding: 3px 15px;
}
}

260
assets/_src/less/ascribe/_grid.less Normal file
View File

@ -0,0 +1,260 @@
//
// Grid
// --------------
// bigchain.io
//
// adapted from github.com/kremalicious/kremalicious3/blob/master/_src/_assets/styl/grid.styl
//
//
// More sane box model
//
*,
*:before,
*:after {
box-sizing: border-box;
}
//
// Base
//
.grid {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.grid__col {
flex: 1;
// Firefox grid fix for whatever reason
min-height: 0;
min-width: 0;
}
.row {
.clearfix; // for legacy float usage reasons
max-width: @screen-lg-min;
margin: auto;
padding-left: (@gutter-space/4);
padding-right: (@gutter-space/4);
@media (@screen-sm) {
padding-left: (@gutter-space/2);
padding-right: (@gutter-space/2);
}
@media (@screen-md) {
padding-left: @gutter-space;
padding-right: @gutter-space;
}
}
// more narrow row for all long text content
.row--content {
max-width: (@screen-md-min - @gutter-space);
}
//
// Alignment per row
//
.grid--top {
align-items: flex-start
}
.grid--bottom {
align-items: flex-end
}
.grid--center {
align-items: center
}
.grid--justifycenter {
justify-content: center
}
//
// Alignment per cell
//
.grid__col--top {
align-self: flex-start
}
.grid__col--bottom {
align-self: flex-end
}
.grid__col--center {
align-self: center
}
//
// Gutters
//
.grid--gutters {
margin: -(@gutter-space/2) 0 @gutter-space (-(@gutter-space/2));
> .grid__col {
padding: @gutter-space 0 0 @gutter-space;;
}
}
@media (@screen-sm) {
.grid-small--gutters {
margin: -(@gutter-space/2) 0 @gutter-space (-(@gutter-space/2));
> .grid__col {
padding: @gutter-space 0 0 @gutter-space;
}
}
}
@media (@screen-md) {
.grid-medium--gutters {
margin: -(@gutter-space/2) 0 @gutter-space (-(@gutter-space/2));
> .grid__col {
padding: @gutter-space 0 0 @gutter-space;
}
}
}
@media (@screen-lg) {
.grid-large--gutters {
margin: -(@gutter-space/2) 0 @gutter-space (-(@gutter-space/2));
> .grid__col {
padding: @gutter-space 0 0 @gutter-space;
}
}
}
//
// Columns
//
.grid--fit {
> .grid__col { flex: 1; }
}
.grid--full {
> .grid__col { flex: 0 0 100%; }
}
.grid--1of6 {
> .grid__col { flex: 0 0 16.5%; }
}
.grid--2of6,
.grid--third {
> .grid__col { flex: 0 0 33%; }
}
.grid--3of6,
.grid--half {
> .grid__col { flex: 0 0 50%; }
}
.grid--4of6 {
> .grid__col { flex: 0 0 66%; }
}
.grid--5of6 {
> .grid__col { flex: 0 0 82.5%; }
}
@media (@screen-sm) {
.grid-small--fit {
> .grid__col { flex: 1; }
}
.grid-small--full{
> .grid__col { flex: 0 0 100%; }
}
.grid-small--1of6 {
> .grid__col { flex: 0 0 16.5%; }
}
.grid-small--2of6,
.grid-small--third {
> .grid__col { flex: 0 0 33%; }
}
.grid-small--3of6,
.grid-small--half {
> .grid__col { flex: 0 0 50%; }
}
.grid-small--4of6 {
> .grid__col { flex: 0 0 66%; }
}
.grid-small--5of6 {
> .grid__col { flex: 0 0 82.5%; }
}
}
@media (@screen-md) {
.grid-medium--fit {
> .grid__col { flex: 1 }
}
.grid-medium--full {
> .grid__col { flex: 0 0 100%; }
}
.grid-medium--1of6 {
> .grid__col { flex: 0 0 16.5%; }
}
.grid-medium--2of6,
.grid-medium--third {
> .grid__col { flex: 0 0 33%; }
}
.grid-medium--3of6,
.grid-medium--half {
> .grid__col { flex: 0 0 50%; }
}
.grid-medium--4of6 {
> .grid__col { flex: 0 0 66%; }
}
.grid-medium--5of6 {
> .grid__col { flex: 0 0 82.5%; }
}
}
@media (@screen-lg) {
.grid-large--fit {
> .grid__col { flex: 1; }
}
.grid-large--full {
> .grid__col { flex: 0 0 100%; }
}
.grid-large--1of6 {
> .grid__col { flex: 0 0 16.5%; }
}
.grid-large--2of6,
.grid-large--third {
> .grid__col { flex: 0 0 33%; }
}
.grid-large--3of6,
.grid-large--half {
> .grid__col { flex: 0 0 50%; }
}
.grid-large--4of6 {
> .grid__col { flex: 0 0 66%; }
}
.grid-large--5of6 {
> .grid__col { flex: 0 0 82.5%; }
}
}

233
assets/_src/less/ascribe/_header.less Normal file
View File

@ -0,0 +1,233 @@
//
// Ascribe
// -----------------
// The header
//
.header {
overflow: hidden;
padding-bottom: 50px;
.chevron-divider {
height: 175px;
}
.logo {
margin-top: 30px;
position:relative;
z-index:10;
}
nav {
position: relative;
width: 100%;
text-align: center;
margin: 0;
top: 20px;
ul {
&:extend(.list-unstyled all, .small);
}
}
.menu-item {
display: inline-block;
border: 1px solid #b8b9b9;
margin: 0 15px 0 15px;
height: 60px;
padding: 0 30px;
width: 160px;
text-align: center;
vertical-align: top;
a {
color: #000;
display: block;
font-size: 16px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
&:hover {
border: 1px solid @pink;
a {
color: @pink;
}
}
}
@media screen and (max-width: 910px) {
.menu-item {
margin-right: 10px;
width: 120px;
padding: 0 10px;
}
}
@media screen and (max-width: 750px) {
.tour-switcher {
display: none;
}
.phone-and-up {
display: none;
}
.phone-only {
display: block;
}
.hamburger {
display: inline-block;
}
.mobile-nav {
display:none;
&.active {
display:block;
}
}
}
//
// Blog Header
//
.blog &,
.archive &,
.single-post & {
&:extend(.blueGradient);
padding-bottom:0;
.menu-item {
border: 1px solid fade(@white,30);
transition: .2s ease-out;
a {
color: @white;
}
&:hover {
background-color: fade(@white,30);
border: 1px solid fade(@white,30);
a {
color: @white;
}
}
}
.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;
a {
color: @white;
&:hover {
color: @pink;
}
}
}
.app-links {
color: @white;
a {
color: @white;
&:hover {
color: @pink;
}
}
}
}
}
.tour-switcher {
.phone-and-up;
}
.logo {
float:left;
&.phone-only {
width: 30px;
margin-left:10px;
}
}
.app-links {
float: right;
margin-top: 35px;
.signInUpText;
color: @black;
position:relative;
z-index:3;
a {
.signInUpText;
color: @black;
&:hover {
color: @pink;
}
}
}
.hamburger {
cursor:pointer;
width: 25px;
margin-left: 15px;
position: relative;
top: 2px;
z-index:50;
@media screen and (max-width: @phoneWidth) {
display: inline-block;
}
}
.mobile-nav {
display: none;
background-color: black;
position: absolute;
width: 120%;
left: -10%;
top: 0;
text-align:center;
z-index:4;
ul {
padding: 40px 0 20px;
}
li {
font-weight: 400;
padding-bottom: 15px;
font-size: 13px;
a {
color: @white;
&:hover {
color: @pink;
}
}
&:nth-child(-n+3) {
font-size: 16px;
padding-bottom: 35px;
}
&:nth-child(3) {
border-bottom:1px solid @white;
margin-bottom:25px;
}
}
@media screen and (max-width: @phoneWidth) {
display:none;
&.active {
display:block;
}
}
}

107
assets/less/ascribe/_helpers.less → assets/_src/less/ascribe/_helpers.less
View File

@ -1,9 +1,3 @@
// TERRITORIAL CSS HELPERS
@tabletWidth: 768px;
@middleWidth: 570px;
@phoneWidth: 600px;
@smallWidth: 400px;
// CLEARFIX // CLEARFIX
// Apply .clearfix to a non-floated container element with floated elements in it // Apply .clearfix to a non-floated container element with floated elements in it
// to ensure the container has a height. Use .no-clearfix to reset a clearfix // to ensure the container has a height. Use .no-clearfix to reset a clearfix
@ -29,73 +23,6 @@
} }
} }
// CENTERED
// Apply this class to an element to center it responsively in a container
@centeredpadding: 10px;
.centered-header {
.clearfix;
max-width: 1120px + 2*@centeredpadding;
padding: 0 @centeredpadding;
width: 100%;
margin: 0 auto;
}
.centered-prodFeat {
.clearfix;
max-width: 930px + 2*@centeredpadding;
padding: 0 @centeredpadding;
width: 100%;
margin: 0 auto;
}
.centered-content {
.clearfix;
max-width: 770px + 2*@centeredpadding;
padding: 0 @centeredpadding;
width: 100%;
margin: 0 auto;
}
.centered-pricing {
.clearfix;
max-width: 880px + 2*@centeredpadding;
padding: 0 @centeredpadding;
width: 100%;
margin: 0 auto;
}
.centered-content-padding {
.clearfix;
max-width: 950px;
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;
max-width: 650px + 2*@centeredpadding;
padding: 0 @centeredpadding;
width: 100%;
margin: 0 auto;
}
// GENERAL LIST
// TAKES AWAY PADDING AND LIST STYLE
ul, ol {
padding:0;
margin:0;
}
// COLUMN SECTIONS // COLUMN SECTIONS
.wrapper { .wrapper {
@ -105,15 +32,12 @@ ul, ol {
@paddingForCols: 30px; @paddingForCols: 30px;
.ttl-columns { .ttl-columns {
font-size:0;
width:100%; width:100%;
width: calc(~"100% +"@paddingForCols); width: calc(~"100% +"@paddingForCols);
.column { .column {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
padding-right: @paddingForCols; padding-right: @paddingForCols;
font-size: 15px;
} }
.column-2 { .column-2 {
@ -187,27 +111,6 @@ ul, ol {
.ttl-columns; .ttl-columns;
} }
// BORDER-BOX
// Changes the box model so that padding is included within width, rather than
// outside of width
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
// EMBED OBJECTS
// Makes embed objects responsive
img,
embed,
object,
video {
max-width: 100%;
border: 0;
padding: 0;
}
// MOBILE-ONLY // MOBILE-ONLY
// Use this to only display something on mobile- and tablet-width devices. // Use this to only display something on mobile- and tablet-width devices.
@ -241,16 +144,6 @@ video {
// MIXINS // MIXINS
// TRANSITION
// Applies a CSS transition between properties
.transition(@property: all, @speed: 0.15s, @easing: ease-in-out) {
-webkit-transition: @property @speed @easing;
-moz-transition: @property @speed @easing;
-ms-transition: @property @speed @easing;
-o-transition: @property @speed @easing;
transition: @property @speed @easing;
}
///** ///**
// * Selection // * Selection
// * // *

159
assets/_src/less/ascribe/_hero.less Normal file
View File

@ -0,0 +1,159 @@
.hero {
height: 815px;
padding:0;
padding-top: 30px;
margin-bottom: @spacer;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow: visible;
.sticky {
padding: 15px 0;
width: 100%;
position: fixed;
background-color: fade(@black,0);
transition: .2s ease-out;
&.stuck {
background-color: fade(@black,100);
z-index:800;
ul {
&.active {
background-color: @black;
padding-bottom: 10px;
}
}
}
}
nav {
float: left;
margin-top: 9px;
.tourNavText;
ul {
&:extend(.list-unstyled all);
padding: 0 35px;
position: absolute;
&.active {
li {
display: block;
&.current-menu-item {
a {
&:after {
transform: rotate(180deg);
}
}
}
}
}
li {
display: none;
text-align: right;
&.current-menu-item {
display: block;
a {
position: relative;
font-size: 25px;
&:before {
content: 'for ';
display: inline-block;
margin-right: 6px;
}
&:after {
content: '';
background-image: url(../../img/arrow.png);
background-repeat: no-repeat;
width: 10px;
height: 8px;
display: inline-block;
position: absolute;
top: 10px;
right: -25px;
font-size: 15px;
}
}
}
a {
width: 100%;
font-size: 20px;
}
}
}
}
.description {
clear: both;
width: 80%;
margin: 190px auto 0;
text-align: center;
}
h1 {
.heroText;
margin-bottom: 160px;
}
.app-links {
color: @white;
margin-top: 10px;
a {
color: @white;
&:hover {
color: @pink;
}
}
}
.chevron-divider {
position: absolute;
bottom: -@spacer;
height: 150px;
}
@media screen and (max-width: @tabletWidth) {
height: 600px;
h1 {
margin-bottom: 80px;
}
.description {
margin: 160px auto 0;
font-size: 34px;
width: 100%;
}
}
@media screen and (max-width: @phoneWidth) {
padding-top: 10px;
.description {
margin: 90px auto 0;
font-size: 34px;
width: 100%;
}
h1 {
font-size:26px;
line-height: 33px;
margin-bottom:0;
}
.sticky {
position: absolute;
&.stuck {
background-color: fade(@black,0);
}
}
.app-links {
margin-top:5px;
}
}
}

54
assets/_src/less/ascribe/_media.less Normal file
View File

@ -0,0 +1,54 @@
//
// responsive media by default
//
figure, img, svg, video, audio, embed, canvas, picture,
.wp-caption {
max-width: 100%;
height: auto;
border: 0;
padding: 0;
}
//
// Responsive video
//
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;
> iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
//
// Responsive iframe
//
iframe {
max-width: 100%;
}
.iframe-container {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
> iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}

42
assets/_src/less/ascribe/_subtemplates.less Normal file
View File

@ -0,0 +1,42 @@
.subtemplate {
position: relative;
padding-top: @spacer;
padding-bottom: @spacer;
@media (@screen-sm) {
padding-top: (@spacer * 2);
padding-bottom: (@spacer * 2);
}
> .row { background-color: @white; }
&.content-boxed,
&.grey {
> .row { background-color: transparent; }
}
&.case-studies {
padding: 0;
}
}
.subtemplate__title,
.subtemplate__description {
&:extend(.text-center);
}
.subtemplate__title {
margin-top: 0;
margin-bottom: @spacer;
.above-chevron > .subtemplate:first-child & {
margin-top: (@spacer * 2);
}
}
.subtemplate__description {
&:extend(.large);
color: @greyText;
margin-top: -(@spacer/2);
margin-bottom: (@spacer * 2);
}

45
assets/_src/less/ascribe/_team.less Normal file
View File

@ -0,0 +1,45 @@
.team {
text-align: center;
.intro {
margin-bottom: 60px;
text-align: left;
}
p {
margin:0;
}
&.tour-page {
padding: 70px 0;
background-color: @greyBg;
}
@media screen and (max-width: @tabletWidth) {
.intro {
text-align: center;
}
}
}
//
// Component: Team Member
//
.team-member {
&:extend(.text-center);
h1 {
.teamName;
margin-top: 20px;
margin-bottom:0;
}
h2 {
.copyText;
margin-top:2px;
}
}
.team-member__image {
border-radius: 50%;
max-width: 200px;
margin: auto;
display: block;
}

256
assets/_src/less/ascribe/_typography.less Normal file
View File

@ -0,0 +1,256 @@
//
// Typography
//
//
// Scaffolding
//
// Root reset
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
&:extend(.copyText);
background-color: @body-bg;
text-rendering: optimizeLegibility;
// Controversial! But prevents text flickering in
// Safari/Firefox when animations are running
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: 'liga', 'kern';
// remove old style numerals
font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 1;
}
// Legacy Text styles
.copyText {
font-family: @font-family-base;
font-size: @font-size-base;
font-weight: @font-weight-base;
line-height: @line-height-base;
color: @text-color;
}
.copyTextMedium {
&:extend(.fontLight);
color: @blueDeep;
font-size: 17px;
line-height: 21px;
}
.copyTextSmall {
font-family: @font-family-base;
font-size: @font-size-small;
font-weight: @font-weight-base;
line-height: @line-height-small;
color: @text-color;
}
//
// Links
//
a {
color: @link-color;
text-decoration: none;
transition: .2s ease-out;
&:hover,
&:focus {
color: @link-hover-color;
}
&:active {}
}
//
// Headings
//
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: @headings-font-family;
font-weight: @headings-font-weight;
line-height: @headings-line-height;
color: @headings-color;
margin-bottom: @line-height-base;
// remove old style numerals
font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 0, "dlig" 1;
}
.h1, h1 {
font-size: @font-size-h1;
}
.h2, h2 {
font-size: @font-size-h2;
}
.h3, h3 {
font-size: @font-size-h3;
}
.h4, h4 {
font-size: @font-size-h4;
color: @black;
}
.h5, h5 {
color: @font-size-h5;
color: @black;
}
.h6, h6 {
font-size: @font-size-h6;
color: @black;
}
// Reset fonts for relevant elements
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
//
// Body text
//
p {
margin: 0 0 @line-height-base;
}
//
// Emphasis & misc
//
small,
.small {
font-size: @font-size-small;
line-height: @line-height-small;
}
.mini {
font-size: @font-size-mini;
line-height: @line-height-small;
}
.large {
font-size: @font-size-large;
line-height: @line-height-large;
}
strong,
.strong,
.bold {
font-weight: @font-weight-bold;
}
em,
.italic {
font-style: italic;
font-weight: @font-weight-normal;
}
// Alignment
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
// Transformation
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
//
// Lists
//
// Unordered and Ordered lists
ul,
ol {
margin-top: @line-height-base;
margin-bottom: @line-height-base;
padding-left: @line-height-base;
li {
margin-bottom: (@line-height-base / 2);
padding-left: (@line-height-base / 2);
}
ul,
ol {
margin-bottom: 0;
}
}
// List options
.list-unstyled {
padding-left: 0;
margin: 0;
li {
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
}
// Inline turns list items into inline-block
.list-inline {
.list-unstyled;
margin-left: -5px;
> li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
}
//
// Blockquotes
//
blockquote {
border-left: 3px solid @greySocial;
margin-left: 0;
margin-top: @line-height-base;
margin-bottom: @line-height-base;
padding: (@line-height-base/2) @line-height-base;
color: @greyHr;
font-style: italic;
p,
ul,
ol {
&:last-child {
margin-bottom: 0;
}
}
}
cite {
&:extend(.bold, .small);
font-style: italic;
}
// Addresses
address {
margin-bottom: @line-height-base;
font-style: normal;
line-height: @line-height-base;
}
hr {
border: 0;
height: 2px;
background: @blueLight;
margin: @spacer 0;
}

94
assets/_src/less/ascribe/_variables.less Normal file
View File

@ -0,0 +1,94 @@
//
// Ascribe
// -----------------
// Variables
//
// COLORS
@blueDeep: #121417;
@blueMedium: #003C69;
@blueBright: #67C4DA;
@blueLight: #d7e9ef;
@pink: #D8127D;
@white: #fff;
@greyBg: #fbfbfb;
@greySocial: #b8b8b8;
@greyHr: #979797;
@greyFooter: #8c8c8c;
@greyText: #595959;
@blackish: #1e1e1e;
@black: #000;
//
// Typography
//
@font-size-base: 18px;
@font-size-small: 16px;
@font-size-mini: 13px;
@font-size-large: 24px;
@font-size-h1: 42px;
@font-size-h2: 32px;
@font-size-h3: 26px;
@font-size-h4: 22px;
@font-size-h5: @font-size-base;
@font-size-h6: @font-size-small;
@line-height-base: 24px;
@line-height-small: 22px;
@line-height-large: 28px;
@text-color: @greyText;
@font-family-base: "canada-type-gibson", sans-serif;
@font-weight-light: 300;
@font-weight-normal: 400;
@font-weight-base: @font-weight-light;
@font-weight-bold: @font-weight-normal;
@body-bg: @white;
@link-color: @blueBright;
@link-hover-color: @pink;
@headings-font-family: @font-family-base;
@headings-font-weight: @font-weight-base;
@headings-line-height: 1.2;
@headings-color: @pink;
//
// Spacing
//
@spacer: 40px;
//
// Responsive breakpoints
//
@screen-xs-min: 400px;
@screen-sm-min: 768px;
@screen-md-min: 900px;
@screen-lg-min: 1100px;
@screen-sm: ~'min-width: @{screen-sm-min}';
@screen-md: ~'min-width: @{screen-md-min}';
@screen-lg: ~'min-width: @{screen-lg-min}';
// LEGACY
// mostly used in conjunction with max-width media queries
@smallWidth: @screen-xs-min;
@middleWidth: 570px;
@phoneWidth: 600px;
@tabletWidth: @screen-sm-min;
//
// Grid
//
@gutter-space: (@spacer * 1.5);

0
assets/less/vendor/colorbox.css → assets/_src/less/vendor/colorbox.css vendored
View File

0
assets/less/vendor/print.less → assets/_src/less/vendor/print.less vendored
View File

12
assets/css/ascribe.css
View File

File diff suppressed because one or more lines are too long

12
assets/css/ascribe.min.css vendored
View File

File diff suppressed because one or more lines are too long

11
assets/dist/css/ascribe.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

11
assets/dist/css/ascribe.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

11
assets/dist/js/ascribe.js vendored Normal file
View File

@ -0,0 +1,11 @@
/**
** ascribe v0.0.1
** The best WordPress theme ever made!
** http://ascribe.io
**
** Territorial <us@territorial.ca>
**
**
** https://github.com/ascribe/wp-theme.git
**/
function stickyNav(){var e=$(".sticky");$(window).on("load resize scroll",function(){$(window).width()>768&&($(window).scrollTop()>100?e.addClass("stuck"):e.removeClass("stuck"))})}function mobileNav(){$(".hamburger").click(function(){$(".mobile-nav").toggleClass("active")})}$(document).ready(function(){function e(){$("body").hasClass("page-template-template-tour")&&$(".tour-switcher .menu").prepend($(".tour-switcher .current-menu-item")),$(".current-menu-item a").click(function(e){e.preventDefault(),$("#menu-landing-page-menu").toggleClass("active")})}function t(){$(".case-study:gt(0)").addClass("hidden"),$(".slider-action").click(function(){var e=$(this).attr("id");"back"===e?($(".case-study").addClass("hidden"),$(".case-study").last().prependTo(".slide-container").removeClass("hidden")):(displayed=$(".case-study").first(),displayed.addClass("hidden"),$(".case-study").eq(1).removeClass("hidden"),displayed.appendTo(".slide-container"))})}function a(){$(".featured-faqs dt").click(function(){$(this).next("dd").toggleClass("open")})}function s(){$(".top-tab").click(function(){$(".top-tab").removeClass("active"),$(this).addClass("active");var e=$(this).data("tab");$(".marketplace-info").removeClass("active"),$("#"+e).addClass("active")})}t(),a(),s(),e(),mobileNav(),stickyNav()});

11
assets/dist/js/ascribe.min.js vendored Normal file
View File

@ -0,0 +1,11 @@
/**
** ascribe v0.0.1
** The best WordPress theme ever made!
** http://ascribe.io
**
** Territorial <us@territorial.ca>
**
**
** https://github.com/ascribe/wp-theme.git
**/
function stickyNav(){var e=$(".sticky");$(window).on("load resize scroll",function(){$(window).width()>768&&($(window).scrollTop()>100?e.addClass("stuck"):e.removeClass("stuck"))})}function mobileNav(){$(".hamburger").click(function(){$(".mobile-nav").toggleClass("active")})}$(document).ready(function(){function e(){$("body").hasClass("page-template-template-tour")&&$(".tour-switcher .menu").prepend($(".tour-switcher .current-menu-item")),$(".current-menu-item a").click(function(e){e.preventDefault(),$("#menu-landing-page-menu").toggleClass("active")})}function t(){$(".case-study:gt(0)").addClass("hidden"),$(".slider-action").click(function(){var e=$(this).attr("id");"back"===e?($(".case-study").addClass("hidden"),$(".case-study").last().prependTo(".slide-container").removeClass("hidden")):(displayed=$(".case-study").first(),displayed.addClass("hidden"),$(".case-study").eq(1).removeClass("hidden"),displayed.appendTo(".slide-container"))})}function a(){$(".featured-faqs dt").click(function(){$(this).next("dd").toggleClass("open")})}function s(){$(".top-tab").click(function(){$(".top-tab").removeClass("active"),$(this).addClass("active");var e=$(this).data("tab");$(".marketplace-info").removeClass("active"),$("#"+e).addClass("active")})}t(),a(),s(),e(),mobileNav(),stickyNav()});

12
assets/js/ajax-pagination.js
View File

@ -1,12 +0,0 @@
/**
** ascribe v0.0.1
** The best WordPress theme ever made!
** http://ascribe.io
**
** Territorial <us@territorial.ca>
**
**
** https://github.com/ascribe/wp-theme.git
**/
$(document).ready(function(){$("#more-articles").click(function(a){a.preventDefault(),$.ajax({url:ajaxpagination.ajaxurl,type:"post",data:{action:"ajax_pagination"},success:function(a){alert(a)}})})});
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFqYXgtcGFnaW5hdGlvbi5qcyJdLCJuYW1lcyI6WyIkIiwiZG9jdW1lbnQiLCJyZWFkeSIsImNsaWNrIiwiZSIsInByZXZlbnREZWZhdWx0IiwiYWpheCIsInVybCIsImFqYXhwYWdpbmF0aW9uIiwiYWpheHVybCIsInR5cGUiLCJkYXRhIiwiYWN0aW9uIiwic3VjY2VzcyIsInJlc3VsdCIsImFsZXJ0Il0sIm1hcHBpbmdzIjoiQUFBQUEsRUFBRUMsVUFBVUMsTUFBTSxXQUNkRixFQUFFLGtCQUFrQkcsTUFBTSxTQUFTQyxHQUMvQkEsRUFBRUMsaUJBQ0ZMLEVBQUVNLE1BQ0VDLElBQUtDLGVBQWVDLFFBQ3BCQyxLQUFNLE9BQ05DLE1BQ0lDLE9BQVEsbUJBRVpDLFFBQVMsU0FBVUMsR0FDZkMsTUFBT0QiLCJmaWxlIjoiYWpheC1wYWdpbmF0aW9uLmpzIiwic291cmNlc0NvbnRlbnQiOlsiJChkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24oKXtcbiAgICAkKCcjbW9yZS1hcnRpY2xlcycpLmNsaWNrKGZ1bmN0aW9uKGUpe1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICQuYWpheCh7XG4gICAgICAgICAgICB1cmw6IGFqYXhwYWdpbmF0aW9uLmFqYXh1cmwsXG4gICAgICAgICAgICB0eXBlOiAncG9zdCcsXG4gICAgICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgICAgICAgYWN0aW9uOiAnYWpheF9wYWdpbmF0aW9uJ1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHN1Y2Nlc3M6IGZ1bmN0aW9uKCByZXN1bHQgKSB7XG4gICAgICAgICAgICAgICAgYWxlcnQoIHJlc3VsdCApO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KVxuICAgIH0pO1xufSk7Il0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9

12
assets/js/ajax-pagination.min.js vendored
View File

@ -1,12 +0,0 @@
/**
** ascribe v0.0.1
** The best WordPress theme ever made!
** http://ascribe.io
**
** Territorial <us@territorial.ca>
**
**
** https://github.com/ascribe/wp-theme.git
**/
$(document).ready(function(){$("#more-articles").click(function(a){a.preventDefault(),$.ajax({url:ajaxpagination.ajaxurl,type:"post",data:{action:"ajax_pagination"},success:function(a){alert(a)}})})});
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFqYXgtcGFnaW5hdGlvbi5qcyJdLCJuYW1lcyI6WyIkIiwiZG9jdW1lbnQiLCJyZWFkeSIsImNsaWNrIiwiZSIsInByZXZlbnREZWZhdWx0IiwiYWpheCIsInVybCIsImFqYXhwYWdpbmF0aW9uIiwiYWpheHVybCIsInR5cGUiLCJkYXRhIiwiYWN0aW9uIiwic3VjY2VzcyIsInJlc3VsdCIsImFsZXJ0Il0sIm1hcHBpbmdzIjoiQUFBQUEsRUFBRUMsVUFBVUMsTUFBTSxXQUNkRixFQUFFLGtCQUFrQkcsTUFBTSxTQUFTQyxHQUMvQkEsRUFBRUMsaUJBQ0ZMLEVBQUVNLE1BQ0VDLElBQUtDLGVBQWVDLFFBQ3BCQyxLQUFNLE9BQ05DLE1BQ0lDLE9BQVEsbUJBRVpDLFFBQVMsU0FBVUMsR0FDZkMsTUFBT0QiLCJmaWxlIjoiYWpheC1wYWdpbmF0aW9uLmpzIiwic291cmNlc0NvbnRlbnQiOlsiJChkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24oKXtcbiAgICAkKCcjbW9yZS1hcnRpY2xlcycpLmNsaWNrKGZ1bmN0aW9uKGUpe1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICQuYWpheCh7XG4gICAgICAgICAgICB1cmw6IGFqYXhwYWdpbmF0aW9uLmFqYXh1cmwsXG4gICAgICAgICAgICB0eXBlOiAncG9zdCcsXG4gICAgICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgICAgICAgYWN0aW9uOiAnYWpheF9wYWdpbmF0aW9uJ1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHN1Y2Nlc3M6IGZ1bmN0aW9uKCByZXN1bHQgKSB7XG4gICAgICAgICAgICAgICAgYWxlcnQoIHJlc3VsdCApO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KVxuICAgIH0pO1xufSk7Il0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9

12
assets/js/ascribe.js
View File

File diff suppressed because one or more lines are too long

12
assets/js/ascribe.min.js vendored
View File

File diff suppressed because one or more lines are too long

15
assets/js/src/ajax-pagination.js
View File

@ -1,15 +0,0 @@
$(document).ready(function(){
$('#more-articles').click(function(e){
e.preventDefault();
$.ajax({
url: ajaxpagination.ajaxurl,
type: 'post',
data: {
action: 'ajax_pagination'
},
success: function( result ) {
alert( result );
}
})
});
});

2002
assets/less/ascribe.less
View File

File diff suppressed because it is too large Load Diff

349
assets/less/ascribe/_branding.less
View File

@ -1,349 +0,0 @@
//GLOBALS
body,
html {
.copyTextSmall;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
&.page-template-template-companyblue {
.copyText;
}
}
a {
text-decoration: none;
color: @blueBright;
&:hover {
color: @pink;
}
}
//FONTS
.fontLight {
font-family: "canada-type-gibson",sans-serif;
font-weight: 200;
}
.fontRegular {
font-family: "canada-type-gibson",sans-serif;
font-weight: 400;
}
// GENERAL TEXT STYLES
.sectionHeader {
&:extend(.fontLight);
font-size: 34px;
color: @blueBright;
line-height: 1.2;
margin: 35px 0;
text-align: center;
@media screen and (max-width: @tabletWidth) {
font-size: 30px;
}
}
.subsectionHeader {
&:extend(.fontLight);
font-size: 31px;
color: @black;
line-height: 37px;
text-align: center;
}
.h1, h1 {
&:extend(.fontLight);
font-size: 36px;
color: @pink;
line-height: 1.2;
}
.h2, h2 {
&:extend(.fontRegular);
font-size: 26px;
color: @pink;
line-height: 1.2;
}
.h3, h3 {
&:extend(.fontLight);
font-size: 27px;
color: @pink;
line-height: 1.2;
}
.h4, h4 {
&:extend(.fontRegular);
font-size: 26px;
color: @black;
line-height: 1.2;
}
.h5, h5 {
&:extend(.fontLight);
font-size: 26px;
color: @black;
line-height: 1.2;
}
.h6, h6 {
&:extend(.fontRegular);
color: @pink;
font-size: 15px;
line-height: 19px;
}
.copyText {
&:extend(.fontLight);
color: @blueDeep;
font-size: 18px;
line-height: 22px;
}
.copyTextMedium {
&:extend(.fontLight);
color: @blueDeep;
font-size: 17px;
line-height: 21px;
}
.copyTextSmall {
&:extend(.fontLight);
color: @blueDeep;
font-size: 15px;
line-height: 19px;
}
// SPECIALIZED TEXT STYLES
.heroText {
&:extend(.fontLight);
font-size: 37px;
color: @white;
line-height: 44px;
}
.tourNavText {
&:extend(.fontLight);
font-size: 25px;
line-height: 30px;
color: @blueBright;
}
.signInUpText {
&:extend(.fontLight);
font-size: 17px;
line-height: 20px;
color: @white;
text-transform: uppercase;
}
.featureCircleH1 {
&:extend(.fontLight);
font-size: 20px;
color: @pink;
letter-spacing: 1.11px;
line-height: 24px;
margin-bottom: 22px;
}
.caseStudyText {
&:extend(.fontRegular);
font-size: 23px;
color: @white;
line-height: 28px;
}
.oldWayNewWayTH {
&:extend(.fontLight);
font-size: 24px;
color: @pink;
line-height: 29px;
}
.blueBoxTitle {
&:extend(.fontRegular);
font-size: 30px;
color: @white;
line-height: 52px;
text-align: center;
@media (min-width: @phoneWidth) {
font-size: 43px;
}
}
.blueBoxCopy {
&:extend(.fontLight);
font-size: 24px;
line-height: 31px;
color: @white;
@media (min-width: @phoneWidth) {
font-size: 43px;
line-height: 52px;
}
}
.galleriesPressTitle {
&:extend(.fontLight);
font-size: 30px;
color: @black;
line-height: 36px;
margin-bottom: 50px;
}
.featureBlogDesc {
&:extend(.fontLight);
font-size: 13px;
color: @blueBright;
line-height: 22.79px;
}
.featureBlogTitle {
&:extend(.fontLight);
font-size: 17px;
color: @greyText;
line-height: 22.79px;
text-transform: uppercase;
}
.teamName {
&:extend(.fontRegular);
color: @black;
font-size: 19px;
}
.footerText {
&:extend(.fontLight);
font-size: 14px;
color: @white;
line-height: 25px;
}
.subfooterText {
color: @blackish;
font-size: 13px;
line-height: 14px;
}
// DEVICES
.button {
display: inline-block;
padding: 25px 40px;
&:extend(.fontRegular);
border: 1px solid;
font-size: 22px;
line-height: 26px;
text-decoration: none;
min-width: 265px;
text-align: center;
&.blue {
@bgColor: @blueBright;
color: @white;
background-color: @bgColor;
border-color: @bgColor;
&:hover {
background-color: fade(@bgColor,50);
}
}
&.pink {
@bgColor: @pink;
color: @white;
background-color: @bgColor;
border-color: @bgColor;
&:hover {
background-color: fade(@bgColor,50);
}
}
&.blue-overPic {
@bgColor: @blueBright;
color: @white;
background-color: @bgColor;
border-color: @bgColor;
&:hover {
background-color: @white;
color: @bgColor;
}
}
&.pink-overPic {
@bgColor: @pink;
color: @white;
background-color: @bgColor;
border-color: @bgColor;
&:hover {
background-color: @white;
color: @bgColor;
}
}
&.white-blue {
@bgColor: @white;
color: @blueBright;
background-color: @bgColor;
border-color: @blueBright;
&:hover {
background-color: fade(@blueBright,50);
color: @white;
}
}
&.small {
&:extend(.fontLight);
padding: 5px 15px;
font-size: 14px;
color: @white;
background-color: transparent;
border-color: @white;
min-width: auto;
&:hover {
background-color: fade(@white,40);
border-color: fade(@white,40);
color: @white;
}
}
@media screen and (max-width: @smallWidth) {
min-width: initial;
}
}
.chevron-divider {
background-image: url(../../images/svg/ascribe-chevron.svg);
background-position: bottom;
width: 100%;
background-size: 100%;
height: 150px;
@media screen and (max-width: @tabletWidth) {
background-size: 120%;
}
}
.social-icon {
width: 21px;
height: 21px;
padding: 1px;
fill: @white;
background-color: @greySocial;
border-radius: 5px;
&:hover {
background-color: fade(@greySocial,40);
}
}
hr {
border: 0;
height: 2px;
background: @greyHr;
margin: 40px 0;
}
.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 */
}

25
assets/less/ascribe/_variables.less
View File

@ -1,25 +0,0 @@
//
// Ascribe
// -----------------
// Variables
//
// COLORS
@blueDeep: #121417;
@blueMedium: #003C69;
@blueBright: #67C4DA;
@blueLight: #d7e9ef;
@pink: #D8127D;
@white: #fff;
@greyBg: #fbfbfb;
@greySocial: #b8b8b8;
@greyHr: #979797;
@greyFooter: #8c8c8c;
@greyText: #595959;
@blackish: #1e1e1e;
@black: #000;
// SPACING
@spacer: 40px;

423
assets/less/vendor/normalize.less vendored
View File

@ -1,423 +0,0 @@
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
html,
body {
height: 100%;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}

18
content-blog.php
View File

@ -24,11 +24,14 @@ $url = get_the_permalink();
?> ?>
<article <?php post_class(); ?>> <article <?php post_class( '', $post_id ); ?>>
<h2><?php echo get_the_category_list(); ?></h2>
<?php echo "<h1><a href='{$url}'>{$title}</a></h1>" ?>
<div class="image"> <header>
<?php echo get_the_category_list(); ?>
<?php echo "<h1 class='entry-title'><a href='{$url}'>{$title}</a></h1>" ?>
</header>
<div class="entry-image">
<?php <?php
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it. if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
@ -38,17 +41,18 @@ $url = get_the_permalink();
} }
?> ?>
</div> </div>
<div class="meta">
<div class="entry-meta">
<?php echo get_avatar( get_the_author_email(), 'size here' ); ?> <?php echo get_avatar( get_the_author_email(), 'size here' ); ?>
<span class="author">by <?php echo $full_name; ?></span> <span class="author">by <?php echo $full_name; ?></span>
on <date><?php the_time( get_option( 'date_format' ) ); ?></date> on <date><?php the_time( get_option( 'date_format' ) ); ?></date>
</div> </div>
<main class="entry"> <main class="entry-content">
<?php <?php
if ( ! is_singular() ) { if ( ! is_singular() ) {
the_excerpt(); the_excerpt();
echo "<a href='{$url}'>Read More</a>"; echo "<a class='button small' href='{$url}'>Read More</a>";
} else { } else {
the_content(); the_content();
} }

229
controller/classes/Subtemplate.php
View File

@ -122,15 +122,15 @@ class Subtemplate {
$icon = get_sub_field('icon')['url']; $icon = get_sub_field('icon')['url'];
$description = get_sub_field('description'); $description = get_sub_field('description');
$featureCircles .= "<article class='feature-circle'> $featureCircles .= "<article class='grid__col feature-circle'>
<img src='{$icon}' alt='{$title} Icon'> <img class='feature-circle__image' src='{$icon}' alt='{$title} Icon'>
<h1>{$title}</h1> <h1 class='feature-circle__title'>{$title}</h1>
<div class='description'>{$description}</div> <div class='feature-circle__description'>{$description}</div>
</article>"; </article>";
} }
} }
$result = "<section class='subtemplate feature-circles'><div class='centered-header'><div class='column-container'>{$featureCircles}</div></div></section>"; $result = "<section class='subtemplate feature-circles row'><div class='grid grid--gutters grid--full grid-small--half grid-medium--third'>{$featureCircles}</div></section>";
return $result; return $result;
} }
@ -144,13 +144,13 @@ class Subtemplate {
$title = get_sub_field('title'); $title = get_sub_field('title');
$description = get_sub_field('description'); $description = get_sub_field('description');
$featureCircles .= "<article class='surround-circle'> $featureCircles .= "<article class='grid__col surround-circle'>
<div class='circle'> <div class='circle'>
<div class='container'> <div class='container'>
<div class='wrapper'> <div class='wrapper'>
<div class='inner'> <div class='inner'>
<h1>{$title}</h1> <h1 class='feature-circle__title'>{$title}</h1>
<div class='description'>{$description}</div> <div class='feature-circle__description'>{$description}</div>
</div> </div>
</div> </div>
</div> </div>
@ -159,7 +159,7 @@ class Subtemplate {
} }
} }
$result = "<section class='subtemplate feature-circles'><div class='centered-header'>{$featureCircles}</div></section>"; $result = "<section class='subtemplate feature-circles row'><div class='grid grid--gutters grid--full grid-small--third'>{$featureCircles}</div></section>";
return $result; return $result;
} }
@ -175,14 +175,20 @@ class Subtemplate {
$colTitle = get_sub_field('title'); $colTitle = get_sub_field('title');
$colContent = get_sub_field('content'); $colContent = get_sub_field('content');
$descriptiveColumns .= "<article class='short-description'> $descriptiveColumns .= "<article class='grid__col short-description'>
<h1>{$colTitle}</h1> <h1 class='short-description__title'>{$colTitle}</h1>
<div class='description'>{$colContent}</div> <div class='short-description__description'>{$colContent}</div>
</article>"; </article>";
} }
} }
$result = "<section class='subtemplate short-descriptions'><div class='centered-content'><h1>{$subtemplateTitle}</h1><div>{$content}</div><div class='column-container'>{$descriptiveColumns}</div></div></section>"; $result = "<section class='subtemplate short-descriptions'>
<div class='row'>
<h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<div class='subtemplate__description'>{$content}</div>
<div class='grid grid--gutters grid--full grid-small--half grid-medium--third'>{$descriptiveColumns}</div>
</div>
</section>";
return $result; return $result;
} }
@ -247,8 +253,8 @@ class Subtemplate {
} }
$result = "<section class='subtemplate old-new'> $result = "<section class='subtemplate old-new'>
<div class='centered-content'> <div class='row'>
<h1>{$subtemplateTitle}</h1> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<table> <table>
<thead><tr><th>Old Way</th><th>New Way</th></tr></thead> <thead><tr><th>Old Way</th><th>New Way</th></tr></thead>
<tbody>{$oldNewRows}</tbody> <tbody>{$oldNewRows}</tbody>
@ -266,13 +272,18 @@ class Subtemplate {
$content = get_sub_field('content'); $content = get_sub_field('content');
$result = "<section class='subtemplate product-overview {$headingSize}'> $result = "<section class='subtemplate product-overview'>
<div class='centered-prodFeat'> <div class='row'>
<img src='{$imageUrl}' alt='{$imageAlt}'> <article class='grid grid--gutters grid--full grid-small--half'>
<div class='text-column'> <figure class='grid__col grid__col--center'>
<h1 class='{$headingSize}'>{$subtemplateTitle}</h1> <img src='{$imageUrl}' alt='{$imageAlt}'>
<div>{$content}</div> </figure>
</div>
<div class='grid__col grid__col--center text-column'>
<h1 class='{$headingSize}'>{$subtemplateTitle}</h1>
<div>{$content}</div>
</div>
</article>
</div> </div>
</section>"; </section>";
return $result; return $result;
@ -284,12 +295,12 @@ class Subtemplate {
$blueBoxCtaLink = get_sub_field('bluebox_cta_link'); $blueBoxCtaLink = get_sub_field('bluebox_cta_link');
$result = "<section class='subtemplate blue-box'> $result = "<section class='subtemplate blue-box'>
<div class='centered-content'> <div class='row row--content'>
<article class='blue-copy'> <article class='blue-copy'>
<h1>{$subtemplateTitle}</h1> <h1>{$subtemplateTitle}</h1>
<div>{$content}</div> <div>{$content}</div>
<a href='{$blueBoxCtaLink}' class='button pink-overPic'>{$blueBoxCtaText}</a> <a href='{$blueBoxCtaLink}' class='button pink-overPic'>{$blueBoxCtaText}</a>
</article> </article>
</div> </div>
</section>"; </section>";
@ -326,8 +337,8 @@ class Subtemplate {
$result = "<section class='subtemplate galleries-marketplaces'> $result = "<section class='subtemplate galleries-marketplaces'>
<div class='centered-content'> <div class='row'>
<h1>{$subtemplateTitle}</h1> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<img src='{$galleriesImgUrl}' alt='{$galleriesImgAlt}'> <img src='{$galleriesImgUrl}' alt='{$galleriesImgAlt}'>
{$galleryMarkup} {$galleryMarkup}
</div> </div>
@ -371,12 +382,12 @@ class Subtemplate {
if ($page == "home") { if ($page == "home") {
$result = "<section class='subtemplate blog-features'> $result = "<section class='subtemplate blog-features'>
<div class='centered-content'> <div class='row'>
<h1>{$subtemplateTitle}</h1> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<div class='column-container'> <div class='column-container'>
{$blogFeatures} {$blogFeatures}
</div>
</div> </div>
</div>
</section>"; </section>";
} }
else { else {
@ -505,8 +516,8 @@ class Subtemplate {
$website = "<a href='{$website}' target='_blank' class='twitter'>{$webIcon}</a>"; $website = "<a href='{$website}' target='_blank' class='twitter'>{$webIcon}</a>";
} }
$teamMemberMarkup .= "<article class='team-member'> $teamMemberMarkup .= "<article class='grid__col team-member'>
<img src='{$image}' alt='Picture of {$name}' data-hover='{$hoverimage}' data-regular='{$image}'> <img class='team-member__image' src='{$image}' alt='Picture of {$name}' data-hover='{$hoverimage}' data-regular='{$image}'>
<h1>{$name}</h1> <h1>{$name}</h1>
<h2>{$role}</h2> <h2>{$role}</h2>
{$facebook} {$facebook}
@ -518,11 +529,11 @@ class Subtemplate {
} }
} }
$result = "<section class='subtemplate team tour-page'> $result = "<section class='subtemplate team tour-page content'>
<div class='centered-content'> <div class='row row--content'>
<h1>{$subtemplateTitle}</h1> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<div class='intro'>{$content}</div> <div class='intro'>{$content}</div>
<div class='column-container'>{$teamMemberMarkup}</div> <div class='grid grid--gutters grid--full grid-small--half grid-medium--third'>{$teamMemberMarkup}</div>
<a href='{$meetTeamLink}' class='button white-blue'>Meet the Team</a> <a href='{$meetTeamLink}' class='button white-blue'>Meet the Team</a>
</div> </div>
</section>"; </section>";
@ -574,8 +585,8 @@ class Subtemplate {
$website = "<a href='{$website}' target='_blank' class='twitter'><img src='{$themeUrl}images/svg/website.svg' alt='Website' class='social-icon'></a>"; $website = "<a href='{$website}' target='_blank' class='twitter'><img src='{$themeUrl}images/svg/website.svg' alt='Website' class='social-icon'></a>";
} }
$teamMemberMarkup .= "<article class='team-member'> $teamMemberMarkup .= "<article class='grid__col team-member'>
<img src='{$image}' alt='Picture of {$name}'> <img class='team-member__image' src='{$image}' alt='Picture of {$name}'>
<h1>{$name}</h1> <h1>{$name}</h1>
<h2>{$role}</h2> <h2>{$role}</h2>
{$facebook} {$facebook}
@ -588,12 +599,10 @@ class Subtemplate {
} }
$result = "<section class='subtemplate team'> $result = "<section class='subtemplate team'>
<div class='centered-content-padding'> <div class='row row--content'>
<div class='centered-content'> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<h1>{$subtemplateTitle}</h1>
<div class='intro'>{$content}</div> <div class='intro'>{$content}</div>
<div class='column-container'>{$teamMemberMarkup}</div> <div class='grid grid--gutters grid--full grid-small--half grid-medium--third'>{$teamMemberMarkup}</div>
</div>
</div> </div>
</section>"; </section>";
@ -606,11 +615,9 @@ class Subtemplate {
$bgColor = get_sub_field('background_color'); $bgColor = get_sub_field('background_color');
$result = "<section class='subtemplate content {$bgColor}'> $result = "<section class='subtemplate content {$bgColor}'>
<div class='centered-content-padding'> <div class='row row--content'>
<div class='centered-content'> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<h1>{$subtemplateTitle}</h1> <div>{$content}</div>
<div>{$content}</div>
</div>
</div> </div>
</section>"; </section>";
@ -621,11 +628,9 @@ class Subtemplate {
$content = get_sub_field('content'); $content = get_sub_field('content');
$result = "<section class='subtemplate content-boxed'> $result = "<section class='subtemplate content-boxed'>
<div class='centered-content-padding'> <div class='row row--content'>
<div class='centered-content'> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<h1>{$subtemplateTitle}</h1> <div>{$content}</div>
<div>{$content}</div>
</div>
</div> </div>
</section>"; </section>";
@ -637,11 +642,9 @@ class Subtemplate {
$imageAlt = get_sub_field('image')['alt']; $imageAlt = get_sub_field('image')['alt'];
$result = "<section class='subtemplate image'> $result = "<section class='subtemplate image'>
<div class='centered-content-padding'> <div class='row'>
<div class='centered-content'> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<h1>{$subtemplateTitle}</h1> <div><img src='{$image}' alt='{$imageAlt}'></div>
<div><img src='{$image}' alt='{$imageAlt}'></div>
</div>
</div> </div>
</section>"; </section>";
@ -676,13 +679,11 @@ class Subtemplate {
} }
$regularFAQ .= "</dl>"; $regularFAQ .= "</dl>";
$result = "<section class='subtemplate faq'> $result = "<section class='subtemplate content faq'>
<div class='centered-content-padding'> <div class='row'>
<div class='centered-content'>
<h1>{$subtemplateTitle}</h1> <h1>{$subtemplateTitle}</h1>
{$featuredFAQ} {$featuredFAQ}
{$regularFAQ} {$regularFAQ}
</div>
</div> </div>
</section>"; </section>";
@ -697,17 +698,17 @@ class Subtemplate {
$title = get_sub_field('value_title'); $title = get_sub_field('value_title');
$description = get_sub_field('value_description'); $description = get_sub_field('value_description');
$values .= "<article class='value'> $values .= "<article class='grid__col value'>
<h1>{$title}</h1> <h1>{$title}</h1>
<div class='description'>{$description}</div> <div class='description'>{$description}</div>
</article>"; </article>";
} }
} }
$result = "<section class='subtemplate values'><div class='centered-content-padding'><div class='centered-content'> $result = "<section class='subtemplate values'><div class='row'>
<h1>{$subtemplateTitle}</h1> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<div class='column-container'>{$values}</div> <main><div class='grid grid--gutters grid--full grid-small--half'>{$values}</div></main>
</div></div></section>"; </div></section>";
return $result; return $result;
} }
@ -730,8 +731,8 @@ class Subtemplate {
} }
$result = "<section class='subtemplate careers'> $result = "<section class='subtemplate careers'>
<div class='centered-content'> <div class='row'>
<h1>{$subtemplateTitle}</h1> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<ul>{$careerMarkup}</ul> <ul>{$careerMarkup}</ul>
</div> </div>
</section>"; </section>";
@ -768,15 +769,11 @@ class Subtemplate {
} }
} }
$result = "<section class='subtemplate press-articles'> $result = "<section class='subtemplate press-articles row'>
<div class='centered-content-padding'> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<div class='centered-content'> <img src='{$image}' alt='Media Companies'>
<h1>{$subtemplateTitle}</h1> <div>{$pressMarkup}</div>
<img src='{$image}' alt='Media Companies'> <!--<a href='#' id='more-articles' class='button blue'>Show More</a>-->
<div>{$pressMarkup}</div>
<!--<a href='#' id='more-articles' class='button blue'>Show More</a>-->
</div>
</div>
</section>"; </section>";
return $result; return $result;
@ -785,12 +782,8 @@ class Subtemplate {
$buttonUrl = get_sub_field('button_url'); $buttonUrl = get_sub_field('button_url');
$buttonText = get_sub_field('button_text'); $buttonText = get_sub_field('button_text');
$result = "<section class='subtemplate downloads'> $result = "<section class='subtemplate downloads row'>
<div class='centered-content-padding'> <a href='{$buttonUrl}' download class='button blue'>{$buttonText}</a>
<div class='centered-content'>
<a href='{$buttonUrl}' download class='button blue'>{$buttonText}</a>
</div>
</div>
</section>"; </section>";
return $result; return $result;
@ -815,13 +808,12 @@ class Subtemplate {
} }
$result = "<section class='subtemplate contact'> $result = "<section class='subtemplate contact'>
<div class='centered-content-padding'> <div class='row row--content'>
<div class='centered-content'> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<h1>{$subtemplateTitle}</h1>
<div class='column-container'> <div class='grid grid--gutters grid--fit grid-small--half'>
<div class='form'>{$content}</div> <div class='grid__col form'>{$content}</div>
<aside class='contact-points'>{$contactPoints}</aside> <aside class='grid__col contact-points'>{$contactPoints}</aside>
</div>
</div> </div>
</div> </div>
</section>"; </section>";
@ -918,15 +910,13 @@ class Subtemplate {
$sidebar = $this->eventSidebar(); $sidebar = $this->eventSidebar();
$result = "<section class='subtemplate upcoming-events'> $result = "<section class='subtemplate upcoming-events'>
<div class='centered-content-padding'> <div class='row'>
<div class='centered-content'>
<div class='event-container'> <div class='event-container'>
<h1>Events</h1> <h1>Events</h1>
<div>{$eventMarkup}</div> <div>{$eventMarkup}</div>
</div> </div>
{$sidebar} {$sidebar}
</div> </div>
</div>
</section>"; </section>";
return $result; return $result;
@ -941,12 +931,12 @@ class Subtemplate {
$new = get_sub_field('new_marketplace_content'); $new = get_sub_field('new_marketplace_content');
$result = "<section class='subtemplate existing-new'> $result = "<section class='subtemplate existing-new'>
<div class='centered-content'> <div class='row'>
<h1>{$subtemplateTitle}</h1> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<div class='column-container'> <div class='grid grid--full grid-small--half'>
<div data-tab='existing' class='top-tab active'><div>Existing Marketplace</div></div> <div data-tab='existing' class='grid__col top-tab active'><div>Existing Marketplace</div></div>
<div data-tab='new' class='top-tab'><div>New Marketplace</div></div> <div data-tab='new' class='grid__col top-tab'><div>New Marketplace</div></div>
</div> </div>
<div id='existing' class='content marketplace-info active'><h1 class='phone-only'>Existing Marketplace</h1>{$existing}</div> <div id='existing' class='content marketplace-info active'><h1 class='phone-only'>Existing Marketplace</h1>{$existing}</div>
<div id='new' class='content marketplace-info'><h1 class='phone-only'>New Marketplace</h1>{$new}</div> <div id='new' class='content marketplace-info'><h1 class='phone-only'>New Marketplace</h1>{$new}</div>
</div> </div>
@ -963,16 +953,17 @@ class Subtemplate {
$whiteText = get_sub_field('white_label_text'); $whiteText = get_sub_field('white_label_text');
$result = "<section class='subtemplate get-started'> $result = "<section class='subtemplate get-started'>
<div class='centered-content'> <div class='row'>
<h1>{$subtemplateTitle}</h1> <h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
<div class='description'>{$content}</div> <div class='subtemplate__description'>{$content}</div>
<div class='column-container'>
<div class='api methods-of-use'> <div class='grid grid--gutters grid--full grid-small--half'>
<div class='grid__col api methods-of-use'>
<h1>API</h1> <h1>API</h1>
<img src='{$apiImg}' alt='API'> <img src='{$apiImg}' alt='API'>
{$apiText} {$apiText}
</div> </div>
<div class='white-label methods-of-use'> <div class='grid__col white-label methods-of-use'>
<h1>White Label Marketplace</h1> <h1>White Label Marketplace</h1>
<img src='{$whiteImg}' alt='White Label Marketplace'> <img src='{$whiteImg}' alt='White Label Marketplace'>
{$whiteText} {$whiteText}
@ -1081,26 +1072,22 @@ class Subtemplate {
$sidebar = $this->eventSidebar(); $sidebar = $this->eventSidebar();
$result = "<section class='subtemplate upcoming-events'> $result = "<section class='subtemplate upcoming-events'>
<div class='centered-content-padding'> <div class='row'>
<div class='centered-content'>
<div class='event-container'> <div class='event-container'>
<h1>Upcoming Events</h1> <h1>Upcoming Events</h1>
<div>{$futureMarkup}</div> <div>{$futureMarkup}</div>
</div> </div>
{$sidebar} {$sidebar}
</div> </div>
</div>
</section> </section>
<div class='chevron-divider'></div> <div class='chevron-divider'></div>
<section class='subtemplate past-events'> <section class='subtemplate past-events'>
<div class='centered-content-padding'> <div class='row'>
<div class='centered-content'>
<div class='event-container'> <div class='event-container'>
<h1>Past Events</h1> <h1>Past Events</h1>
<div>{$pastMarkup}</div> <div>{$pastMarkup}</div>
</div> </div>
</div> </div>
</div>
</section>"; </section>";
return $result; return $result;

61
footer.php
View File

@ -5,10 +5,13 @@
* @package ascribe * @package ascribe
* @since 0.1.0 * @since 0.1.0
*/ */
$year = date("Y");
$address = get_field('address','option'); $year = date("Y");
$email = get_field('email','option'); $address = get_field('address', 'option');
$consultLink= get_field('request_consultation_link','option'); $email = get_field('email', 'option');
$consultLink = get_field('request_consultation_link', 'option');
$euLink = get_field('eu_logo_link', 'option');
$footerContactButton = get_field('footer_contact_button', 'option');
$themeUrl = WPTHEME_TEMPLATE_URL . '/'; $themeUrl = WPTHEME_TEMPLATE_URL . '/';
@ -160,24 +163,50 @@ if ($twitter) {
?> ?>
<div class="chevron-divider"></div> <div class="chevron-divider"></div>
<footer>
<section class="top-footer">
<div class="centered-footer"> <footer class="footer">
<section class="footer__top">
<div class="row">
<?php wp_nav_menu( array( 'theme_location' => 'main-footer-menu', 'container' => false ) ); ?> <?php wp_nav_menu( array( 'theme_location' => 'main-footer-menu', 'container' => false ) ); ?>
<div class="contact">
<a href="<?php echo $consultLink; ?>" class="button small">Request information</a> <div class="footer__contact">
<?php if ($footerContactButton) { ?>
<a href="<?php echo $consultLink; ?>" class="button small"><?php echo $footerContactButton ?></a>
<?php } ?>
<div><?php echo $address; ?></div> <div><?php echo $address; ?></div>
<div><a href="mailto:<?php echo $email; ?>"><?php echo $email; ?></a></div> <div><a href="mailto:<?php echo $email; ?>"><?php echo $email; ?></a></div>
</div> </div>
</div> </div>
</section> </section>
<section class="bottom-footer">
<div class="centered-footer"> <section class="footer__bottom">
<div class="eu-fund"><img src="https://www.ascribe.io/wp-content/uploads/2015/11/eu-dev-fund.png" /></div> <div class="row">
<div class="copyright"><?php echo $year; ?> © ascribe GmbH</div>
<div class="footer__eu">
<?php if ($euLink) { ?>
<a href="<?php echo $euLink ?>">
<img width="150" src="https://www.ascribe.io/wp-content/uploads/2015/11/eu-dev-fund.png" />
</a>
<?php } else { ?>
<img width="150" src="https://www.ascribe.io/wp-content/uploads/2015/11/eu-dev-fund.png" />
<?php } ?>
</div>
<div class="footer__copyright">© <?php echo $year; ?> ascribe GmbH</div>
<?php wp_nav_menu( array( 'theme_location' => 'lower-footer-menu', 'container' => false ) ); ?> <?php wp_nav_menu( array( 'theme_location' => 'lower-footer-menu', 'container' => false ) ); ?>
<ul class="social">
<ul class="footer__social">
<?php echo $facebook; ?> <?php echo $facebook; ?>
<?php echo $github; ?> <?php echo $github; ?>
<?php echo $instagram; ?> <?php echo $instagram; ?>
@ -187,9 +216,13 @@ if ($twitter) {
<?php echo $tumblr; ?> <?php echo $tumblr; ?>
<?php echo $twitter; ?> <?php echo $twitter; ?>
</ul> </ul>
</div> </div>
</section> </section>
</footer> </footer>
</div> </div>
<?php wp_footer(); ?> <?php wp_footer(); ?>
</body> </body>

22
gulpfile.js
View File

@ -67,16 +67,14 @@ var PROXY = 'http://localhost:8888'
// Styles // Styles
// //
gulp.task('css', function() { gulp.task('css', function() {
return gulp.src(SRC + 'assets/less/ascribe.less') return gulp.src(SRC + 'assets/_src/less/ascribe.less')
.pipe($.sourcemaps.init())
.pipe($.less()).on('error', onError) .pipe($.less()).on('error', onError)
.pipe($.autoprefixer({ browsers: COMPATIBILITY })) .pipe($.autoprefixer({ browsers: COMPATIBILITY }))
.pipe($.cssmin()) .pipe($.cssmin())
.pipe($.sourcemaps.write())
.pipe($.header(BANNER, { pkg: pkg })) .pipe($.header(BANNER, { pkg: pkg }))
.pipe(gulp.dest(DIST + 'assets/css/')) .pipe(gulp.dest(DIST + 'assets/dist/css/'))
.pipe($.rename({ suffix: '.min' })) .pipe($.rename({ suffix: '.min' }))
.pipe(gulp.dest(DIST + 'assets/css/')) .pipe(gulp.dest(DIST + 'assets/dist/css/'))
.pipe(browser.stream()); .pipe(browser.stream());
}); });
@ -85,15 +83,13 @@ gulp.task('css', function() {
// JavaScript // JavaScript
// //
gulp.task('js', function() { gulp.task('js', function() {
return gulp.src(SRC + 'assets/js/src/ascribe.js') return gulp.src(SRC + 'assets/_src/js/ascribe.js')
.pipe($.sourcemaps.init())
.pipe($.include()) .pipe($.include())
.pipe($.uglify()).on('error', onError) .pipe($.uglify()).on('error', onError)
.pipe($.sourcemaps.write())
.pipe($.header(BANNER, { pkg: pkg })) .pipe($.header(BANNER, { pkg: pkg }))
.pipe(gulp.dest(DIST + 'assets/js/')) .pipe(gulp.dest(DIST + 'assets/dist/js/'))
.pipe($.rename({suffix: '.min'})) .pipe($.rename({suffix: '.min'}))
.pipe(gulp.dest(DIST + 'assets/js/')); .pipe(gulp.dest(DIST + 'assets/dist/js/'));
}); });
@ -104,9 +100,9 @@ gulp.task('serve', function() {
browser.init({ browser.init({
proxy: PROXY proxy: PROXY
}); });
gulp.watch([SRC + 'assets/less/**/*'], ['css']); gulp.watch([SRC + 'assets/_src/less/**/*'], ['css']);
gulp.watch([SRC + 'assets/js/src/**/*'], ['js']); gulp.watch([SRC + 'assets/_src/js/**/*'], ['js']);
gulp.watch(SRC + '**/*').on('change', browser.reload); gulp.watch(SRC + '**/*.{php,svg,png,jpg,gif}').on('change', browser.reload);
}); });

44
header.php
View File

@ -20,12 +20,9 @@ if ( is_category() || is_tag() ) {
} }
?> ?>
<!doctype html> <!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en" itemscope itemtype="https://schema.org/Organization"> <![endif]--> <html class="no-js " lang="en" itemscope itemtype="https://schema.org/Organization" xmlns="http://www.w3.org/1999/html">
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en" itemscope itemtype="https://schema.org/Organization"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en" itemscope itemtype="https://schema.org/Organization"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js " lang="en" itemscope itemtype="https://schema.org/Organization" xmlns="http://www.w3.org/1999/html"> <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
@ -52,14 +49,6 @@ if ( is_category() || is_tag() ) {
<meta itemprop="description" content="<?php echo $description ?>"> <meta itemprop="description" content="<?php echo $description ?>">
<meta itemprop="image" content="<?php echo $shareimage; ?>"> <meta itemprop="image" content="<?php echo $shareimage; ?>">
<link rel="apple-touch-icon" sizes="57x57" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/apple-touch-icon-180x180.png"> <link rel="apple-touch-icon" sizes="180x180" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/favicon-194x194.png" sizes="194x194">
@ -72,20 +61,27 @@ if ( is_category() || is_tag() ) {
<meta name="msapplication-config" content="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/browserconfig.xml"> <meta name="msapplication-config" content="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/ico/browserconfig.xml">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> <!-- Typekit -->
<script src="https://use.typekit.net/gma2yhj.js"></script> <script>
<script>try{Typekit.load({ async: true });}catch(e){}</script> (function(d) {
var config = {
kitId: 'gma2yhj',
scriptTimeout: 3000
},
h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='//use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
})(document);
</script>
<script> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-60614729-2', 'auto'); ga('create', 'UA-60614729-2', 'auto');
ga('send', 'pageview'); ga('send', 'pageview');
</script> </script>
<?php wp_head(); ?> <?php wp_head(); ?>
</head> </head>

45
home.php
View File

@ -1,28 +1,29 @@
<?php <?php
get_header(); get_header();
get_template_part( 'template', 'blogheader' ); 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' ); echo '<div class="blog-column row row--content">';
if ( have_posts() ) {
while ( have_posts() ) {
the_post();
get_template_part( 'content', 'blog' );
}
} }
} else {
else { get_template_part( 'content', 'noposts' );
get_template_part( 'content', 'noposts' ); }
} ?>
?>
<div class="nav-previous alignleft"><?php next_posts_link( 'Older posts' ); ?></div>
<div class="nav-next alignright"><?php previous_posts_link( 'Newer posts' ); ?></div>
<?php
echo '</div>';
//get_sidebar('blog');
echo '</div>'; <nav class="pagination grid grid--gutters grid--half">
echo '</div>'; <div class="grid__col pagination__previous"><?php next_posts_link( 'Older posts' ); ?></div>
get_footer(); <div class="grid__col pagination__next"><?php previous_posts_link( 'Newer posts' ); ?></div>
</nav>
<?php
echo '</div>';
get_footer();
?> ?>

BIN
images/ico/apple-touch-icon-114x114.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

BIN
images/ico/apple-touch-icon-120x120.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/ico/apple-touch-icon-144x144.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.9 KiB

BIN
images/ico/apple-touch-icon-152x152.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.1 KiB

BIN
images/ico/apple-touch-icon-57x57.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/ico/apple-touch-icon-60x60.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/ico/apple-touch-icon-72x72.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
images/ico/apple-touch-icon-76x76.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

25
includes/functions/core.php
View File

@ -16,7 +16,6 @@ function setup() {
}; };
add_action( 'wp_enqueue_scripts', $n( 'scripts' ) ); add_action( 'wp_enqueue_scripts', $n( 'scripts' ) );
add_action( 'wp_enqueue_scripts', $n( 'styles' ) ); add_action( 'wp_enqueue_scripts', $n( 'styles' ) );
} }
@ -32,27 +31,19 @@ function setup() {
*/ */
function scripts( $debug = false ) { function scripts( $debug = false ) {
wp_deregister_script('jquery'); if (!is_admin()) {
wp_register_script('jquery', ("https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"), false, '1.3.2',true); wp_deregister_script('jquery');
wp_enqueue_script('jquery'); wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js', false, '2.2.0', true);
wp_enqueue_script('jquery');
}
wp_enqueue_script( wp_enqueue_script(
'wptheme', 'wptheme',
WPTHEME_TEMPLATE_URL . "/assets/js/ascribe.min.js", WPTHEME_TEMPLATE_URL . "/assets/dist/js/ascribe.min.js",
array(), array('jquery'),
WPTHEME_VERSION, WPTHEME_VERSION,
true true
); );
wp_enqueue_script(
'modernizr',
"https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js",
array(),
'2.8.3',
false
);
} }
/** /**
@ -69,7 +60,7 @@ function styles( $debug = false ) {
wp_enqueue_style( wp_enqueue_style(
'wptheme', 'wptheme',
WPTHEME_URL . "/assets/css/ascribe{$min}.css", WPTHEME_URL . "/assets/dist/css/ascribe{$min}.css",
array(), array(),
WPTHEME_VERSION WPTHEME_VERSION
); );

3
package.json
View File

@ -15,8 +15,6 @@
"url": "http://territorial.ca" "url": "http://territorial.ca"
}, },
"dependencies": { "dependencies": {
"bootstrap": "^3.3.6",
"jquery": ">=2.1.4",
"normalize-css": ">=2.3.1", "normalize-css": ">=2.3.1",
"normalize-opentype.css": ">=0.2.4" "normalize-opentype.css": ">=0.2.4"
}, },
@ -33,7 +31,6 @@
"gulp-less": "^3.0.5", "gulp-less": "^3.0.5",
"gulp-load-plugins": ">=0.10.0", "gulp-load-plugins": ">=0.10.0",
"gulp-rename": ">=1.2.2", "gulp-rename": ">=1.2.2",
"gulp-sourcemaps": ">=1.6.0",
"gulp-uglify": ">=1.2.0", "gulp-uglify": ">=1.2.0",
"gulp-util": ">=3.0.6", "gulp-util": ">=3.0.6",
"qunitjs": "~1.18.0" "qunitjs": "~1.18.0"

29
single-post.php
View File

@ -1,19 +1,22 @@
<?php <?php
get_header(); get_header();
get_template_part( 'template', 'blogheader' ); get_template_part( 'template', 'blogheader' );
echo '<div class="centered-content-padding">';
if ( have_posts() ) {
while ( have_posts() ) {
the_post();
get_template_part( 'content', 'blog' ); echo '<div class="blog-column row row--content">';
if ( have_posts() ) {
while ( have_posts() ) {
the_post();
get_template_part( 'content', 'blog' );
}
}
else {
get_template_part( 'content', 'noposts' );
} }
}
else {
get_template_part( 'content', 'noposts' );
}
echo '</div>'; echo '</div>';
get_footer();
get_footer();
?> ?>

9
template-blogheader.php
View File

@ -9,8 +9,8 @@
require 'controller/init.php'; require 'controller/init.php';
?> ?>
<header class="blog"> <header class="header">
<div class="centered-header"> <div class="row">
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white.png" class="logo phone-and-up"></a> <a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white.png" class="logo phone-and-up"></a>
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/ascribeicon-white.svg" class="logo phone-only"></a> <a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/ascribeicon-white.svg" class="logo phone-only"></a>
<div class="app-links"> <div class="app-links">
@ -25,15 +25,12 @@ require 'controller/init.php';
<div class="mobile-nav"> <div class="mobile-nav">
<?php wp_nav_menu( array( 'theme_location' => 'main-footer-menu', 'container' => false ) ); ?> <?php wp_nav_menu( array( 'theme_location' => 'main-footer-menu', 'container' => false ) ); ?>
</div> </div>
</div>
<div class="centered-header">
</div> </div>
<div class="chevron-divider"></div> <div class="chevron-divider"></div>
<h1><a href="/blog">ascribe blog</a></h1> <h1><a href="/blog">ascribe blog</a></h1>
</header> </header>
<nav class="blog-categories"> <nav class="blog-categories">
<div class="centered-categories"> <div class="row">
<ul> <ul>
<?php <?php
$args = array( $args = array(

29
template-header.php
View File

@ -8,25 +8,26 @@
require 'controller/init.php'; require 'controller/init.php';
?> ?>
<header>
<header class="header">
<div class="sticky"> <div class="sticky">
<div class="centered-header"> <div class="row">
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-black.png" class="logo phone-and-up"></a> <a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-black.png" class="logo phone-and-up"></a>
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/ascribeicon-black.svg" class="logo phone-only"></a> <a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/ascribeicon-black.svg" class="logo phone-only"></a>
<div class="app-links"> <div class="app-links">
<a href="<?php echo $signInLink; ?>">Log In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a> <a href="<?php echo $signInLink; ?>">Log In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
<img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/svg/hamburger.svg" class="phone-only hamburger"> <img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/svg/hamburger.svg" class="phone-only hamburger">
</div> </div>
<nav class="tour-switcher"><?php wp_nav_menu( array( <nav class="tour-switcher"><?php wp_nav_menu( array(
'theme_location' => 'landing-menu', 'theme_location' => 'landing-menu',
'container' => false 'container' => false
)); ?> )); ?>
</nav> </nav>
</div> </div>
</div> </div>
<div class="centered-header"> <div class="row">
<div class="mobile-nav"> <div class="mobile-nav">
<?php wp_nav_menu( array( 'theme_location' => 'main-footer-menu', 'container' => false ) ); ?> <?php wp_nav_menu( array( 'theme_location' => 'main-footer-menu', 'container' => false ) ); ?>
</div> </div>

35
template-tour.php
View File

@ -13,24 +13,23 @@ $buttonColour = get_field('header_button_colour');
$controller = new Controller(); $controller = new Controller();
?> ?>
<header style="background-image:url(<?php echo $bgImage; ?>)"> <header class="hero" style="background-image:url(<?php echo $bgImage; ?>)">
<div class="sticky"> <div class="sticky">
<div class="centered-header"> <div class="row">
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white.png" class="logo phone-and-up"></a>
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white.png" class="logo phone-and-up"></a> <a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/ascribeicon-white.svg" class="logo phone-only"></a>
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/ascribeicon-white.svg" class="logo phone-only"></a> <div class="app-links">
<div class="app-links"> <a href="<?php echo $signInLink; ?>">Log In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
<a href="<?php echo $signInLink; ?>">Log In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a> <img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/svg/hamburger.svg" class="phone-only hamburger">
<img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/svg/hamburger.svg" class="phone-only hamburger"> </div>
</div> <nav class="tour-switcher"><?php wp_nav_menu( array(
<nav class="tour-switcher"><?php wp_nav_menu( array( 'theme_location' => 'landing-menu',
'theme_location' => 'landing-menu', 'container' => false
'container' => false )); ?>
)); ?> </nav>
</nav>
</div> </div>
</div> </div>
<div class="centered-header"> <div class="row">
<section class="description"> <section class="description">
<h1><?php echo $headerTagline; ?></h1> <h1><?php echo $headerTagline; ?></h1>
<a href="<?php echo $signUpLink; ?>" class="button <?php echo $buttonColour; ?>-overPic"><?php echo $buttonText; ?></a> <a href="<?php echo $signUpLink; ?>" class="button <?php echo $buttonColour; ?>-overPic"><?php echo $buttonText; ?></a>
@ -42,8 +41,8 @@ $controller = new Controller();
<div class="chevron-divider"></div> <div class="chevron-divider"></div>
</header> </header>
<main> <main>
<?php echo $controller->loopSubtemplates(); ?> <?php echo $controller->loopSubtemplates(); ?>
</main> </main>
<?php get_footer(); ?> <?php get_footer(); ?>