From d5921e1f29e6d3a66149c43d33f4f4f40f565313 Mon Sep 17 00:00:00 2001 From: Sarah Etter Date: Thu, 24 Sep 2015 00:24:34 -0600 Subject: [PATCH] Front page css dev --- assets/css/ascribe.css | 547 ++++++++++++++++++++++++++++- assets/css/ascribe.min.css | 2 +- assets/css/helpers/helpers.less | 33 +- assets/css/less/ascribe.less | 296 +++++++++++++++- assets/css/less/branding.less | 71 +++- assets/js/ascribe.js | 28 +- assets/js/ascribe.min.js | 2 +- assets/js/src/ascribe.js | 34 +- controller/classes/Subtemplate.php | 35 +- images/ascribeicon-circles.png | Bin 0 -> 10486 bytes images/left.png | Bin 0 -> 1656 bytes images/right.png | Bin 0 -> 1630 bytes sftpCache.json | 2 +- template-tour.php | 5 +- 14 files changed, 976 insertions(+), 79 deletions(-) create mode 100644 images/ascribeicon-circles.png create mode 100644 images/left.png create mode 100644 images/right.png diff --git a/assets/css/ascribe.css b/assets/css/ascribe.css index 07ea700..8c62dcd 100644 --- a/assets/css/ascribe.css +++ b/assets/css/ascribe.css @@ -410,6 +410,13 @@ html { -moz-osx-font-smoothing: grayscale; background-color: #ffffff; } +a { + text-decoration: none; + color: #67c4da; +} +a:hover { + color: #d8127d; +} .fontLight, body, html, @@ -427,14 +434,34 @@ html, .featureBlogTitle, .footerText, .button.small, -.page-template-template-tour header h1 { +.page-template-template-tour header nav, +.page-template-template-tour header h1, +.app-links, +.app-links a, +.feature-circles h1, +.feature-circles .description, +.old-new h1, +.old-new th, +.old-new td, +.product-overview h1, +.product-overview p, +.blue-box, +.galleries-marketplaces h1, +.blog-features h2, +.blog-features h1, +.team, +.team h2 { font-family: "canada-type-gibson", sans-serif; font-weight: 200; } .fontRegular, .caseStudyText, .blueBoxTitle, -.button { +.teamName, +.button, +.case-studies .description, +.blue-box h1, +.team h1 { font-family: "canada-type-gibson", sans-serif; font-weight: 400; } @@ -442,6 +469,8 @@ html, font-size: 34px; color: #67c4da; line-height: 41px; + margin-bottom: 43px; + text-align: center; } .copyText { color: #121417; @@ -450,8 +479,8 @@ html, } .copyTextSmall { color: #121417; - font-size: 14px; - line-height: 17px; + font-size: 15px; + line-height: 19px; } .heroText { font-size: 37px; @@ -469,11 +498,15 @@ html, color: #ffffff; text-transform: uppercase; } +.signInUpText:hover { + color: #d8127d; +} .featureCircleH1 { font-size: 20px; color: #d8127d; letter-spacing: 1.11px; line-height: 24px; + margin-bottom: 22px; } .caseStudyText { font-size: 23px; @@ -489,6 +522,7 @@ html, font-size: 43px; color: #ffffff; line-height: 52px; + text-align: center; } .blueBoxCopy { font-size: 43px; @@ -499,9 +533,10 @@ html, font-size: 30px; color: #000000; line-height: 36px; + margin-bottom: 50px; } .featureBlogDesc { - font-size: 12px; + font-size: 13px; color: #67c4da; line-height: 22.79px; } @@ -511,6 +546,10 @@ html, line-height: 22.79px; text-transform: uppercase; } +.teamName { + color: #000000; + font-size: 19px; +} .footerText { font-size: 14px; color: #ffffff; @@ -526,17 +565,35 @@ html, font-size: 22px; line-height: 26px; text-decoration: none; + min-width: 265px; + text-align: center; } .button.blue { color: #ffffff; background-color: #67c4da; border-color: #67c4da; } +.button.blue:hover { + background-color: rgba(103, 196, 218, 0.5); +} +.button.blue-overPic { + color: #ffffff; + background-color: #67c4da; + border-color: #67c4da; +} +.button.blue-overPic:hover { + background-color: #ffffff; + color: #67c4da; +} .button.white-blue { color: #67c4da; background-color: #ffffff; border-color: #67c4da; } +.button.white-blue:hover { + background-color: rgba(103, 196, 218, 0.5); + color: #ffffff; +} .button.small { padding: 10px 15px; font-size: 14px; @@ -544,6 +601,13 @@ html, background-color: transparent; border-color: #ffffff; } +.chevron-divider { + background-image: url(../../images/svg/ascribe-chevron.svg); + background-position: bottom; + width: 100%; + background-size: 100%; + opacity: 0.35; +} .clearfix { zoom: 1; } @@ -567,7 +631,8 @@ html, } .centered-header { zoom: 1; - max-width: 1120px; + max-width: 1140px; + padding: 0 10px; width: 100%; margin: 0 auto; } @@ -579,9 +644,25 @@ html, .centered-header:after { clear: both; } +.centered-prodFeat { + zoom: 1; + max-width: 950px; + padding: 0 10px; + width: 100%; + margin: 0 auto; +} +.centered-prodFeat:before, +.centered-prodFeat:after { + content: ""; + display: table; +} +.centered-prodFeat:after { + clear: both; +} .centered-content { zoom: 1; - max-width: 770px; + max-width: 790px; + padding: 0 10px; width: 100%; margin: 0 auto; } @@ -595,7 +676,8 @@ html, } .centered-footer { zoom: 1; - max-width: 650px; + max-width: 670px; + padding: 0 10px; width: 100%; margin: 0 auto; } @@ -612,21 +694,25 @@ ol { padding: 0; margin: 0; } +.wrapper { + position: relative; + overflow: hidden; +} .ttl-columns { font-size: 0; width: 100%; - width: calc(100% + 28px); + width: calc(100% + 30px); } .ttl-columns .column { display: inline-block; vertical-align: top; - padding-right: 28px; + padding-right: 30px; font-size: 15px; } .ttl-columns .column-2 { display: inline-block; vertical-align: top; - padding-right: 28px; + padding-right: 30px; font-size: 15px; width: 50%; } @@ -638,7 +724,7 @@ ol { .ttl-columns .column-3 { display: inline-block; vertical-align: top; - padding-right: 28px; + padding-right: 30px; font-size: 15px; width: 33.33333333%; } @@ -650,7 +736,7 @@ ol { .ttl-columns .column-4 { display: inline-block; vertical-align: top; - padding-right: 28px; + padding-right: 30px; font-size: 15px; width: 25%; } @@ -662,7 +748,7 @@ ol { .ttl-columns .column-5 { display: inline-block; vertical-align: top; - padding-right: 28px; + padding-right: 30px; font-size: 15px; width: 20%; } @@ -674,7 +760,7 @@ ol { .ttl-columns .column-6 { display: inline-block; vertical-align: top; - padding-right: 28px; + padding-right: 30px; font-size: 15px; width: 16.66666667%; } @@ -691,7 +777,7 @@ ol { .ttl-columns .columnTwoThirds { display: inline-block; vertical-align: top; - padding-right: 28px; + padding-right: 30px; font-size: 15px; width: 66.6%; } @@ -700,6 +786,94 @@ ol { width: 100%; } } +.column-container { + font-size: 0; + width: 100%; + width: calc(100% + 30px); +} +.column-container .column { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; +} +.column-container .column-2 { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 50%; +} +@media screen and (max-width: 550px) { + .column-container .column-2 { + width: 100%; + } +} +.column-container .column-3 { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 33.33333333%; +} +@media screen and (max-width: 780px) { + .column-container .column-3 { + width: 100%; + } +} +.column-container .column-4 { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 25%; +} +@media screen and (max-width: 780px) { + .column-container .column-4 { + width: 50%; + } +} +.column-container .column-5 { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 20%; +} +@media screen and (max-width: 780px) { + .column-container .column-5 { + width: 50%; + } +} +.column-container .column-6 { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 16.66666667%; +} +@media screen and (max-width: 780px) { + .column-container .column-6 { + width: 33%; + } +} +@media screen and (max-width: 480px) { + .column-container .column-6 { + width: 50%; + } +} +.column-container .columnTwoThirds { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 66.6%; +} +@media screen and (max-width: 780px) { + .column-container .columnTwoThirds { + width: 100%; + } +} *, *:before, *:after { @@ -728,31 +902,39 @@ video { } .page-template-template-tour header { height: 815px; + margin-bottom: 60px; + position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; } .page-template-template-tour header nav { float: left; - margin-top: 30px; + margin-top: 35px; margin-left: 20px; + font-size: 25px; + line-height: 30px; + color: #67c4da; } .page-template-template-tour header ul { list-style: none; } .page-template-template-tour header .description { clear: both; - margin-top: 190px; + width: 80%; + margin: 190px auto 0; text-align: center; } .page-template-template-tour header h1 { font-size: 37px; color: #ffffff; line-height: 44px; + margin-bottom: 160px; } .page-template-template-tour header .chevron-divider { position: absolute; bottom: -60px; + height: 150px; } .logo { float: left; @@ -761,4 +943,333 @@ video { .app-links { float: right; margin-top: 25px; + font-size: 17px; + line-height: 20px; + color: #ffffff; + text-transform: uppercase; +} +.app-links:hover { + color: #d8127d; +} +.app-links a { + font-size: 17px; + line-height: 20px; + color: #ffffff; + text-transform: uppercase; +} +.app-links a:hover { + color: #d8127d; +} +.feature-circles { + padding: 75px 0 160px; +} +.feature-circles .column-container { + width: calc(100% + 100px); +} +.feature-circles .feature-circle { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 33.33333333%; + padding-right: 100px; +} +@media screen and (max-width: 780px) { + .feature-circles .feature-circle { + width: 100%; + } +} +.feature-circles img { + width: 105px; + display: block; + margin: 0 auto 26px; +} +.feature-circles h1 { + font-size: 20px; + color: #d8127d; + letter-spacing: 1.11px; + line-height: 24px; + margin-bottom: 22px; + text-align: center; +} +.feature-circles .description { + color: #121417; + font-size: 15px; + line-height: 19px; +} +.case-studies { + height: 685px; + background-color: #888; + position: relative; +} +.case-studies .case-study { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + transition: all 0.3s ease-in-out; + visibility: visible; + opacity: 1; +} +.case-studies .case-study.hidden { + visibility: hidden; + opacity: 0; +} +.case-studies .slide-container { + width: 100%; + height: 100%; + position: relative; + left: 0px; +} +.case-studies .centered-header { + position: relative; + width: 100%; + height: 100%; +} +.case-studies .description { + white-space: normal; + width: 60%; + background: rgba(0, 0, 0, 0.64); + padding: 25px; + position: absolute; + bottom: 35px; + right: 0; + font-size: 23px; + color: #ffffff; + line-height: 28px; +} +.case-studies p { + margin: 0; +} +.case-studies .slider-action { + width: 80px; + height: 80px; + background-color: #ffffff; + background-position: center; + background-repeat: no-repeat; + cursor: pointer; + position: absolute; + top: calc(50% - 40px); + z-index: 2; +} +.case-studies #back { + background-image: url(../../images/left.png); + left: 0; +} +.case-studies #forward { + background-image: url(../../images/right.png); + right: 0; +} +.old-new { + padding-top: 130px; + padding-bottom: 175px; +} +.old-new h1 { + font-size: 34px; + color: #67c4da; + line-height: 41px; + margin-bottom: 43px; + text-align: center; +} +.old-new th { + font-size: 24px; + color: #d8127d; + line-height: 29px; + text-transform: uppercase; + padding-bottom: 15px; +} +.old-new table { + border-collapse: collapse; +} +.old-new td { + border: 1px solid #d7e9ef; +} +.old-new td { + vertical-align: middle; + color: #121417; + font-size: 15px; + line-height: 19px; + width: 50%; + padding: 45px 0; +} +.old-new td p { + width: 60%; + margin: 0 auto; +} +.old-new .new { + border-bottom-color: #ffffff; + position: relative; + background-color: #d7e9ef; +} +.old-new .new:before { + position: absolute; + left: -30px; + top: calc(50% - 30px); + content: ''; + display: block; + width: 60px; + height: 60px; + background-image: url(../../images/ascribeicon-circles.png); + background-size: 60px; + background-repeat: no-repeat; +} +.old-new tr:last-of-type .new { + border-bottom-color: #d7e9ef; +} +.product-overview { + padding: 175px 0; + border-top: 1px solid #979797; +} +.product-overview h1 { + font-size: 34px; + color: #67c4da; + line-height: 41px; + margin-bottom: 43px; + text-align: center; +} +.product-overview p { + color: #121417; + font-size: 15px; + line-height: 19px; +} +.product-overview:nth-of-type(odd) img { + float: left; +} +.product-overview:nth-of-type(odd) .text-column { + float: right; +} +.product-overview:nth-of-type(even) img { + float: right; +} +.product-overview .text-column { + width: 45%; +} +.blue-box { + padding: 175px 0; + background-color: #fbfbfb; + font-size: 43px; + color: #ffffff; + line-height: 52px; +} +.blue-box .blue-copy { + background-color: #67c4da; + padding: 70px 0 110px; +} +.blue-box .blue-copy div { + width: 80%; + margin: 0 auto; + text-align: center; +} +.blue-box h1 { + font-size: 43px; + color: #ffffff; + line-height: 52px; + text-align: center; +} +.sign-up { + padding: 240px 0 210px; + text-align: center; +} +.sign-up a { + margin: 0 auto; +} +.galleries-marketplaces { + padding: 145px 0 130px; + text-align: center; +} +.galleries-marketplaces h1 { + font-size: 30px; + color: #000000; + line-height: 36px; + margin-bottom: 50px; +} +.galleries-marketplaces img { + display: block; + margin-bottom: 80px; +} +.blog-features { + background-color: #fbfbfb; + padding: 75px 0; +} +.blog-features .blog { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 33.33333333%; + margin-bottom: 40px; +} +@media screen and (max-width: 780px) { + .blog-features .blog { + width: 100%; + } +} +.blog-features .blog div { + background-color: white; + padding-bottom: 15px; + min-height: 225px; +} +.blog-features h2 { + font-size: 13px; + color: #67c4da; + line-height: 22.79px; + margin: 10px 10px 0; +} +.blog-features h1 { + font-size: 17px; + color: #595959; + line-height: 22.79px; + text-transform: uppercase; + margin: 0 10px; +} +.team { + background-color: #fbfbfb; + padding: 70px 0; + color: #121417; + font-size: 15px; + line-height: 19px; +} +.team .intro { + margin-bottom: 60px; +} +.team p { + margin: 0; +} +.team .team-member { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 33.33333333%; + text-align: center; +} +@media screen and (max-width: 780px) { + .team .team-member { + width: 100%; + } +} +.team img { + border-radius: 100%; + -webkit-filter: grayscale(100%); + filter: grayscale(100%); +} +.team img:hover { + -webkit-filter: none; + filter: none; +} +.team h1 { + color: #000000; + font-size: 19px; + margin-top: 20px; + margin-bottom: 0; +} +.team h2 { + color: #121417; + font-size: 18px; + line-height: 22px; + margin-top: 2px; } diff --git a/assets/css/ascribe.min.css b/assets/css/ascribe.min.css index 5e8f4fe..f0d3b4f 100644 --- a/assets/css/ascribe.min.css +++ b/assets/css/ascribe.min.css @@ -1 +1 @@ -/*! normalize.css v3.0.1 | MIT License | git.io/normalize */legend,td,th{padding:0}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0}table{border-collapse:collapse;border-spacing:0}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;text-shadow:none!important;-webkit-filter:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{color:#444!important;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body,html{height:100%;color:#121417;font-size:18px;line-height:22px;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}.blueBoxCopy,.button.small,.copyText,.copyTextSmall,.featureBlogDesc,.featureBlogTitle,.featureCircleH1,.fontLight,.footerText,.galleriesPressTitle,.h1,.heroText,.oldWayNewWayTH,.page-template-template-tour header h1,.signInUpText,.tourNavText,body,html{font-family:canada-type-gibson,sans-serif;font-weight:200}.blueBoxTitle,.button,.caseStudyText,.fontRegular{font-family:canada-type-gibson,sans-serif;font-weight:400}.h1{font-size:34px;color:#67c4da;line-height:41px}.copyText{color:#121417;font-size:18px;line-height:22px}.copyTextSmall{color:#121417;font-size:14px;line-height:17px}.heroText{font-size:37px;color:#fff;line-height:44px}.tourNavText{font-size:25px;line-height:30px;color:#67c4da}.signInUpText{font-size:17px;line-height:20px;color:#fff;text-transform:uppercase}.featureCircleH1{font-size:20px;color:#d8127d;letter-spacing:1.11px;line-height:24px}.caseStudyText{font-size:23px;color:#fff;line-height:28px}.oldWayNewWayTH{font-size:24px;color:#d8127d;line-height:29px}.blueBoxCopy,.blueBoxTitle{font-size:43px;color:#fff;line-height:52px}.galleriesPressTitle{font-size:30px;color:#000;line-height:36px}.featureBlogDesc{font-size:12px;color:#67c4da;line-height:22.79px}.featureBlogTitle{font-size:17px;color:#595959;line-height:22.79px;text-transform:uppercase}.footerText{font-size:14px;color:#fff;line-height:17px}.subfooterText{color:#1e1e1e}.button{display:inline-block;padding:25px 40px;border:1px solid;font-size:22px;line-height:26px;text-decoration:none}.button.blue{color:#fff;background-color:#67c4da;border-color:#67c4da}.button.white-blue{color:#67c4da;background-color:#fff;border-color:#67c4da}.button.small{padding:10px 15px;font-size:14px;color:#fff;background-color:transparent;border-color:#fff}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.no-clearfix{zoom:0}.centered-content,.centered-footer,.centered-header{zoom:1;margin:0 auto;width:100%}.no-clearfix:after,.no-clearfix:before{display:none}.centered-content:after,.centered-content:before,.centered-footer:after,.centered-footer:before,.centered-header:after,.centered-header:before{content:"";display:table}.no-clearfix:after{clear:none}.centered-content:after,.centered-footer:after,.centered-header:after{clear:both}.centered-header{max-width:1120px}.centered-content{max-width:770px}.centered-footer{max-width:650px}ol,ul{padding:0;margin:0}.ttl-columns{font-size:0;width:100%;width:calc(100% + 28px)}.ttl-columns .column,.ttl-columns .column-2,.ttl-columns .column-3,.ttl-columns .column-4,.ttl-columns .column-5,.ttl-columns .column-6,.ttl-columns .columnTwoThirds{display:inline-block;vertical-align:top;padding-right:28px;font-size:15px}.ttl-columns .column-2{width:50%}@media screen and (max-width:550px){.ttl-columns .column-2{width:100%}}.ttl-columns .column-3{width:33.33333333%}@media screen and (max-width:780px){.ttl-columns .column-3{width:100%}}.ttl-columns .column-4{width:25%}@media screen and (max-width:780px){.ttl-columns .column-4{width:50%}}.ttl-columns .column-5{width:20%}@media screen and (max-width:780px){.ttl-columns .column-5{width:50%}}.ttl-columns .column-6{width:16.66666667%}@media screen and (max-width:780px){.ttl-columns .column-6{width:33%}}@media screen and (max-width:480px){.ttl-columns .column-6{width:50%}}.ttl-columns .columnTwoThirds{width:66.6%}*,:after,:before{box-sizing:border-box}embed,img,object,video{max-width:100%;border:0;padding:0}.mobile-only{display:none}@media screen and (max-width:780px){.ttl-columns .columnTwoThirds{width:100%}.mobile-only{display:inherit}.desktop-only{display:none}}.page-template-template-tour header{height:815px;background-size:cover;background-repeat:no-repeat;background-position:center}.page-template-template-tour header nav{float:left;margin-top:30px;margin-left:20px}.page-template-template-tour header ul{list-style:none}.page-template-template-tour header .description{clear:both;margin-top:190px;text-align:center}.page-template-template-tour header h1{font-size:37px;color:#fff;line-height:44px}.page-template-template-tour header .chevron-divider{position:absolute;bottom:-60px}.logo{float:left;margin-top:25px}.app-links{float:right;margin-top:25px} \ No newline at end of file +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */legend,td,th{padding:0}.wrapper,sub,sup{position:relative}.logo,.product-overview:nth-of-type(odd) img{float:left}.old-new table,table{border-collapse:collapse}.blue-box .blue-copy div,.blue-box h1,.blueBoxTitle,.button,.feature-circles h1,.galleries-marketplaces,.h1,.page-template-template-tour header .description,.product-overview h1,.sign-up,.team .team-member{text-align:center}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0}table{border-spacing:0}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;text-shadow:none!important;-webkit-filter:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{color:#444!important;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.button,a{text-decoration:none}body,html{height:100%;color:#121417;font-size:18px;line-height:22px;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}a{background:0 0;color:#67c4da}a:hover{color:#d8127d}.app-links,.app-links a,.blog-features h1,.blog-features h2,.blue-box,.blueBoxCopy,.button.small,.copyText,.copyTextSmall,.feature-circles .description,.feature-circles h1,.featureBlogDesc,.featureBlogTitle,.featureCircleH1,.fontLight,.footerText,.galleries-marketplaces h1,.galleriesPressTitle,.h1,.heroText,.old-new h1,.old-new td,.old-new th,.oldWayNewWayTH,.page-template-template-tour header h1,.page-template-template-tour header nav,.product-overview h1,.product-overview p,.signInUpText,.team,.team h2,.tourNavText,body,html{font-family:canada-type-gibson,sans-serif;font-weight:200}.blue-box h1,.blueBoxTitle,.button,.case-studies .description,.caseStudyText,.fontRegular,.team h1,.teamName{font-family:canada-type-gibson,sans-serif;font-weight:400}.h1{font-size:34px;color:#67c4da;line-height:41px;margin-bottom:43px}.copyText{color:#121417;font-size:18px;line-height:22px}.copyTextSmall{color:#121417;font-size:15px;line-height:19px}.heroText{font-size:37px;color:#fff;line-height:44px}.tourNavText{font-size:25px;line-height:30px;color:#67c4da}.signInUpText{font-size:17px;line-height:20px;color:#fff;text-transform:uppercase}.signInUpText:hover{color:#d8127d}.featureCircleH1{font-size:20px;color:#d8127d;letter-spacing:1.11px;line-height:24px;margin-bottom:22px}.caseStudyText{font-size:23px;color:#fff;line-height:28px}.oldWayNewWayTH{font-size:24px;color:#d8127d;line-height:29px}.blueBoxCopy,.blueBoxTitle{font-size:43px;color:#fff;line-height:52px}.galleriesPressTitle{font-size:30px;color:#000;line-height:36px;margin-bottom:50px}.featureBlogDesc{font-size:13px;color:#67c4da;line-height:22.79px}.featureBlogTitle{font-size:17px;color:#595959;line-height:22.79px;text-transform:uppercase}.teamName{color:#000;font-size:19px}.footerText{font-size:14px;color:#fff;line-height:17px}.subfooterText{color:#1e1e1e}.button{display:inline-block;padding:25px 40px;border:1px solid;font-size:22px;line-height:26px;min-width:265px}.button.blue,.button.blue-overPic,.button.white-blue{border-color:#67c4da}.button.blue{color:#fff;background-color:#67c4da}.button.blue:hover{background-color:rgba(103,196,218,.5)}.button.blue-overPic{color:#fff;background-color:#67c4da}.button.blue-overPic:hover,.button.white-blue{color:#67c4da;background-color:#fff}.button.white-blue:hover{background-color:rgba(103,196,218,.5);color:#fff}.button.small{padding:10px 15px;font-size:14px;color:#fff;background-color:transparent;border-color:#fff}.chevron-divider{background-image:url(../../images/svg/ascribe-chevron.svg);background-position:bottom;width:100%;background-size:100%;opacity:.35}.case-studies .case-study,.page-template-template-tour header{background-size:cover;background-repeat:no-repeat;background-position:center}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.no-clearfix{zoom:0}.centered-content,.centered-footer,.centered-header,.centered-prodFeat{zoom:1;padding:0 10px;margin:0 auto;width:100%}.no-clearfix:after,.no-clearfix:before{display:none}.centered-content:after,.centered-content:before,.centered-footer:after,.centered-footer:before,.centered-header:after,.centered-header:before,.centered-prodFeat:after,.centered-prodFeat:before{content:"";display:table}.no-clearfix:after{clear:none}.centered-content:after,.centered-footer:after,.centered-header:after,.centered-prodFeat:after{clear:both}.centered-header{max-width:1140px}.centered-prodFeat{max-width:950px}.centered-content{max-width:790px}.centered-footer{max-width:670px}ol,ul{padding:0;margin:0}.wrapper{overflow:hidden}.ttl-columns{font-size:0;width:100%;width:calc(100% + 30px)}.ttl-columns .column,.ttl-columns .column-2,.ttl-columns .column-3,.ttl-columns .column-4,.ttl-columns .column-5,.ttl-columns .column-6,.ttl-columns .columnTwoThirds{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px}.ttl-columns .column-2{width:50%}@media screen and (max-width:550px){.ttl-columns .column-2{width:100%}}.ttl-columns .column-3{width:33.33333333%}@media screen and (max-width:780px){.ttl-columns .column-3{width:100%}}.ttl-columns .column-4{width:25%}@media screen and (max-width:780px){.ttl-columns .column-4{width:50%}}.ttl-columns .column-5{width:20%}@media screen and (max-width:780px){.ttl-columns .column-5{width:50%}}.ttl-columns .column-6{width:16.66666667%}@media screen and (max-width:780px){.ttl-columns .column-6{width:33%}}@media screen and (max-width:480px){.ttl-columns .column-6{width:50%}}.ttl-columns .columnTwoThirds{width:66.6%}@media screen and (max-width:780px){.ttl-columns .columnTwoThirds{width:100%}}.column-container{font-size:0;width:100%;width:calc(100% + 30px)}.column-container .column,.column-container .column-2,.column-container .column-3,.column-container .column-4,.column-container .column-5,.column-container .column-6,.column-container .columnTwoThirds{display:inline-block;padding-right:30px;font-size:15px;vertical-align:top}.column-container .column-2{width:50%}@media screen and (max-width:550px){.column-container .column-2{width:100%}}.column-container .column-3{width:33.33333333%}@media screen and (max-width:780px){.column-container .column-3{width:100%}}.column-container .column-4{width:25%}@media screen and (max-width:780px){.column-container .column-4{width:50%}}.column-container .column-5{width:20%}@media screen and (max-width:780px){.column-container .column-5{width:50%}}.column-container .column-6{width:16.66666667%}@media screen and (max-width:780px){.column-container .column-6{width:33%}}@media screen and (max-width:480px){.column-container .column-6{width:50%}}.column-container .columnTwoThirds{width:66.6%}*,:after,:before{box-sizing:border-box}embed,img,object,video{max-width:100%;border:0;padding:0}.mobile-only{display:none}@media screen and (max-width:780px){.column-container .columnTwoThirds{width:100%}.mobile-only{display:inherit}.desktop-only{display:none}}.page-template-template-tour header{height:815px;margin-bottom:60px;position:relative}.page-template-template-tour header nav{float:left;margin-top:35px;margin-left:20px;font-size:25px;line-height:30px;color:#67c4da}.page-template-template-tour header ul{list-style:none}.page-template-template-tour header .description{clear:both;width:80%;margin:190px auto 0}.page-template-template-tour header h1{font-size:37px;color:#fff;line-height:44px;margin-bottom:160px}.app-links,.app-links a{font-size:17px;line-height:20px;text-transform:uppercase}.page-template-template-tour header .chevron-divider{position:absolute;bottom:-60px;height:150px}.logo{margin-top:25px}.app-links{float:right;margin-top:25px;color:#fff}.app-links:hover{color:#d8127d}.app-links a{color:#fff}.app-links a:hover{color:#d8127d}.feature-circles{padding:75px 0 160px}.feature-circles .column-container{width:calc(100% + 100px)}.feature-circles .feature-circle{display:inline-block;vertical-align:top;font-size:15px;width:33.33333333%;padding-right:100px}@media screen and (max-width:780px){.feature-circles .feature-circle{width:100%}}.feature-circles img{width:105px;display:block;margin:0 auto 26px}.feature-circles h1{font-size:20px;color:#d8127d;letter-spacing:1.11px;line-height:24px;margin-bottom:22px}.feature-circles .description{color:#121417;font-size:15px;line-height:19px}.case-studies{height:685px;background-color:#888;position:relative}.case-studies .case-study{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease-in-out;visibility:visible;opacity:1}.case-studies .centered-header,.case-studies .slide-container{position:relative;width:100%;height:100%}.case-studies .case-study.hidden{visibility:hidden;opacity:0}.case-studies .slide-container{left:0}.case-studies .description{white-space:normal;width:60%;background:rgba(0,0,0,.64);padding:25px;position:absolute;bottom:35px;right:0;font-size:23px;color:#fff;line-height:28px}.case-studies p{margin:0}.case-studies .slider-action{width:80px;height:80px;background-color:#fff;background-position:center;background-repeat:no-repeat;cursor:pointer;position:absolute;top:calc(50% - 40px);z-index:2}.case-studies #back{background-image:url(../../images/left.png);left:0}.case-studies #forward{background-image:url(../../images/right.png);right:0}.old-new{padding-top:130px;padding-bottom:175px}.old-new h1{font-size:34px;color:#67c4da;line-height:41px;margin-bottom:43px;text-align:center}.old-new th{font-size:24px;color:#d8127d;line-height:29px;text-transform:uppercase;padding-bottom:15px}.old-new td{border:1px solid #d7e9ef;vertical-align:middle;color:#121417;font-size:15px;line-height:19px;width:50%;padding:45px 0}.old-new td p{width:60%;margin:0 auto}.old-new .new{border-bottom-color:#fff;position:relative;background-color:#d7e9ef}.old-new .new:before{position:absolute;left:-30px;top:calc(50% - 30px);content:'';display:block;width:60px;height:60px;background-image:url(../../images/ascribeicon-circles.png);background-size:60px;background-repeat:no-repeat}.old-new tr:last-of-type .new{border-bottom-color:#d7e9ef}.product-overview{padding:175px 0;border-top:1px solid #979797}.product-overview h1{font-size:34px;color:#67c4da;line-height:41px;margin-bottom:43px}.product-overview p{color:#121417;font-size:15px;line-height:19px}.blue-box,.blue-box h1{font-size:43px;color:#fff;line-height:52px}.product-overview:nth-of-type(even) img,.product-overview:nth-of-type(odd) .text-column{float:right}.product-overview .text-column{width:45%}.blue-box{padding:175px 0;background-color:#fbfbfb}.blue-box .blue-copy{background-color:#67c4da;padding:70px 0 110px}.blue-box .blue-copy div{width:80%;margin:0 auto}.sign-up{padding:240px 0 210px}.sign-up a{margin:0 auto}.galleries-marketplaces{padding:145px 0 130px}.galleries-marketplaces h1{font-size:30px;color:#000;line-height:36px;margin-bottom:50px}.galleries-marketplaces img{display:block;margin-bottom:80px}.blog-features .blog,.team .team-member{display:inline-block;vertical-align:top}.blog-features{background-color:#fbfbfb;padding:75px 0}.blog-features .blog{padding-right:30px;font-size:15px;width:33.33333333%;margin-bottom:40px}@media screen and (max-width:780px){.blog-features .blog{width:100%}}.blog-features .blog div{background-color:#fff;padding-bottom:15px;min-height:225px}.blog-features h2{font-size:13px;color:#67c4da;line-height:22.79px;margin:10px 10px 0}.blog-features h1{font-size:17px;color:#595959;line-height:22.79px;text-transform:uppercase;margin:0 10px}.team{background-color:#fbfbfb;padding:70px 0;color:#121417;font-size:15px;line-height:19px}.team .intro{margin-bottom:60px}.team p{margin:0}.team .team-member{padding-right:30px;font-size:15px;width:33.33333333%}@media screen and (max-width:780px){.team .team-member{width:100%}}.team img{border-radius:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.team img:hover{-webkit-filter:none;filter:none}.team h1{color:#000;font-size:19px;margin-top:20px;margin-bottom:0}.team h2{color:#121417;font-size:18px;line-height:22px;margin-top:2px} \ No newline at end of file diff --git a/assets/css/helpers/helpers.less b/assets/css/helpers/helpers.less index 32fdcc0..4b496e0 100644 --- a/assets/css/helpers/helpers.less +++ b/assets/css/helpers/helpers.less @@ -29,18 +29,28 @@ // CENTERED // Apply this class to an element to center it responsively in a container -@centeredpadding: 20px; +@centeredpadding: 10px; .centered-header { .clearfix; - max-width: 1120px; + 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; + max-width: 770px + 2*@centeredpadding; + padding: 0 @centeredpadding; width: 100%; margin: 0 auto; } @@ -48,7 +58,8 @@ .centered-footer { .clearfix; - max-width: 650px; + max-width: 650px + 2*@centeredpadding; + padding: 0 @centeredpadding; width: 100%; margin: 0 auto; } @@ -61,14 +72,21 @@ ul, ol { } // COLUMN SECTIONS + +.wrapper { + position: relative; + overflow:hidden; +} + +@paddingForCols: 30px; .ttl-columns { font-size:0; width:100%; - width: calc(~"100% + 28px"); + width: calc(~"100% +"@paddingForCols); .column { display: inline-block; vertical-align: top; - padding-right: 28px; + padding-right: @paddingForCols; font-size: 15px; } @@ -125,6 +143,9 @@ ul, ol { } } +.column-container { + .ttl-columns; +} // BORDER-BOX // Changes the box model so that padding is included within width, rather than diff --git a/assets/css/less/ascribe.less b/assets/css/less/ascribe.less index aca4340..4d74b6a 100644 --- a/assets/css/less/ascribe.less +++ b/assets/css/less/ascribe.less @@ -3,33 +3,40 @@ @import "branding.less"; @import "../helpers/helpers.less"; - +// HEADER +@chevronOffsetHeader: 60px; .page-template-template-tour header { height: 815px; + margin-bottom: @chevronOffsetHeader; + position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; nav { float: left; - margin-top: 30px; + margin-top: 35px; margin-left: 20px; + .tourNavText; } ul { list-style: none; } .description { clear: both; - margin-top: 190px; + width: 80%; + margin: 190px auto 0; text-align: center; } h1 { .heroText; + margin-bottom: 160px; } .chevron-divider { position: absolute; - bottom: -60px; + bottom: -@chevronOffsetHeader; + height: 150px; } } .logo { @@ -39,4 +46,285 @@ .app-links { float: right; margin-top: 25px; + .signInUpText; + + a { + .signInUpText; + } +} + + +// SUBTEMPLATES +.feature-circles { + padding: 75px 0 160px; + + .column-container { + width: calc(~"100% + 100px"); + } + + .feature-circle { + .ttl-columns.column-3; + padding-right: 100px; + } + img { + width: 105px; + display: block; + margin: 0 auto 26px; + } + h1 { + .featureCircleH1; + text-align: center; + } + .description { + .copyTextSmall; + } +} +.case-studies { + height: 685px; + background-color: #888; + 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(all,0.3s); + visibility: visible; + opacity: 1; + + &.hidden { + visibility: hidden; + opacity: 0; + } + } + .slide-container { + width: 100%; + height: 100%; + position: relative; + left: 0px; + } + .centered-header { + position: relative; + width: 100%; + height: 100%; + } + .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; + background-position: center; + background-repeat: no-repeat; + cursor: pointer; + position: absolute; + top: calc(~"50% - 40px"); + z-index: 2; + } + #back { + background-image: url(../../images/left.png); + left:0; + } + #forward { + background-image: url(../../images/right.png); + right:0; + } +} +.old-new { + padding-top: 130px; + padding-bottom: 175px; + + h1 { + .h1; + text-align: center; + } + + th { + .oldWayNewWayTH; + text-transform: uppercase; + padding-bottom: 15px; + } + + table { + border-collapse: collapse; + } + + td { + border: 1px solid @blueLight; + } + td { + 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/ascribeicon-circles.png); + background-size:60px; + background-repeat: no-repeat; + } + } + tr { + &:last-of-type { + .new { + border-bottom-color: @blueLight; + } + } + } +} +.product-overview { + padding: 175px 0; + border-top: 1px solid @greyHr; + + h1 { + .h1; + } + p { + .copyTextSmall; + } + + &:nth-of-type(odd) { + img { + float: left; + } + .text-column { + float: right; + } + } + &:nth-of-type(even) { + img { + float: right; + } + } + .text-column { + width: 45%; + } +} +.blue-box { + padding: 175px 0; + background-color: @greyBg; + .blueBoxCopy; + + .blue-copy { + background-color: @blueBright; + padding: 70px 0 110px; + + div { + width: 80%; + margin: 0 auto; + text-align: center; + } + } + h1 { + .blueBoxTitle; + } +} +.sign-up { + padding: 240px 0 210px; + text-align: center; + a { + margin: 0 auto; + } + +} +.galleries-marketplaces { + padding: 145px 0 130px; + text-align: center; + + h1 { + .galleriesPressTitle; + } + img { + display:block; + margin-bottom: 80px; + } +} +.blog-features { + background-color: @greyBg; + padding: 75px 0; + + .blog { + .ttl-columns.column-3; + margin-bottom: 40px; + + div { + background-color: white; + padding-bottom: 15px; + min-height: 225px; + } + } + + h2 { + .featureBlogDesc; + margin:10px 10px 0; + } + h1 { + .featureBlogTitle; + margin:0 10px; + } +} +.team { + background-color: @greyBg; + padding: 70px 0; + .copyTextSmall; + + .intro { + margin-bottom: 60px; + } + p { + margin:0; + } + .team-member { + .ttl-columns.column-3; + text-align: center; + } + img { + border-radius: 100%; + filter: grayscale(100%); + + &:hover { + filter: none; + } + } + h1 { + .teamName; + margin-top: 20px; + margin-bottom:0; + } + h2 { + .copyText; + margin-top:2px; + } } \ No newline at end of file diff --git a/assets/css/less/branding.less b/assets/css/less/branding.less index 756abc7..be30266 100644 --- a/assets/css/less/branding.less +++ b/assets/css/less/branding.less @@ -8,11 +8,20 @@ html { background-color: @white; } +a { + text-decoration: none; + color: @blueBright; + + &:hover { + color: @pink; + } +} + //COLOURS @blueDeep: #121417; @blueMedium: #003C69; @blueBright: #67C4DA; -@blueLight: #D3DEE4; +@blueLight: #d7e9ef; @pink: #D8127D; @white: #fff; @@ -39,6 +48,8 @@ html { font-size: 34px; color: @blueBright; line-height: 41px; + margin-bottom: 43px; + text-align: center; } .copyText { &:extend(.fontLight); @@ -49,8 +60,8 @@ html { .copyTextSmall { &:extend(.fontLight); color: @blueDeep; - font-size: 14px; - line-height: 17px; + font-size: 15px; + line-height: 19px; } // SPECIALIZED TEXT STYLES @@ -65,6 +76,7 @@ html { font-size: 25px; line-height: 30px; color: @blueBright; + } .signInUpText { &:extend(.fontLight); @@ -72,6 +84,10 @@ html { line-height: 20px; color: @white; text-transform: uppercase; + + &:hover { + color: @pink; + } } .featureCircleH1 { &:extend(.fontLight); @@ -79,6 +95,7 @@ html { color: @pink; letter-spacing: 1.11px; line-height: 24px; + margin-bottom: 22px; } .caseStudyText { &:extend(.fontRegular); @@ -97,6 +114,7 @@ html { font-size: 43px; color: @white; line-height: 52px; + text-align: center; } .blueBoxCopy { &:extend(.fontLight); @@ -109,10 +127,11 @@ html { font-size: 30px; color: @black; line-height: 36px; + margin-bottom: 50px; } .featureBlogDesc { &:extend(.fontLight); - font-size: 12px; + font-size: 13px; color: @blueBright; line-height: 22.79px; } @@ -122,6 +141,14 @@ html { color: @greyText; line-height: 22.79px; text-transform: uppercase; +} +.teamName { + &:extend(.fontRegular); + color: @black; + font-size: 19px; +} +.teamPosition { + } .footerText { &:extend(.fontLight); @@ -145,17 +172,41 @@ html { font-size: 22px; line-height: 26px; text-decoration: none; + min-width: 265px; + text-align: center; &.blue { + @bgColor: @blueBright; color: @white; - background-color: @blueBright; - border-color: @blueBright; + 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; + } } &.white-blue { + @bgColor: @white; color: @blueBright; - background-color: @white; + background-color: @bgColor; border-color: @blueBright; + + &:hover { + background-color: fade(@blueBright,50); + color: @white; + } } &.small { @@ -169,5 +220,9 @@ html { } .chevron-divider { - + background-image: url(../../images/svg/ascribe-chevron.svg); + background-position: bottom; + width: 100%; + background-size: 100%; + opacity: 0.35; } \ No newline at end of file diff --git a/assets/js/ascribe.js b/assets/js/ascribe.js index ccf7689..f96dc94 100644 --- a/assets/js/ascribe.js +++ b/assets/js/ascribe.js @@ -1,8 +1,30 @@ /*! ascribe - v0.0.1 * http://wordpress.org/themes * Copyright (c) 2015; * Licensed GPLv2+ */ -( function( window, undefined ) { - 'use strict'; +$(document).ready(function(){ + + //Slider + + $('.case-study:gt(0)').addClass('hidden'); + + $('.slider-action').click(function(){ + + var direction = $(this).attr('id'); + + if (direction === 'back') { + $('.case-study').addClass('hidden'); + $('.case-study').last().prependTo('.slide-container').removeClass('hidden'); + } + else { + displayed = $('.case-study').first(); + displayed.addClass('hidden'); + $('.case-study').eq(1).removeClass('hidden'); + displayed.appendTo('.slide-container'); + } + + }); -} )( this ); + + +}); \ No newline at end of file diff --git a/assets/js/ascribe.min.js b/assets/js/ascribe.min.js index 8ba2638..5f37ce1 100644 --- a/assets/js/ascribe.min.js +++ b/assets/js/ascribe.min.js @@ -1,4 +1,4 @@ /*! ascribe - v0.0.1 * http://wordpress.org/themes * Copyright (c) 2015; * Licensed GPLv2+ */ -!function(a,b){"use strict"}(this); \ No newline at end of file +$(document).ready(function(){$(".case-study:gt(0)").addClass("hidden"),$(".slider-action").click(function(){var a=$(this).attr("id");"back"===a?($(".case-study").addClass("hidden"),$(".case-study").last().prependTo(".slide-container").removeClass("hidden")):(displayed=$(".case-study").first(),displayed.addClass("hidden"),$(".case-study").eq(1).removeClass("hidden"),displayed.appendTo(".slide-container"))})}); \ No newline at end of file diff --git a/assets/js/src/ascribe.js b/assets/js/src/ascribe.js index decb66f..99233f9 100644 --- a/assets/js/src/ascribe.js +++ b/assets/js/src/ascribe.js @@ -1,13 +1,27 @@ -/** - * ascribe - * http://wordpress.org/themes - * - * Copyright (c) 2015 Territorial - * Licensed under the GPLv2+ license. - */ +$(document).ready(function(){ -( function( window, undefined ) { - 'use strict'; + //Slider + + $('.case-study:gt(0)').addClass('hidden'); + + $('.slider-action').click(function(){ + + var direction = $(this).attr('id'); + + if (direction === 'back') { + $('.case-study').addClass('hidden'); + $('.case-study').last().prependTo('.slide-container').removeClass('hidden'); + } + else { + displayed = $('.case-study').first(); + displayed.addClass('hidden'); + $('.case-study').eq(1).removeClass('hidden'); + displayed.appendTo('.slide-container'); + } + + }); -} )( this ); + + +}); \ No newline at end of file diff --git a/controller/classes/Subtemplate.php b/controller/classes/Subtemplate.php index c6000a4..1fe6b9d 100644 --- a/controller/classes/Subtemplate.php +++ b/controller/classes/Subtemplate.php @@ -49,7 +49,7 @@ class Subtemplate { $result .= $this->blogFeatures($subtemplate,$subtemplateTitle); break; case 'mediafeature': - $result .= $this->mediaFeature($subtemplate,$subtemplateTitle); + $result .= $this->galleries($subtemplate,$subtemplateTitle); break; case 'team': $result .= $this->team($subtemplate,$subtemplateTitle); @@ -101,7 +101,7 @@ class Subtemplate { } } - $result = "
{$featureCircles}
"; + $result = "
{$featureCircles}
"; return $result; } @@ -115,14 +115,14 @@ class Subtemplate { $bgImage = get_sub_field('background_image')['url']; $caseStudies .= "
-
+
{$content}
"; } } - $result = "
{$caseStudies}
"; + $result = "
{$caseStudies}
"; return $result; } @@ -162,7 +162,7 @@ class Subtemplate { $content = get_sub_field('content'); $result = "
-
+
{$imageAlt}

{$subtemplateTitle}

@@ -195,7 +195,7 @@ class Subtemplate { $result = ""; @@ -211,7 +211,7 @@ class Subtemplate {

{$subtemplateTitle}

{$galleriesImgAlt} - Read more + Read more
"; @@ -229,10 +229,10 @@ class Subtemplate { $url = get_permalink($feature->ID); $image = wp_get_attachment_image_src(get_post_thumbnail_id($feature->ID),'large')[0]; - $blogFeatures .= "
+ $blogFeatures .= "
{$postTitle} Image

{$title}

-

{$postTitle}

+

{$postTitle}

"; } } @@ -247,21 +247,6 @@ class Subtemplate { return $result; } - public function mediaFeature($subtemplate,$subtemplateTitle) { - $mediaLink = get_sub_field('media_link'); - $mediaImgUrl = get_sub_field('media_feature_image')['url']; - $mediaImgAlt = get_sub_field('media_feature_image')['alt']; - - $result = "
-
-

{$subtemplateTitle}

- {$mediaImgAlt} - Read more -
-
"; - - return $result; - } public function team($subtemplate,$subtemplateTitle) { $content = get_sub_field('content'); $meetTeamLink = get_sub_field('meet_the_team_link'); @@ -313,7 +298,7 @@ class Subtemplate { $result = "
-
{$content}
+
{$content}
{$teamMemberMarkup}
Meet the Team
diff --git a/images/ascribeicon-circles.png b/images/ascribeicon-circles.png new file mode 100644 index 0000000000000000000000000000000000000000..94a59acdafca86954656880e37fea284ef0974c4 GIT binary patch literal 10486 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 WF2?@y$&DwhcY#bAC8-Quz3Croh==U} literal 0 HcmV?d00001 diff --git a/images/right.png b/images/right.png new file mode 100644 index 0000000000000000000000000000000000000000..a4d7bdc7e2d4c19ee6cc3d3852ff302e387d4d6b GIT binary patch literal 1630 zcmeAS@N?(olHy`uVBq!ia0vp^l0a<4!2~4L9y~t?5-4$vC<)F_D=AMbN@Z|N$xljE z@XSq2PYp^XQ2>tmIipR1P$QlnRqTL9F}z+huvQIMFNom!%h zl$xHIXRGvn_kJaX%oJOta8q9c-vZ~}1OnC3`ysn+hwS0lBFq zi3%0DIeEoa6}C!XbFF}Ekg&dz0$52&wyhGxQ4ziY3eNdOsS2igX1d7+X66d!mU@P! z=H@2mItoSxhNk)k#`?wvx<Ge1uOWMX1c zerbuV640d(FXR@$jm;~D1`{yA^eYkz^bPe4Kwg3=^!3HBG&dKny0|1L72#g21{a4^ z7NqJ2r55Lx79|5CE=?I^Re_arQEFmIeo;t%ehw@Y12XbU@{2R_3lyB4!J($0;hUJ8 znFkWo1nctkwerj>E=kNwPW5!LRRWr$mzkMjWo~F_Y+&GKVCraLYG~+cYU$)??(E`f zV(DsVVq|3L4Abk9pIn-onpXnTn}X15h*K{pLF5(yZFWg5$}CGwaVyHtRRDY3Die!a zjNB}ZO)T6@aheC!n}WqHP`ze2_38s1qYsK+r09kT0n-qO2~WI04m|m%<^j`u5ioI2 zS|`@cz`%6I)5S5Q;?|n!C-a30MUGoD>o%>`30fkO+vD9@_1ZCcQK$Iy=8sQY_0^6o zX%7=Fe{BEY>M>O{xi61S&e##-W8=}Ix#j8+vnkiabONqPZcAjFG4osxzqIewCSx1B z@I&hMKla}LzSmu&%PF+g;`saRdG9Vwl;wC8|IV~5(DdUwpFO*@5@Qb(ZqJ>6v!q^6 z^OVsw);Tvbw@ZHU7rV4+Q9>+>f*S66P# z@hq;*^_cYdp(hJ>j&#g{pp{I!QkUIg6aQcuzE6x}xpoauaCyncZy`%gbg#M>P|TNW zEMGS3Ve48`*(ux>FSqf|>g9L(y3AQ)ZCTgXJ)KV%9G+BhakYkR^aH&&rAe{!K}R!Z z?S1mr+~NH3JCCD+g7#0^RC@i-d6xe5-XFwb4Y%Ek6zh`N_HHGctpDb2!6Vj}@7JDe zdUo%lxT&WczZ(CSZ!#}8FW3|?Y3lKXR~)uKywbOJMNI4b4<&||S1O--SCnA<>!{J( z=dK+!9CcG(-}S0n7tpxjy^3du|LhY+`$}GZ3fLdGK07t-*V&wTtsi^}ZOY6#4MH{E zotVGyUKjT{CiSM`#OLd4eD|12&O9;2#I}?7-|thaOyqnHR1{y>$ZGoADaW2i)mH4X z;dW6|_ruc|b~kPH=C5WhQ)}0CoFH;TqT|@nwWq#X&FbFxr(-$48QYb654}Z~zxZ@x z!s&*{-w*WcgL$5)EX|9^3yYs{GvH3)Rp%PvIt~Mdc}L63IP5;I0+sllu6{1-oD!M< D-okm8 literal 0 HcmV?d00001 diff --git a/sftpCache.json b/sftpCache.json index d271570..74d5dac 100644 --- a/sftpCache.json +++ b/sftpCache.json @@ -1 +1 @@ -{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-09-23T04:50:22.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-09-23T04:50:23.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/ascribe.less":"2015-09-23T04:39:52.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.js":"2015-09-23T03:48:23.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-09-23T03:48:23.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//src/ascribe.js":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//helpers/helpers.less":"2015-09-23T04:08:48.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/branding.less":"2015-09-23T04:49:30.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/colorbox.css":"2015-08-30T20:38:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/normalize.less":"2015-08-25T22:42:14.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/print.less":"2015-07-02T21:25:38.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/retina/retina.min.js":"2015-08-18T23:30:10.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//controller.inc.php":"2015-09-17T22:47:24.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//init.php":"2015-09-21T22:45:13.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//classes/Subtemplate.php":"2015-09-23T02:31:05.000Z"} \ No newline at end of file +{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-09-24T06:23:16.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-09-24T06:23:17.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/ascribe.less":"2015-09-24T06:22:47.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.js":"2015-09-24T04:21:01.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-09-24T04:21:01.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//src/ascribe.js":"2015-09-24T04:20:58.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//helpers/helpers.less":"2015-09-24T05:57:08.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/branding.less":"2015-09-24T06:23:00.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/colorbox.css":"2015-08-30T20:38:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/normalize.less":"2015-08-25T22:42:14.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/print.less":"2015-07-02T21:25:38.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/retina/retina.min.js":"2015-08-18T23:30:10.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//controller.inc.php":"2015-09-17T22:47:24.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//init.php":"2015-09-21T22:45:13.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//classes/Subtemplate.php":"2015-09-24T02:10:16.000Z"} \ No newline at end of file diff --git a/template-tour.php b/template-tour.php index 9668871..aa9b763 100644 --- a/template-tour.php +++ b/template-tour.php @@ -19,11 +19,12 @@ $buttonText = get_field('create_account_button_text'); Sign In / Sign Up

- +