Permalink
Browse files

Bug 1112324 - Privacy Day home page promo

  • Loading branch information...
1 parent 9ecc969 commit fa1083447ccc801ec2bdddbef55fdf8ccdde966f @craigcook craigcook committed Jan 14, 2015
@@ -115,11 +115,19 @@ <h2 class="primary go">{{ _('Discover <br>what drives our mission') }}</h2>
</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 @@ <h2 class="primary go">{{ _('Teach the Web') }}</h2>
</div>
</a>
</li>
+ {% endif %}
<li id="promo-7" class="item promo-face">
{{ promo_face(3) }}
</li>
@@ -761,6 +761,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 {
background-color: #5e6ba1;
@@ -850,6 +864,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 {
background: #00af84; // tealish green
@@ -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);
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -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.