Skip to content

Commit

Permalink
Add Rise25 nomination page [fix mozilla#14200] (mozilla#14254)
Browse files Browse the repository at this point in the history 
Co-authored-by: Alex Gibson <[email protected]>
  • Loading branch information
@craigcook @alexgibson
craigcook and alexgibson authored Feb 27, 2024
1 parent 48ade61 commit ca4c64b
Show file tree
Hide file tree
Showing 32 changed files with 1,566 additions and 6 deletions.
2 changes: 0 additions & 2 deletions bedrock/mozorg/redirects.py
View file
Original file line number Diff line number Diff line change
Expand Up @@ -559,8 +559,6 @@ def decider(request, **kwargs):
redirect(r"^about/leadership/boards-of-directors/$", "/about/leadership/#boards"),
# Issue 13672
redirect(r"/VendorDPA/?$", "https://assets.mozilla.net/pdf/VendorDPA.pdf", re_flags="i"),
# Issue 13754
redirect(r"^rise-?25/?$", "https://rise25.mozilla.org/"),
# Issue 14221
redirect(r"^firefox/products/?$", "/products/"),
)
32 changes: 32 additions & 0 deletions bedrock/mozorg/templates/mozorg/rise25/includes/hero-video.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
{#
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/.
#}

<div class="r25-hero-video">
<a class="video-play js-video-play" href="https://youtu.be/LbGtijF8qb0" role="button">
<video preload="auto" playsinline autoplay loop muted poster="{{ static('img/mozorg/rise25/hero-poster-high-res.jpg') }}" width="680" height="383">
<source src="https://assets.mozilla.net/rise25/rise25-hero.webm" type="video/webm">
</video>

{{ 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': ''
}
) }}
</a>
</div>

<div class="mzp-u-modal-content hidden">
<div class="mzp-c-video">
<div class="video-player" data-video-id="LbGtijF8qb0" data-video-title="Rise25 Awards: Call for Nominations"></div>
</div>
</div>
55 changes: 55 additions & 0 deletions bedrock/mozorg/templates/mozorg/rise25/includes/social-share.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
{#
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/.
#}

<div class="r25-c-social-share">
<p class="social-share-title">Share</p>
<ul class="social-share-list">
<li>
<button class="copy-text" data-cta-type="button" data-cta-text="Copy link">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9.28906 8.64457C8.73118 9.3904 7.87686 9.85715 6.94784 9.92369C6.01882 9.99022 5.10671 9.64998 4.44823 8.99126L2.52217 7.0652C1.30563 5.80562 1.32303 3.80346 2.56127 2.56522C3.79952 1.32697 5.80168 1.30957 7.06125 2.52611L8.16553 3.62397"
stroke="currentColor" stroke-width="1.28115" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M6.71871 7.36057C7.2766 6.61474 8.13092 6.14799 9.05993 6.08145C9.98895 6.01492 10.9011 6.35516 11.5595 7.01388L13.4856 8.93994C14.7021 10.1995 14.6847 12.2017 13.4465 13.4399C12.2083 14.6782 10.2061 14.6956 8.94652 13.479L7.84867 12.3812"
stroke="currentColor" stroke-width="1.28115" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span class="social-share-copy" role="tooltip">Copy to clipboard</span>
<span class="social-share-copied" role="tooltip" aria-live="polite">Link copied!</span>
</button>
</li>
<li>
<a class="twitter" href="#" target="_blank" role="external noopener noreferrer" data-cta-type="link" data-cta-text="Share on X">
<svg title="Share on X" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M12.6009 1h2.4535L9.69434 7.31003 16 15.8966h-4.9373l-3.86704-5.2077-4.42479 5.2077H.315951L6.04904 9.14727 0 1h5.06262l3.49549 4.76002L12.6009 1Zm-.861 13.384h1.3594L4.32392 2.43312H2.86506L11.7399 14.384Z"/>
</svg>
<span class="visually-hidden">Share on X (formerly Twitter)</span>
</a>
</li>
<li>
<a class="facebook" href="#" target="_blank" role="external noopener noreferrer" data-cta-type="link" data-cta-text="Share on Facebook">
<svg title="Share on Facebook" width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.72851 15.7063V8.67785H0.363281V5.93867H2.72851V3.91863C2.72851 1.57434 4.16032 0.297852 6.25156 0.297852C7.25325 0.297852 8.11424 0.372451 8.36511 0.405773V2.85566L6.91473 2.85634C5.77737 2.85634 5.55718 3.39677 5.55718 4.18982V5.93867H8.26963L7.91642 8.67785H5.55718V15.7063H2.72851Z"
fill="currentColor" />
</svg>
<span class="visually-hidden">Share on Facebook</span>
</a>
</li>
<li>
<a class="email" href="#" data-cta-type="link" data-cta-text="Share with email">
<svg title="Share with email" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M3.1942 2.86523H13.4665C14.1727 2.86523 14.7506 3.44305 14.7506 4.14927V11.8535C14.7506 12.5597 14.1727 13.1376 13.4665 13.1376H3.1942C2.48797 13.1376 1.91016 12.5597 1.91016 11.8535V4.14927C1.91016 3.44305 2.48797 2.86523 3.1942 2.86523Z"
stroke="currentColor" stroke-width="1.28115" stroke-linecap="round" stroke-linejoin="round" />
<path d="M14.7506 4.14941L8.33036 8.64356L1.91016 4.14941" stroke="currentColor" stroke-width="1.28115"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span class="visually-hidden">Share with Email</span>
</a>
</li>
</ul>
</div>
243 changes: 243 additions & 0 deletions bedrock/mozorg/templates/mozorg/rise25/landing.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,243 @@
{#
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" %}

{% from "macros-protocol.html" import split with context %}

{% block page_title %}Rise25 Awards: Call for Nominations{% endblock %}
{% block page_desc %}We’re seeking 25 visionaries using AI to drive social impact, offering them global recognition at our Dublin awards event.{% endblock %}
{% block page_image %}{{ static('img/mozorg/rise25/page-image.jpg') }}{% endblock %}

{% block page_css %}
{{ css_bundle('protocol-split') }}
{{ css_bundle('rise25') }}
{% endblock %}

{% block body_class %}rise25{% endblock %}

{% set utm_params = '?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=rise25&utm_content=nominations-page' %}

{% block content %}

{% call split(
block_class='mzp-l-split-center-on-sm-md r25-hero',
media_class='mzp-l-split-v-center',
media_include='mozorg/rise25/includes/hero-video.html',
media_after=True,
) %}
<h1 class="r25-c-wordmark">Rise25</h1>
<h2 class="r25-fancy-title">AI for the people</h2>
<p class="r25-hero-intro">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?</p>
<p class="r25-hero-cta">
<strong class="r25-hero-notice">Call for nominees closes on<br> <time datetime="2024-03-29">March 29, 2024</time></strong>

<a href="#nominate" class="r25-c-button t-fancy">Nominate <span>someone</span></a>

<a class="video-play js-video-play" href="https://youtu.be/LbGtijF8qb0" role="button" title="Play the video">
{{ 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': ''
}
) }}
</a>
</p>
{% endcall %}

<section class="mzp-l-content r25-promote">
<div class="r25-promote-container">
<div class="r25-promote-body">
<h3>Join us in spreading the word</h3>
<p>Share the Rise25 call for nominations and help celebrate those shaping the future of AI to benefit people, not large corporations.</p>
{% include "mozorg/rise25/includes/social-share.html" %}
</div>

<div class="r25-promote-video">
<video class="video" preload="auto" playsinline autoplay loop muted poster="{{ static('img/mozorg/rise25/winners-poster-high-res.jpg') }}" width="450" height="450">
<source src="https://assets.mozilla.net/rise25/rise25-2023-winners.webm" type="video/webm">
</video>

{{ 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': ''
}
) }}

<p class="r25-c-past-cta"><a href="https://rise25.mozilla.org/{{ utm_params }}" rel="external noopener" target="_blank">See last year’s Rise25 winners</a></p>
</div>
</div>
</section>

<section id="nominate" class="mzp-l-content r25-nominate">
<h2 class="r25-section-title">Nomination Categories</h2>

<div id="advocates" class="r25-c-category r25-t-red">
<div class="r25-c-category-body">
<h3 class="r25-c-category-title">Advocates</h3>
<p class="r25-c-category-desc">Guiding AI towards a responsible future.</p>
<p class="r25-c-category-expand">
These are the policymakers, activists and thinkers ensuring AI is
developed ethically, inclusively and transparently. This category also
includes those who are adept at translating complex AI concepts for the
broader public — including journalists, content creators and cultural
commentators. They champion digital rights and accessible AI, striving
to make AI a force for societal good.
</p>
</div>

<p class="r25-c-category-cta">
<a class="r25-c-button" href="https://mozilla.formstack.com/forms/rise25" rel="external noopener" target="_blank">Nominate</a>
</p>
</div>

<div id="builders" class="r25-c-category r25-t-teal">
<div class="r25-c-category-body">
<h3 class="r25-c-category-title">Builders</h3>
<p class="r25-c-category-desc">Developing AI through ethical innovation.</p>
<p class="r25-c-category-expand">
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.
</p>
</div>

<p class="r25-c-category-cta">
<a class="r25-c-button" href="https://mozilla.formstack.com/forms/rise25" rel="external noopener" target="_blank">Nominate</a>
</p>
</div>

<div id="artists" class="r25-c-category r25-t-green">
<div class="r25-c-category-body">
<h3 class="r25-c-category-title">Artists</h3>
<p class="r25-c-category-desc">Reimagining AI’s creative potential.</p>
<p class="r25-c-category-expand">
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.
</p>
</div>

<p class="r25-c-category-cta">
<a class="r25-c-button" href="https://mozilla.formstack.com/forms/rise25" rel="external noopener" target="_blank">Nominate</a>
</p>
</div>

<div id="entrepreneurs" class="r25-c-category r25-t-purple">
<div class="r25-c-category-body">
<h3 class="r25-c-category-title">Entrepreneurs</h3>
<p class="r25-c-category-desc">Fueling AI’s evolution with visionary ventures.</p>
<p class="r25-c-category-expand">
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.
</p>
</div>

<p class="r25-c-category-cta">
<a class="r25-c-button" href="https://mozilla.formstack.com/forms/rise25" rel="external noopener" target="_blank">Nominate</a>
</p>
</div>

<div id="change-agents" class="r25-c-category r25-t-orange">
<div class="r25-c-category-body">
<h3 class="r25-c-category-title">Change Agents</h3>
<p class="r25-c-category-desc">Cultivating inclusive AI.</p>
<p class="r25-c-category-expand">
Challengers lead the way in diversifying AI, bringing varied community
voices into tech. They focus on inclusivity in AI development, ensuring
technology serves and represents everyone, especially those historically
excluded from the tech narrative. They are community leaders, corporate
leaders, activists and outside-the-box thinkers finding ways to amplify
the impacts of AI for marginalized communities. Their work fosters an
AI environment of equality and empowerment.
</p>
</div>

<p class="r25-c-category-cta">
<a class="r25-c-button" href="https://mozilla.formstack.com/forms/rise25" rel="external noopener" target="_blank">Nominate</a>
</p>
</div>
</section>

<section class="mzp-l-content mzp-t-content-md">
<div class="r25-blog">
<div class="r25-blog-body">
<h3 class="r25-blog-title">Who’s shaping the future of AI? We’re on the hunt.</h3>
<p class="r25-blog-cta">
<a href="https://blog.mozilla.org/en/mozilla/mozilla-rise25-ai-nominations/{{ utm_params }}" rel="external noopener" target="_blank">Read our blog post</a>
</p>
</div>

{{ 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'
}
) }}
</div>

<div class="r25-spread-secondary">
<h3>Help us spread the word!</h3>
{% include "mozorg/rise25/includes/social-share.html" %}
</div>
</section>

<section id="faq" class="mzp-l-content">
<h2 class="r25-section-title">FAQs</h2>

<div class="mzp-c-details r25-faq">
<h3 class="r25-faq-heading">Why should I nominate someone for Rise25?</h3>
<p>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.</p>

<h3 class="r25-faq-heading">How much does it cost to enter?</h3>
<p>There are no nomination fees or costs associated with the nomination form.</p>

<h3 class="r25-faq-heading">How will honorees be notified?</h3>
<p>Mozilla will reach out to honorees via email later this year.</p>

<h3 class="r25-faq-heading">Who can I contact for more information?</h3>
<p>Give us a shout at <a href="mailto:[email protected]">[email protected]</a>.</p>
</div>
</section>
{% endblock %}

{% block js %}
{{ js_bundle('protocol-modal') }}
{{ js_bundle('rise25-landing') }}
{% endblock %}
37 changes: 37 additions & 0 deletions bedrock/mozorg/templates/mozorg/rise25/thanks.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
{#
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 %}
<section class="mzp-l-content mzp-t-content-lg r25-thanks-body">
<div class="r25-c-wordmark"></div>
<h1 class="r25-fancy-title">Thanks for submitting your nomination</h1>
</section>

<section class="mzp-l-content mzp-t-content-md r25-thanks-newsletter">
{{ 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'
) }}
</section>
{% endblock %}

{% block js %}
{{ js_bundle('newsletter') }}
{% endblock %}
2 changes: 2 additions & 0 deletions bedrock/mozorg/urls.py
View file
Original file line number Diff line number Diff line change
Expand Up @@ -160,6 +160,8 @@
active_locales=["en-US", "de", "fr", "it"],
),
path("antiharassment-tool/", views.anti_harassment_tool_view, name="mozorg.antiharassment-tool"),
page("rise25/", "mozorg/rise25/landing.html"),
page("rise25/thanks/", "mozorg/rise25/thanks.html"),
)

if settings.DEV:
Expand Down
Loading

0 comments on commit ca4c64b

Please sign in to comment.