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 0000000..94a59ac Binary files /dev/null and b/images/ascribeicon-circles.png differ diff --git a/images/left.png b/images/left.png new file mode 100644 index 0000000..1cefe8e Binary files /dev/null and b/images/left.png differ diff --git a/images/right.png b/images/right.png new file mode 100644 index 0000000..a4d7bdc Binary files /dev/null and b/images/right.png differ 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

- +