Permalink
Browse files

Bug 1112324 - Privacy Day home page promo

  • Loading branch information...
craigcook committed Jan 14, 2015
1 parent 9ecc969 commit fa1083447ccc801ec2bdddbef55fdf8ccdde966f
@@ -115,11 +115,19 @@ <h3>{{ _('See the principles <br>that guide everything <br>we do.') }}</h3>
</a>
</li>
{% endif %}
{% if l10n_has_tag('privacy_day') and waffle.switch('mozorg-home-privacy-promo') %}
<li id="promo-2" class="item promo-small-landscape advocacy" data-name="Learn about Mozilla Advocacy">
<a class="panel-link" href="https://advocacy.mozilla.org">
<h2>{{ _('Learn about Mozilla Advocacy') }}</h2>
</a>
</li>
{% else %}
<li id="promo-2" class="item promo-small-landscape privacy" data-name="Understand your privacy online">
<a class="panel-link" href="{{ url('privacy.privacy-day') }}">
<h2>{{ _('Understand your privacy online') }}</h2>
</a>
</li>
{% endif %}
<li id="promo-3" class="item promo-face">
{{ promo_face(1) }}
</li>
@@ -136,6 +144,29 @@ <h2 class="go">{{ _('Download Firefox') }}</h2>
<a class="fxos-link" href="{{ url('firefox.desktop.index') }}">{{ _('Learn more') }}</a>
</div>
</li>
{% if l10n_has_tag('privacy_day') and waffle.switch('mozorg-home-privacy-promo') %}
{% if LANG.startswith('en') and waffle.switch('mozorg-home-privacy-promo-jan28') %}
<li id="promo-6" class="item promo-large-landscape privacy-day" tabindex="0" data-name="January 28 is Data Privacy Day">
<h2 class="primary go">January 28 is Data Privacy Day</h2>
<a class="panel-link" rel="external" href="{{ url('privacy.privacy-day') }}">
<div class="secondary">
<h3>Get smart on privacy<br> in four easy steps.</h3>
<p class="more">Learn how</p>
</div>
</a>
</li>
{% else %}
<li id="promo-6" class="item promo-large-landscape privacy-day" tabindex="0" data-name="Get smart on privacy">
<h2 class="primary go">{{ _('Get Smart on Privacy') }}</h2>
<a class="panel-link" rel="external" href="{{ url('privacy.privacy-day') }}">
<div class="secondary">
<h3>{{ _('Learn how to give yourself more control online in four easy steps.') }}</h3>
<p class="more">{{ _('Get smart on privacy') }}</p>
</div>
</a>
</li>
{% endif %}
{% else %}
<li id="promo-6" class="item promo-large-landscape webmaker" tabindex="0" data-name="Teach the Web">
<h2 class="primary go">{{ _('Teach the Web') }}</h2>
<a class="panel-link" rel="external" href="https://webmaker.org/">
@@ -145,6 +176,7 @@ <h3>{{ _('Let’s build a Web that’s open <br>and made by everyone.') }}</h3>
</div>
</a>
</li>
{% endif %}
<li id="promo-7" class="item promo-face">
{{ promo_face(3) }}
</li>
@@ -760,6 +760,20 @@ html[lang|="en"] {
}
}
/****************************************************************************/
// Advocacy
.promo-small-landscape.advocacy {
background-color: #3fa9f1;
background-image: url(/media/img/home/voices/promos/advocacy/advocacy-logo.png);
background-position: 15px 20px;
background-repeat: no-repeat;
.background-size(100px, 100px);
h2 {
padding: 20px 10px 10px 130px;
}
}
/****************************************************************************/
// Appmaker
.promo-small-landscape.appmaker {
@@ -849,6 +863,21 @@ html[lang|="en"] {
}
}
/****************************************************************************/
// Privacy Day
.promo-large-landscape.privacy-day {
background: #c33b32; // red
h2 {
padding: 120px @baseLine 0 @baseLine;
margin-top: @baseLine;
background-image: url(/media/img/home/voices/promos/privacy/privacy-shield.svg);
background-position: top center;
background-repeat: no-repeat;
.background-size(90px, 103px);
}
}
/****************************************************************************/
// Support
.promo-large-landscape.support {
@@ -1656,6 +1685,12 @@ html[lang|="en"] {
.background-size(121px, 120px);
}
// Advocacy
.promo-small-landscape.advocacy {
background-image: url(/media/img/home/voices/promos/advocacy/advocacy-logo-high-res.png);
.background-size(100px, 100px);
}
// Volunteer
.promo-small-landscape.volunteer {
background-image: url(/media/img/home/voices/promos/volunteer/volunteer-high-res.png);
Binary file not shown.
Binary file not shown.
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" x="0px" y="0px" width="151px" height="173px" viewBox="-0.48 -0.07 151 173" overflow="visible" enable-background="new -0.48 -0.07 151 173" xml:space="preserve"><style>.style0{opacity: 0.6;clip-path: url(#SVGID_2_);fill: #FFFFFF;}</style><defs></defs><g><defs><rect y="0" width="150" height="172.7"/></defs><clipPath><use xlink:href="#SVGID_1_" overflow="visible"/></clipPath><path d="M57.65 65.34c-6.36-1.43-8.99 0.96-11.69 2.1 c-2.7 1.11-4.53 1.19-4.53 1.19s0.4 3.7 6.8 7c6.36 3.3 19.4 1.6 19.4 1.59S68.94 67.9 57.6 65.34L57.65 65.34z M92.15 65.3 c-11.29 2.54-9.86 11.84-9.86 11.84s13.04 1.7 19.4-1.59c6.36-3.26 6.76-7 6.76-7s-2.15-0.31-4.53-1.19 C101.22 66.4 98.5 63.8 92.2 65.34L92.15 65.34z M147.8 19.16c0 0-18.68-2.23-39.59-8.03C90.72 6.3 75.1 0 74.9 0 C74.82-0.08 59.2 6.2 41.6 11.13c-20.91 5.8-39.59 8.03-39.59 8.03s-8.74 51.3 10.2 90.86C36.19 159.7 74.9 171.7 74.9 171.7 s38.71-12.08 62.64-61.68C156.54 70.4 147.8 19.2 147.8 19.16L147.8 19.16z M117.67 60.18c-0.39 6.4 1.1 14.15-7.07 25.3 c-8.75 11.85-17.65 10.73-19.24 10.97c-12.32 1.27-8.11-1.43-16.54-1.43c-8.35 0-4.53 2.62-16.29 1.4 c-1.67-0.16-10.57 0.96-19.24-10.97c-1.59-2.22-2.86-4.29-3.82-6.28l2.62 45.79c0 0-0.63 0.55-1.83 0.6 c-1.19 0-1.99-0.55-1.99-0.55l-1.43-53.66c-0.72-4.22-0.48-7.79-0.64-11.05c-0.4-6.44-1.67-13.43-1.67-13.43s2.7 4.1 7.8 4.5 c5.09 0.4 7.23-1.83 17.96-5.01c10.73-3.26 18.5 0.9 18.5 0.87h0.16c0 0 7.79-4.13 18.52-0.87c10.73 3.3 12.9 5.4 18 5 c5.09-0.4 7.79-4.45 7.79-4.45S118.06 53.7 117.7 60.18L117.67 60.18z" class="style0"/></g></svg>

0 comments on commit fa10834

Please sign in to comment.