diff --git a/bedrock/mozorg/templates/mozorg/home/home-new.html b/bedrock/mozorg/templates/mozorg/home/home-new.html index 5696f3461e5..0a14b0195cc 100644 --- a/bedrock/mozorg/templates/mozorg/home/home-new.html +++ b/bedrock/mozorg/templates/mozorg/home/home-new.html @@ -115,11 +115,19 @@

{{ _('See the principles
that guide everything
we do.') }}

{% endif %} + {% if l10n_has_tag('privacy_day') and waffle.switch('mozorg-home-privacy-promo') %} +
  • + +

    {{ _('Learn about Mozilla Advocacy') }}

    +     +
    • + {% else %}

  • {{ _('Understand your privacy online') }}
    • + {% endif %}
  • {{ promo_face(1) }}
    • @@ -136,6 +144,29 @@

    {{ _('Download Firefox') }}

    {{ _('Learn more') }} + {% 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') %} +
  • +

    January 28 is Data Privacy Day

    + +
    +

    Get smart on privacy
    in four easy steps.

    +

    Learn how

    +
    +     +
    • + {% else %} +
  • +

    {{ _('Get Smart on Privacy') }}

    + +
    +

    {{ _('Learn how to give yourself more control online in four easy steps.') }}

    +

    {{ _('Get smart on privacy') }}

    +
    +     +
    • + {% endif %} + {% else %}

  • {{ _('Teach the Web') }}

    @@ -145,6 +176,7 @@

    {{ _('Let’s build a Web that’s open
    and made by everyone.') }}
    • + {% endif %}
  • {{ promo_face(3) }}
    • diff --git a/media/css/mozorg/home/home-promo.less b/media/css/mozorg/home/home-promo.less index 77988d092d7..7038025702d 100644 --- a/media/css/mozorg/home/home-promo.less +++ b/media/css/mozorg/home/home-promo.less @@ -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); diff --git a/media/img/home/voices/promos/advocacy/advocacy-logo-high-res.png b/media/img/home/voices/promos/advocacy/advocacy-logo-high-res.png new file mode 100644 index 00000000000..593ddd3e000 Binary files /dev/null and b/media/img/home/voices/promos/advocacy/advocacy-logo-high-res.png differ diff --git a/media/img/home/voices/promos/advocacy/advocacy-logo.png b/media/img/home/voices/promos/advocacy/advocacy-logo.png new file mode 100644 index 00000000000..c335905da38 Binary files /dev/null and b/media/img/home/voices/promos/advocacy/advocacy-logo.png differ diff --git a/media/img/home/voices/promos/privacy/privacy-shield.svg b/media/img/home/voices/promos/privacy/privacy-shield.svg new file mode 100644 index 00000000000..98929d38608 --- /dev/null +++ b/media/img/home/voices/promos/privacy/privacy-shield.svg @@ -0,0 +1 @@ + \ No newline at end of file