mirror of
https://github.com/ascribe/wp-theme
synced 2024-12-22 09:13:38 +01:00
commit
e99d6ead16
@ -39,12 +39,14 @@
|
||||
|
||||
// MAIN
|
||||
.above-chevron {
|
||||
margin-top: -160px;
|
||||
margin-bottom: -160px;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
> .subtemplate {
|
||||
background: #fff;
|
||||
margin-top: -80px;
|
||||
margin-bottom: -80px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// SUBTEMPLATES
|
||||
.four-oh-four {
|
||||
font-size: 34px;
|
||||
@ -355,7 +357,8 @@
|
||||
.galleriesPressTitle;
|
||||
}
|
||||
img {
|
||||
display:block;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
@media (min-width: @tabletWidth) {
|
||||
@ -369,18 +372,25 @@
|
||||
}
|
||||
|
||||
.faq {
|
||||
.copyTextMedium;
|
||||
|
||||
> h1 { margin-top: 0; }
|
||||
|
||||
dl,dt,dd {
|
||||
margin:0;
|
||||
padding:0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
dd:not(:last-child) {
|
||||
margin-bottom: @spacer;
|
||||
}
|
||||
.featured-faqs {
|
||||
margin-bottom:75px;
|
||||
|
||||
dt {
|
||||
&:extend(.fontRegular);
|
||||
font-size: 25px;
|
||||
line-height: 32px;
|
||||
&:extend(.bold);
|
||||
}
|
||||
|
||||
.featured-faqs {
|
||||
|
||||
dt {
|
||||
color: @pink;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -388,7 +398,7 @@
|
||||
max-height:0;
|
||||
overflow-y:hidden;
|
||||
transition: .2s ease-out;
|
||||
margin-bottom: 5px;
|
||||
margin-bottom: @spacer;
|
||||
|
||||
&.open {
|
||||
max-height: 800px;
|
||||
@ -396,12 +406,7 @@
|
||||
}
|
||||
}
|
||||
.regular-faqs {
|
||||
dt {
|
||||
&:extend(.fontRegular);
|
||||
}
|
||||
dd {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -523,14 +528,16 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Subtemplate: Media Downloads Buttons
|
||||
//
|
||||
.downloads {
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.upcoming-events,
|
||||
.past-events {
|
||||
.event-container {
|
||||
@ -856,17 +863,3 @@ h1 > a,
|
||||
.subtemplate.press-articles > div > div > img {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
.subtemplate.downloads a[href=''] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.subtemplate.downloads a[href=''] + a:not([href='']) {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.subtemplate.downloads .centered-content {
|
||||
text-align: center;
|
||||
}
|
||||
|
@ -98,7 +98,7 @@
|
||||
// Gutters
|
||||
//
|
||||
.grid--gutters {
|
||||
margin: -(@gutter-space/2) 0 @gutter-space (-(@gutter-space/2));
|
||||
margin: -(@gutter-space) 0 @gutter-space (-@gutter-space);
|
||||
|
||||
> .grid__col {
|
||||
padding: @gutter-space 0 0 @gutter-space;;
|
||||
@ -107,7 +107,7 @@
|
||||
|
||||
@media (@screen-sm) {
|
||||
.grid-small--gutters {
|
||||
margin: -(@gutter-space/2) 0 @gutter-space (-(@gutter-space/2));
|
||||
margin: -(@gutter-space) 0 @gutter-space (-@gutter-space);
|
||||
|
||||
> .grid__col {
|
||||
padding: @gutter-space 0 0 @gutter-space;
|
||||
@ -117,7 +117,7 @@
|
||||
|
||||
@media (@screen-md) {
|
||||
.grid-medium--gutters {
|
||||
margin: -(@gutter-space/2) 0 @gutter-space (-(@gutter-space/2));
|
||||
margin: -(@gutter-space) 0 @gutter-space (-@gutter-space);
|
||||
|
||||
> .grid__col {
|
||||
padding: @gutter-space 0 0 @gutter-space;
|
||||
@ -127,7 +127,7 @@
|
||||
|
||||
@media (@screen-lg) {
|
||||
.grid-large--gutters {
|
||||
margin: -(@gutter-space/2) 0 @gutter-space (-(@gutter-space/2));
|
||||
margin: -(@gutter-space) 0 @gutter-space (-@gutter-space);
|
||||
|
||||
> .grid__col {
|
||||
padding: @gutter-space 0 0 @gutter-space;
|
||||
|
@ -165,6 +165,8 @@
|
||||
margin-top: 35px;
|
||||
.signInUpText;
|
||||
color: @black;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
|
||||
a {
|
||||
.signInUpText;
|
||||
|
@ -28,10 +28,6 @@
|
||||
.subtemplate__title {
|
||||
margin-top: 0;
|
||||
margin-bottom: @spacer;
|
||||
|
||||
.above-chevron > .subtemplate:first-child & {
|
||||
margin-top: (@spacer * 2);
|
||||
}
|
||||
}
|
||||
|
||||
.subtemplate__description {
|
||||
|
2
assets/dist/css/ascribe.css
vendored
2
assets/dist/css/ascribe.css
vendored
File diff suppressed because one or more lines are too long
2
assets/dist/css/ascribe.min.css
vendored
2
assets/dist/css/ascribe.min.css
vendored
File diff suppressed because one or more lines are too long
@ -598,12 +598,10 @@ class Subtemplate {
|
||||
}
|
||||
}
|
||||
|
||||
$result = "<section class='subtemplate team'>
|
||||
<div class='row row--content'>
|
||||
$result = "<section class='subtemplate row row--content team'>
|
||||
<h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
|
||||
<div class='intro'>{$content}</div>
|
||||
<div class='grid grid--gutters grid--full grid-small--half grid-medium--third'>{$teamMemberMarkup}</div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
@ -614,11 +612,9 @@ class Subtemplate {
|
||||
|
||||
$bgColor = get_sub_field('background_color');
|
||||
|
||||
$result = "<section class='subtemplate content {$bgColor}'>
|
||||
<div class='row row--content'>
|
||||
$result = "<section class='subtemplate row row--content content {$bgColor}'>
|
||||
<h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
|
||||
<div>{$content}</div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
@ -627,11 +623,9 @@ class Subtemplate {
|
||||
|
||||
$content = get_sub_field('content');
|
||||
|
||||
$result = "<section class='subtemplate content-boxed'>
|
||||
<div class='row row--content'>
|
||||
$result = "<section class='subtemplate row row--content content-boxed'>
|
||||
<h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
|
||||
<div>{$content}</div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
@ -679,12 +673,10 @@ class Subtemplate {
|
||||
}
|
||||
$regularFAQ .= "</dl>";
|
||||
|
||||
$result = "<section class='subtemplate content faq'>
|
||||
<div class='row'>
|
||||
$result = "<section class='subtemplate row row--content content faq'>
|
||||
<h1>{$subtemplateTitle}</h1>
|
||||
{$featuredFAQ}
|
||||
{$regularFAQ}
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
@ -705,10 +697,10 @@ class Subtemplate {
|
||||
}
|
||||
}
|
||||
|
||||
$result = "<section class='subtemplate values'><div class='row'>
|
||||
$result = "<section class='subtemplate row values'>
|
||||
<h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
|
||||
<main><div class='grid grid--gutters grid--full grid-small--half'>{$values}</div></main>
|
||||
</div></section>";
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
}
|
||||
@ -733,11 +725,9 @@ class Subtemplate {
|
||||
$careerMarkup .= get_sub_field('empty_text');
|
||||
}
|
||||
|
||||
$result = "<section class='subtemplate careers'>
|
||||
<div class='row'>
|
||||
$result = "<section class='subtemplate row row--content careers'>
|
||||
<h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
|
||||
<ul>{$careerMarkup}</ul>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
@ -772,7 +762,7 @@ class Subtemplate {
|
||||
}
|
||||
}
|
||||
|
||||
$result = "<section class='subtemplate press-articles row'>
|
||||
$result = "<section class='subtemplate row row--content press-articles '>
|
||||
<h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
|
||||
<img src='{$image}' alt='Media Companies'>
|
||||
<div>{$pressMarkup}</div>
|
||||
@ -785,7 +775,7 @@ class Subtemplate {
|
||||
$buttonUrl = get_sub_field('button_url');
|
||||
$buttonText = get_sub_field('button_text');
|
||||
|
||||
$result = "<section class='subtemplate downloads row'>
|
||||
$result = "<section class='subtemplate row downloads'>
|
||||
<a href='{$buttonUrl}' download class='button blue'>{$buttonText}</a>
|
||||
</section>";
|
||||
|
||||
@ -810,15 +800,13 @@ class Subtemplate {
|
||||
}
|
||||
}
|
||||
|
||||
$result = "<section class='subtemplate contact'>
|
||||
<div class='row row--content'>
|
||||
$result = "<section class='subtemplate row row--content contact'>
|
||||
<h1 class='subtemplate__title'>{$subtemplateTitle}</h1>
|
||||
|
||||
<div class='grid grid--gutters grid--fit grid-small--half'>
|
||||
<div class='grid__col form'>{$content}</div>
|
||||
<aside class='grid__col contact-points'>{$contactPoints}</aside>
|
||||
</div>
|
||||
</div>
|
||||
</section>";
|
||||
|
||||
return $result;
|
||||
@ -912,7 +900,7 @@ class Subtemplate {
|
||||
|
||||
$sidebar = $this->eventSidebar();
|
||||
|
||||
$result = "<section class='subtemplate upcoming-events'>
|
||||
$result = "<section class='subtemplate row upcoming-events'>
|
||||
<div class='row'>
|
||||
<div class='event-container'>
|
||||
<h1>Events</h1>
|
||||
@ -1074,7 +1062,7 @@ class Subtemplate {
|
||||
|
||||
$sidebar = $this->eventSidebar();
|
||||
|
||||
$result = "<section class='subtemplate upcoming-events'>
|
||||
$result = "<section class='subtemplate row upcoming-events'>
|
||||
<div class='row'>
|
||||
<div class='event-container'>
|
||||
<h1>Upcoming Events</h1>
|
||||
@ -1084,7 +1072,7 @@ class Subtemplate {
|
||||
</div>
|
||||
</section>
|
||||
<div class='chevron-divider'></div>
|
||||
<section class='subtemplate past-events'>
|
||||
<section class='subtemplate row past-events'>
|
||||
<div class='row'>
|
||||
<div class='event-container'>
|
||||
<h1>Past Events</h1>
|
||||
|
@ -12,8 +12,19 @@ require 'controller/init.php';
|
||||
<header class="header">
|
||||
<div class="sticky">
|
||||
<div class="row">
|
||||
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-black.png" class="logo phone-and-up"></a>
|
||||
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/ascribeicon-black.svg" class="logo phone-only"></a>
|
||||
<a href="<?php echo get_bloginfo('wpurl');?>">
|
||||
<img
|
||||
src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-black.png"
|
||||
srcset="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-black.png 1x, <?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-black@2x.png 2x"
|
||||
alt="ascribe logo"
|
||||
class="logo phone-and-up">
|
||||
</a>
|
||||
<a href="<?php echo get_bloginfo('wpurl');?>">
|
||||
<img
|
||||
src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/ascribeicon-black.svg"
|
||||
alt="ascribe logo"
|
||||
class="logo phone-only">
|
||||
</a>
|
||||
<div class="app-links">
|
||||
<a href="<?php echo $signInLink; ?>">Log In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
||||
|
||||
|
@ -16,8 +16,21 @@ $controller = new Controller();
|
||||
<header class="hero" style="background-image:url(<?php echo $bgImage; ?>)">
|
||||
<div class="sticky">
|
||||
<div class="row">
|
||||
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white.png" class="logo phone-and-up"></a>
|
||||
<a href="<?php echo get_bloginfo('wpurl');?>"><img src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/ascribeicon-white.svg" class="logo phone-only"></a>
|
||||
|
||||
<a href="<?php echo get_bloginfo('wpurl');?>">
|
||||
<img
|
||||
src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white.png"
|
||||
srcset="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white.png 1x, <?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/logo-white@2x.png 2x"
|
||||
alt="ascribe logo"
|
||||
class="logo phone-and-up">
|
||||
</a>
|
||||
<a href="<?php echo get_bloginfo('wpurl');?>">
|
||||
<img
|
||||
src="<?php echo WPTHEME_TEMPLATE_URL; ?>/images/logo/ascribeicon-white.svg"
|
||||
alt="ascribe logo"
|
||||
class="logo phone-only">
|
||||
</a>
|
||||
|
||||
<div class="app-links">
|
||||
<a href="<?php echo $signInLink; ?>">Log In</a> / <a href="<?php echo $signUpLink; ?>">Sign Up</a>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user