allow hero modules to be full width of viewport

and constrain current internal hero modules back into the .content-wrapper max-width
This commit is contained in:
Jeremy Shimko 2015-07-09 10:26:33 -04:00
parent 07f5995559
commit 8e3c5218da
4 changed files with 33 additions and 27 deletions

View file

@ -4,9 +4,9 @@
{{> mobile_nav}}
<div class="inner-wrapper template-{{pageName}}">
{{> nav}}
{{> modules "hero"}}
<div class="content-wrapper">
{{> messages}}
{{> modules "hero"}}
{{> yield "adminMenu"}}
{{> yield "postsListTop"}}
{{> yield}}

View file

@ -1,15 +1,17 @@
<template name="newsletter_banner">
{{#if showBanner}}
<div class="newsletter-banner grid-module grid banner">
<form>
<h4 class="newsletter-tagline">{{_ "receive_the_best_of"}} {{siteName}} {{_ "right_in_your_inbox"}}</h4>
{{#if isNotConnected}}
<input class="newsletter-email" type="email" placeholder="Your Email">
{{/if}}
<button class="button newsletter-button btn btn-primary">{{_ "get_newsletter"}}<span class="button-loader"><img src="/packages/telescope_core/public/img/loading-balls.svg"/></span></button>
</form>
<h4 class="newsletter-subscribed">{{_ "thanks_for_subscribing"}}</h4>
<a href="#" class="newsletter-dismiss banner-dismiss">×</a>
<div class="content-wrapper">
<div class="newsletter-banner grid-module grid banner">
<form>
<h4 class="newsletter-tagline">{{_ "receive_the_best_of"}} {{siteName}} {{_ "right_in_your_inbox"}}</h4>
{{#if isNotConnected}}
<input class="newsletter-email" type="email" placeholder="Your Email">
{{/if}}
<button class="button newsletter-button btn btn-primary">{{_ "get_newsletter"}}<span class="button-loader"><img src="/packages/telescope_core/public/img/loading-balls.svg"/></span></button>
</form>
<h4 class="newsletter-subscribed">{{_ "thanks_for_subscribing"}}</h4>
<a href="#" class="newsletter-dismiss banner-dismiss">×</a>
</div>
</div>
{{/if}}
</template>
</template>

View file

@ -1,11 +1,13 @@
<template name="current_release">
{{#with current_release}}
<div class="current-release grid-module grid banner">
<h4 class="banner-heading">{{_ "telescope_has_been_updated"}}</h4>
<div class="markdown">
{{#markdown}}{{notes}}{{/markdown}}
<div class="content-wrapper">
<div class="current-release grid-module grid banner">
<h4 class="banner-heading">{{_ "telescope_has_been_updated"}}</h4>
<div class="markdown">
{{#markdown}}{{notes}}{{/markdown}}
</div>
<a href="#" class="release-dismiss banner-dismiss">×</a>
</div>
<a href="#" class="release-dismiss banner-dismiss">×</a>
</div>
{{/with}}
</template>
</template>

View file

@ -1,14 +1,16 @@
<template name="update_banner">
{{#if showBanner}}
<div class="update-banner grid-module grid banner">
<h3 class="update-version">{{version}}</h3>
<div class="update-content">
<h4 class="update-prompt">A new version of Telescope is available.</h4>
<p class="update-message">
You have: {{currentVersion}}. Note: this message is only displayed to admins.
<a href="https://github.com/TelescopeJS/Telescope/blob/master/History.md" target="_blank">Learn more</a>
</p>
<div class="content-wrapper">
<div class="update-banner grid-module grid banner">
<h3 class="update-version">{{version}}</h3>
<div class="update-content">
<h4 class="update-prompt">A new version of Telescope is available.</h4>
<p class="update-message">
You have: {{currentVersion}}. Note: this message is only displayed to admins.
<a href="https://github.com/TelescopeJS/Telescope/blob/master/History.md" target="_blank">Learn more</a>
</p>
</div>
</div>
</div>
{{/if}}
</template>
</template>