diff --git a/bedrock/mozorg/templates/mozorg/rise25/includes/hero-video.html b/bedrock/mozorg/templates/mozorg/rise25/includes/hero-video.html index 5436d2ef5a7..e3d93c6d41a 100644 --- a/bedrock/mozorg/templates/mozorg/rise25/includes/hero-video.html +++ b/bedrock/mozorg/templates/mozorg/rise25/includes/hero-video.html @@ -5,28 +5,20 @@ #}
- - + - {{ resp_img( - url='img/mozorg/rise25/hero-poster.jpg', - srcset={ - 'img/mozorg/rise25/hero-poster-high-res.jpg': '1.5x' - }, - optional_attributes={ - 'width': '680', - 'height': '383', - 'class': 'fallback', - 'alt': '' - } - ) }} - - - + {{ resp_img( + url='img/mozorg/rise25/hero-poster.jpg', + srcset={ + 'img/mozorg/rise25/hero-poster-high-res.jpg': '1.5x' + }, + optional_attributes={ + 'width': '680', + 'height': '383', + 'class': 'fallback', + 'alt': '' + } + ) }}
diff --git a/bedrock/mozorg/templates/mozorg/rise25/includes/social-share.html b/bedrock/mozorg/templates/mozorg/rise25/includes/social-share.html deleted file mode 100644 index 30939ca9dd7..00000000000 --- a/bedrock/mozorg/templates/mozorg/rise25/includes/social-share.html +++ /dev/null @@ -1,55 +0,0 @@ -{# -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/. -#} - -
-

Share

- -
diff --git a/bedrock/mozorg/templates/mozorg/rise25/landing.html b/bedrock/mozorg/templates/mozorg/rise25/landing.html index 7d93ed81446..906b1a4df94 100644 --- a/bedrock/mozorg/templates/mozorg/rise25/landing.html +++ b/bedrock/mozorg/templates/mozorg/rise25/landing.html @@ -33,75 +33,17 @@ ) %}

Rise25

AI for the people

-

We’re seeking 25 visionaries using AI to drive social - impact, offering them global recognition at our Dublin awards event. By sharing - their stories widely, we’ll amplify their work and connect them with a community - dedicated to supporting responsible AI initiatives that benefit humanity. Know - an innovator making a difference with AI?

-
- {% if switch('rise25-nominations-open') %} - Call for nominees extended to
- Nominate someone - {% else %} +

Nominations are now closed. - Follow us @Mozilla and stay tuned for the announcement of the Rise25 award winners. + Please come back in 2025 for next year’s Rise25 nominations.

- {% endif %} - - {{ video_modal_embed( - id='LbGtijF8qb0', - title='Play the video', - image=resp_img( - url='img/mozorg/rise25/hero-thumb.jpg', - srcset={ - 'img/mozorg/rise25/hero-thumb-high-res.jpg': '1.5x' - }, - optional_attributes={ - 'width': '178', - 'height': '100', - 'class': 'fallback', - 'alt': '' - } - ), - ) }}
{% endcall %} -
-
-
-

Join us in spreading the word

-

Share the Rise25 call for nominations and help celebrate those shaping the future of AI to benefit people, not large corporations.

- {% include "mozorg/rise25/includes/social-share.html" %} -
- -
- - - {{ resp_img( - url='img/mozorg/rise25/winners-poster.jpg', - srcset={ - 'img/mozorg/rise25/winners-poster-high-res.jpg': '1.5x' - }, - optional_attributes={ - 'width': '450', - 'height': '450', - 'class': 'fallback', - 'alt': '' - } - ) }} - -

See last year’s Rise25 winners

-
-
-
-
-

Nomination Categories

+

Categories

@@ -116,30 +58,10 @@

Advocates

to make AI a force for societal good.

- {% if switch('rise25-nominations-open') %} -

- Nominate -

- {% endif %} -
-
-
-

Builders

-

Developing AI through ethical innovation.

-

- They’re the architects of trustworthy AI, including engineers and data - scientists dedicated to the principles of open source, open data and - open science. They focus on technical proficiency and responsible and - ethical construction. Their work ensures AI is secure, accessible and - reliable, aiming to create tools that empower and advance society. -

-
- {% if switch('rise25-nominations-open') %} -

- Nominate -

- {% endif %} +

+ See the honorees +

@@ -147,38 +69,35 @@

Builders

Artists

Reimagining AI’s creative potential.

- They transcend traditional AI applications, like synthesizing visuals - or using large language models. Their projects, whether interactive - websites, films, or digital media, challenge our perceptions and - demonstrate how AI can amplify and empower human creativity. Their work - provokes thought and offers fresh perspectives on the intersection of - AI and art. + Their work provokes thought and offers fresh perspectives on AI through + storytelling across various mediums. Their projects challenge perceptions + and show how AI can amplify human creativity. Some also use their craft + to challenge the current state of AI and engage in conversations about + ensuring technology is applied fairly and equitably.

- {% if switch('rise25-nominations-open') %} -

- Nominate -

- {% endif %} + +

+ See the honorees +

-
+
-

Entrepreneurs

-

Fueling AI’s evolution with visionary ventures.

+

Builders

+

Developing AI through ethical innovation.

- These daring individuals are transforming imaginative ideas into reality. - They’re crafting businesses and solutions with AI to meet societal needs, - improve everyday life and forge new technological paths. They embody - innovation, steering startups and projects with a commitment to ethical - standards, inclusiveness and enhancing human welfare through technology. + They’re the architects of trustworthy AI, including engineers and data + scientists dedicated to the principles of open source, open data and + open science. They focus on technical proficiency and responsible and + ethical construction. Their work ensures AI is secure, accessible and + reliable, aiming to create tools that empower and advance society.

- {% if switch('rise25-nominations-open') %} -

- Nominate -

- {% endif %} + +

+ See the honorees +

@@ -195,66 +114,32 @@

Change Agents

AI environment of equality and empowerment.

- {% if switch('rise25-nominations-open') %} -

- Nominate -

- {% endif %} + +

+ See the honorees +

- -
-
-
-

Who’s shaping the future of AI? We’re on the hunt.

-

- Read our blog post +

+
+

Entrepreneurs

+

Fueling AI’s evolution with visionary ventures.

+

+ These daring individuals are transforming imaginative ideas into reality. + They’re crafting businesses and solutions with AI to meet societal needs, + improve everyday life and forge new technological paths. They embody + innovation, steering startups and projects with a commitment to ethical + standards, inclusiveness and enhancing human welfare through technology.

- {{ resp_img( - url='img/mozorg/rise25/blog-thumbnail.jpg', - srcset={ - 'img/mozorg/rise25/blog-thumbnail-high-res.jpg': '1.5x' - }, - optional_attributes={ - 'width': '230', - 'height': '153', - 'class': 'r25-blog-image' - } - ) }} -
- -
-

Help us spread the word!

- {% include "mozorg/rise25/includes/social-share.html" %} -
-
- -
-

FAQs

- -
-

Why should I nominate someone for Rise25?

-

The selected honorees will be celebrated in Dublin this August and invited - to join the Rise25 cohort with past and current winners and part of the - Mozilla community. Mozilla will be covering the flight and hotel expenses - for the honorees and a plus one.

- -

How much does it cost to enter?

-

There are no nomination fees or costs associated with the nomination form.

- -

How will honorees be notified?

-

Mozilla will reach out to honorees via email later this year.

- -

Who can I contact for more information?

-

Give us a shout at rise25@mozilla.com.

+

+ See the honorees +

{% endblock %} {% block js %} - {{ js_bundle('protocol-modal') }} - {{ js_bundle('video-modal-embed') }} {{ js_bundle('rise25-landing') }} {% endblock %} diff --git a/bedrock/mozorg/templates/mozorg/rise25/thanks.html b/bedrock/mozorg/templates/mozorg/rise25/thanks.html deleted file mode 100644 index c5e8d414f22..00000000000 --- a/bedrock/mozorg/templates/mozorg/rise25/thanks.html +++ /dev/null @@ -1,37 +0,0 @@ -{# - 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/. -#} - -{% extends "base-protocol.html" %} - -{% block page_title %}Thanks for submitting your nomination for Rise 25{% endblock %} - -{% block page_css %} - {{ css_bundle('protocol-newsletter') }} - {{ css_bundle('rise25') }} -{% endblock %} - -{% block body_class %}rise25{% endblock %} - -{% block content %} -
-
-

Thanks for submitting your nomination

-
- -
- {{ email_newsletter_form( - newsletters='knowledge-is-power', - include_title=True, - title='Want to keep in touch? Stay connected with our mission to create a happier, healthier, and safer internet.', - button_class='r25-c-button t-fancy', - spinner_color='#fff' - ) }} -
-{% endblock %} - -{% block js %} - {{ js_bundle('newsletter') }} -{% endblock %} diff --git a/bedrock/mozorg/urls.py b/bedrock/mozorg/urls.py index 2167b505530..32c64cb72e6 100644 --- a/bedrock/mozorg/urls.py +++ b/bedrock/mozorg/urls.py @@ -146,7 +146,6 @@ ), path("antiharassment-tool/", views.anti_harassment_tool_view, name="mozorg.antiharassment-tool"), page("rise25/nominate/", "mozorg/rise25/landing.html"), - page("rise25/thanks/", "mozorg/rise25/thanks.html"), ] if settings.DEV: diff --git a/media/css/mozorg/rise25/components/blog.scss b/media/css/mozorg/rise25/components/blog.scss deleted file mode 100644 index 2cbec53bcc9..00000000000 --- a/media/css/mozorg/rise25/components/blog.scss +++ /dev/null @@ -1,85 +0,0 @@ -// 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/. - -@use '../lib' as r25; - -@import '~@mozilla-protocol/core/protocol/css/includes/lib'; - -// * -------------------------------------------------------------------------- */ -// Blog promo - -.r25-blog { - @include white-links; - background-image: linear-gradient(-40deg, fade-out(r25.$teal, 0.6) -100px, fade-out(r25.$teal, 1) 80%); - border-image: linear-gradient(-90deg, fade-out($color-white, 0.8), fade-out($color-white, 1) 60%) 1; - border-style: solid; - border-width: 1px 1px 1px 0; - padding: $spacing-lg; - - .r25-blog-title { - @include text-title-2xs; - } - - .r25-blog-image { - display: block; - margin: $spacing-lg auto 0; - border: 1px solid fade-out($color-black, 0.5); - } - - .r25-blog-cta { - font-weight: bold; - margin: 0; - - a:link, - a:visited { - text-decoration: none; - - &:hover, - &:focus { - text-decoration: underline; - } - - &::after { - content: " →"; - white-space: nowrap; - } - } - } - - @media #{$mq-sm} { - align-items: center; - column-gap: $layout-md; - display: grid; - grid-template-areas: "media body"; - - .r25-blog-body { - grid-area: body; - } - - .r25-blog-image { - grid-area: media; - } - } -} - -.r25-spread-secondary { - margin: $layout-md auto 0; - text-align: center; - - h3 { - @include text-title-xs; - margin: 0 auto $spacing-md; - } - - @media #{$mq-md} { - display: flex; - align-items: center; - column-gap: $layout-md; - justify-content: center; - - h3 { - margin: 0; - } - } -} diff --git a/media/css/mozorg/rise25/components/category.scss b/media/css/mozorg/rise25/components/category.scss index c66538f2fe5..2781006b124 100644 --- a/media/css/mozorg/rise25/components/category.scss +++ b/media/css/mozorg/rise25/components/category.scss @@ -19,7 +19,7 @@ } .r25-c-category-body { - max-width: $content-lg; + max-width: $content-md; } .r25-c-category-desc { @@ -67,7 +67,7 @@ } &:hover { - background: radial-gradient(50% 320% at 50% 50%, fade-out(r25.$orange, 0.65) 6%, fade-out(r25.$orange, 1) 100%); + background: radial-gradient(50% 150% at 50% 0, fade-out(r25.$orange, 0.65) 6%, fade-out(r25.$orange, 1) 100%); .r25-c-button { background: $color-white radial-gradient(90% 500% at 90% 200%, fade-out(r25.$orange, 0.6) 0%, $color-white 100%); @@ -87,7 +87,7 @@ } &:hover { - background: radial-gradient(50% 320% at 50% 50%, fade-out(r25.$green, 0.75) 6%, fade-out(r25.$green, 1) 100%); + background: radial-gradient(50% 150% at 50% 0, fade-out(r25.$green, 0.75) 6%, fade-out(r25.$green, 1) 100%); .r25-c-button { background: $color-white radial-gradient(90% 500% at 90% 200%, fade-out(r25.$green, 0.5) 0%, $color-white 100%); @@ -107,7 +107,7 @@ } &:hover { - background: radial-gradient(50% 320% at 50% 50%, fade-out(r25.$purple, 0.65) 6%, fade-out(r25.$purple, 1) 100%); + background: radial-gradient(50% 150% at 50% 0, fade-out(r25.$purple, 0.65) 6%, fade-out(r25.$purple, 1) 100%); .r25-c-button { background: $color-white radial-gradient(90% 500% at 90% 200%, fade-out(r25.$purple, 0.5) 0%, $color-white 100%); @@ -127,7 +127,7 @@ } &:hover { - background: radial-gradient(50% 320% at 50% 50%, fade-out(r25.$teal, 0.55) 6%, fade-out(r25.$teal, 1) 100%); + background: radial-gradient(50% 150% at 50% 0, fade-out(r25.$teal, 0.55) 6%, fade-out(r25.$teal, 1) 100%); .r25-c-button { background: $color-white radial-gradient(90% 500% at 90% 200%, fade-out(r25.$teal, 0.5) 0%, $color-white 100%); @@ -147,7 +147,7 @@ } &:hover { - background: radial-gradient(50% 320% at 50% 50%, fade-out(r25.$red, 0.65) 6%, fade-out(r25.$red, 1) 100%); + background: radial-gradient(50% 150% at 50% 0, fade-out(r25.$red, 0.65) 6%, fade-out(r25.$red, 1) 100%); .r25-c-button { background: $color-white radial-gradient(90% 500% at 90% 200%, fade-out(r25.$red, 0.5) 0%, $color-white 100%); diff --git a/media/css/mozorg/rise25/components/faq.scss b/media/css/mozorg/rise25/components/faq.scss deleted file mode 100644 index eaab110969a..00000000000 --- a/media/css/mozorg/rise25/components/faq.scss +++ /dev/null @@ -1,65 +0,0 @@ -// 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/. - -@use '../lib' as r25; - -@import '~@mozilla-protocol/core/protocol/css/includes/lib'; - -// * -------------------------------------------------------------------------- */ -// FAQs - -.r25-faq { - @include white-links; - margin-top: $layout-md; - - .r25-faq-heading { - @include text-title-2xs; - margin: $spacing-xl 0; - - &::before { - content: ""; - display: block; - width: 100%; - border-top: 1px solid fade-out($color-white, 0.8); - position: relative; - top: -$spacing-md; - } - } - - p { - max-width: $content-md; - margin-bottom: $layout-lg; - } - - &.mzp-c-details .is-summary button::before { - width: 30px; - height: 30px; - border-radius: 1em; - margin-top: -1em; - transition: background-color 100ms ease-in, transform 100ms ease-in; - background-position: center center; - background-size: 14px 14px; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='m0 8.2 1.8-1.8 4.8 4.7V0h2.7v11.1l4.8-4.7L16 8.2 8 16 0 8.2z'/%3E%3C/svg%3E"); - - @media #{$mq-md} { - margin-top: -0.75em; - } - } - - &.mzp-c-details .is-summary button[aria-expanded="true"]::before { - background-color: $color-white; - transform: rotate(180deg); - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='m0 8.2 1.8-1.8 4.8 4.7V0h2.7v11.1l4.8-4.7L16 8.2 8 16 0 8.2z'/%3E%3C/svg%3E"); - } - - &.mzp-c-details .is-summary:hover button::before, - &.mzp-c-details .is-summary:focus button::before { - background-color: #555; - } - - &.mzp-c-details .is-summary:hover button[aria-expanded="true"]::before, - &.mzp-c-details .is-summary:focus button[aria-expanded="true"]::before { - background-color: #ddd; - } -} diff --git a/media/css/mozorg/rise25/components/hero.scss b/media/css/mozorg/rise25/components/hero.scss index a8558f8aebf..c15d761edc7 100644 --- a/media/css/mozorg/rise25/components/hero.scss +++ b/media/css/mozorg/rise25/components/hero.scss @@ -51,142 +51,22 @@ } } - .video-play { - display: block; - position: relative; - margin: $spacing-xl auto 0; - - img, - video { - border: 1px solid fade-out($color-black, 0.5); - } - - &::after { - background: url("/media/img/mozorg/rise25/play-button.svg") center center no-repeat; - background-size: 50px 50px; - top: 50%; - content: ""; - display: block; - margin: -27px 0 0 -27px; - height: 54px; - width: 54px; - position: absolute; - left: 50%; - transition: background-size 100ms ease-in-out; - z-index: 2; - } - - &:focus-visible { - outline: 0; - } - - &:hover::after, - &:focus::after { - background-size: 54px 54px; - } - } - - .r25-c-button { - span { - display: none; - } - - &::after { - content: " ↓"; - white-space: nowrap; - } - } - @media #{$mq-sm} { align-items: center; - display: grid; - gap: $spacing-lg; - grid-template-areas: "notice notice" - "video button"; justify-content: center; - - .r25-hero-notice { - grid-area: notice; - - br { - display: none; - } - } - - .video-play { - grid-area: video; - margin: 0; - } - - .r25-c-button { - grid-area: button; - } } @media #{$mq-md} { - justify-content: start; - row-gap: $spacing-xl; - grid-template-areas: "notice" - "button"; - .r25-hero-notice { text-align: start; margin: 0; } - - .r25-c-button span { - display: inline; - } - - .video-play { - display: none; - } - } - - @media #{$mq-lg} { - grid-template-areas: "button notice"; - column-gap: $spacing-2xl; - } - - @media #{$mq-xl} { - .r25-hero-notice br { - display: block; - } } } .r25-hero-video { display: none; - .video-play { - &::after { - @include border-box; - background: url("/media/img/mozorg/rise25/play-button.svg") right 2px center no-repeat; - background-size: 50px 50px; - bottom: $spacing-lg; - color: $color-white; - content: "Play video"; - display: block; - font-weight: bold; - min-height: 50px; - padding: $spacing-md 70px $spacing-md; - position: absolute; - right: $spacing-lg; - transition: background-size 100ms ease-in-out, background-position 100ms ease-in-out; - z-index: 2; - } - - &:focus-visible { - outline: 0; - } - - &:hover::after, - &:focus::after { - background-size: 54px 54px; - background-position: right 0 center; - } - } - video, img { border: 1px solid fade-out($color-black, 0.5); diff --git a/media/css/mozorg/rise25/components/promote.scss b/media/css/mozorg/rise25/components/promote.scss deleted file mode 100644 index 9a14f20a798..00000000000 --- a/media/css/mozorg/rise25/components/promote.scss +++ /dev/null @@ -1,128 +0,0 @@ -// 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/. - -@use '../lib' as r25; - -@import '~@mozilla-protocol/core/protocol/css/includes/lib'; - -// * -------------------------------------------------------------------------- */ -// Past winners and spread the word - -.r25-promote { - .r25-promote-body { - background-image: linear-gradient(330deg, fade-out(r25.$purple, 0.6) -100px, fade-out(r25.$purple, 1) 80%); - border-image: linear-gradient(350deg, fade-out(r25.$purple, 0.5), fade-out(r25.$purple, 1) 70%) 1; - border-style: solid; - border-width: 0 1px 1px; - padding: $spacing-xl; - margin-top: -$spacing-2xl; - text-align: center; - } - - .r25-promote-video { - text-align: center; - margin-top: $layout-md; - - .video { - display: none; - } - - .fallback { - display: block; - } - - img, - video { - margin: 0 auto; - border: 1px solid fade-out($color-black, 0.5); - } - } - - @media #{$mq-md} { - .r25-promote-container { - align-items: center; - background-image: linear-gradient(-40deg, fade-out(r25.$purple, 0.6) -100px, fade-out(r25.$purple, 1) 80%); - border-image: linear-gradient(-45deg, fade-out(r25.$purple, 0.5), fade-out(r25.$purple, 1) 80%) 1; - border-style: solid; - border-width: 0 1px 1px 0; - column-gap: $spacing-2xl; - display: grid; - grid-template-areas: "video body"; - grid-template-columns: 40% 1fr; - margin-top: -$spacing-2xl; - padding: $spacing-2xl; - } - - .r25-promote-body { - @include text-body-xl; - background: transparent none; - border: none; - grid-area: body; - margin: 0; - padding: 0; - text-align: start; - } - - .r25-promote-video { - grid-area: video; - margin: 0 auto; - - .video { - display: block; - } - - .fallback { - display: none; - } - } - } - - @media #{$mq-md} and (prefers-reduced-motion: reduce) { - .r25-promote-video { - .video { - display: none; - } - - .fallback { - display: block; - } - } - } -} - -.r25-c-past-cta { - margin: $spacing-md 0 0; - - a:link, - a:visited { - @include text-body-lg; - font-weight: bold; - text-decoration: none; - - &::after { - content: " →"; - transition: margin 100ms ease-in, padding 100ms ease-in; - white-space: nowrap; - } - - &:hover::after, - &:focus::after { - left: $spacing-xs; - margin-right: -$spacing-xs; - padding-left: $spacing-xs; - } - - @supports (background-clip: text) { - background-image: linear-gradient(110deg, r25.$orange -5%, r25.$red 35%, r25.$purple 70%, r25.$teal 108%); - background-clip: text; - color: fade-out($color-white, 0.8); - transition: color 100ms ease-in; - - &:hover, - &:focus { - color: $color-white; - } - } - } -} diff --git a/media/css/mozorg/rise25/components/social.scss b/media/css/mozorg/rise25/components/social.scss deleted file mode 100644 index 6577492442b..00000000000 --- a/media/css/mozorg/rise25/components/social.scss +++ /dev/null @@ -1,134 +0,0 @@ -// 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/. - -@use '../lib' as r25; - -@import '~@mozilla-protocol/core/protocol/css/includes/lib'; - -// * -------------------------------------------------------------------------- */ -// Social share widget - -.r25-c-social-share { - --social-share-color: #bbb; - @include text-body-sm; - display: flex; - align-items: center; - justify-content: center; - color: var(--social-share-color); - - .social-share-title { - font-weight: 900; - margin-bottom: 0; - margin-right: $spacing-sm; - text-transform: uppercase; - } - - @media #{$mq-md} { - justify-content: flex-start; - } - - .social-share-list { - display: flex; - margin: 0; - - .visually-hidden { - @include visually-hidden; - } - - a, - button { - background: transparent; - width: 30px; - height: 30px; - margin-left: $spacing-xs; - margin-right: $spacing-xs; - border: 1px solid var(--social-share-color); - border-radius: $border-radius-lg; - display: flex; - color: var(--social-share-color); - align-items: center; - justify-content: center; - appearance: none; - - &:hover, - &:focus { - --social-share-color: #fff; - } - } - - button { - height: 32px; - width: 32px; - position: relative; - - &:hover { - cursor: pointer; - } - - .social-share-copy, - .social-share-copied { - @include text-body-sm; - background: $color-white; - border-radius: $border-radius-sm; - bottom: -50px; - color: $color-black; - display: block; - height: auto; - left: -100%; - opacity: 0; - padding: $spacing-xs $spacing-sm; - pointer-events: none; - position: absolute; - text-align: center; - width: max-content; - - &::after { - border-color: transparent transparent #fff; - border-style: solid; - border-width: 9px; - content: ''; - left: calc(25% + 1px); - opacity: 0; - position: absolute; - top: 1px; - transform: translateY(-100%); - } - } - - .social-share-copied { - display: none; - opacity: 1; - left: -75%; - - &::after { - content: ''; - position: absolute; - border-width: 9px; - border-style: solid; - border-color: transparent transparent #fff; - opacity: 1; - top: 1px; - left: calc(25% + 1px); - transform: translateY(-100%); - } - } - - @media #{$mq-md} { - .social-share-copied { - &::before { - bottom: $spacing-xs; - } - } - - &:hover, - &:active { - .social-share-copy, - .social-share-copy::after { - opacity: 1; - } - } - } - } - } -} diff --git a/media/css/mozorg/rise25/rise25.scss b/media/css/mozorg/rise25/rise25.scss index 9c6685c2e97..9d2dec2f933 100644 --- a/media/css/mozorg/rise25/rise25.scss +++ b/media/css/mozorg/rise25/rise25.scss @@ -7,13 +7,8 @@ @use 'lib' as r25; @use "./components/hero.scss"; -@use "./components/promote.scss"; -@use "./components/social.scss"; @use "./components/category.scss"; -@use "./components/blog.scss"; -@use "./components/faq.scss"; -@use "~@mozilla-protocol/core/protocol/css/components/modal"; @use "~@mozilla-protocol/core/protocol/css/components/video"; @font-face { @@ -81,7 +76,7 @@ body.rise25 { } .r25-section-title { - @include text-title-xl; + @include text-title-md; } .r25-c-button { @@ -89,7 +84,6 @@ body.rise25 { @include font-size(16px); background: $color-black; border-radius: 2em; - box-shadow: 0 -1px 2px fade-out($color-white, 0.4); color: $color-white; display: inline-block; font-weight: bold; @@ -127,41 +121,3 @@ body.rise25 { } } } - -// * -------------------------------------------------------------------------- */ -// Thanks page - -.r25-thanks-body { - text-align: center; - - .r25-c-wordmark { - margin: 0 auto $layout-md; - } - - .r25-fancy-title { - max-width: $content-md; - } -} - -.r25-thanks-newsletter { - .mzp-c-newsletter-form { - @include white-links; - - .mzp-c-newsletter-title { - @include text-body-lg; - font-weight: normal; - text-align: center; - margin: 0 auto $spacing-lg; - } - - .mzp-c-newsletter-content { - max-width: $content-sm; - margin: 0 auto; - } - - .mzp-c-button { - width: auto; - border: 0; - } - } -} diff --git a/media/img/mozorg/rise25/blog-thumbnail-high-res.jpg b/media/img/mozorg/rise25/blog-thumbnail-high-res.jpg deleted file mode 100644 index bf8410d5e99..00000000000 Binary files a/media/img/mozorg/rise25/blog-thumbnail-high-res.jpg and /dev/null differ diff --git a/media/img/mozorg/rise25/blog-thumbnail.jpg b/media/img/mozorg/rise25/blog-thumbnail.jpg deleted file mode 100644 index 875b996ff93..00000000000 Binary files a/media/img/mozorg/rise25/blog-thumbnail.jpg and /dev/null differ diff --git a/media/img/mozorg/rise25/hero-thumb-high-res.jpg b/media/img/mozorg/rise25/hero-thumb-high-res.jpg deleted file mode 100644 index 0457490a42e..00000000000 Binary files a/media/img/mozorg/rise25/hero-thumb-high-res.jpg and /dev/null differ diff --git a/media/img/mozorg/rise25/hero-thumb.jpg b/media/img/mozorg/rise25/hero-thumb.jpg deleted file mode 100644 index 66e26ee24be..00000000000 Binary files a/media/img/mozorg/rise25/hero-thumb.jpg and /dev/null differ diff --git a/media/img/mozorg/rise25/play-button.svg b/media/img/mozorg/rise25/play-button.svg deleted file mode 100644 index 46a81a1be18..00000000000 --- a/media/img/mozorg/rise25/play-button.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/media/img/mozorg/rise25/winners-poster-high-res.jpg b/media/img/mozorg/rise25/winners-poster-high-res.jpg deleted file mode 100644 index f5cf62264a9..00000000000 Binary files a/media/img/mozorg/rise25/winners-poster-high-res.jpg and /dev/null differ diff --git a/media/img/mozorg/rise25/winners-poster.jpg b/media/img/mozorg/rise25/winners-poster.jpg deleted file mode 100644 index ea3513cad37..00000000000 Binary files a/media/img/mozorg/rise25/winners-poster.jpg and /dev/null differ