-
Notifications
You must be signed in to change notification settings - Fork 913
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
12 changed files
with
1,076 additions
and
32 deletions.
There are no files selected for viewing
104 changes: 104 additions & 0 deletions
104
bedrock/base/templates/includes/protocol/navigation/menus-refresh/about-us.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,104 @@ | ||
{# | ||
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/. | ||
#} | ||
|
||
<li class="c-menu-category mzp-has-drop-down mzp-js-expandable multi-column"> | ||
<a class="c-menu-title" href="{{ url('mozorg.about.index') }}" aria-haspopup="true" aria-controls="c-menu-panel-about" data-testid="navigation-link-about-us">{{ ftl('navigation-refresh-about-us') }}</a> | ||
<div class="c-menu-panel" id="c-menu-panel-about" data-testid="navigation-menu-about-us"> | ||
<div class="c-menu-panel-container"> | ||
<button class="c-menu-button-close" type="button" aria-controls="c-menu-panel-about">{{ ftl('navigation-refresh-close-about-us-menu') }}</button> | ||
<div class="c-menu-panel-content"> | ||
<ul class="mzp-l-content"> | ||
<li> | ||
<p>{{ ftl('navigation-refresh-who-we-are') }}</p> | ||
<ul> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.index') }}" data-link-text="About us" data-link-type="nav" data-link-position="topnav" data-link-group="about-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-about-us') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.leadership.index') }}" data-link-text="Our people" data-link-type="nav" data-link-position="topnav" data-link-group="about-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-our-people') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
</ul> | ||
</li> | ||
<li> | ||
<p>{{ ftl('navigation-refresh-what-we-fund') }}</p> | ||
<ul> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.manifesto') }}" data-link-text="Philanthropy" data-link-type="nav" data-link-position="topnav" data-link-group="about-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-philanthropy') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.manifesto') }}" data-link-text="Mozilla ventures" data-link-type="nav" data-link-position="topnav" data-link-group="about-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-mozilla-ventures') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.manifesto') }}" data-link-text="Innovation" data-link-type="nav" data-link-position="topnav" data-link-group="about-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-innovation') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
</ul> | ||
</li> | ||
<li> | ||
<p>{{ ftl('navigation-refresh-insights') }}</p> | ||
<ul> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.manifesto') }}" data-link-text="Artificial Intelligence" data-link-type="nav" data-link-position="topnav" data-link-group="about-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-artificial-intelligence') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.manifesto') }}" data-link-text="Privacy and security" data-link-type="nav" data-link-position="topnav" data-link-group="about-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-privacy-and-security') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.manifesto') }}" data-link-text="Product innovation" data-link-type="nav" data-link-position="topnav" data-link-group="about-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('Product innovation') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.manifesto') }}" data-link-text="Mozilla in the news" data-link-type="nav" data-link-position="topnav" data-link-group="about-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-mozilla-in-the-news') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.manifesto') }}" data-link-text="All insights" data-link-type="nav" data-link-position="topnav" data-link-group="about-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-all-insights') }}</h4> | ||
<svg fill="none" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath><g clip-path="url(#a)"><path d="M10.45 10.789v1.806H5V10.79zm8.55.903L10.45 4.5v6.289h1.806v-2.41l3.938 3.313-3.938 3.312v-2.409H10.45v6.289z" fill="#fff"/></g></svg> | ||
</a> | ||
</section> | ||
</li> | ||
</ul> | ||
</li> | ||
</ul> | ||
</div> | ||
</div><!-- close .c-menu-panel-container --> | ||
</div><!-- close .c-menu-panel --> | ||
</li><!-- close about us --> |
70 changes: 70 additions & 0 deletions
70
bedrock/base/templates/includes/protocol/navigation/menus-refresh/build-with-us.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,70 @@ | ||
{# | ||
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/. | ||
#} | ||
|
||
<li class="c-menu-category mzp-has-drop-down mzp-js-expandable multi-column"> | ||
<a class="c-menu-title" href="{{ url('mozorg.about.index') }}" aria-haspopup="true" aria-controls="c-menu-panel-about" data-testid="navigation-link-build-with-us">{{ ftl('navigation-refresh-build-with-us') }}</a> | ||
<div class="c-menu-panel" id="c-menu-panel-about" data-testid="navigation-menu-build-with-us"> | ||
<div class="c-menu-panel-container"> | ||
<button class="c-menu-button-close" type="button" aria-controls="c-menu-panel-about">{{ ftl('navigation-refresh-close-build-with-us-menu') }}</button> | ||
<div class="c-menu-panel-content"> | ||
<ul class="mzp-l-content"> | ||
<li> | ||
<p>{{ ftl('navigation-refresh-develop') }}</p> | ||
<ul> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.index') }}" data-link-text="Firefox developer edition" data-link-type="nav" data-link-position="topnav" data-link-group="build-with-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-firefox-developer-edition') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.leadership.index') }}" data-link-text="MDN Plus & MDB Web Docs" data-link-type="nav" data-link-position="topnav" data-link-group="build-with-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-mdn-plus-and-mdb-web-docs') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.leadership.index') }}" data-link-text="Developer tools" data-link-type="nav" data-link-position="topnav" data-link-group="build-with-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-developer-tools') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.leadership.index') }}" data-link-text="Beta & Nightly" data-link-type="nav" data-link-position="topnav" data-link-group="build-with-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-beta-and-nightly') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
</ul> | ||
</li> | ||
<li> | ||
<p>{{ ftl('navigation-refresh-take-part') }}</p> | ||
<ul> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.manifesto') }}" data-link-text="Data Futures Lab" data-link-type="nav" data-link-position="topnav" data-link-group="build-with-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-data-futures-lab') }}</h4> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item"> | ||
<a class="c-menu-item-link" href="{{ url('mozorg.about.manifesto') }}" data-link-text="Open source audit tooling project" data-link-type="nav" data-link-position="topnav" data-link-group="build-with-us"> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-open-source-audit-tooling-project') }}</h4><sup>(OAT)</sup> | ||
</a> | ||
</section> | ||
</li> | ||
</ul> | ||
</li> | ||
</ul> | ||
</div> | ||
</div><!-- close .c-menu-panel-container --> | ||
</div><!-- close .c-menu-panel --> | ||
</li><!-- close build with us --> |
92 changes: 92 additions & 0 deletions
92
bedrock/base/templates/includes/protocol/navigation/menus-refresh/firefox.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,92 @@ | ||
{# | ||
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/. | ||
#} | ||
|
||
{% set utm_params = 'utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=nav&utm_content=firefox' %} | ||
|
||
<li class="c-menu-category mzp-has-drop-down mzp-js-expandable c-menu-category-has-icon single-column"> | ||
<a class="c-menu-title" href="{{ url('firefox') }}" aria-haspopup="true" aria-controls="c-menu-panel-firefox" data-testid="navigation-link-firefox"> | ||
<img class="c-menu-title-icon" loading="lazy" src="{{ static('protocol/img/logos/firefox/browser/logo.svg') }}" class="c-menu-item-icon" width="16" height="16" alt=""> | ||
{{ ftl('navigation-refresh-firefox-browsers') }} | ||
</a> | ||
<div class="c-menu-panel" id="c-menu-panel-firefox"> | ||
<div class="c-menu-panel-container" data-testid="navigation-menu-firefox"> | ||
<button class="c-menu-button-close" type="button" aria-controls="c-menu-panel-firefox">{{ ftl('navigation-refresh-close-firefox-browsers-menu') }}</button> | ||
<div class="c-menu-panel-content"> | ||
<ul class="mzp-l-content"> | ||
<li> | ||
<section class="c-menu-item mzp-has-icon"> | ||
<a class="c-menu-item-link" href="{{ url('firefox.new') }}" data-link-text="Firefox Desktop Browser" data-link-type="nav" data-link-position="topnav" data-link-group="firefox" data-testid="navigation-menu-link-firefox-desktop"> | ||
<img loading="lazy" src="{{ static('protocol/img/logos/firefox/browser/logo.svg') }}" class="c-menu-item-icon" width="32" height="32" alt=""> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-firefox-for-desktop') }}</h4> | ||
<p class="c-menu-item-desc">{{ ftl('navigation-refresh-get-the-not-for-profit-backed') }}</p> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item mzp-has-icon"> | ||
<a class="c-menu-item-link" href="{{ url('firefox.browsers.mobile.ios') }}" data-link-text="Firefox for iOS" data-link-type="nav" data-link-position="topnav" data-link-group="firefox"> | ||
<img loading="lazy" src="{{ static('protocol/img/logos/firefox/browser/logo.svg') }}" class="c-menu-item-icon" width="32" height="32" alt=""> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-firefox-for-ios') }}</h4> | ||
<p class="c-menu-item-desc">{{ ftl('navigation-refresh-get-the-mobile-browser') }}</p> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item mzp-has-icon"> | ||
<a class="c-menu-item-link" href="{{ url('firefox.browsers.mobile.android') }}" data-link-text="Firefox for Android" data-link-type="nav" data-link-position="topnav" data-link-group="firefox"> | ||
<img loading="lazy" src="{{ static('protocol/img/logos/firefox/browser/logo.svg') }}" class="c-menu-item-icon" width="32" height="32" alt=""> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-firefox-for-android') }}</h4> | ||
<p class="c-menu-item-desc">{{ ftl('navigation-refresh-get-the-customizable-mobile') }}</p> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item mzp-has-icon"> | ||
<a class="c-menu-item-link" href="{{ url('firefox.browsers.mobile.android') }}" data-link-text="Firefox for Enterprise" data-link-type="nav" data-link-position="topnav" data-link-group="firefox"> | ||
<img loading="lazy" src="{{ static('protocol/img/logos/firefox/browser/logo.svg') }}" class="c-menu-item-icon" width="32" height="32" alt=""> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-firefox-for-enterprise') }}</h4> | ||
<p class="c-menu-item-desc">{{ ftl('navigation-refresh-get-unmatched-data') }}</p> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item mzp-has-icon"> | ||
<a class="c-menu-item-link" href="{{ url('firefox.browsers.mobile.focus') }}" data-link-text="Firefox Focus" data-link-type="nav" data-link-position="topnav" data-link-group="firefox"> | ||
<img loading="lazy" src="{{ static('protocol/img/logos/firefox/browser/focus/logo.svg') }}" class="c-menu-item-icon" width="32" height="32" alt=""> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-firefox-focus') }}</h4> | ||
<p class="c-menu-item-desc">{{ ftl('navigation-refresh-simply-private-mobile') }}</p> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item mzp-has-icon"> | ||
<a class="c-menu-item-link" href="{{ url('firefox.browsers.mobile.focus') }}" data-link-text="Firefox Relay" data-link-type="nav" data-link-position="topnav" data-link-group="firefox"> | ||
<img loading="lazy" src="{{ static('protocol/img/logos/firefox/browser/focus/logo.svg') }}" class="c-menu-item-icon" width="32" height="32" alt=""> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-firefox-relay') }}</h4> | ||
<p class="c-menu-item-desc">{{ ftl('navigation-refresh-sign-up') }}</p> | ||
</a> | ||
</section> | ||
</li> | ||
<li> | ||
<section class="c-menu-item mzp-has-icon"> | ||
<a class="c-menu-item-link" href="{{ url('firefox.browsers.mobile.focus') }}" data-link-text="Facebook Container" data-link-type="nav" data-link-position="topnav" data-link-group="firefox"> | ||
<img loading="lazy" src="{{ static('protocol/img/logos/firefox/browser/focus/logo.svg') }}" class="c-menu-item-icon" width="32" height="32" alt=""> | ||
<h4 class="c-menu-item-title">{{ ftl('navigation-refresh-facebook-container') }}</h4> | ||
<p class="c-menu-item-desc">{{ ftl('navigation-refresh-help-prevent') }}</p> | ||
</a> | ||
</section> | ||
</li> | ||
</ul> | ||
<p class="c-menu-category-link"> | ||
<a href="{{ url('firefox') }}" data-link-text="Go to all browsers and products" data-link-type="nav" data-link-position="topnav" data-link-group="firefox"> | ||
{{ ftl('navigation-refresh-all-browsers-and-products') }} | ||
<svg fill="none" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath><g clip-path="url(#a)"><path d="M10.45 10.789v1.806H5V10.79zm8.55.903L10.45 4.5v6.289h1.806v-2.41l3.938 3.313-3.938 3.312v-2.409H10.45v6.289z" fill="#fff"/></g></svg> | ||
</a> | ||
</p> | ||
</div> | ||
</div><!-- close .c-menu-panel-container --> | ||
</div><!-- close .c-menu-panel --> | ||
</li><!-- close firefox --> |
Oops, something went wrong.