Add links to priorities page in the header and on the Features page (#1216)

_i18n/de.yml

@@ -12,6 +12,7 @@ header:
   donate: Spenden
   language: Sprache
   console_support: Konsolen-Support
+  priorities: Prioritäten
   events: Veranstaltungen
   forum: Forum
 footer:

_i18n/en.yml

@@ -13,6 +13,7 @@ header:
   language: Language
   events: Events
   console_support: Console support
+  priorities: Priorities
   forum: Forum
 footer:
   godot_engine: Godot Engine

_i18n/es.yml

@@ -13,6 +13,7 @@ header:
   language: Idioma
   events: Eventos
   console_support: Soporte de consolas
+  priorities: Prioridades
   forum: Foro
 footer:
   godot_engine: Godot Engine

_i18n/fr.yml

@@ -12,6 +12,7 @@ header:
   donate: Donner
   language: Langue
   console_support: Support des consoles
+  priorities: Priorités
   events: Événements
   forum: Forum
 footer:

_i18n/ja.yml

@@ -12,6 +12,7 @@ header:
   donate: "寄付する"
   language: "言語"
   console_support: "コンソールサポート"
+  priorities: "優先事項"
   events: "イベント"
   forum: "フォーラム"
 footer:

_i18n/ko.yml

@@ -12,6 +12,7 @@ header:
   donate: 기부
   language: 언어
   console_support: 콘솔 지원
+  priorities: 우선 순위
   events: 이벤트
   forum: 포럼
 footer:

_i18n/pl.yml

@@ -12,6 +12,7 @@ header:
   donate: Wpłać datek
   language: Język
   console_support: Wsparcie konsol
+  priorities: Priorytety
   events: Wydarzenia
   forum: Forum
 footer:

_i18n/pt-br.yml

@@ -13,6 +13,7 @@ header:
   language: Idioma
   events: Eventos
   console_support: Suporte a consoles
+  priorities: Prioridades
   forum: Fórum
 footer:
   godot_engine: Godot Engine

_i18n/zh-cn.yml

@@ -12,6 +12,7 @@ header:
   donate: 捐助
   language: 语言
   console_support: 主机支持
+  priorities: 优先事项
   events: 活动
   forum: 论坛
 footer:

_i18n/zh-tw.yml

@@ -12,6 +12,7 @@ header:
   donate: 捐助
   language: 語言
   console_support: 主機支援
+  priorities: 優先事項
   events: 活動
   forum: 論壇
 footer:

_includes/header.html

@@ -16,14 +16,15 @@
 
 		<nav id="nav">
 			<ul class="left">
-				<!-- On hover, opens a dropdown containing the link to console support page -->
+				<!-- On hover, opens a dropdown containing the link to additional pages -->
 				<li><a href="/features/" data-dropdown="features-dropdown">{% t header.features %}</a></li>
+				<!-- Show additional links in the mobile hamburger menu -->
+				<li class="mobile-only"><a href="/consoles/">{% t header.console_support %}</a></li>
+				<li class="mobile-only"><a href="/priorities/">{% t header.priorities %}</a></li>
 				<li><a href="/showcase/">{% t header.showcase %}</a></li>
 				<li><a href="/blog/">{% t header.blog %}</a></li>
 				<li><a href="/community/" data-dropdown="community-dropdown">{% t header.community %}</a></li>
 				<li><a href="https://godotengine.org/asset-library/asset">{% t header.assets %}</a></li>
-				<!-- Show console support link in the mobile hamburger menu -->
-				<li class="mobile-only"><a href="/consoles/">{% t header.console_support %}</a></li>
 			</ul>
 
 			<ul class="right">
@@ -71,6 +72,7 @@
 	<!-- So we need this only to cover the edge case of high-resolution tablets -->
 	<a href="/features/" class="touch-only">{% t header.features %}</a>
 	<a href="/consoles/">{% t header.console_support %}</a>
+	<a href="/priorities/">{% t header.priorities %}</a>
 </div>
 
 <div class="nav-dropdown-menu" id="community-dropdown">

assets/css/header.css

@@ -219,6 +219,11 @@ header .banner-container .banner a {
 	position: relative;
 }
 
+#nav ul li.mobile-only a {
+  /* Indent mobile-only navigation items. */
+  padding-left: 3.375rem;
+}
+
 /* Hide mobile-only items on desktop */
 @media (min-width: 1200px) {
   .mobile-only {

pages/features.html

@@ -160,10 +160,18 @@ layout: default
 		display: flex;
 		justify-content: center;
 		align-items: center;
-		margin-bottom: 12px;
 	}
 
-	.features-complete-list .btn.btn-flat.btn-flat-white {
+	.features-priorities-list {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-top: 0;
+		margin-bottom: 24px;
+	}
+
+	.features-complete-list .btn.btn-flat.btn-flat-white,
+	.features-priorities-list .btn.btn-flat.btn-flat-white {
 		color: var(--base-color-text-title);
 	}
 
@@ -621,6 +629,12 @@ layout: default
 		</a>
 	</div>
 
+	<div class="features-priorities-list">
+		<a href="/priorities/" class="btn btn-flat btn-flat-white btn-flat-frosted">
+			View a list of priorities for upcoming features
+		</a>
+	</div>
+
 </div>
 
 {% include /download/download-section.html %}