feat: learn page implementation and starter guides page redesign

config/_default/menu.toml

@@ -25,9 +25,9 @@
     weight = 5
 
 [[main]]
-    name = "Resources"
-    url = "/resources/"
-    weight = 6
+  name = "Learn"
+  url = "/learn/"
+  weight = 6
 
 # About sub-menu
 [[main]]
@@ -117,73 +117,54 @@
     weight = 6
 
 # Resource sub-menu
-[[main]]
-    name = "Overview"
-    url = "/resources"
-    weight = 1
-    parent = "Resources"
-    identifier = "overview_resources"
-
-[[main]]
-	name = "Branding"
-	url = "/resources#branding"
-	parent = "Resources"
-	weight = 2
-
-[[main]]
-    name = "Datasheets"
-    url = "/resources#datasheets"
-    parent = "Resources"
-    weight = 3
-
-[[main]]
-    name = "Documentation"
-    url = "/resources#documentation"
-    parent = "Resources"
-    weight = 4
-
-[[main]]
-    name = "Presentations"
-    url = "/resources#presentations"
-    parent = "Resources"
-    weight = 5
-
-[[main]]
-    name = "Surveys"
-    url = "/resources#surveys"
-    parent = "Resources"
-    weight = 6
-
-[[main]]
-    name = "eBooks"
-    url = "/resources/#ebooks"
-    parent = "Resources"
-    weight = 7
-
-[[main]]
-    name = "White Papers"
-    url = "/resources/#white-papers"
-    parent = "Resources"
-    weight = 8
-
-[[main]]
-    name = "Case Studies"
-    url = "/resources/#cases-studies"
-    parent = "Resources"
-    weight = 9
-
-[[main]]
-    name = "Starter for Jakarta EE"
-    url = "https://start.jakarta.ee/"
-    parent = "Resources"
-    weight = 10
-
-[[main]]
-    name = "Jakarta EE Overview Course"
-    url = "https://www.linkedin.com/learning/jakarta-ee-overview"
-    parent = "Resources"
-    weight = 11
-
+# [[main]]
+# 	name = "Overview"
+# 	url = "/resources"
+# 	parent = "Resources"
+# 	weight = 1
+# 
+# [[main]]
+# 	name = "Branding"
+# 	url = "/resources#branding"
+# 	parent = "Resources"
+# 	weight = 2
+# 
+# [[main]]
+#     name = "Datasheets"
+#     url = "/resources#datasheets"
+#     parent = "Resources"
+#     weight = 3
+# 
+# [[main]]
+#     name = "Presentations"
+#     url = "/resources#presentations"
+#     parent = "Resources"
+#     weight = 4
+# 
+# [[main]]
+#     name = "Surveys"
+#     url = "/resources#surveys"
+#     parent = "Resources"
+#     weight = 5
+# 
+# [[main]]
+#     name = "eBooks"
+#     url = "/resources/#ebooks"
+#     parent = "Resources"
+#     weight = 6
+# 
+# [[main]]
+#     name = "White Papers"
+#     url = "/resources/#white-papers"
+#     parent = "Resources"
+#     weight = 7
+# 
+# [[main]]
+#     name = "Case Studies"
+#     url = "/resources/#cases-studies"
+#     parent = "Resources"
+#     weight = 8
+
 # specifications
 [[main]]
     name = "Browse Specifications"
@@ -242,53 +223,59 @@
     url = "/community/adopt-a-spec/"
     weight = 2
 
+[[main]]
+    name = "Resources"
+    url = "/resources/"
+    weight = 3
+    parent = "Community"
+
 [[main]]
     name = "Blog"
     url = "/blogs"
 	parent = "Community"
-    weight = 3
+    weight = 4
 
 [[main]]
     name = "Events"
     url = "/community/events/"
     parent = "Community"
-    weight = 4
+    weight = 5
 
 [[main]]
     name = "JakartaOne Livestream"
     url = "https://jakartaone.org"
     parent = "Community"
-    weight = 5
+    weight = 6
 
 [[main]]
     name = "Stay Connected"
     url = "/connect/"
     parent = "Community"
-    weight = 6
+    weight = 7
 
 [[main]]
     name = "Tech Talk Meet-ups"
     url = "/community/#meetups"
     parent = "Community"
-    weight = 7
+    weight = 8
 
 [[main]]
     name = "Videos"
     url = "/community/videos"
     parent = "Community"
-    weight = 8
+    weight = 9
 
 [[main]]
     name = "Get Involved"
     url = "/community/get-involved"
     parent = "Community"
-    weight = 9
+    weight = 10
 
 [[main]]
     name = "Developer Advocate"
     url = "/community/developer-advocate"
     parent = "Community"
-    weight = 10
+    weight = 11
 
 # Membership sub-menu
 [[main]]
@@ -302,3 +289,28 @@
     url = "/membership/members/"
     parent = "Membership"
     weight = 2
+
+# Learn sub-menu
+[[main]]
+  name = "Overview"
+  url = "/learn/"
+  weight = 1
+  parent = "Learn"
+
+[[main]]
+  name = "Documentation"
+  url = "/learn#documentation"
+  weight = 2
+  parent = "Learn"
+
+[[main]]
+  name = "Starter Guides"
+  url = "/learn/starter-guides/"
+  weight = 3
+  parent = "Learn"
+
+[[main]]
+  name = "Jakarta EE Overview Course"
+  url = "https://www.linkedin.com/learning/jakarta-ee-overview"
+  weight = 4
+  parent = "Learn"

content/learn/_index.md

@@ -1,5 +1,10 @@
 ---
 title: Learn
-_build:
-  render: never
+headline: Learn
+hide_page_title: true
+hide_sidebar: true
+layout: single
+page_css_file: /css/learn.css
 ---
+
+{{< pages/learn/index >}}

content/learn/starter-guides/_index.md

@@ -5,7 +5,10 @@ description: >-
   These guides provide quick, hands-on instructions for building different
   applications using Jakarta EE.
 hide_page_title: true
+hide_sidebar: true
 layout: single
+container: container-fluid
+page_css_file: /css/starter-guides.css
 ---
 
 {{< pages/learn/starter_guides >}}

layouts/shortcodes/pages/learn/index.html

@@ -0,0 +1,100 @@
+{{/*
+  Copyright (c) 2023 Eclipse Foundation, Inc.
+  This program and the accompanying materials are made available under the
+  terms of the Eclipse Public License v. 2.0 which is available at
+  http://www.eclipse.org/legal/epl-2.0.
+
+  Contributors:
+    Olivier Goulet <[email protected]>
+
+  SPDX-License-Identifier: EPL-2.0
+*/}}
+
+{{ $guides := (.Page.GetPage "starter-guides").RegularPages }}
+
+<section class="column-section column-section-even gap-60">
+  <div class="image-column hidden-xs hidden-sm">
+    <img src="./images/starter-guides.jpg" alt="" />
+  </div>
+  <div>
+    <h2 class="big-text" id="starter-guides">Starter Guides</h2>
+    <p>Get started with Jakarta EE starter guides.</p>
+    <ul class="learn-resource-list">
+      {{ range first 4 $guides }}
+        <li class="resource-item margin-bottom-30 margin-top-30">
+          <i class="margin-right-20 fa fa-code fa-xl text-secondary" aria-hidden="true"></i>
+          <a href="{{ .Permalink }}">{{ .Title }}</a>
+        </li>
+      {{ end }}
+    </ul>
+    <a class="btn btn-primary margin-top-40" href="/learn/starter-guides/">View the Starter Guides</a>
+  </div>
+</section>
+
+<hr class="margin-top-40 margin-bottom-40">
+
+<div class="column-section column-section-even gap-60">
+  <section>
+    <h2 class="big-text" id="documentation">Documentation</h2>
+    <ul class="learn-resource-list">
+      <li class="resource-item margin-bottom-30 margin-top-30">
+        <i class="margin-right-20 fa fa-file-code-o fa-xl text-secondary" aria-hidden="true"></i>
+        <a href="/learn/docs/jakartaee-tutorial/current/index.html">Jakarta EE Tutorial</a>
+      </li>
+      <li class="resource-item margin-bottom-30 margin-top-30">
+        <i class="margin-right-20 fa fa-file-code-o fa-xl text-secondary" aria-hidden="true"></i>
+        <a href="https://eclipse-ee4j.github.io/jakartaee-firstcup/">Jakarta EE First Cup</a>
+      </li>
+      <li class="resource-item margin-bottom-30 margin-top-30">
+        <i class="margin-right-20 fa fa-file-code-o fa-xl text-secondary" aria-hidden="true"></i>
+        <a href="https://github.com/eclipse-ee4j/cargotracker">CargoTracker Example Application</a>
+      </li>
+    </ul>
+  </section>
+  <section>
+    <h2 class="big-text" id="Generate a Jakarta EE Project">Generate a Jakarta EE Project</h2>
+    <div class="column-section column-section-even gap-40">
+      <div class="image-column hidden-xs hidden-sm">
+        <img src="./images/generate-project.jpg" alt="" />
+      </div>
+      <div>
+        <p>
+          The official Eclipse Foundation Starter for Jakarta EE. The starter
+          uses a Maven Archetype to generate sample code to get you going
+          quickly with simple Jakarta EE microservices projects.
+        </p>
+        <a class="btn btn-primary margin-top-20" href="https://start.jakarta.ee/">Start a Project</a>
+      </div>
+    </div>
+  </section>
+</div>
+
+<hr class="margin-top-40 margin-bottom-40">
+
+<section class="column-section column-section-even gap-60">
+  <div class="image-column">
+    <img src="./images/jakarta-ee-overview-course.jpg" alt="The thumbnail of Jakarta EE Overview Course found on Linkedin Learning." />
+  </div>
+  <div>
+    <h2 class="big-text" id="jakarta-ee-essentials">Jakarta EE Overview Course</h2>
+
+    <div class="margin-bottom-20 margin-top-20">
+      <p class="margin-0"><strong>Instructor: Ivar Grimstad</strong></p>
+      <i>Java Champion and Jakarta EE Developer Advocate</i>
+    </div>
+
+    <p>
+      Do you need an overview of Jakarta EE as a whole? In this course, Java
+      Champion and Jakarta EE Developer Advocate Ivar Grimstad guides you
+      through the purpose of Jakarta EE and the specifications that you will
+      need to understand. Ivar presents a quick overview of Jakarta EE, its
+      specifications and implementations, the containers you will use for
+      different component types, and the standard units for deployments. He
+      goes into more depth on the Jakarta EE Platform, then dives into Web
+      Profiles and Core Profiles. Packed with useful tips and practical
+      challenges, this course can help you to decide the next steps in your
+      Jakarta EE journey.
+    </p>
+    <a class="btn btn-primary margin-top-20" href="https://www.linkedin.com/learning/jakarta-ee-overview">Enroll in our course today!</a>
+  </div>
+</section>