From f580b2ac7405086ead701c19c02cfb998c6d2909 Mon Sep 17 00:00:00 2001 From: wen-2018 <42974891+wen-2018@users.noreply.github.com> Date: Thu, 15 Aug 2024 20:44:07 -0300 Subject: [PATCH] footer refresh --- .../base/templates/base-protocol-mozilla.html | 3 + bedrock/base/templates/base-protocol.html | 3 + .../protocol/footer/footer-newsletter.html | 21 + .../protocol/footer/footer-refresh.html | 134 ++++ .../includes/protocol/footer/footer.html | 4 + .../protocol/lang-switcher-refresh.html | 19 + bedrock/settings/base.py | 1 + l10n/en/footer-refresh.ftl | 42 ++ media/css/m24/base.scss | 4 + media/css/m24/components/footer-refresh.scss | 678 ++++++++++++++++++ media/css/m24/vars/fonts.scss | 30 + media/css/m24/vars/spacing.scss | 10 + .../footer-refresh/icon-arrow-down.svg | 1 + .../mozilla/footer-refresh/icon-globe.svg | 1 + .../footer-refresh/mozilla-in-white.svg | 1 + .../logos/mozilla/footer-refresh/symbol.svg | 1 + media/static-bundles.json | 6 + 17 files changed, 959 insertions(+) create mode 100644 bedrock/base/templates/includes/protocol/footer/footer-newsletter.html create mode 100644 bedrock/base/templates/includes/protocol/footer/footer-refresh.html create mode 100644 bedrock/base/templates/includes/protocol/lang-switcher-refresh.html create mode 100644 l10n/en/footer-refresh.ftl create mode 100644 media/css/m24/components/footer-refresh.scss create mode 100644 media/css/m24/vars/fonts.scss create mode 100644 media/img/logos/mozilla/footer-refresh/icon-arrow-down.svg create mode 100644 media/img/logos/mozilla/footer-refresh/icon-globe.svg create mode 100644 media/img/logos/mozilla/footer-refresh/mozilla-in-white.svg create mode 100644 media/img/logos/mozilla/footer-refresh/symbol.svg diff --git a/bedrock/base/templates/base-protocol-mozilla.html b/bedrock/base/templates/base-protocol-mozilla.html index 6ad1cca326e..eb83c6cd196 100644 --- a/bedrock/base/templates/base-protocol-mozilla.html +++ b/bedrock/base/templates/base-protocol-mozilla.html @@ -10,6 +10,9 @@ {% block site_css %} {{ css_bundle('protocol-mozilla') }} + {% if switch('m24-footer') and LANG.startswith('en-') %} + {{ css_bundle('footer-refresh') }} + {% endif %} {% endblock %} {% block site_footer %} diff --git a/bedrock/base/templates/base-protocol.html b/bedrock/base/templates/base-protocol.html index 33811399544..313958eb1eb 100644 --- a/bedrock/base/templates/base-protocol.html +++ b/bedrock/base/templates/base-protocol.html @@ -73,6 +73,9 @@ {# Global styles, hidden from IE9 and lower #} {% block site_css %} {{ css_bundle('protocol-firefox') }} + {% if switch('m24-footer') and LANG.startswith('en-') %} + {{ css_bundle('footer-refresh') }} + {% endif %} {% endblock %} {# Page-specific styles, hidden from IE9 and lower #} diff --git a/bedrock/base/templates/includes/protocol/footer/footer-newsletter.html b/bedrock/base/templates/includes/protocol/footer/footer-newsletter.html new file mode 100644 index 00000000000..a4a91858f5a --- /dev/null +++ b/bedrock/base/templates/includes/protocol/footer/footer-newsletter.html @@ -0,0 +1,21 @@ +{# + This Source Code Form is subject to the terms of the Mozilla Public + License, v. 2.0. If a copy of the MPL was not distributed with this + file, You can obtain one at https://mozilla.org/MPL/2.0/. + #} + +
+
+
+ +

{{ ftl('footer-refresh-find-out-about') }}

+
+ +
+ {{ email_newsletter_form( + newsletters='knowledge-is-power', + title=None + )}} +
+
+
diff --git a/bedrock/base/templates/includes/protocol/footer/footer-refresh.html b/bedrock/base/templates/includes/protocol/footer/footer-refresh.html new file mode 100644 index 00000000000..d2f3253b616 --- /dev/null +++ b/bedrock/base/templates/includes/protocol/footer/footer-refresh.html @@ -0,0 +1,134 @@ +{# + This Source Code Form is subject to the terms of the Mozilla Public + License, v. 2.0. If a copy of the MPL was not distributed with this + file, You can obtain one at https://mozilla.org/MPL/2.0/. + #} + + + +{% block footer_js %} + {% if show_newsletter %} + {{ js_bundle('newsletter') }} + {% endif %} +{% endblock %} diff --git a/bedrock/base/templates/includes/protocol/footer/footer.html b/bedrock/base/templates/includes/protocol/footer/footer.html index b35d9204873..80095991460 100644 --- a/bedrock/base/templates/includes/protocol/footer/footer.html +++ b/bedrock/base/templates/includes/protocol/footer/footer.html @@ -6,6 +6,9 @@ {% set utm_params = 'utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=footer' %} +{% if switch('m24-footer') and LANG.startswith('en-') %} + {% include 'includes/protocol/footer/footer-refresh.html' %} +{% else %} +{% endif %} diff --git a/bedrock/base/templates/includes/protocol/lang-switcher-refresh.html b/bedrock/base/templates/includes/protocol/lang-switcher-refresh.html new file mode 100644 index 00000000000..ad4c9254c50 --- /dev/null +++ b/bedrock/base/templates/includes/protocol/lang-switcher-refresh.html @@ -0,0 +1,19 @@ +{# + This Source Code Form is subject to the terms of the Mozilla Public + License, v. 2.0. If a copy of the MPL was not distributed with this + file, You can obtain one at https://mozilla.org/MPL/2.0/. + #} + + {% if translations|length > 1 %} +
+ + {{ ftl('footer-refresh-language') }} + +
+ {% endif %} diff --git a/bedrock/settings/base.py b/bedrock/settings/base.py index 48bb6d01bd2..465afaf4d56 100644 --- a/bedrock/settings/base.py +++ b/bedrock/settings/base.py @@ -277,6 +277,7 @@ def _put_default_lang_first(langs, default_lang=LANGUAGE_CODE): "brands", "download_button", "footer", + "footer-refresh", "fxa_form", "mozorg/about/shared", "navigation", diff --git a/l10n/en/footer-refresh.ftl b/l10n/en/footer-refresh.ftl new file mode 100644 index 00000000000..1e3ae3a91d4 --- /dev/null +++ b/l10n/en/footer-refresh.ftl @@ -0,0 +1,42 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at https://mozilla.org/MPL/2.0/. + +footer-refresh-find-out-about = Find out about { -brand-name-mozilla } products, initiatives, and more. We’ll never sell your email, even if presented with free pizza for life. +footer-refresh-leadership = Leadership +footer-refresh-advertise = Advertise with { -brand-name-mozilla } +footer-refresh-firefox-release-notes = { -brand-name-firefox } Release Notes +footer-refresh-mdn = MDN +footer-refresh-follow-mozilla = Follow @{ -brand-name-mozilla } +footer-refresh-x = X +footer-refresh-x-formerly-twitter = X (formerly Twitter) +footer-refresh-mastodon = Mastodon +footer-refresh-instagram = Instagram +footer-refresh-linkedin = LinkedIn +footer-refresh-tiktok = TikTok +footer-refresh-spotify = Spotify +footer-refresh-follow-firefox = Follow @{ -brand-name-firefox } +footer-refresh-youtube = YouTube +footer-refresh-company = Company +footer-refresh-press-center = Press Center +footer-refresh-careers = Careers +footer-refresh-contact = Contact +footer-refresh-support = Support +footer-refresh-product-help = Product Help +footer-refresh-file-a-bug = File a Bug +footer-refresh-localize-mozilla = Localize { -brand-name-mozilla } +footer-refresh-resources = Resources +footer-refresh-brand-standards = Brand Standards +footer-refresh-developers = Developers +footer-refresh-developer-edition = { -brand-name-developer-edition } +footer-refresh-enterprise = { -brand-name-enterprise } +footer-refresh-tools = Tools +footer-refresh-donate = Donate +footer-refresh-visit-mozilla-corporations = Visit { -brand-name-mozilla-corporation }’s not-for-profit parent, the { -brand-name-mozilla-foundation }. +footer-refresh-portions-of-this-content = Portions of this content are ©1998–{ $current_year } by individual mozilla.org contributors. Content available under a { -brand-name-creative-commons } license. +footer-refresh-websites-privacy-notice = Website Privacy Notice +footer-refresh-websites-cookies = Cookies +footer-refresh-websites-legal = Legal +footer-refresh-community-participation-guidelines = Community Participation Guidelines +footer-refresh-about-this-site = About this site +footer-refresh-language = Language diff --git a/media/css/m24/base.scss b/media/css/m24/base.scss index 8e7ceae171d..a17a5ecdb02 100644 --- a/media/css/m24/base.scss +++ b/media/css/m24/base.scss @@ -10,6 +10,10 @@ @import 'vars/spacing'; @import 'vars/text'; @import 'vars/animation'; +@import 'vars/fonts'; + +// Global components +@import 'components/footer-refresh'; $mobile-square-img-max-width: 363px; diff --git a/media/css/m24/components/footer-refresh.scss b/media/css/m24/components/footer-refresh.scss new file mode 100644 index 00000000000..a16b16eeae9 --- /dev/null +++ b/media/css/m24/components/footer-refresh.scss @@ -0,0 +1,678 @@ +// This Source Code Form is subject to the terms of the Mozilla Public +// License, v. 2.0. If a copy of the MPL was not distributed with this +// file, You can obtain one at https://mozilla.org/MPL/2.0/. + +@import '~@mozilla-protocol/core/protocol/css/includes/lib'; + +@import 'media/css/m24/vars/fonts'; +@import 'media/css/m24/vars/color'; +@import 'media/css/m24/vars/spacing'; +@import 'media/css/m24/vars/text'; + +$max-footer-content-width: 1440px; + +// whole footer +.moz24-footer { + background-color: $color-black; + color: $color-white-on-black; +} + +// newsletter form +.moz24-newsletter-container { + margin: $spacer-xl $spacer-lg 0; + + &.c-newsletter.mzp-l-content { + padding-bottom: 0; + } + + .moz24-newsletter-wrapper { + padding: $spacer-2xl 0 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; + + @media(min-width: $screen-md) { + max-width: $max-footer-content-width; + margin: 0 auto; + flex-direction: row; + align-items: flex-start; + } + } + + .moz24-newsletter-wrapper .moz24-newsletter-info { + display: flex; + align-items: flex-start; + margin-bottom: $grid-margin; + + @media(min-width: $screen-md) { + width: 40%; + @include bidi(((margin-right, 10%, 0), (margin-left, 0, 10%))); + } + + p { + margin-bottom: 0; + line-height: 1.3; + font-weight: 600; + font-family: $primary-font; + text-align: start; + } + } + + .moz24-newsletter-image { + width: 40px; + @include bidi(((margin-right, $spacer-xl, 0), (margin-left, 0, $spacer-xl))); + } + + .moz24-newsletter { + @media(min-width: $screen-md) { + width: 50%; + } + + h2 { + color: $color-white; + } + + .mzp-c-newsletter-thanks { + h3 { + color: $color-white; + font-family: $secondary-font; + } + + p { + font-family: $primary-font; + font-weight: 400; + } + } + + .error-try-again-later { + font-family: $primary-font; + font-weight: 400; + } + } + + .moz24-newsletter-wrapper .mzp-c-newsletter-form { + .mzp-c-newsletter-header { + display: none; + } + + .mzp-c-newsletter-content { + input { + margin-bottom: $spacer-lg; + width: 100%; + font-family: $primary-font; + border: 2px solid $color-white; + color: $token-color-functional-gray-on-white; + + @media(min-width: $screen-md) { + min-width: 100%; + } + } + } + + .mzp-c-newsletter-details { + max-width: 100%; + + @media(min-width: $screen-lg) { + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 30px 45px 75px; + column-gap: $spacer-lg; + } + + p { + margin-bottom: 0; + line-height: 1.3; + font-weight: 600; + font-family: $primary-font; + text-align: start; + + @media(min-width: $screen-lg) { + display: inline-grid; + + &:first-of-type { + grid-column-start: 1; + grid-column-end: 2; + } + + &:nth-of-type(2) { + grid-column-start: 2; + grid-column-end: 3; + } + } + + &:has(> label.mzp-u-inline) { + margin: $spacer-lg 0 $spacer-md; + + @media(min-width: $screen-lg) { + grid-column-start: 1; + grid-column-end: 3; + } + + input { + margin: 0; + } + } + } + + label { + margin-bottom: 0; + line-height: 1.3; + font-weight: 600; + font-family: $primary-font; + text-align: start; + + @media(min-width: $screen-lg) { + display: inline-grid; + + &:first-of-type { + grid-column-start: 1; + } + + &:nth-of-type(2) { + grid-column-start: 2; + grid-column-end: 3; + grid-row-start: 1; + grid-row-end: 2; + } + } + } + + select { + font-family: $primary-font; + border: 2px solid $color-white; + color: $token-color-functional-gray-on-white; + width: 100%; + background-position-x: 100%; + background-position-y: 9px; + background-image: url('/media/img/logos/mozilla/footer-refresh/icon-arrow-down.svg'); + background-repeat: no-repeat; + + @media(min-width: $screen-lg) { + min-width: 100%; + } + } + + .mzp-u-inline { + display: inline; + + input { + width: 13px; + height: 13px; + min-width: unset; + line-height: 1; + } + } + + a:visited { + color: $color-white; + } + } + + .mzp-c-form-submit button { + border: 2px solid $token-color-green; + border-radius: 0; + font-family: $secondary-font; + position: relative; + + &:hover { + box-shadow: 4px 4px 0 0 $token-color-green; + background-color: $color-black; + color: $color-white; + } + + &:active { + background-color: $color-black; + color: $token-color-green; + box-shadow: none; + + &::after { + display: none; + } + } + + @media(min-width: $screen-md) { + width: fit-content; + display: flex; + justify-content: flex-start; + } + } + + .mzp-c-fieldnote { + display: none; + } + } +} + +// main content +.moz24-footer-content { + padding: $spacer-xl $spacer-md 0; + max-width: $max-footer-content-width; + margin: 0 auto; + + @media(min-width: $screen-md) { + padding: 64px 32px 0; + } +} + +// primary nav +.moz24-footer-primary { + margin-bottom: $spacer-lg; +} + +.moz24-footer-sections-wrapper { + display: flex; + flex-direction: column-reverse; + + @media(min-width: $screen-md) { + flex-direction: row; + justify-content: space-between; + align-items: flex-start; + } +} + +.moz24-footer-primary .moz24-footer-section-wrapper { + width: 100%; + + @media(min-width: $screen-md) { + width: 20%; + } + + &.moz24-links-section { + display: grid; + grid-template-rows: 1fr 1fr; + grid-template-columns: 1fr 1fr; + place-items: stretch start; + + @media(min-width: $screen-md) { + width: 70%; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: start; + } + } +} + +.moz24-footer-refresh-social-wrapper { + display: flex; + align-items: center; + margin-bottom: $spacer-lg; + + @media(min-width: $screen-md) { + flex-direction: column; + justify-content: center; + align-items: flex-start; + } +} + + +.moz24-footer-heading-social { + padding: 0; + font-family: $primary-font; + color: $color-white; + margin: 0; + font-size: $text-title-sm; + + @media(min-width: $screen-md) { + margin-bottom: $spacer-sm; + } +} + +.moz24-footer-links-social { + margin: 0 0 0 $spacer-lg; + display: flex; + + @media(min-width: $screen-md) { + margin: 0; + } + + li { + margin-right: $spacer-2xs; + display: inline-block; + + a { + background-repeat: no-repeat; + border-bottom: 1px solid rgba(0,0,0,0); + direction: ltr; + display: block; + height: 16px; + overflow: hidden; + text-align: left; + text-indent: -9999px; + white-space: nowrap; + width: 16px; + @include bidi(((margin-right, 16px, 0), (margin-left, 0, 16px))); + + &:hover, + &:focus, + &:active { + outline: 1px dotted $color-white; + outline-offset: $spacing-xs; + border-bottom-color: transparent; + background-repeat: no-repeat; + } + + &.linkedin { + background-image: url('/media/protocol/img/icons/social/linkedin/white.svg'); + } + + &.tiktok { + background-image: url('/media/protocol/img/icons/social/tiktok/white.svg'); + } + + &.spotify { + background-image: url('/media/protocol/img/icons/social/spotify/white.svg'); + } + + &.mastodon { + background-image: url('/media/protocol/img/icons/social/mastodon/white.svg'); + background-size: contain; + } + + &.twitter { + background-image: url('/media/protocol/img/icons/social/x/white.svg'); + } + + &.instagram { + background-image: url('/media/protocol/img/icons/social/instagram/white.svg'); + } + + &.youtube { + background-image: url('/media/protocol/img/icons/social/youtube/white.svg'); + } + } + } +} + +.moz24-footer-label { + color: $color-white; + font-weight: 600; + font-size: $text-body-md; + font-family: $secondary-font; +} + +.moz24-footer-primary-list { + li { + font-family: $primary-font; + } + + a, + a:link, + a:visited { + text-decoration: none; + position: relative; + color: $color-white; + } + + a:hover { + &::after { + display: block; + content: ""; + position: absolute; + width: 100%; + height: 1px; + left: 0; + bottom: 1px; + background: $color-white; + } + } + + a:focus, + a:active { + border: 1px solid $color-white; + border-radius: 2px; + + &::after { + display: none; + } + } +} + +// actions section +.moz24-footer-actions { + display: flex; + flex-direction: column; + position: relative; + + @media(min-width: $screen-md) { + flex-direction: row; + justify-content: space-between; + align-items: center; + margin-bottom: $grid-margin; + + &::after { + display: block; + content: ""; + position: absolute; + width: 100%; + height: 4px; + left: 0; + bottom: 0; + background: $token-color-dark-gray; + } + } + +} + + +// donation link +.moz24-footer-donate { + margin-bottom: $spacer-lg; + position: relative; + border-radius: 0; + font-family: $secondary-font; + font-weight: 600; + background-color: transparent; + color: $color-white; + padding: 6px 24px; + border: 2px solid $token-color-green; + text-decoration: none; + text-align: center; + max-width: 120px; + + &:hover { + box-shadow: 4px 4px 0 0 $token-color-green; + background-color: transparent; + color: $color-white; + } + + &:active { + background-color: transparent; + box-shadow: none; + + .mzp-c-button-icon-text::after { + display: none; + } + } + + &:focus, + &:visited:focus { + color: $token-color-green; + + .mzp-c-button-icon-start svg path { + fill: $token-color-green; + } + + .mzp-c-button-icon-text::after { + background: $token-color-green; + } + } + + @media(min-width: $screen-md) { + margin-bottom: 0; + } +} + +.mzp-c-button-icon-start { + font-size: 1.7em; + vertical-align: middle; + margin-right: 0; + + svg path { + fill: $color-white; + } +} + +.mzp-c-button-icon-text { + position: relative; + font-family: $secondary-font; + + &::after { + display: block; + content: ""; + position: absolute; + width: 100%; + height: 1px; + left: 0; + bottom: 1px; + background: $color-white; + } +} + +// language form +.moz24-footer-language { + margin-top: $spacer-lg; + margin-bottom: 0; + position: relative; + + &::before { + display: block; + content: ""; + position: absolute; + width: 100%; + height: 4px; + left: 0; + top: -18px; + background: $token-color-dark-gray; + + @media(min-width: $screen-md) { + display: none; + } + } +} + +.moz24-c-language-switcher { + position: relative; + border-color: transparent; + + &::before { + display: block; + content: ""; + position: absolute; + width: 32px; + height: 32px; + @include bidi(((left, 0, 0), (right, 0, 102px))); + bottom: 0; + color: $color-white; + background-repeat: no-repeat; + background-position-x: 8px; + background-position-y: -2px; + background-image: url('/media/img/logos/mozilla/footer-refresh/icon-globe.svg'); + } + + label { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + } + + .mzp-c-language-switcher-link { + color: $color-white; + font-family: $primary-font; + text-decoration: none; + position: relative; + + &::after { + display: block; + content: ""; + position: absolute; + width: 100%; + height: 1px; + left: 0; + bottom: 0; + background: $color-white; + } + + &:hover { + &::after { + display: none; + } + } + } + + .mzp-js-language-switcher-select { + border: 2px solid transparent; + border-radius: 0; + font-family: $secondary-font; + font-weight: 600; + padding-left: 36px; + min-width: unset; + width: 136px; + background: $color-black; + color: $color-white; + background-position-x: 95px; + background-position-y: 9px; + background-image: url('/media/img/logos/mozilla/footer-refresh/icon-arrow-down.svg'); + background-repeat: no-repeat; + margin-top: 16px; + + &:hover { + border-color: $color-white; + } + } +} + +// secondary nav +.moz24-footer-legal { + display: flex; + flex-direction: column; + color: $color-white; + font-weight: 600; + font-size: $text-body-sm; + + @media(min-width: $screen-lg) { + flex-direction: row; + justify-content: space-between; + } +} + +.moz24-footer-license { + font-family: $primary-font; + + @media(min-width: $screen-md) { + max-width: unset; + @include bidi(((margin-right, 10%, 0), (margin-left, 0, 10%))); + } + + a, + a:link, + a:visited { + color: $color-white; + font-weight: 600; + } +} + +.moz24-footer-terms { + li { + font-family: $primary-font; + display: inline-block; + padding: 0 24px 0 0; + } + + a, + a:link, + a:visited { + color: $color-white; + font-weight: 600; + } +} + +.moz24-footer-logo-image-bottom { + width: 100%; +} diff --git a/media/css/m24/vars/fonts.scss b/media/css/m24/vars/fonts.scss new file mode 100644 index 00000000000..891f724f263 --- /dev/null +++ b/media/css/m24/vars/fonts.scss @@ -0,0 +1,30 @@ +// This Source Code Form is subject to the terms of the Mozilla Public +// License, v. 2.0. If a copy of the MPL was not distributed with this +// file, You can obtain one at https://mozilla.org/MPL/2.0/. + +@font-face { + font-family: "Mozilla Sans Normal BETA05"; + font-weight: 400; + font-style: normal; + font-display: swap; + src: local('Mozilla Sans Beta Regular'); +} + +@font-face { + font-family: "Mozilla Sans Normal BETA05"; + font-weight: 600; + font-style: normal; + font-display: swap; + src: local('Mozilla Sans Beta SemiBold'); +} + +@font-face { + font-family: "Mozilla Semi-Slab Normal BETA05"; + font-weight: 600; + font-style: normal; + font-display: swap; + src: local('Mozilla Sans Beta SemiBold'); +} + +$primary-font: "Mozilla Sans Normal BETA05", inter, x-localespecific, sans-serif; +$secondary-font: "Mozilla Semi-Slab Normal BETA05", "Zilla Slab", inter, x-localespecific; diff --git a/media/css/m24/vars/spacing.scss b/media/css/m24/vars/spacing.scss index ee194330481..db7f9e135f1 100644 --- a/media/css/m24/vars/spacing.scss +++ b/media/css/m24/vars/spacing.scss @@ -2,6 +2,16 @@ // License, v. 2.0. If a copy of the MPL was not distributed with this // file, You can obtain one at https://mozilla.org/MPL/2.0/. +// tokens +$screen-md: 768px; +$screen-lg: 1024px; +$screen-xl: 1312px; + +// media query +$mq-md: '(min-width: $screen-md)'; +$mq-lg: '(min-width: $screen-lg)'; +$mq-xl: '(min-width: $screen-xl)'; + :root { // spacers --spacer-3xl: 80px; diff --git a/media/img/logos/mozilla/footer-refresh/icon-arrow-down.svg b/media/img/logos/mozilla/footer-refresh/icon-arrow-down.svg new file mode 100644 index 00000000000..d57cb38cb47 --- /dev/null +++ b/media/img/logos/mozilla/footer-refresh/icon-arrow-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/media/img/logos/mozilla/footer-refresh/icon-globe.svg b/media/img/logos/mozilla/footer-refresh/icon-globe.svg new file mode 100644 index 00000000000..1b529f95579 --- /dev/null +++ b/media/img/logos/mozilla/footer-refresh/icon-globe.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/media/img/logos/mozilla/footer-refresh/mozilla-in-white.svg b/media/img/logos/mozilla/footer-refresh/mozilla-in-white.svg new file mode 100644 index 00000000000..c7069ec2767 --- /dev/null +++ b/media/img/logos/mozilla/footer-refresh/mozilla-in-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/media/img/logos/mozilla/footer-refresh/symbol.svg b/media/img/logos/mozilla/footer-refresh/symbol.svg new file mode 100644 index 00000000000..2ddb336ee84 --- /dev/null +++ b/media/img/logos/mozilla/footer-refresh/symbol.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/media/static-bundles.json b/media/static-bundles.json index 1ee1f3097b6..d7e2d2d0030 100644 --- a/media/static-bundles.json +++ b/media/static-bundles.json @@ -255,6 +255,12 @@ ], "name": "common-old-ie" }, + { + "files": [ + "css/m24/components/footer-refresh.scss" + ], + "name": "footer-refresh" + }, { "files": [ "css/legal/legal.scss"