Add Innovation Projects to main nav [fix mozilla#13994] (mozilla#13996)

bedrock/base/templates/includes/protocol/navigation/menus/innovation.html

@@ -6,13 +6,19 @@
 
 {% set utm_params = 'utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=nav&utm_content=innovation' %}
 
+{% if ftl_has_messages('navigation-v2-mozilla-innovation-projects', 'navigation-v2-discover-ways-to-bring') %}
+  {% set row_count = 'mzp-l-rows-three' %}
+{% else %}
+  {% set row_count = 'mzp-l-rows-two' %}
+{% endif %}
+
 <li class="c-menu-category mzp-has-drop-down mzp-js-expandable">
   <a class="c-menu-title" href="https://labs.mozilla.org/?{{ utm_params }}" aria-haspopup="true" aria-controls="c-menu-panel-innovation">{{ ftl('navigation-v2-innovation') }}</a>
   <div class="c-menu-panel" id="c-menu-panel-innovation">
     <div class="c-menu-panel-container">
       <button class="c-menu-button-close" type="button" aria-controls="c-menu-panel-innovation">{{ ftl('navigation-v2-close-innovation-menu') }}</button>
       <div class="c-menu-panel-content">
-        <ul class="mzp-l-rows-two">
+        <ul class="{{ row_count }}">
           <li>
             <section class="c-menu-item mzp-has-icon">
               <a class="c-menu-item-link" href="https://hubs.mozilla.com/?{{ utm_params }}" data-link-name="Mozilla Hubs" data-link-type="nav" data-link-position="topnav" data-link-group="innovation">
@@ -49,6 +55,17 @@ <h4 class="c-menu-item-title">{{ ftl('navigation-v2-common-voice') }}</h4>
               </a>
             </section>
           </li>
+        {% if ftl_has_messages('navigation-v2-mozilla-innovation-projects', 'navigation-v2-discover-ways-to-bring') %}
+          <li>
+            <section class="c-menu-item mzp-has-icon">
+              <a class="c-menu-item-link" href="https://future.mozilla.org/?{{ utm_params }}" data-link-name="Mozilla Innovation Projects" data-link-type="nav" data-link-position="topnav" data-link-group="innovation">
+                <img loading="lazy" class="c-menu-item-icon" src="{{ static('img/nav/icons/icon-innovation-projects.svg') }}" alt="">
+                <h4 class="c-menu-item-title">{{ ftl('navigation-v2-mozilla-innovation-projects') }}</h4>
+                <p class="c-menu-item-desc">{{ ftl('navigation-v2-discover-ways-to-bring') }}</p>
+              </a>
+            </section>
+          </li>
+        {% endif %}
         </ul>
       </div>
     </div><!-- close .c-menu-panel-container -->

l10n/en/navigation_v2.ftl

@@ -89,3 +89,5 @@ navigation-v2-common-voice = { -brand-name-common-voice }
 navigation-v2-donate-your-voice-so-the-future = Donate your voice so the future of the web can hear everyone.
 navigation-v2-webassembly = { -brand-name-webassembly }
 navigation-v2-learn-more-about-the-new = Learn more about the new, low-level, assembly-like language.
+navigation-v2-mozilla-innovation-projects = { -brand-name-mozilla } Innovation Projects
+navigation-v2-discover-ways-to-bring = Discover ways to bring bright ideas to life.