From 36db938d7b6fdb408e74c484a9a9d6e0b77e2657 Mon Sep 17 00:00:00 2001 From: Sarah Etter Date: Thu, 24 Sep 2015 23:55:31 -0600 Subject: [PATCH] Front end --- 404.php | 24 + assets/css/ascribe.css | 585 ++++++++++++++- assets/css/ascribe.min.css | 2 +- assets/css/helpers/helpers.less | 17 + assets/css/less/ascribe.less | 346 ++++++++- assets/css/less/branding.less | 99 ++- assets/js/ajax-pagination.js | 15 + assets/js/ascribe.js | 86 ++- assets/js/ascribe.min.js | 2 +- assets/js/src/ascribe.js | 86 ++- content-main.php | 2 +- controller/classes/Subtemplate.php | 245 ++++++- footer.php | 63 +- functions.php | 12 +- images/svg/facebook.svg | 1060 +++++++++++++++++++++++++++ images/svg/git.svg | 1068 +++++++++++++++++++++++++++ images/svg/instagram.svg | 1065 +++++++++++++++++++++++++++ images/svg/linkedin.svg | 1063 +++++++++++++++++++++++++++ images/svg/medium.svg | 1064 +++++++++++++++++++++++++++ images/svg/reddit.svg | 1074 ++++++++++++++++++++++++++++ images/svg/tumblr.svg | 1063 +++++++++++++++++++++++++++ images/svg/twitter.svg | 1066 +++++++++++++++++++++++++++ images/svg/website.svg | 1073 +++++++++++++++++++++++++++ includes/functions/core.php | 7 + sftpCache.json | 2 +- template-header.php | 17 + template-tour.php | 7 +- template.php | 11 +- 28 files changed, 11113 insertions(+), 111 deletions(-) create mode 100644 404.php create mode 100644 assets/js/ajax-pagination.js create mode 100644 images/svg/facebook.svg create mode 100644 images/svg/git.svg create mode 100644 images/svg/instagram.svg create mode 100644 images/svg/linkedin.svg create mode 100644 images/svg/medium.svg create mode 100644 images/svg/reddit.svg create mode 100644 images/svg/tumblr.svg create mode 100644 images/svg/twitter.svg create mode 100644 images/svg/website.svg create mode 100644 template-header.php diff --git a/404.php b/404.php new file mode 100644 index 0000000..23c27a9 --- /dev/null +++ b/404.php @@ -0,0 +1,24 @@ + + + +
+
+
+
+

This page doesn't exist!

+
Don't worry. You can either go to our homepage or read our blog.
+
+
+
+
+ + \ No newline at end of file diff --git a/assets/css/ascribe.css b/assets/css/ascribe.css index 8c62dcd..86bf981 100644 --- a/assets/css/ascribe.css +++ b/assets/css/ascribe.css @@ -403,13 +403,19 @@ th { body, html { color: #121417; - font-size: 18px; - line-height: 22px; + font-size: 15px; + line-height: 19px; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #ffffff; } +body.page-template-template-companyblue, +html.page-template-template-companyblue { + color: #121417; + font-size: 18px; + line-height: 22px; +} a { text-decoration: none; color: #67c4da; @@ -420,8 +426,18 @@ a:hover { .fontLight, body, html, +body.page-template-template-companyblue, +html.page-template-template-companyblue, +.sectionHeader, +.subsectionHeader, .h1, +h1, +.h3, +h3, +.h5, +h5, .copyText, +.copyTextMedium, .copyTextSmall, .heroText, .tourNavText, @@ -438,6 +454,7 @@ html, .page-template-template-tour header h1, .app-links, .app-links a, +.subtemplate h1, .feature-circles h1, .feature-circles .description, .old-new h1, @@ -450,33 +467,105 @@ html, .blog-features h2, .blog-features h1, .team, -.team h2 { +.team h2, +.faq, +.values .value, +.careers a, +.contact .form, +.contact label, +.contact input[type=submit].small, +.contact .contact-point, +.contact .required-info, +.contact .wpcf7-not-valid-tip, +.press-articles, +footer, +footer a { font-family: "canada-type-gibson", sans-serif; font-weight: 200; } .fontRegular, +.h2, +h2, +.h4, +h4, +.h6, +h6, .caseStudyText, .blueBoxTitle, .teamName, .button, .case-studies .description, .blue-box h1, -.team h1 { +.team h1, +.faq .featured-faqs dt, +.faq .regular-faqs dt, +.values .value h1, +.contact input[type=submit], +.contact .contact-point h1, +.press-articles .press-article h1, +footer a:hover { font-family: "canada-type-gibson", sans-serif; font-weight: 400; } -.h1 { +.sectionHeader { font-size: 34px; color: #67c4da; line-height: 41px; - margin-bottom: 43px; + margin: 35px 0; text-align: center; } +.subsectionHeader { + font-size: 31px; + color: #000000; + line-height: 37px; + text-align: center; +} +.h1, +h1 { + font-size: 36px; + color: #d8127d; + line-height: 1.2; +} +.h2, +h2 { + font-size: 26px; + color: #d8127d; + line-height: 1.2; +} +.h3, +h3 { + font-size: 27px; + color: #d8127d; + line-height: 1.2; +} +.h4, +h4 { + font-size: 26px; + color: #000000; + line-height: 1.2; +} +.h5, +h5 { + font-size: 26px; + color: #000000; + line-height: 1.2; +} +.h6, +h6 { + color: #d8127d; + font-size: 15px; + line-height: 19px; +} .copyText { color: #121417; font-size: 18px; line-height: 22px; } +.copyTextMedium { + color: #121417; + font-size: 17px; + line-height: 21px; +} .copyTextSmall { color: #121417; font-size: 15px; @@ -498,9 +587,6 @@ html, color: #ffffff; text-transform: uppercase; } -.signInUpText:hover { - color: #d8127d; -} .featureCircleH1 { font-size: 20px; color: #d8127d; @@ -553,10 +639,12 @@ html, .footerText { font-size: 14px; color: #ffffff; - line-height: 17px; + line-height: 25px; } .subfooterText { color: #1e1e1e; + font-size: 13px; + line-height: 14px; } .button { display: inline-block; @@ -595,11 +683,17 @@ html, color: #ffffff; } .button.small { - padding: 10px 15px; + padding: 5px 15px; font-size: 14px; color: #ffffff; background-color: transparent; border-color: #ffffff; + min-width: auto; +} +.button.small:hover { + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.4); + color: #ffffff; } .chevron-divider { background-image: url(../../images/svg/ascribe-chevron.svg); @@ -607,6 +701,24 @@ html, width: 100%; background-size: 100%; opacity: 0.35; + height: 150px; +} +.social-icon { + width: 21px; + height: 21px; + padding: 1px; + fill: #ffffff; + background-color: #b8b8b8; + border-radius: 5px; +} +.social-icon:hover { + background-color: rgba(184, 184, 184, 0.4); +} +hr { + border: 0; + height: 2px; + background: #979797; + margin: 40px 0; } .clearfix { zoom: 1; @@ -674,6 +786,22 @@ html, .centered-content:after { clear: both; } +.centered-content-padding { + zoom: 1; + max-width: 950px; + padding-bottom: 50px; + width: 100%; + margin: 0 auto; + background-color: #ffffff; +} +.centered-content-padding:before, +.centered-content-padding:after { + content: ""; + display: table; +} +.centered-content-padding:after { + clear: both; +} .centered-footer { zoom: 1; max-width: 670px; @@ -786,6 +914,18 @@ ol { width: 100%; } } +.ttl-columns .columnThreeQuarters { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 75%; +} +@media screen and (max-width: 780px) { + .ttl-columns .columnThreeQuarters { + width: 100%; + } +} .column-container { font-size: 0; width: 100%; @@ -874,6 +1014,18 @@ ol { width: 100%; } } +.column-container .columnThreeQuarters { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 75%; +} +@media screen and (max-width: 780px) { + .column-container .columnThreeQuarters { + width: 100%; + } +} *, *:before, *:after { @@ -900,13 +1052,22 @@ video { display: none; } } +header { + overflow: hidden; + padding-bottom: 50px; +} +header ~ .chevron-divider { + height: 175px; +} .page-template-template-tour header { height: 815px; + padding: 0; margin-bottom: 60px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; + overflow: visible; } .page-template-template-tour header nav { float: left; @@ -931,35 +1092,71 @@ video { line-height: 44px; margin-bottom: 160px; } +.page-template-template-tour header .app-links { + color: #ffffff; + margin-top: 25px; +} +.page-template-template-tour header .app-links a { + color: #ffffff; +} .page-template-template-tour header .chevron-divider { position: absolute; bottom: -60px; height: 150px; } +.page-template-template-companyblue header { + background-color: #529dae; +} +.page-template-template-companyblue header ~ .chevron-divider { + background-color: #529dae; +} .logo { float: left; margin-top: 25px; } .app-links { float: right; - margin-top: 25px; + margin-top: 35px; font-size: 17px; line-height: 20px; color: #ffffff; text-transform: uppercase; -} -.app-links:hover { - color: #d8127d; + color: #000000; } .app-links a { font-size: 17px; line-height: 20px; color: #ffffff; text-transform: uppercase; + color: #000000; } .app-links a:hover { color: #d8127d; } +.above-chevron { + margin-top: -100px; + margin-bottom: -80px; + position: relative; + z-index: 3; +} +.four-oh-four { + font-size: 34px; + line-height: 41px; + text-align: center; +} +.four-oh-four .centered-content-padding { + min-height: 500px; +} +.subtemplate { + position: relative; +} +.subtemplate h1 { + font-size: 34px; + color: #67c4da; + line-height: 41px; + margin: 35px 0; + text-align: center; +} .feature-circles { padding: 75px 0 160px; } @@ -1072,7 +1269,7 @@ video { font-size: 34px; color: #67c4da; line-height: 41px; - margin-bottom: 43px; + margin: 35px 0; text-align: center; } .old-new th { @@ -1128,7 +1325,7 @@ video { font-size: 34px; color: #67c4da; line-height: 41px; - margin-bottom: 43px; + margin: 35px 0; text-align: center; } .product-overview p { @@ -1225,16 +1422,17 @@ video { line-height: 22.79px; text-transform: uppercase; margin: 0 10px; + text-align: left; } .team { - background-color: #fbfbfb; - padding: 70px 0; color: #121417; font-size: 15px; line-height: 19px; + text-align: center; } .team .intro { margin-bottom: 60px; + text-align: left; } .team p { margin: 0; @@ -1246,6 +1444,7 @@ video { font-size: 15px; width: 33.33333333%; text-align: center; + margin-bottom: 40px; } @media screen and (max-width: 780px) { .team .team-member { @@ -1257,10 +1456,6 @@ video { -webkit-filter: grayscale(100%); filter: grayscale(100%); } -.team img:hover { - -webkit-filter: none; - filter: none; -} .team h1 { color: #000000; font-size: 19px; @@ -1273,3 +1468,347 @@ video { line-height: 22px; margin-top: 2px; } +.team.tour-page { + padding: 70px 0; + background-color: #fbfbfb; +} +.faq { + color: #121417; + font-size: 17px; + line-height: 21px; +} +.faq dl, +.faq dt, +.faq dd { + margin: 0; + padding: 0; +} +.faq .featured-faqs { + margin-bottom: 75px; +} +.faq .featured-faqs dt { + font-size: 25px; + line-height: 32px; + color: #d8127d; + cursor: pointer; +} +.faq .featured-faqs dd { + max-height: 0; + overflow-y: hidden; + transition: all 0.15s ease-in-out; + margin-bottom: 5px; +} +.faq .featured-faqs dd.open { + max-height: 800px; +} +.faq .regular-faqs dd { + margin-bottom: 60px; +} +.values { + padding-bottom: 150px; +} +.values .column-container { + width: calc(100% + 175px); +} +.values .value { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 50%; + color: #121417; + font-size: 18px; + line-height: 22px; + padding-right: 175px; +} +@media screen and (max-width: 550px) { + .values .value { + width: 100%; + } +} +.values .value h1 { + color: #000000; + font-size: 25px; + line-height: 15px; + margin-bottom: 0; + text-align: left; +} +.careers { + background-color: #fbfbfb; + text-align: center; + padding: 90px 0 140px; + margin-bottom: 75px; +} +.careers a { + color: #000000; + font-size: 27px; + line-height: 32px; +} +.careers a:hover { + color: #d8127d; +} +.careers li { + margin-bottom: 35px; +} +.careers ul { + list-style: none; +} +.contact .form { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 75%; + color: #121417; + font-size: 18px; + line-height: 22px; +} +@media screen and (max-width: 780px) { + .contact .form { + width: 100%; + } +} +.contact .contact-points { + display: inline-block; + vertical-align: top; + padding-right: 30px; + font-size: 15px; + width: 25%; +} +@media screen and (max-width: 780px) { + .contact .contact-points { + width: 50%; + } +} +.contact label { + color: #121417; + font-size: 15px; + line-height: 19px; +} +.contact label.required:after { + content: '*'; + color: #d8127d; +} +.contact input, +.contact textarea { + margin-bottom: 20px; + padding: 10px; + color: #595959; + width: 80%; + margin-top: 5px; + border: 1px solid #979797; + outline: none; +} +.contact input[aria-invalid=true], +.contact textarea[aria-invalid=true] { + border: 1px solid #d8127d; +} +.contact input[type=submit] { + display: inline-block; + padding: 25px 40px; + border: 1px solid; + font-size: 22px; + line-height: 26px; + text-decoration: none; + min-width: 265px; + text-align: center; + color: #ffffff; + background-color: #67c4da; + border-color: #67c4da; + width: auto; +} +.contact input[type=submit].blue { + color: #ffffff; + background-color: #67c4da; + border-color: #67c4da; +} +.contact input[type=submit].blue:hover { + background-color: rgba(103, 196, 218, 0.5); +} +.contact input[type=submit].blue-overPic { + color: #ffffff; + background-color: #67c4da; + border-color: #67c4da; +} +.contact input[type=submit].blue-overPic:hover { + background-color: #ffffff; + color: #67c4da; +} +.contact input[type=submit].white-blue { + color: #67c4da; + background-color: #ffffff; + border-color: #67c4da; +} +.contact input[type=submit].white-blue:hover { + background-color: rgba(103, 196, 218, 0.5); + color: #ffffff; +} +.contact input[type=submit].small { + padding: 5px 15px; + font-size: 14px; + color: #ffffff; + background-color: transparent; + border-color: #ffffff; + min-width: auto; +} +.contact input[type=submit].small:hover { + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.4); + color: #ffffff; +} +.contact input[type=submit]:hover { + background-color: rgba(103, 196, 218, 0.5); +} +.contact .contact-point { + color: #121417; + font-size: 18px; + line-height: 22px; +} +.contact .contact-point h1 { + font-size: 19px; + color: #d8127d; + text-align: left; + margin-bottom: 0; +} +.contact .required-info { + color: #121417; + font-size: 15px; + line-height: 19px; + color: #d8127d; +} +.contact .wpcf7-not-valid-tip { + color: #121417; + font-size: 15px; + line-height: 19px; + color: #d8127d; + margin-top: -20px; + margin-bottom: 10px; +} +.contact div.wpcf7-validation-errors { + border: none; + padding: 0; + margin: 0; +} +.press-articles { + color: #121417; + font-size: 18px; + line-height: 22px; + text-align: center; +} +.press-articles blockquote { + margin: 0; +} +.press-articles .press-article { + text-align: left; + margin-bottom: 35px; + padding-bottom: 35px; + border-bottom: 1px solid #979797; +} +.press-articles .press-article h1 { + color: #000000; + font-size: 19px; + margin-bottom: 0; + text-align: left; +} +.press-articles .press-article h1 a { + color: #000000; +} +.press-articles .press-article h1 a:hover { + color: #67c4da; +} +.downloads .left { + float: left; +} +.downloads .right { + float: right; +} +.page-template-template-companyblue .subtemplate:first-of-type { + background-color: #67c4da; + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#519cad+0,67c4da+100 */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxOWNhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2N2M0ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + /* FF3.6+ */ + /* Chrome,Safari4+ */ + /* Chrome10+,Safari5.1+ */ + /* Opera 11.10+ */ + /* IE10+ */ + background: linear-gradient(to bottom, #519cad 0%, #67c4da 100%); + /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#519cad', endColorstr='#67c4da', GradientType=0); + /* IE6-8 */ +} +.page-template-template-companyblue .subtemplate:first-of-type .centered-content-padding { + background-color: transparent; +} +footer { + font-size: 14px; + color: #ffffff; + line-height: 25px; +} +footer a { + font-size: 14px; + color: #ffffff; + line-height: 25px; + width: 100%; +} +footer a:hover { + color: #ffffff; +} +footer .top-footer { + background-color: #8c8c8c; + padding: 50px 0 40px; +} +footer .top-footer ul { + -webkit-columns: 3; + -moz-columns: 3; + columns: 3; + width: 75%; + float: left; +} +footer ul { + list-style: none; +} +footer .contact { + width: 25%; + float: right; +} +footer .bottom-footer { + color: #1e1e1e; + font-size: 13px; + line-height: 14px; + padding: 20px 0 10px; +} +footer .bottom-footer a { + color: #1e1e1e; + font-size: 13px; + line-height: 14px; +} +footer .bottom-footer .menu { + float: left; + margin-left: 15px; +} +footer .bottom-footer .menu li { + display: inline-block; + border-left: 1px solid #121417; + padding: 0 15px; +} +footer .bottom-footer .menu li:nth-of-type(1) { + width: 60px; +} +footer .bottom-footer .menu li:nth-of-type(2) { + width: 130px; +} +footer .bottom-footer .social { + float: right; + position: relative; + top: -2px; +} +footer .bottom-footer .social li { + display: inline-block; +} +footer .copyright { + float: left; +} +footer .button { + margin-bottom: 10px; +} diff --git a/assets/css/ascribe.min.css b/assets/css/ascribe.min.css index f0d3b4f..ff522af 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}.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 +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */legend,td,th{padding:0}.wrapper,header{overflow:hidden}.wrapper,sub,sup{position:relative}.blueBoxTitle,.button,.sectionHeader,.subsectionHeader{text-align:center}.logo,.product-overview:nth-of-type(odd) img{float:left}.old-new table,table{border-collapse:collapse}.careers ul,.page-template-template-tour header ul,footer ul{list-style:none}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{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}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:15px;line-height:19px;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}body.page-template-template-companyblue,html.page-template-template-companyblue{color:#121417;font-size:18px;line-height:22px}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,.careers a,.contact .contact-point,.contact .form,.contact .required-info,.contact .wpcf7-not-valid-tip,.contact input[type=submit].small,.contact label,.copyText,.copyTextMedium,.copyTextSmall,.faq,.feature-circles .description,.feature-circles h1,.featureBlogDesc,.featureBlogTitle,.featureCircleH1,.fontLight,.footerText,.galleries-marketplaces h1,.galleriesPressTitle,.h1,.h3,.h5,.heroText,.old-new h1,.old-new td,.old-new th,.oldWayNewWayTH,.page-template-template-tour header h1,.page-template-template-tour header nav,.press-articles,.product-overview h1,.product-overview p,.sectionHeader,.signInUpText,.subsectionHeader,.subtemplate h1,.team,.team h2,.tourNavText,.values .value,body,body.page-template-template-companyblue,footer,footer a,h1,h3,h5,html,html.page-template-template-companyblue{font-family:canada-type-gibson,sans-serif;font-weight:200}.blue-box h1,.blueBoxTitle,.button,.case-studies .description,.caseStudyText,.contact .contact-point h1,.contact input[type=submit],.faq .featured-faqs dt,.faq .regular-faqs dt,.fontRegular,.h2,.h4,.h6,.press-articles .press-article h1,.team h1,.teamName,.values .value h1,footer a:hover,h2,h4,h6{font-family:canada-type-gibson,sans-serif;font-weight:400}.sectionHeader{font-size:34px;color:#67c4da;line-height:41px;margin:35px 0}.subsectionHeader{font-size:31px;color:#000;line-height:37px}.h1,.h2,.h3,h1,h2,h3{color:#d8127d}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{line-height:1.2}.h1,h1{font-size:36px}.h2,h2{font-size:26px}.h3,h3{font-size:27px}.h4,.h5,h4,h5{font-size:26px;color:#000}.h6,h6{color:#d8127d;font-size:15px;line-height:19px}.copyText{color:#121417;font-size:18px;line-height:22px}.copyTextMedium{color:#121417;font-size:17px;line-height:21px}.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}.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:25px}.subfooterText{color:#1e1e1e;font-size:13px;line-height:14px}.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:5px 15px;font-size:14px;color:#fff;background-color:transparent;border-color:#fff;min-width:auto}.button.small:hover{background-color:rgba(255,255,255,.4);border-color:rgba(255,255,255,.4);color:#fff}.chevron-divider{background-image:url(../../images/svg/ascribe-chevron.svg);background-position:bottom;width:100%;background-size:100%;opacity:.35;height:150px}.social-icon{width:21px;height:21px;padding:1px;fill:#fff;background-color:#b8b8b8;border-radius:5px}.social-icon:hover{background-color:rgba(184,184,184,.4)}hr{box-sizing:content-box;border:0;height:2px;background:#979797;margin:40px 0}.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-content-padding,.centered-footer,.centered-header,.centered-prodFeat{zoom:1;margin:0 auto;width:100%}.no-clearfix:after,.no-clearfix:before{display:none}.centered-content-padding:after,.centered-content-padding:before,.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-padding:after,.centered-content:after,.centered-footer:after,.centered-header:after,.centered-prodFeat:after{clear:both}.centered-header{max-width:1140px;padding:0 10px}.centered-prodFeat{max-width:950px;padding:0 10px}.centered-content{max-width:790px;padding:0 10px}.centered-content-padding{max-width:950px;padding-bottom:50px;background-color:#fff}.centered-footer{max-width:670px;padding:0 10px}ol,ul{padding:0;margin:0}.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 .columnThreeQuarters,.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%}}.ttl-columns .columnThreeQuarters{width:75%}@media screen and (max-width:780px){.ttl-columns .columnThreeQuarters{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 .columnThreeQuarters,.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%}@media screen and (max-width:780px){.column-container .columnTwoThirds{width:100%}}.column-container .columnThreeQuarters{width:75%}*,: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 .columnThreeQuarters{width:100%}.mobile-only{display:inherit}.desktop-only{display:none}}header{padding-bottom:50px}header~.chevron-divider{height:175px}.page-template-template-tour header{height:815px;padding:0;margin-bottom:60px;position:relative;overflow:visible}.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 .description{clear:both;width:80%;margin:190px auto 0;text-align:center}.page-template-template-tour header h1{font-size:37px;color:#fff;line-height:44px;margin-bottom:160px}.page-template-template-tour header .app-links{color:#fff;margin-top:25px}.page-template-template-tour header .app-links a{color:#fff}.app-links,.app-links a{font-size:17px;line-height:20px;color:#000;text-transform:uppercase}.page-template-template-tour header .chevron-divider{position:absolute;bottom:-60px;height:150px}.above-chevron,.case-studies,.subtemplate{position:relative}.page-template-template-companyblue header,.page-template-template-companyblue header~.chevron-divider{background-color:#529dae}.logo{margin-top:25px}.app-links{float:right;margin-top:35px}.four-oh-four,.subtemplate h1{font-size:34px;line-height:41px;text-align:center}.app-links a:hover{color:#d8127d}.above-chevron{margin-top:-100px;margin-bottom:-80px;z-index:3}.four-oh-four .centered-content-padding{min-height:500px}.subtemplate h1{color:#67c4da;margin:35px 0}.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;text-align:center}.feature-circles .description{color:#121417;font-size:15px;line-height:19px}.case-studies{height:685px;background-color:#888}.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:35px 0;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:35px 0;text-align:center}.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;text-align:center}.blue-box h1{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:#000;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,.team .team-member{padding-right:30px;display:inline-block;vertical-align:top}.blog-features .blog{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}.careers,.team.tour-page{background-color:#fbfbfb}.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;text-align:left}.team{color:#121417;font-size:15px;line-height:19px;text-align:center}.team .intro{margin-bottom:60px;text-align:left}.team p{margin:0}.team .team-member{font-size:15px;width:33.33333333%;text-align:center;margin-bottom:40px}@media screen and (max-width:780px){.team .team-member{width:100%}}.team img{border-radius:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.team h1{color:#000;font-size:19px;margin-top:20px;margin-bottom:0}.faq,.team h2{color:#121417}.team h2{font-size:18px;line-height:22px;margin-top:2px}.team.tour-page{padding:70px 0}.faq{font-size:17px;line-height:21px}.faq dd,.faq dl,.faq dt{margin:0;padding:0}.faq .featured-faqs{margin-bottom:75px}.faq .featured-faqs dt{font-size:25px;line-height:32px;color:#d8127d;cursor:pointer}.faq .featured-faqs dd{max-height:0;overflow-y:hidden;transition:all .15s ease-in-out;margin-bottom:5px}.faq .featured-faqs dd.open{max-height:800px}.faq .regular-faqs dd{margin-bottom:60px}.values{padding-bottom:150px}.values .column-container{width:calc(100% + 175px)}.values .value{display:inline-block;vertical-align:top;width:50%;color:#121417;font-size:18px;line-height:22px;padding-right:175px}@media screen and (max-width:550px){.values .value{width:100%}}.values .value h1{color:#000;font-size:25px;line-height:15px;margin-bottom:0;text-align:left}.careers{text-align:center;padding:90px 0 140px;margin-bottom:75px}.contact .contact-points,.contact .form{vertical-align:top;padding-right:30px;display:inline-block}.careers a{color:#000;font-size:27px;line-height:32px}.careers a:hover{color:#d8127d}.careers li{margin-bottom:35px}.contact .form{width:75%;color:#121417;font-size:18px;line-height:22px}@media screen and (max-width:780px){.contact .form{width:100%}}.contact .contact-points{font-size:15px;width:25%}@media screen and (max-width:780px){.contact .contact-points{width:50%}}.contact label{color:#121417;font-size:15px;line-height:19px}.contact label.required:after{content:'*';color:#d8127d}.contact input,.contact textarea{margin-bottom:20px;padding:10px;color:#595959;width:80%;margin-top:5px;border:1px solid #979797;outline:0}.contact input[aria-invalid=true],.contact textarea[aria-invalid=true]{border:1px solid #d8127d}.contact input[type=submit]{display:inline-block;padding:25px 40px;border:1px solid #67c4da;font-size:22px;line-height:26px;text-decoration:none;min-width:265px;text-align:center;color:#fff;background-color:#67c4da;width:auto}.contact input[type=submit].blue{color:#fff;background-color:#67c4da;border-color:#67c4da}.contact input[type=submit].blue:hover{background-color:rgba(103,196,218,.5)}.contact input[type=submit].blue-overPic{color:#fff;background-color:#67c4da;border-color:#67c4da}.contact input[type=submit].blue-overPic:hover{background-color:#fff;color:#67c4da}.contact input[type=submit].white-blue{color:#67c4da;background-color:#fff;border-color:#67c4da}.contact input[type=submit].white-blue:hover{background-color:rgba(103,196,218,.5);color:#fff}.contact input[type=submit].small{padding:5px 15px;font-size:14px;color:#fff;background-color:transparent;border-color:#fff;min-width:auto}.contact input[type=submit].small:hover{background-color:rgba(255,255,255,.4);border-color:rgba(255,255,255,.4);color:#fff}.contact input[type=submit]:hover{background-color:rgba(103,196,218,.5)}.contact .contact-point{color:#121417;font-size:18px;line-height:22px}.contact .contact-point h1{font-size:19px;color:#d8127d;text-align:left;margin-bottom:0}.contact .required-info,.contact .wpcf7-not-valid-tip{font-size:15px;line-height:19px;color:#d8127d}.contact .wpcf7-not-valid-tip{margin-top:-20px;margin-bottom:10px}.contact div.wpcf7-validation-errors{border:none;padding:0;margin:0}.press-articles{color:#121417;font-size:18px;line-height:22px;text-align:center}.press-articles blockquote{margin:0}.press-articles .press-article{text-align:left;margin-bottom:35px;padding-bottom:35px;border-bottom:1px solid #979797}.press-articles .press-article h1{color:#000;font-size:19px;margin-bottom:0;text-align:left}footer,footer a{font-size:14px;line-height:25px}.press-articles .press-article h1 a{color:#000}.press-articles .press-article h1 a:hover{color:#67c4da}footer,footer a,footer a:hover{color:#fff}.downloads .left{float:left}.downloads .right{float:right}.page-template-template-companyblue .subtemplate:first-of-type{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxOWNhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2N2M0ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:linear-gradient(to bottom,#519cad 0,#67c4da 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#519cad', endColorstr='#67c4da', GradientType=0)}.page-template-template-companyblue .subtemplate:first-of-type .centered-content-padding{background-color:transparent}footer a{width:100%}footer .bottom-footer,footer .bottom-footer a{color:#1e1e1e;font-size:13px;line-height:14px}footer .top-footer{background-color:#8c8c8c;padding:50px 0 40px}footer .top-footer ul{-webkit-columns:3;-moz-columns:3;columns:3;width:75%;float:left}footer .contact{width:25%;float:right}footer .bottom-footer{padding:20px 0 10px}footer .bottom-footer .menu{float:left;margin-left:15px}footer .bottom-footer .menu li{display:inline-block;border-left:1px solid #121417;padding:0 15px}footer .bottom-footer .menu li:nth-of-type(1){width:60px}footer .bottom-footer .menu li:nth-of-type(2){width:130px}footer .bottom-footer .social{float:right;position:relative;top:-2px}footer .bottom-footer .social li{display:inline-block}footer .copyright{float:left}footer .button{margin-bottom:10px} \ No newline at end of file diff --git a/assets/css/helpers/helpers.less b/assets/css/helpers/helpers.less index 4b496e0..8197842 100644 --- a/assets/css/helpers/helpers.less +++ b/assets/css/helpers/helpers.less @@ -55,6 +55,15 @@ margin: 0 auto; } +.centered-content-padding { + .clearfix; + max-width: 950px; + padding-bottom:50px; + width: 100%; + margin: 0 auto; + background-color: @white; +} + .centered-footer { .clearfix; @@ -142,6 +151,14 @@ ul, ol { } } + .columnThreeQuarters { + .column; + width: 100 * 3/4%; + @media screen and (max-width: @tabletWidth) { + width: 100%; + } + } + } .column-container { .ttl-columns; diff --git a/assets/css/less/ascribe.less b/assets/css/less/ascribe.less index 4d74b6a..d277a15 100644 --- a/assets/css/less/ascribe.less +++ b/assets/css/less/ascribe.less @@ -5,14 +5,22 @@ // HEADER @chevronOffsetHeader: 60px; +header { + overflow: hidden; + padding-bottom: 50px; +} +header ~ .chevron-divider { + height: 175px; +} .page-template-template-tour header { height: 815px; + padding:0; margin-bottom: @chevronOffsetHeader; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; - + overflow: visible; nav { float: left; margin-top: 35px; @@ -32,6 +40,14 @@ .heroText; margin-bottom: 160px; } + .app-links { + color: @white; + margin-top: 25px; + + a { + color: @white; + } + } .chevron-divider { position: absolute; @@ -39,22 +55,58 @@ height: 150px; } } +.page-template-template-companyblue header { + background-color: #529dae; + + & ~ .chevron-divider { + background-color: #529dae; + } + +} .logo { float:left; margin-top: 25px; } .app-links { float: right; - margin-top: 25px; + margin-top: 35px; .signInUpText; + color: @black; a { .signInUpText; + color: @black; + + &:hover { + color: @pink; + } } } +// MAIN +.above-chevron { + margin-top: -100px; + margin-bottom: -80px; + position: relative; + z-index: 3; +} + // SUBTEMPLATES +.four-oh-four { + font-size: 34px; + line-height: 41px; + text-align: center; + .centered-content-padding { + min-height: 500px; + } +} +.subtemplate { + position: relative; + h1 { + .sectionHeader; + } +} .feature-circles { padding: 75px 0 160px; @@ -151,7 +203,7 @@ padding-bottom: 175px; h1 { - .h1; + .sectionHeader; text-align: center; } @@ -209,7 +261,7 @@ border-top: 1px solid @greyHr; h1 { - .h1; + .sectionHeader; } p { .copyTextSmall; @@ -293,15 +345,16 @@ h1 { .featureBlogTitle; margin:0 10px; + text-align: left; } } .team { - background-color: @greyBg; - padding: 70px 0; .copyTextSmall; + text-align: center; .intro { margin-bottom: 60px; + text-align: left; } p { margin:0; @@ -309,14 +362,11 @@ .team-member { .ttl-columns.column-3; text-align: center; + margin-bottom: 40px; } img { border-radius: 100%; filter: grayscale(100%); - - &:hover { - filter: none; - } } h1 { .teamName; @@ -327,4 +377,280 @@ .copyText; margin-top:2px; } + + &.tour-page { + padding: 70px 0; + background-color: @greyBg; + } +} +.faq { + .copyTextMedium; + dl,dt,dd { + margin:0; + padding:0; + } + .featured-faqs { + margin-bottom:75px; + + dt { + &:extend(.fontRegular); + font-size: 25px; + line-height: 32px; + color: @pink; + cursor: pointer; + } + dd { + max-height:0; + overflow-y:hidden; + .transition(); + margin-bottom: 5px; + + &.open { + max-height: 800px; + } + } + } + .regular-faqs { + dt { + &:extend(.fontRegular); + } + dd { + margin-bottom: 60px; + } + } +} +.values { + padding-bottom: 150px; + .column-container { + width: calc(~"100% + 175px"); + } + .value { + .ttl-columns.column-2; + .copyText; + padding-right: 175px; + + h1 { + &:extend(.fontRegular); + color: @black; + font-size: 25px; + line-height: 15px; + margin-bottom:0; + text-align: left; + } + + } +} +.careers { + background-color: @greyBg; + text-align: center; + padding: 90px 0 140px; + margin-bottom:75px; + + a { + &:extend(.fontLight); + color: @black; + font-size: 27px; + line-height: 32px; + + &:hover { + color: @pink; + } + } + li { + margin-bottom: 35px; + + } + ul { + list-style: none; + } +} +.contact { + .form { + .ttl-columns.columnThreeQuarters; + .copyText; + } + .contact-points { + .ttl-columns.column-4; + } + + label { + .copyTextSmall; + + &.required { + &:after { + content: '*'; + color: @pink; + } + } + } + input, textarea { + margin-bottom: 20px; + padding: 10px; + color: @greyText; + width: 80%; + margin-top: 5px; + border: 1px solid @greyHr; + outline: none; + + &[aria-invalid=true] { + border: 1px solid @pink; + } + } + input[type=submit] { + .button; + .button.blue; + width: auto; + } + .contact-point { + .copyText; + h1 { + &:extend(.fontRegular); + font-size: 19px; + color: @pink; + text-align: left; + margin-bottom:0; + } + } + .required-info { + .copyTextSmall; + color: @pink; + } + .wpcf7-not-valid-tip { + .copyTextSmall; + color: @pink; + margin-top: -20px; + margin-bottom: 10px; + } + div.wpcf7-validation-errors { + border: none; + padding:0; + margin:0; + } +} +.press-articles { + .copyText; + text-align: center; + blockquote { + margin: 0; + } + + .press-article { + text-align: left; + margin-bottom: 35px; + padding-bottom: 35px; + border-bottom: 1px solid @greyHr; + h1 { + .teamName; + margin-bottom:0; + text-align: left; + a { + color: @black; + + &:hover { + color: @blueBright; + } + } + } + } +} +.downloads { + .left { + float: left; + } + .right { + float: right; + } +} + +// BLUE TEMPLATE SILLINESS +.page-template-template-companyblue .subtemplate:first-of-type { + background-color: @blueBright; + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#519cad+0,67c4da+100 */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxOWNhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2N2M0ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(81,156,173,1) 0%, rgba(103,196,218,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,156,173,1)), color-stop(100%,rgba(103,196,218,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(81,156,173,1) 0%,rgba(103,196,218,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519cad', endColorstr='#67c4da',GradientType=0 ); /* IE6-8 */ + + .centered-content-padding { + background-color: transparent; + } +} + + +// FOOTER +footer { + .footerText; + + a { + .footerText; + width: 100%; + &:hover { + &:extend(.fontRegular); + color: @white; + } + } + .top-footer { + background-color: @greyFooter; + padding: 50px 0 40px; + + ul { + columns: 3; + width: 75%; + float: left; + } + } + ul { + list-style: none; + } + .contact { + width: 25%; + float:right; + } + .bottom-footer { + .subfooterText; + padding: 20px 0 10px; + + a { + .subfooterText; + } + + .menu { + float: left; + margin-left: 15px; + + li { + display: inline-block; + border-left: 1px solid @blueDeep; + padding: 0 15px; + + &:nth-of-type(1) { + width: 60px; + } + &:nth-of-type(2) { + width: 130px; + } + } + } + .social { + float: right; + position: relative; + top: -2px; + + li { + display: inline-block; + + } + } + } + .copyright { + float: left; + } + .button { + margin-bottom: 10px; + } } \ No newline at end of file diff --git a/assets/css/less/branding.less b/assets/css/less/branding.less index be30266..ceb42c1 100644 --- a/assets/css/less/branding.less +++ b/assets/css/less/branding.less @@ -1,11 +1,15 @@ //GLOBALS body, html { - .copyText; + .copyTextSmall; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: @white; + + &.page-template-template-companyblue { + .copyText; + } } a { @@ -26,6 +30,7 @@ a { @white: #fff; @greyBg: #fbfbfb; +@greySocial: #b8b8b8; @greyHr: #979797; @greyFooter: #8c8c8c; @greyText: #595959; @@ -43,20 +48,70 @@ a { } // GENERAL TEXT STYLES -.h1 { +.sectionHeader { &:extend(.fontLight); font-size: 34px; color: @blueBright; line-height: 41px; - margin-bottom: 43px; + margin: 35px 0; text-align: center; } +.subsectionHeader { + &:extend(.fontLight); + font-size: 31px; + color: @black; + line-height: 37px; + text-align: center; +} +.h1, h1 { + &:extend(.fontLight); + font-size: 36px; + color: @pink; + line-height: 1.2; +} +.h2, h2 { + &:extend(.fontRegular); + font-size: 26px; + color: @pink; + line-height: 1.2; +} +.h3, h3 { + &:extend(.fontLight); + font-size: 27px; + color: @pink; + line-height: 1.2; +} +.h4, h4 { + &:extend(.fontRegular); + font-size: 26px; + color: @black; + line-height: 1.2; +} +.h5, h5 { + &:extend(.fontLight); + font-size: 26px; + color: @black; + line-height: 1.2; +} +.h6, h6 { + &:extend(.fontRegular); + color: @pink; + font-size: 15px; + line-height: 19px; +} + .copyText { &:extend(.fontLight); color: @blueDeep; font-size: 18px; line-height: 22px; } +.copyTextMedium { + &:extend(.fontLight); + color: @blueDeep; + font-size: 17px; + line-height: 21px; +} .copyTextSmall { &:extend(.fontLight); color: @blueDeep; @@ -84,10 +139,6 @@ a { line-height: 20px; color: @white; text-transform: uppercase; - - &:hover { - color: @pink; - } } .featureCircleH1 { &:extend(.fontLight); @@ -154,10 +205,12 @@ a { &:extend(.fontLight); font-size: 14px; color: @white; - line-height: 17px; + line-height: 25px; } .subfooterText { color: @blackish; + font-size: 13px; + line-height: 14px; } @@ -211,11 +264,18 @@ a { &.small { &:extend(.fontLight); - padding: 10px 15px; + padding: 5px 15px; font-size: 14px; color: @white; background-color: transparent; border-color: @white; + min-width: auto; + + &:hover { + background-color: fade(@white,40); + border-color: fade(@white,40); + color: @white; + } } } @@ -225,4 +285,25 @@ a { width: 100%; background-size: 100%; opacity: 0.35; + height: 150px; +} + +.social-icon { + width: 21px; + height: 21px; + padding: 1px; + fill: @white; + background-color: @greySocial; + border-radius: 5px; + + &:hover { + background-color: fade(@greySocial,40); + } +} + +hr { + border: 0; + height: 2px; + background: @greyHr; + margin: 40px 0; } \ No newline at end of file diff --git a/assets/js/ajax-pagination.js b/assets/js/ajax-pagination.js new file mode 100644 index 0000000..c4ea476 --- /dev/null +++ b/assets/js/ajax-pagination.js @@ -0,0 +1,15 @@ +$(document).ready(function(){ + $('#more-articles').click(function(e){ + e.preventDefault(); + $.ajax({ + url: ajaxpagination.ajaxurl, + type: 'post', + data: { + action: 'ajax_pagination' + }, + success: function( result ) { + alert( result ); + } + }) + }); +}); \ No newline at end of file diff --git a/assets/js/ascribe.js b/assets/js/ascribe.js index f96dc94..88ddbca 100644 --- a/assets/js/ascribe.js +++ b/assets/js/ascribe.js @@ -3,28 +3,72 @@ * Copyright (c) 2015; * Licensed GPLv2+ */ $(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'); - } - - }); + slider(); + socialAsSvg(); + featuredFAQ(); -}); \ No newline at end of file + 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'); + } + + }); + } + function socialAsSvg() { + /* + * Replace all social icon images with inline SVG + */ + jQuery('img.social-icon').each(function(){ + var $img = jQuery(this); + var imgID = $img.attr('id'); + var imgClass = $img.attr('class'); + var imgURL = $img.attr('src'); + + jQuery.get(imgURL, function(data) { + // Get the SVG tag, ignore the rest + var $svg = jQuery(data).find('svg'); + + // Add replaced image's ID to the new SVG + if(typeof imgID !== 'undefined') { + $svg = $svg.attr('id', imgID); + } + // Add replaced image's classes to the new SVG + if(typeof imgClass !== 'undefined') { + $svg = $svg.attr('class', imgClass+' replaced-svg'); + } + + // Remove any invalid XML tags as per http://validator.w3.org + $svg = $svg.removeAttr('xmlns:a'); + + // Replace image with new SVG + $img.replaceWith($svg); + + }, 'xml'); + + }); + } + function featuredFAQ() { + $('.featured-faqs dt').click(function() { + $(this).next('dd').toggleClass('open'); + }); + } + +}); + + diff --git a/assets/js/ascribe.min.js b/assets/js/ascribe.min.js index 5f37ce1..4c2e628 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+ */ -$(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 +$(document).ready(function(){function a(){$(".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"))})}function b(){jQuery("img.social-icon").each(function(){var a=jQuery(this),b=a.attr("id"),c=a.attr("class"),d=a.attr("src");jQuery.get(d,function(d){var e=jQuery(d).find("svg");"undefined"!=typeof b&&(e=e.attr("id",b)),"undefined"!=typeof c&&(e=e.attr("class",c+" replaced-svg")),e=e.removeAttr("xmlns:a"),a.replaceWith(e)},"xml")})}function c(){$(".featured-faqs dt").click(function(){$(this).next("dd").toggleClass("open")})}a(),b(),c()}); \ No newline at end of file diff --git a/assets/js/src/ascribe.js b/assets/js/src/ascribe.js index 99233f9..ac88f6b 100644 --- a/assets/js/src/ascribe.js +++ b/assets/js/src/ascribe.js @@ -1,27 +1,71 @@ $(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'); - } - - }); + slider(); + socialAsSvg(); + featuredFAQ(); -}); \ No newline at end of file + 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'); + } + + }); + } + function socialAsSvg() { + /* + * Replace all social icon images with inline SVG + */ + jQuery('img.social-icon').each(function(){ + var $img = jQuery(this); + var imgID = $img.attr('id'); + var imgClass = $img.attr('class'); + var imgURL = $img.attr('src'); + + jQuery.get(imgURL, function(data) { + // Get the SVG tag, ignore the rest + var $svg = jQuery(data).find('svg'); + + // Add replaced image's ID to the new SVG + if(typeof imgID !== 'undefined') { + $svg = $svg.attr('id', imgID); + } + // Add replaced image's classes to the new SVG + if(typeof imgClass !== 'undefined') { + $svg = $svg.attr('class', imgClass+' replaced-svg'); + } + + // Remove any invalid XML tags as per http://validator.w3.org + $svg = $svg.removeAttr('xmlns:a'); + + // Replace image with new SVG + $img.replaceWith($svg); + + }, 'xml'); + + }); + } + function featuredFAQ() { + $('.featured-faqs dt').click(function() { + $(this).next('dd').toggleClass('open'); + }); + } + +}); + + diff --git a/content-main.php b/content-main.php index b84570f..35d655a 100644 --- a/content-main.php +++ b/content-main.php @@ -1,4 +1,4 @@ -
+
loopSubtemplates(); ?>
\ No newline at end of file diff --git a/controller/classes/Subtemplate.php b/controller/classes/Subtemplate.php index 1fe6b9d..a842abc 100644 --- a/controller/classes/Subtemplate.php +++ b/controller/classes/Subtemplate.php @@ -54,6 +54,9 @@ class Subtemplate { case 'team': $result .= $this->team($subtemplate,$subtemplateTitle); break; + case 'teamGeneral': + $result .= $this->teamGeneral($subtemplate,$subtemplateTitle); + break; case 'content': $result .= $this->content($subtemplate,$subtemplateTitle); break; @@ -75,6 +78,12 @@ class Subtemplate { case 'download': $result .= $this->download($subtemplate,$subtemplateTitle); break; + case 'contact': + $result .= $this->contactPage($subtemplate,$subtemplateTitle); + break; + case 'events': + $result .= $this->eventPage($subtemplate,$subtemplateTitle); + break; } } } @@ -265,23 +274,31 @@ class Subtemplate { $role = get_field('role',$id); $image = get_field('image',$id)['url']; $facebook = get_field('facebook_link',$id); + + $themeUrl = WPTHEME_TEMPLATE_URL . '/'; + if ($facebook) { - $facebook = "Facebook"; + $facebook = ""; } $github = get_field('github_link',$id); if ($github) { - $github = "Github"; + $github = ""; } $linkedin = get_field('linkedin_link',$id); if ($linkedin) { - $linkedin = "Linkedin"; + $linkedin = ""; } $twitter = get_field('twitter_link',$id); if ($twitter) { - $twitter = "Twitter"; + $twitter = ""; + } + + $website = get_field('personal_website_link',$id); + if ($website) { + $website = ""; } $teamMemberMarkup .= "
@@ -292,15 +309,85 @@ class Subtemplate { {$github} {$linkedin} {$twitter} + {$website} +
"; + } + } + + $result = "
+
+
{$content}
+
{$teamMemberMarkup}
+ Meet the Team +
+
"; + + return $result; + } + public function teamGeneral($subtemplate,$subtemplateTitle) { + $content = get_sub_field('content'); + $meetTeamLink = get_sub_field('meet_the_team_link'); + + $args = array( + 'post_type' => 'team', + 'order' => 'ASC' + ); + + $teamMembers = get_posts($args); + $teamMemberMarkup = ''; + if (!empty($teamMembers)) { + foreach ($teamMembers as $teamMember) { + $id = $teamMember->ID; + $name = $teamMember->post_title; + $role = get_field('role',$id); + $image = get_field('image',$id)['url']; + $facebook = get_field('facebook_link',$id); + + $themeUrl = WPTHEME_TEMPLATE_URL . '/'; + + if ($facebook) { + $facebook = ""; + } + + $github = get_field('github_link',$id); + if ($github) { + $github = ""; + } + + $linkedin = get_field('linkedin_link',$id); + if ($linkedin) { + $linkedin = ""; + } + + $twitter = get_field('twitter_link',$id); + if ($twitter) { + $twitter = ""; + } + + $website = get_field('personal_website_link',$id); + if ($website) { + $website = ""; + } + + $teamMemberMarkup .= "
+ Picture of {$name} +

{$name}

+

{$role}

+ {$facebook} + {$github} + {$linkedin} + {$twitter} + {$website}
"; } } $result = "
+
{$content}
{$teamMemberMarkup}
- Meet the Team +
"; @@ -311,10 +398,12 @@ class Subtemplate { $content = get_sub_field('content'); $result = "
+

{$subtemplateTitle}

{$content}
+
"; return $result; @@ -325,10 +414,12 @@ class Subtemplate { $imageAlt = get_sub_field('image')['alt']; $result = "
+

{$subtemplateTitle}

{$imageAlt}
+
"; return $result; @@ -363,10 +454,12 @@ class Subtemplate { $regularFAQ .= ""; $result = "
+

{$subtemplateTitle}

{$featuredFAQ} {$regularFAQ} +
"; @@ -388,7 +481,10 @@ class Subtemplate { } } - $result = "
{$values}
"; + $result = "
+

{$subtemplateTitle}

+
{$values}
+
"; return $result; } @@ -413,18 +509,21 @@ class Subtemplate { $result = "

{$subtemplateTitle}

-
    {$careerMarkup}
+
    {$careerMarkup}
"; return $result; } public function mediaDetail($subtemplate,$subtemplateTitle) { + $image = get_sub_field('image')['url']; + $args = array( 'post_type' => 'presscoverage', 'order' => 'ASC' ); + $pressItems = get_posts($args); $pressMarkup = ''; if (!empty($pressItems)) { @@ -444,9 +543,13 @@ class Subtemplate { } $result = "
+

{$subtemplateTitle}

+ Media Companies
{$pressMarkup}
+ +
"; @@ -459,12 +562,140 @@ class Subtemplate { $rightText = get_sub_field('right_button_text'); $result = "
+
{$leftText} {$rightText}
+
"; return $result; } + public function contactPage($subtemplate,$subtemplateTitle) { + $contactPoints = ''; + + $content = get_sub_field('content'); + + if (have_rows('contact_point')) { + while (have_rows('contact_point')) { + the_row(); + + $title = get_sub_field('contact_description'); + $contactInfo = get_sub_field('contact_details'); + + $contactPoints .= "
+

{$title}

+
{$contactInfo}
+
"; + } + } + + $result = "
+
+
+

{$subtemplateTitle}

+
+
{$content}
+ +
+
+
+
"; + + return $result; + } + public function eventPage($subtemplate,$subtemplateTitle) { + + $today = date('Ymd'); + $args = array( + 'post_type' => 'event', + 'order' => 'ASC', + 'orderby' => 'meta_value', + 'meta_key' => 'date', + 'posts_per_page' => 20, + 'meta_query' => array( + array( + 'key' => 'date', + 'value' => $today, //array + 'compare' => '>=', + ) + ) + ); + + $futureEvents = get_posts($args); + $futureMarkup = ''; + if (!empty($futureEvents)) { + foreach ($futureEvents as $item) { + $id = $item->ID; + $name = $item->post_title; + $url = get_field('link_to_event',$id); + $pubDate= get_field('date',$id); + $quote = get_field('description',$id); + + $futureMarkup .= "
+

{$name}

+ +
{$quote}
+
"; + } + } + + $args = array( + 'post_type' => 'event', + 'order' => 'DESC', + 'orderby' => 'meta_value', + 'meta_key' => 'date', + 'posts_per_page' => 20, + 'meta_query' => array( + array( + 'key' => 'date', + 'value' => $today, //array + 'compare' => '<', + ) + ) + ); + + $pastEvents = get_posts($args); + $pastMarkup = ''; + if (!empty($pastEvents)) { + foreach ($pastEvents as $item) { + $id = $item->ID; + $name = $item->post_title; + $url = get_field('link_to_event',$id); + $pubDate= get_field('date',$id); + $quote = get_field('description',$id); + + $pastMarkup .= "
+

{$name}

+ +
{$quote}
+
"; + } + } + + + + + + $result = "
+
+
+

Upcoming Events

+
{$futureMarkup}
+
+
+
+
+
+
+

Past Events

+
{$pastMarkup}
+
+
+
"; + + return $result; + } + } \ No newline at end of file diff --git a/footer.php b/footer.php index 31a2b97..0f952d6 100644 --- a/footer.php +++ b/footer.php @@ -9,13 +9,59 @@ $year = date("Y"); $address = get_field('address','option'); $email = get_field('email','option'); $consultLink= get_field('request_consultation_link','option'); + +$themeUrl = WPTHEME_TEMPLATE_URL . '/'; + +$facebook = get_field('facebook_url','option'); +if ($facebook) { + $facebook = "
    • "; +} + +$github = get_field('github_url','option'); +if ($github) { + $github = "
    • "; +} + +$instagram = get_field('instagram_url','option'); +if ($instagram) { + $instagram = "
    • "; +} + +$linkedin = get_field('linkedin_link','option'); +if ($linkedin) { + $linkedin = "
    • "; +} + +$medium = get_field('medium_url','option'); +if ($medium) { + $medium = "
    • "; +} + +$reddit = get_field('reddit_url','option'); +if ($reddit) { + $reddit = "
    • "; +} + +$tumblr = get_field('tumblr_url','option'); +if ($tumblr) { + $tumblr = "
    • "; +} + +$twitter = get_field('twitter_url','option'); +if ($twitter) { + $twitter = "
    • "; +} + + + ?> +
    'main-footer-menu', 'container' => false ) ); ?>
    - Request a consultation + Request a consultation
    @@ -23,9 +69,18 @@ $consultLink= get_field('request_consultation_link','option');
    - © ascribe GmbH - 'main-footer-menu', 'container' => false ) ); ?> - +
    © ascribe GmbH
    + 'lower-footer-menu', 'container' => false ) ); ?> +
    diff --git a/functions.php b/functions.php index f11f4e4..33852b6 100644 --- a/functions.php +++ b/functions.php @@ -68,5 +68,15 @@ function register_primary_nav_menu() { } add_action( 'init', 'register_primary_nav_menu'); +// ADD THUMBNAILS TO POSTS +add_theme_support( 'post-thumbnails' ); + + +// ENABLE HR IN WSYWIG +function enable_more_buttons($buttons) { + $buttons[] = 'hr'; + + return $buttons; +} +add_filter("mce_buttons", "enable_more_buttons"); -add_theme_support( 'post-thumbnails' ); \ No newline at end of file diff --git a/images/svg/facebook.svg b/images/svg/facebook.svg new file mode 100644 index 0000000..8d26e3b --- /dev/null +++ b/images/svg/facebook.svg @@ -0,0 +1,1060 @@ + + + + + + diff --git a/images/svg/git.svg b/images/svg/git.svg new file mode 100644 index 0000000..f3abdf2 --- /dev/null +++ b/images/svg/git.svg @@ -0,0 +1,1068 @@ + + + + + + diff --git a/images/svg/instagram.svg b/images/svg/instagram.svg new file mode 100644 index 0000000..e68a9f8 --- /dev/null +++ b/images/svg/instagram.svg @@ -0,0 +1,1065 @@ + + + + + + diff --git a/images/svg/linkedin.svg b/images/svg/linkedin.svg new file mode 100644 index 0000000..9c40a2f --- /dev/null +++ b/images/svg/linkedin.svg @@ -0,0 +1,1063 @@ + + + + + + + + + + diff --git a/images/svg/medium.svg b/images/svg/medium.svg new file mode 100644 index 0000000..630fb1e --- /dev/null +++ b/images/svg/medium.svg @@ -0,0 +1,1064 @@ + + + + + + + + + + diff --git a/images/svg/reddit.svg b/images/svg/reddit.svg new file mode 100644 index 0000000..3e4c528 --- /dev/null +++ b/images/svg/reddit.svg @@ -0,0 +1,1074 @@ + + + + + + diff --git a/images/svg/tumblr.svg b/images/svg/tumblr.svg new file mode 100644 index 0000000..837a991 --- /dev/null +++ b/images/svg/tumblr.svg @@ -0,0 +1,1063 @@ + + + + + + diff --git a/images/svg/twitter.svg b/images/svg/twitter.svg new file mode 100644 index 0000000..2f5e8f7 --- /dev/null +++ b/images/svg/twitter.svg @@ -0,0 +1,1066 @@ + + + + + + diff --git a/images/svg/website.svg b/images/svg/website.svg new file mode 100644 index 0000000..348e3e2 --- /dev/null +++ b/images/svg/website.svg @@ -0,0 +1,1073 @@ + + + + + + diff --git a/includes/functions/core.php b/includes/functions/core.php index 0f244eb..c702373 100644 --- a/includes/functions/core.php +++ b/includes/functions/core.php @@ -57,6 +57,13 @@ function scripts( $debug = false ) { WPTHEME_VERSION, true ); + wp_enqueue_script( 'ajax-pagination', WPTHEME_TEMPLATE_URL . '/assets/js/ajax-pagination.js', array( 'jquery' ), '1.0', true ); + + // AJAX MORE POSTS + wp_localize_script( 'ajax-pagination', 'ajaxpagination', array( + 'ajaxurl' => admin_url( 'admin-ajax.php' ) + )); + } /** diff --git a/sftpCache.json b/sftpCache.json index 74d5dac..37e8ee3 100644 --- a/sftpCache.json +++ b/sftpCache.json @@ -1 +1 @@ -{"/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 +{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-09-25T05:27:46.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-09-25T05:27:46.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/ascribe.less":"2015-09-25T05:27:42.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.js":"2015-09-24T23:54:44.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-09-24T23:54:44.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//src/ascribe.js":"2015-09-24T23:53:14.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//helpers/helpers.less":"2015-09-25T01:58:00.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/branding.less":"2015-09-25T01:24:23.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/colorbox.css":"2015-08-30T20:38:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/normalize.less":"2015-08-25T22:42:14.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/print.less":"2015-07-02T21:25:38.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/retina/retina.min.js":"2015-08-18T23:30:10.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//controller.inc.php":"2015-09-17T22:47:24.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//init.php":"2015-09-21T22:45:13.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//classes/Subtemplate.php":"2015-09-24T23:27:17.000Z"} \ No newline at end of file diff --git a/template-header.php b/template-header.php new file mode 100644 index 0000000..6aad977 --- /dev/null +++ b/template-header.php @@ -0,0 +1,17 @@ + +
    +
    + +
    + Sign In / Sign Up +
    +
    +
    +
    diff --git a/template-tour.php b/template-tour.php index aa9b763..0740931 100644 --- a/template-tour.php +++ b/template-tour.php @@ -9,12 +9,13 @@ get_header(); $bgImage = get_field('header_background_image')['url']; $headerTagline = get_field('header_tagline'); $buttonText = get_field('create_account_button_text'); +$controller = new Controller(); ?>
    - +
    Sign In / Sign Up
    @@ -30,6 +31,8 @@ $buttonText = get_field('create_account_button_text');
    - +
    + loopSubtemplates(); ?> +
    \ No newline at end of file diff --git a/template.php b/template.php index 05dd3a9..ff7dea0 100644 --- a/template.php +++ b/template.php @@ -7,17 +7,10 @@ */ get_header(); $controller = new Controller(); + ?> -
    -
    - - -
    -
    +