Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Bug 816565 - home page video promo #546

Merged
merged 2 commits into from

2 participants

@craigcook
Collaborator

Commenting out the previous promo since it'll be coming back soon (all three will go into rotation in a week).

@sgarrity
Collaborator

I understand a new image is coming, but r+ on the current image and HTML/CSS.

@craigcook craigcook merged commit 888e8b0 into mozilla:master
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
This page is out of date. Refresh to see the latest.
View
17 apps/mozorg/templates/mozorg/home.html
@@ -49,7 +49,21 @@
<div class="pager-content">
- <div class="pager-page default-page" id="promo-ptwtshirt">
+ <div class="pager-page default-page" id="promo-storyvideo">
+ <script>// <![CDATA[
+ document.getElementById('promo-ptwtshirt').id = 'page-promo-storyvideo';
+ // ]]></script>
+ <a href="https://donate.mozilla.org/Mozilla-Story7?WT.mc_id=mostoryvideo&amp;WT.mc_ev=click" class="container">
+ <img src="{{ media('img/home/promo-storyvideo.jpg') }}" alt="">
+ <div>
+ <h3>{{_('Help us build a better Web')}}</h3>
+ <h4>{{_('Watch the video to see how Mozilla keeps the Web a force for good in the world.')}}</h4>
+ </div>
+ </a>
+ </div>
+
+{# Temporarily removing this promo - it will be coming back soon. Bug 816565
+ <div class="pager-page" id="promo-ptwtshirt">
<script>// <![CDATA[
document.getElementById('promo-ptwtshirt').id = 'page-promo-ptwtshirt';
// ]]></script>
@@ -62,6 +76,7 @@
</div>
</a>
</div>
+#}
<div class="pager-page" id="promo-android">
<script>// <![CDATA[
View
42 media/css/home.less
@@ -354,6 +354,22 @@
width: 100%;
}
}
+
+ #promo-storyvideo,
+ #page-promo-storyvideo {
+ background-color: #c8352b;
+ h3 {
+ font-size: 36px;
+ }
+ h4 {
+ font-size: 28px;
+ width: auto;
+ }
+ div {
+ width: auto;
+ margin: 20px 40px 0 380px;
+ }
+ }
}
/* }}} */
@@ -423,6 +439,19 @@
width: 70%;
}
}
+
+ #promo-storyvideo,
+ #page-promo-storyvideo {
+ h3 {
+ font-size: 32px;
+ }
+ h4 {
+ font-size: 22px;
+ }
+ div {
+ margin: 20px 30px 0 290px;
+ }
+ }
}
#home-news,
@@ -551,6 +580,19 @@
width: auto;
}
}
+
+ #promo-storyvideo,
+ #page-promo-storyvideo {
+ h3 {
+ font-size: 32px;
+ }
+ h4 {
+ font-size: 20px;
+ }
+ div {
+ margin: 0;
+ }
+ }
}
View
BIN  media/img/home/promo-storyvideo.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Something went wrong with that request. Please try again.