Merge branch 'webdev/bs-3.4.x/redesign' into 'main'

feat: Redesign

See merge request !74

content/topics/cloud-native.md

+---
+title: Cloud Native 
+description: >- 
+  We provide a collaborative environment for the world’s leading Java ecosystem
+  players to advance open source enterprise Java technologies for the cloud.
+header_wrapper_class: header-topic
+jumbotron_container: container-fluid
+jumbotron_class: " "
+custom_jumbotron: |
+  <div class="custom-jumbotron-main container">
+    <h1 class="featured-jumbotron-headline">Cloud Native</h1>
+    <p>
+      We provide a collaborative environment for the world’s leading Java
+      ecosystem players to advance open source enterprise Java technologies for
+      the cloud.
+    </p>
+  </div>
+custom_jumbotron_class: col-md-24
+hide_jumbotron: false
+show_featured_story: true
+hide_breadcrumb: true
+hide_sidebar: true
+hide_page_title: true
+page_css_file: /public/css/topics.css
+---
+
+{{< grid/div class="padding-top-60 padding-bottom-40" isMarkdown="false" >}}
+    <h2 class="margin-bottom-40" id="projects">Projects</h2>
+    <div 
+      class="featured-projects display-flex margin-top-40" 
+      data-types="projects" 
+      data-url="https://projects.eclipse.org/api/projects?technology_types=cloud%20native%20java" 
+      data-template-id="tpl-project-basic-card" data-page-size="3" 
+      data-sorting-method="random"
+    >
+    </div>
+
+{{</ grid/div >}}
+{{< mustache_js template-id="tpl-project-basic-card" path="/js/src/templates/tpl-project-basic-card.mustache" >}}
+
+{{< pages/topics/communities topic="cloud_native" >}}
+
+{{< grid/div class="padding-top-60 padding-bottom-40" isMarkdown="false" >}}
+    <h2 class="margin-bottom-40" id="insights-and-resources">Insights & Resources</h2>
+    {{< newsroom/resources wg="adoptium, jakarta_ee" type="case_study, white_paper, market_report, social_media_kit" template="cover" limit="3" viewMorePath="#" >}}
+{{</ grid/div >}}
+

content/topics/edge-and-iot.md

+---
+title: Edge & IoT 
+description: >- 
+  We enable industry leaders to collaborate on an end-to-end IoT architecture
+  that is secure, flexible, and fully based on open source and open standards.
+header_wrapper_class: header-topic
+jumbotron_container: container-fluid
+jumbotron_class: " "
+custom_jumbotron: |
+  <div class="custom-jumbotron-main container">
+    <h1 class="featured-jumbotron-headline">Edge & IoT</h1>
+    <p>
+      We enable industry leaders to collaborate on an end-to-end IoT
+      architecture that is secure, flexible, and fully based on open source and
+      open standards.
+    </p>
+  </div>
+custom_jumbotron_class: col-md-24
+hide_jumbotron: false
+show_featured_story: true
+hide_breadcrumb: true
+hide_sidebar: true
+hide_page_title: true
+page_css_file: /public/css/topics.css
+---
+
+{{< grid/div class="padding-top-60 padding-bottom-40" isMarkdown="false" >}}
+    <h2 class="margin-bottom-40" id="projects">Projects</h2>
+    <div 
+      class="featured-projects display-flex margin-top-40" 
+      data-types="projects" 
+      data-url="https://projects.eclipse.org/api/projects?technology_types=iot%20and%20edge" 
+      data-template-id="tpl-project-basic-card" data-page-size="3" 
+      data-sorting-method="random"
+    >
+    </div>
+
+{{</ grid/div >}}
+{{< mustache_js template-id="tpl-project-basic-card" path="/js/src/templates/tpl-project-basic-card.mustache" >}}
+
+{{< pages/topics/communities topic="edge_and_iot" >}}
+
+{{< grid/div class="padding-top-60 padding-bottom-40" isMarkdown="false" >}}
+    <h2 class="margin-bottom-40" id="insights-and-resources">Insights & Resources</h2>
+    {{< newsroom/resources wg="sparkplug, edge_native, eclipse_iot, oniro" type="case_study, white_paper, market_report, social_media_kit" template="cover" limit="3" viewMorePath="#" >}}
+{{</ grid/div >}}
+

content/topics/ide.md

+---
+title: Developer Tools & IDE
+description: >- 
+    Our community is innovating on the next generation of cloud native
+    developer tools, including the Eclipse IDE which is the leading open
+    platform for professional developers.
+header_wrapper_class: header-topic
+jumbotron_container: container-fluid
+jumbotron_class: " "
+custom_jumbotron: |
+    <div class="custom-jumbotron-main container">
+        <h1 class="featured-jumbotron-headline">Developer Tools & IDE</h1>
+        <p>
+           Our community is innovating on the next generation of cloud native
+           developer tools, including the Eclipse IDE which is the leading open
+           platform for professional developers. 
+        </p>
+    </div>
+custom_jumbotron_class: col-md-24
+hide_jumbotron: false
+show_featured_story: true
+hide_breadcrumb: true
+hide_sidebar: true
+hide_page_title: true
+page_css_file: /public/css/topics.css
+---
+
+{{< grid/div class="padding-top-60 padding-bottom-40" isMarkdown="false" >}}
+
+    <h2 class="margin-bottom-40" id="projects">Projects</h2>
+    <div 
+      class="featured-projects display-flex margin-top-40" 
+      data-types="projects" 
+      data-url="https://projects.eclipse.org/api/projects?technology_types=tools" 
+      data-template-id="tpl-project-basic-card" data-page-size="3" 
+      data-sorting-method="random"
+    >
+    </div>
+
+{{</ grid/div >}}
+{{< mustache_js template-id="tpl-project-basic-card" path="/js/src/templates/tpl-project-basic-card.mustache" >}}
+
+{{< pages/topics/communities topic="ide" >}}
+
+{{< grid/div class="padding-top-60 padding-bottom-40" isMarkdown="false" >}}
+    <h2 class="margin-bottom-40" id="insights-and-resources">Insights & Resources</h2>
+    {{< newsroom/resources wg="ecd_tools,edge_native" type="case_study, white_paper, market_report, social_media_kit" template="cover" limit="3" >}}
+{{</ grid/div >}}

data/topics/communities.yml

+topics:
+  automotive_and_mobility:
+    - name: openPASS
+      link: https://openpass.eclipse.org/
+      image_url: https://www.eclipse.org/org/workinggroups/assets/images/wg-openpass.svg
+      content: |
+        The openPASS Working Group promotes a collaborative and innovative
+        ecosystem by offering tools, systems, and adapters for a standardized,
+        openly-available and vendor-neutral platform for traffic scenario
+        simulation.
+    - name: Software Defined Vehicle
+      link: https://sdv.eclipse.org/
+      image_url: https://www.eclipse.org/org/workinggroups/assets/images/wg-sdv.svg
+      content: |
+        The Eclipse Software Defined Vehicle (SDV) Working Group will provide a
+        forum for individuals and organizations to build and promote open
+        source software, specifications, and open collaboration models needed
+        to create a scalable, modular, extensible, industry-ready open source
+        licensed vehicle software platform to support in-vehicle and around the
+        vehicle applications development and deployment.
+  cloud_native:
+    - name: Adoptium
+      link: https://adoptium.net/
+      image_url: https://www.eclipse.org/org/workinggroups/assets/images/wg-adoptium.svg 
+      content: |
+        The Adoptium Working Group® promotes and supports high-quality runtimes
+        and associated technology for use across the Java ecosystem. Our vision
+        is to meet the needs of Eclipse and the broader Java community by
+        providing runtimes for Java-based applications. We embrace existing
+        standards and a wide variety of hardware and cloud platforms.
+    - name: Jakarta EE
+      link: https://jakarta.ee/
+      image_url: https://www.eclipse.org/org/workinggroups/assets/images/wg-jakarta.svg
+      content: |
+        The Jakarta EE Working Group enables Java ecosystem players to
+        collaborate on advancing enterprise Java technologies in the cloud.
+        This initiative focuses on cultivating the business interests
+        associated with Eclipse Enterprise for Java (EE4J) technologies.
+  edge_and_iot:
+    - name: Eclipse IoT
+      link: https://iot.eclipse.org/
+      image_url: https://www.eclipse.org/org/workinggroups/assets/images/wg_iot.svg
+      content: |
+        The Eclipse IoT Working Group enables collaboration on the development
+        of open source implementations of IoT standards and protocols,
+        frameworks and services used by IoT solutions, and tools for IoT
+        developers for commercial-grade IoT.
+    - name: Edge Native
+      link: https://edgenative.eclipse.org/
+      image_url: https://www.eclipse.org/org/workinggroups/assets/images/wg-edgenative.svg
+      content: |
+        The Eclipse Edge Native Working Group drives the adoption of Edge
+        Computing technologies. It provides services like vendor-neutral
+        marketing to the Eclipse Edge Native ecosystem and defines licensing
+        and intellectual property flows that encourage the community to open
+        collaboration
+    - name: Oniro
+      link: https://oniroproject.org/
+      image_url: https://www.eclipse.org/org/workinggroups/assets/images/wg-oniro.png
+      content: |
+        The Oniro Working Group will foster an ecosystem of organizations that
+        supports the community in the production and evolution of the Oniro
+        operating system and platform. Oniro is a new commercially oriented,
+        modular, and multikernel open source software platform. Its ecosystem
+        will be developed in an environment where collaboration is promoted via
+        the core Eclipse Foundation principles of vendor-neutrality,
+        transparency, and openness.
+    - name: Sparkplug
+      link: https://sparkplug.eclipse.org/
+      image_url: https://www.eclipse.org/org/workinggroups/assets/images/wg-sparkplug.svg
+      content: |
+        The Eclipse Sparkplug Working Group drives the evolution and broad
+        adoption of the Eclipse Sparkplug protocol and related technologies
+        that enable the creation of open, collaborative, and interoperable
+        Industrial IoT solutions, and a framework for supporting Industry 4.0.
+  ide: 
+    - name: Eclipse Cloud DevTools
+      link: https://ecdtools.eclipse.org/
+      image_url: https://www.eclipse.org/org/workinggroups/assets/images/wg-ecd-tools.svg
+      content: |
+        The Eclipse Cloud DevTools Working Group provides a vendor-neutral ecosystem of
+        open-source projects focused on defining, implementing and promoting
+        best-in-class web and cloud-based development tools.
+    - name: Eclipse IDE
+      link: https://eclipseide.org/
+      image_url: https://www.eclipse.org/org/workinggroups/assets/images/wg_eclipse_ide.svg
+      content: |
+        The Eclipse® IDE Working Group is formed to ensure the continued
+        sustainability, integrity, evolution and adoption of the Eclipse IDE
+        suite of products and related technologies.
+

js/main.js

 /*!
- * Copyright (c) 2021 Eclipse Foundation, Inc.
+ * Copyright (c) 2021, 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
@@ -7,13 +7,16 @@
  *
  * Contributors:
  *   Christopher Guindon <chris.guindon@eclipse-foundation.org>
+ *   Olivier Goulet <olivier.goulet@eclipse-foundation.org>
  *
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import 'eclipsefdn-solstice-assets'
+import 'eclipsefdn-solstice-assets/js/astro';
 import './src/eclipsefdn-promo-content'
-import './src/featured-projects-committer'
+import eclipsefdnFeaturedProjectCommitter from './src/featured-projects-committer';
 import './src/collaborations/eclipsefdn.weighted-working-groups';
 import './src/research/projects-section';
 import './src/collaborations/eclipsefdn.rollover-link';
+
+eclipsefdnFeaturedProjectCommitter.render();

js/src/collaborations/eclipsefdn.weighted-working-groups.js

@@ -15,7 +15,6 @@ import template from '../templates/weighted-working-groups/working-group-block.m
 
 const defaultOptions = {
     count: 1,
-    wrapperClass: ''
 }
 
 // Working groups with a weight of -1 will not be displayed.
@@ -109,16 +108,6 @@ async function getWeightedRandomWorkingGroups(count) {
     }
 };
 
-const matchHeightForLogos = (baseElement) => {
-    const imgElements = baseElement.querySelectorAll('.weighted-working-group-logo');
-
-    imgElements.forEach(el => {
-        el.addEventListener('load', () => {
-            $('.weighted-working-group-block-wrapper').matchHeight();
-        });
-    });
-}
-
 const getWorkingGroupLogo = ({ alias, logo } = workingGroup) => {
     const fallbackLogo = fallbackLogos[alias];
     if (logo === '') return fallbackLogo || '';
@@ -136,7 +125,7 @@ const getWorkingGroupLogo = ({ alias, logo } = workingGroup) => {
         count: +element.dataset.count
     };
 
-    element.innerHTML = template({ isFetching: true, items: new Array(options.count) , wrapperClass: options.wrapperClass })
+    element.innerHTML = template({ isFetching: true, items: new Array(options.count) })
 
     const [workingGroups, error] = await getWeightedRandomWorkingGroups(options.count);
 
@@ -148,7 +137,6 @@ const getWorkingGroupLogo = ({ alias, logo } = workingGroup) => {
 
     const data = {
         isFetching: false,
-        wrapperClass: options.wrapperClass,
         items: workingGroups.map(wg => ({
             title: wg.title,
             logo: getWorkingGroupLogo(wg),
@@ -157,5 +145,4 @@ const getWorkingGroupLogo = ({ alias, logo } = workingGroup) => {
     };
 
     element.innerHTML = template(data);
-    matchHeightForLogos(element);
-})();
\ No newline at end of file
+})();

js/src/featured-projects-committer.js

-(function($, document) {
+import defaultTemplate from './templates/home/featured-project-committer.mustache';
 
-  $.ajax({
-      url: "https://newsroom.eclipse.org/api/edition?options[orderby][nid]=DESC&pagesize=1",
-      type: 'GET',
-      dataType: 'json',
-      success: function(data, status) {
+// Newsroom API
+const newsroomApiBaseUrl = 'https://newsroom.eclipse.org/api';
 
-          if (data.editions[0].featured_committer !== undefined && data.editions[0].featured_committer.length !== 0) {
+const editionMapper = edition => {
+    return {
+        title: edition.title,
+        id: edition.id,
+        type: edition.type,
+        featuredCommitter: edition.featured_committer,
+        featuredProject: edition.featured_project,
+        ads: edition.ads
+    };
+}
 
-              $(".featured-committer-project-section").css('display', 'block');
-              $(".featured-committer-section").css('display', 'block');
 
-              const committer = data.editions[0].featured_committer
-              var image = "<div class='col-xs-8 padding-0 eclipsefdn-user-display-circle'><img class='img img-responsive' src=" + committer.picture + "></div>"
-              var content = " <div class='col-xs-16'>" +
-              "<h3 class='h4'><strong>" + committer.name + "</strong></h3>" +
-              "<div class=\"featured-blocks-match-height margin-bottom-5\" data-mh=\"featured-content\"><p>" + committer.body + "</p>" +
-              "</div>" +
-              "<a class='btn btn-primary' href='" + committer.url + "' title='Read more about "+ committer.name +"'> Read more </a>" +
-              "</div>"
+const getEdition = async () => {
+    try {
+        const response = await fetch(`${newsroomApiBaseUrl}/edition?options[orderby][nid]=DESC&pagesize=1`);
+        const data = await response.json();
+        if (data.editions.length === 0) throw new Error('No edition found.');
 
-              var result = "<div class='item clearfix block-summary-item featured-blocks-match-height-by-row'>" + image + content + "</div>"
+        const edition = editionMapper(data.editions[0]);
+        
+        return [edition, null];
+    } catch (error) {
+        console.error(error);
 
-              $('#commiters-container').append(result);
-          }
-          if (data.editions[0].featured_project !== undefined && data.editions[0].featured_project.length !== 0) {
+        return [null, error];
+    }
+}
 
-              $(".featured-committer-project-section").css('display', 'block');
-              $(".featured-project-section").css('display', 'block');
+// Projects API
+const projectApiBaseUrl = "https://projects.eclipse.org/api";
 
-              const project = data.editions[0].featured_project;
-              var project_id = project.id;
-              var project_id = project_id.replace(/\./g, "_");
+const getProject = async projectId => {
+    try {
+        const response = await fetch(`${projectApiBaseUrl}/projects/${projectId}.json`);
+        const data = await response.json();
+        if (data.length === 0) throw new Error('No project found.');
 
-              $.ajax({
-                  url: "https://projects.eclipse.org/api/projects/" + project_id,
-                  type: 'GET',
-                  dataType: 'json',
-                  success: function (data, status) {
+        const project = data[0];
 
-                      var image = "<div class='col-xs-8 padding-0'><img class='img img-responsive' src=" + data[0].logo + "></div>"
-                      var content = " <div class='col-xs-16'>" +
-                      "<h3 class='h4'><strong>" + data[0].name + "</strong></h3>" +
-                      "<div class=\"featured-blocks-match-height margin-bottom-5\" data-mh=\"featured-content\"><p>" + project.body + "</p></div>" +
-                      "<a class='btn btn-primary' href='" +  data[0].url + "' title='Read more about " + data[0].name + "'> Read more </a>" +
-                      "</div>"
+        return [project, null];
+    } catch (error) {
+        console.error(error);
 
-                      var result = "<div class='item clearfix block-summary-item featured-blocks-match-height-by-row'>" + image + content + "</div>"
+        return [null, error];
+    }
+}
 
-                      $('#projects-container').append(result);
-                  }
-              });
-          }
-          $('.featured-blocks-match-height-by-row').matchHeight();
-          $('.featured-blocks-match-height').matchHeight({
-              byRow: false
-          });
-      },
-      error: function() {
-          console.log("An error has occurred.");
-      }
-  });
+// eclipsefdnFeaturedProjectCommitter widget
+const renderError = message => `<div class="alert alert-danger" role="alert">${message}</div>`;
 
+const render = async () => {
+    const element = document.querySelector('.eclipsefdn-featured-project-committer');
+    if (!element) return;
 
-})(jQuery, document);
+    const [{ featuredCommitter, featuredProject }, error] = await getEdition();
 
+    if (error) {
+        element.innerHTML = `<div class="alert alert-danger" role="alert">Could not retrieve featured committer.</div>`
+        return;
+    }
 
+    const [project, projectError] = await getProject(featuredProject.id);
 
+    if (projectError) {
+        element.innerHTML = renderError(`Could not retrieve project ${featuredProject.id}`);
+        return;
+    }
+
+    const featuredProjectDetails = { 
+        ...featuredProject, 
+        name: project.name, 
+        logo: project.logo 
+    };
+
+    const data = { committer: featuredCommitter, project: featuredProjectDetails };
+
+    element.innerHTML = defaultTemplate(data);
+}
+
+const eclipsefdnFeaturedProjectCommitter = {
+    render
+}
+
+export default eclipsefdnFeaturedProjectCommitter;

js/src/templates/blogs-and-videos/news-item-image.mustache

+<div class="rss-blog-list">
+  {{#items}}
+    <div class="post">
+      <div class="post-portrait hidden"></div>
+      <div class="post-body">
+        <div class="post-head">
+          <a class="post-head-title" href="{{link}}">
+            {{title}}
+          </a>
+          <div class="post-head-subtitle">
+            {{date}} 
+          </div>
+        </div>
+        <p class="post-content">
+          {{summary}}
+        </p>
+      </div>
+    </div>
+  {{/items}}
+</div>

js/src/templates/home/featured-project-committer.mustache

+<div class="col-lg-6 col-md-12 col-lg-offset-11 match-height-item margin-bottom-60">
+    <h3 class="margin-bottom-30">Featured Committer</h3>
+    <div class="featured-card featured-committer">
+        <div class="featured-card-img-wrapper">
+            <img class="featured-card-img" src="{{committer.picture}}" alt="" />
+        </div>
+        <div class="featured-card-details">
+            <div class="featured-card-details-item featured-card-details-item-highlighted">
+                <div class="featured-card-details-item-content">
+                  <strong>{{committer.name}}</strong> | Committer to {{project.name}}
+                </div>
+            </div>
+            <a class="featured-card-details-item" href="{{committer.url}}">
+              Read More
+            </a>
+        </div>
+    </div>
+</div>
+<div class="col-lg-6 col-md-12 col-lg-offset-1 match-height-item margin-bottom-60">
+    <h3 class="margin-bottom-30">Featured Project</h3>
+    <div class="featured-card featured-project">
+        <div class="featured-card-img-wrapper">
+            <img class="featured-card-img featured-card-img-logo" src="{{ project.logo }}" alt="" />
+        </div>
+        <div class="featured-card-details">
+            <div class="featured-card-details-item featured-card-details-item-highlighted">
+                <div class="featured-card-details-item-content">
+                  <strong>{{project.name}}</strong>
+                </div>
+            </div>
+            <a class="featured-card-details-item" href="https://projects.eclipse.org/projects/{{project.id}}">
+                Read More
+            </a>
+        </div>
+    </div>
+</div>
+

js/src/templates/tpl-home-news-list-item.mustache

+{{#news}}
+    <a class="news-item-card tpl-news-list-item-home link-unstyled" href="{{link}}">
+        <div class="news-item-card-title">
+            {{title}}      
+        </div>
+        <div class="news-item-card-date">
+            {{date}}
+        </div>
+        <div class="news-item-card-body">
+            {{body}}
+        </div>
+    </a>
+{{/news}}

js/src/templates/tpl-project-basic-card.mustache

+<div class="card-list">
+  {{#items}}
+    <div class="card">
+        <div class="card-logo">
+          <a class="link-unstyled" href="{{#website_url}}{{website_url}}{{/website_url}}">
+            <img class="img img-responsive" src="{{logo}}" alt="{{name}}" aria-role="heading" />
+          </a>
+        </div>
+        <div class="card-content">
+          <p>
+            {{summary}}
+          </p>
+        </div>
+    </div>
+  {{/items}}
+</div>

js/src/templates/weighted-working-groups/working-group-block.mustache

 {{#items}}
-    <div class="weighted-working-group-block-wrapper match-height-item-by-row {{wrapperClass}}">
+    <div class="weighted-working-group-block-wrapper">
         {{#isFetching}}
             <div class="weighted-working-group-block weighted-working-group-loading" aria-label="Loading working group website links">
                 <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
@@ -14,4 +14,4 @@
             </a>
         {{/isFetching}}
     </div>
-{{/items}}
\ No newline at end of file
+{{/items}}

layouts/partials/footer_links/footer-eclipse-foundation.html

+<!-- Delete this file before going to production. Using relative links for testing on staging -->
+{{ $footer_eclipse_foundation_class := .Params.footer_section_eclipse_foundation_class | default .Site.Params.footer_section_eclipse_foundation_class | default "footer-section col-md-5 col-sm-8" }}
+<section id="footer-eclipse-foundation" class="{{ $footer_eclipse_foundation_class }}">
+  <div class="menu-heading">{{ i18n "eclipse-foundation-text" }}</div>
+  <ul class="nav">
+    <li><a href="/org/">{{ i18n "footer-foundation-about-us-text" }}</a></li>
+    <li><a href="https://projects.eclipse.org/">Projects</a></li>
+    <li><a href="/collaborations/">Collaborations</a></li>
+    <li><a href="/membership/">{{ i18n "footer-foundation-members-text" }}</a></li>
+    <li><a href="/sponsor/">{{ i18n "footer-foundation-sponsor-text" }}</a></li>
+  </ul>
+</section>

layouts/partials/footer_links/footer-legal.html

+<!-- Delete this file before going to production. Using relative links for testing on staging -->
+{{ $footer_section_legal_class := .Params.footer_section_legal_class | default .Site.Params.footer_section_legal_class | default "footer-section col-md-5 col-sm-8" }}
+<section id="footer-legal" class="{{ $footer_section_legal_class }}">
+  <div class="menu-heading">{{ i18n "footer-legal-section-text" }}</div>
+  <ul class="nav">
+    <li><a href="/legal/privacy.php">{{ i18n "footer-legal-privacy-policy-text" }}</a></li>
+    <li><a href="/legal/termsofuse.php">{{ i18n "footer-legal-terms-use-text" }}</a></li>
+    <li><a href="/legal/copyright.php">{{ i18n "footer-legal-copyright-agent-text" }}</a></li>
+    <li><a href="/org/documents/Community_Code_of_Conduct.php">{{ i18n "footer-legal-code-of-conduct-text" }}</a></li>
+    <li><a href="/legal/">{{ i18n "footer-legal-resources-text" }}</a></li>
+    <li><a class="toolbar-manage-cookies" href="#" onclick="event.preventDefault()">{{ i18n "footer-legal-manage-cookies-label" }}</a></li>
+  </ul>
+</section>

layouts/partials/footer_links/footer-other.html

+<!-- Delete this file before going to production. Using relative links for testing on staging -->
+{{ $footer_section_other_class := .Params.footer_section_other_class | default .Site.Params.footer_section_other_class | default "footer-section col-md-5 col-sm-8" }}
+<section id="footer-more" class="{{ $footer_section_other_class }}">
+  <div class="menu-heading">{{ i18n "footer-other-section-text" }}</div>
+  <ul class="nav">
+    <li><a href="/security/">{{ i18n "footer-other-report-vulnerability-text" }}</a></li>
+    <li><a href="https://status.eclipse.org/">{{ i18n "footer-other-status-text" }}</a></li>
+    <li><a href="/org/foundation/contact.php">{{ i18n "footer-other-contact-text" }}</a></li>
+    <li><a href="/projects/support/">{{ i18n "footer-other-support-text" }}</a></li>
+  </ul>
+</section>

layouts/shortcodes/pages/blogs-and-videos.html

+<!--
+  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 <olivier.goulet@eclipse-foundation.org>
+
+  SPDX-License-Identifier: EPL-2.0
+-->
+
+{{ $staff_blogs := slice }}
+{{ with $.Site.Data.staff_blogs }}
+  {{ $staff_blogs = $.Site.Data.staff_blogs.channel.item }}
+{{ end }}
+
+<div class="row padding-top-60 padding-bottom-40">
+  <h1 class="text-center">Blogs and Videos</h1>
+</div>
+
+<section class="row bg-neutral padding-top-60 padding-bottom-40">
+  <div class="container">
+    <h2 class="margin-bottom-40 text-center" id="eclipse-foundation-team">From Eclipse Foundation Team</h2>
+    <div class="rss-blog-list">
+      {{ if eq (len $staff_blogs) 0 }}
+        <p class="text-center margin-bottom-40">Could not load posts from the Eclipse Foundation Team.</p>
+      {{ else }}
+        {{ range $post := ($staff_blogs | first 2) }}
+          <div class="post">
+            <div class="post-portrait hidden">
+
+            </div>
+            <div class="post-body">
+              <div class="post-head">
+                <a class="post-head-title" href="{{ $post.link }}">
+                  {{ $post.title }}
+                </a>
+                <div class="post-head-subtitle">
+                  {{ dateFormat "Monday, January 2, 2006" $post.pubDate }} &mdash; by {{ $post.creator }}
+                </div>
+              </div>
+              <p class="post-content">
+                {{ $description := $post.description | safeHTML | plainify }}
+                {{ slicestr $description 0 500 }}...
+              </p>
+            </div>
+          </div>
+        {{ end }}
+      {{ end }}
+    </div>
+    <div class="text-center margin-top-20">
+      <div class="btn-group">
+        <a class="btn btn-secondary" href="https://blogs.eclipse.org/">View All</a>
+        <a class="btn btn-primary" href="https://blogs.eclipse.org/blog/feed" title="Subscribe via RSS">Subscribe</a>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="row padding-top-60 padding-bottom-40">
+  <div class="container">
+    <h2 class="text-center margin-bottom-40" id="community">From Eclipse Community</h2>
+    <div 
+      class="solstice-rss-blog-list show-external-icon show-rss-origin" 
+      data-urls="https://planeteclipse.org/planet/rss20.xml"
+      data-limit="2" 
+      data-template-id="news-item-image"
+    >
+      <p class="solstice-loading">
+        <i class="fa fa-spinner fa-pulse"></i>
+      </p>
+    </div>
+  </div>
+  <div class="text-center margin-top-20">
+    <div class="btn-group">
+      <a class="btn btn-secondary" href="https://planeteclipse.org/planet/">View All</a>
+      <a class="btn btn-primary" href="https://planeteclipse.org/planet/rss20.xml" title="Subscribe via RSS">Subscribe</a>
+    </div>
+  </div>
+</section>
+
+<section class="row padding-top-60 padding-bottom-40">
+  <div class="container">
+    <div class="col-xs-24 margin-bottom-20">
+      <h2 class="text-center" id="watch-more">Watch More</h2>
+    </div>
+    <div class="col-sm-6 col-sm-offset-0 col-xs-16 col-xs-offset-4 margin-bottom-20">
+      <a class="eclipsefdn-video" href="//www.youtube.com/embed/playlist?list=PLy7t4z5SYNaSBxx8gLh0i9LlN2bZW6H1L"></a>
+      <p class="margin-top-10 font-bold text-center">Cloud Tool Time</p>
+    </div>
+    <div class="col-sm-6 col-sm-offset-0 col-xs-16 col-xs-offset-4 margin-bottom-20">
+      <a class="eclipsefdn-video" href="//www.youtube.com/embed/playlist?list=PLy7t4z5SYNaQmahQY36J4vq2H4wY2s4Pk"></a>
+      <p class="margin-top-10 font-bold text-center">The Edge of Things</p>
+    </div>
+    <div class="col-sm-6 col-sm-offset-0 col-xs-16 col-xs-offset-4 margin-bottom-20">
+      <a class="eclipsefdn-video" href="//www.youtube.com/embed/playlist?list=PLy7t4z5SYNaQpEGxqW3XbmEEPds9ql3oT"></a>
+      <p class="margin-top-10 font-bold text-center">Research @ Eclipse</p>
+    </div>
+    <div class="col-sm-6 col-sm-offset-0 col-xs-16 col-xs-offset-4 margin-bottom-20">
+      <a class="eclipsefdn-video" href="//www.youtube.com/embed/playlist?list=PLy7t4z5SYNaSvv9SjVVi6-8SVdwpk-rxM"></a>
+      <p class="margin-top-10 font-bold text-center">Jakarta TechTalks</p>
+    </div>
+  </div>
+</section>

layouts/shortcodes/pages/collaborations/join-collaboration.html

 <section id="join-collaboration" class="container join-collaboration margin-bottom-60">
     <h2>Join a Collaboration</h2>
     <div class="row">
-        <div class="eclipsefdn-weighted-working-groups" data-wrapper-class="col-sm-8" data-count="3"></div>
+        <div class="eclipsefdn-weighted-working-groups" data-count="3"></div>
         <div class="col-xs-24 join-collaboration-button-col">
             <a class="btn btn-primary join-collaboration-button" href="/org/workinggroups/explore.php" tabindex="0">View All</a>
         </div>

layouts/shortcodes/pages/home/featured-committer-project.html

-<!-- Featured Committer and Featured project -->
-<div class="featured-committer-project-section row" style="display:none;">
-  <div class="container">
-    <div class="row">
-      <hr class="brand-primary padding-bottom-10">
-      <div class="col-lg-10 col-lg-offset-2 col-md-12 padding-bottom-50 featured-committer-section"
-        style="display:none;">
-        <div class="block-summary-title">
-          <i class="fa fa-star fa-3x center-block brand-primary text-center padding-bottom-10" aria-hidden="true"></i>
-          <h2>Featured Committer</h2>
-        </div>
-        <div class="news-container my-group" id="commiters-container">
-        </div>
-      </div>
-      <div class="col-lg-10 col-md-12 padding-bottom-50 featured-project-section" style="display:none;">
-        <div class="block-summary-title">
-          <i class="fa fa-rocket fa-3x center-block brand-primary text-center padding-bottom-10" aria-hidden="true"></i>
-          <h2>Featured Project</h2>
-        </div>
-        <div class="news-container my-group" id="projects-container">
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
\ No newline at end of file

layouts/shortcodes/pages/home/foundation-by-the-numbers.html

-<div class="featured-stats row">
-  <div class="container margin-top-20">
-    <h2 class="margin-bottom-30 margin-top-0">Eclipse Foundation by the Numbers</h2>
-    <div class="row">
-      <div class="col-md-8 col-sm-8 col-xs-12">
-        <div class="row margin-right-0">
-          <a href="/projects" class="featured-stats-link">
-            <span class="col-xs-12 featured-stats-icon-container">
-              <span class="featured-circle featured-circle-stats"><svg xmlns="http://www.w3.org/2000/svg" width="24"
-                  height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1"
-                  stroke-linecap="round" stroke-linejoin="round" class="feather feather-code">
-                  <polyline points="16 18 22 12 16 6"></polyline>
-                  <polyline points="8 6 2 12 8 18"></polyline>
-                </svg></span>
-            </span>
-            <span class="col-xs-12 featured-stats-text-container">
-              <span class="featured-stats-number">410+</span><br>
-              Projects
-            </span>
-          </a>
-        </div>
-      </div>
+<!--
+  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 <olivier.goulet@eclipse-foundation.org>
 
-      <div class="col-md-8 col-sm-8 col-xs-12">
-        <div class="row margin-right-0">
-          <a href="/membership/become_a_member/committer.php" class="featured-stats-link">
-            <span class="col-xs-12 featured-stats-icon-container">
-              <span class="featured-circle featured-circle-stats"><svg xmlns="http://www.w3.org/2000/svg" width="24"
-                  height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1"
-                  stroke-linecap="round" stroke-linejoin="round" class="feather feather-users">
-                  <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
-                  <circle cx="9" cy="7" r="4"></circle>
-                  <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
-                  <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
-                </svg></span>
-            </span>
-            <span class="col-xs-12 featured-stats-text-container">
-              <span class="featured-stats-number">1900+</span><br>
-              Committers
-            </span>
-          </a>
-        </div>
-      </div>
+  SPDX-License-Identifier: EPL-2.0
+-->
 
-      <div class="col-md-8 col-sm-8 col-xs-12">
-        <div class="row margin-right-0">
-          <a href="https://gitlab.eclipse.org/explore/projects/starred" target="_blank" class="featured-stats-link">
-            <span class="col-xs-12 featured-stats-icon-container">
-              <span class="featured-circle featured-circle-stats"><svg xmlns="http://www.w3.org/2000/svg" width="24"
-                  height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1"
-                  stroke-linecap="round" stroke-linejoin="round" class="feather feather-align-justify">
-                  <line x1="21" y1="10" x2="3" y2="10"></line>
-                  <line x1="21" y1="6" x2="3" y2="6"></line>
-                  <line x1="21" y1="14" x2="3" y2="14"></line>
-                  <line x1="21" y1="18" x2="3" y2="18"></line>
-                </svg></span>
-            </span>
-            <span class="col-xs-12 featured-stats-text-container">
-              <span class="featured-stats-number">450M</span><br>
-              Lines of code
-            </span>
-          </a>
-        </div>
-      </div>
-
-      <div class="col-md-8 col-sm-8 col-xs-12">
-        <div class="row margin-right-0">
-          <a href="/membership/exploreMembership.php" class="featured-stats-link">
-            <span class="col-xs-12 featured-stats-icon-container">
-              <span class="featured-circle featured-circle-stats"><svg xmlns="http://www.w3.org/2000/svg" width="24"
-                  height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1"
-                  stroke-linecap="round" stroke-linejoin="round" class="feather feather-briefcase">
-                  <rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
-                  <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
-                </svg></span>
-            </span>
-            <span class="col-xs-12 featured-stats-text-container">
-              <span class="featured-stats-number">360+</span><br>
-              Members
-            </span>
-          </a>
-        </div>
-      </div>
-
-      <div class="col-md-8 col-sm-8 col-xs-12">
-        <div class="row margin-right-0">
-          <a href="/org/foundation/staff.php" class="featured-stats-link">
-            <span class="col-xs-12 featured-stats-icon-container">
-              <span class="featured-circle featured-circle-stats"><svg xmlns="http://www.w3.org/2000/svg" width="24"
-                  height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1"
-                  stroke-linecap="round" stroke-linejoin="round" class="feather feather-award">
-                  <circle cx="12" cy="8" r="7"></circle>
-                  <polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline>
-                </svg></span>
-            </span>
-            <span class="col-xs-12 featured-stats-text-container">
-              <span class="featured-stats-number">65+</span><br>
-              Staff Members
-            </span>
-          </a>
-        </div>
-      </div>
-
-      <div class="col-md-8 col-sm-8 col-xs-12">
-        <div class="row margin-right-0">
-          <a href="/org/workinggroups/explore.php" class="featured-stats-link">
-            <span class="col-xs-12 featured-stats-icon-container">
-              <span class="featured-circle featured-circle-stats"><svg xmlns="http://www.w3.org/2000/svg" width="24"
-                  height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1"
-                  stroke-linecap="round" stroke-linejoin="round" class="feather feather-share-2">
-                  <circle cx="18" cy="5" r="3"></circle>
-                  <circle cx="6" cy="12" r="3"></circle>
-                  <circle cx="18" cy="19" r="3"></circle>
-                  <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line>
-                  <line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line>
-                </svg></span>
-            </span>
-            <span class="col-xs-12 featured-stats-text-container">
-              <span class="featured-stats-number">20</span><br>
-              Industry Collaborations
-            </span>
-          </a>
-        </div>
-      </div>
+<div class="row featured-section-row-dark-bg padding-top-20 padding-bottom-60">
+    <div class="container">
+        <section class="row">
+            <div class="eclipsefdn-featured-project-committer"></div>
+        </section>
+        <section class="stats-row">
+            <div class="stats-row-circles margin-bottom-60 hidden-sm hidden-xs">
+                {{ range seq 6 }}
+                    <span class="circle"></span>
+                {{ end }}
+            </div>
+            <h3 class="margin-bottom-60">Eclipse Foundation by the Numbers</h3>
+            <div class="stats">
+                <div class="stats-item">
+                    <span class="stats-item-stat">410+</span>
+                    <span class="stats-item-subject">Projects</span>
+                </div>
+                <div class="stats-item">
+                    <span class="stats-item-stat">450M+</span>
+                    <span class="stats-item-subject">Lines of Code</span>
+                </div>
+                <div class="stats-item">
+                    <span class="stats-item-stat">1900+</span>
+                    <span class="stats-item-subject">Committers</span>
+                </div>
+                <div class="stats-item">
+                    <span class="stats-item-stat">350+</span>
+                    <span class="stats-item-subject">Members</span>
+                </div>
+                <div class="stats-item">
+                    <span class="stats-item-stat">65+</span>
+                    <span class="stats-item-subject">Staff Members</span>
+                </div>
+                <div class="stats-item">
+                    <span class="stats-item-stat">20</span>
+                    <span class="stats-item-subject">Industry Collaborations</span>
+                </div>
+            </div>
+        </section>
     </div>
-  </div>
 </div>

layouts/shortcodes/pages/home/news.html

+<!--
+  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 <olivier.goulet@eclipse-foundation.org>
+
+  SPDX-License-Identifier: EPL-2.0
+-->
+
+{{ $id := .Get "id" | default "news-list" }}
+{{ $type := .Get "type" | default "news" }}
+{{ $title := .Get "title" }}
+{{ $type := .Get "type" }}
+{{ $image_url := .Get "image_url" }}
+{{ $template_id := .Get "template_id" }}
+{{ $subscribe_url := .Get "subscribe_url" }}
+{{ $view_all_url := .Get "view_all_url" }}
+
+{{ if not (in (.Page.Scratch.Get "news-container-ids") $id) }}
+  {{ .Page.Scratch.Add "news-container-ids" (slice $id) }}
+{{ end }}
+
+{{ .Page.Scratch.SetInMap "mustache-templates" "tpl-home-news-list-item" "/js/src/templates/tpl-home-news-list-item.mustache" }}
+
+<div class="news-section">
+  <h2 class="margin-bottom-40">{{ $title }}</h2>
+  <div class="news-section-container">
+      <div class="news-section-action">
+          <div class="news-section-action-img-wrapper">
+              <img src="{{ $image_url }}" alt="" />
+          </div>
+          <div class="news-section-action-links btn-group">
+            <a class="btn btn-block btn-secondary" href="{{$subscribe_url}}">Subscribe</a>
+            <a class="btn btn-block btn-primary" href="{{$view_all_url}}">View All</a>
+          </div>
+      </div>
+      <div
+            id="{{ $id }}"
+            class="news-items"
+            data-news-count="3"
+            data-news-type="{{ $type }}"
+            data-publish-target="eclipse_org"
+            data-template-id="tpl-home-news-list-item"
+        >
+      </div>
+  </div>
+</div>
+