feat: browse by standards development process page (resolves #363) (#372)

Author: nedatidrc

eleventy.config.js

@@ -38,6 +38,8 @@ export default function eleventy(eleventyConfig) {
 	});
 
 	for (const lang of ['en', 'fr']) {
+		eleventyConfig.addCollection(`processes_${lang}`, collection => collection.getFilteredByGlob(`src/collections/processes/${lang}/*.md`).toSorted((a, b) => a.data.order - b.data.order));
+
 		eleventyConfig.addCollection(`barriers_${lang}`, collection => collection.getFilteredByGlob(`src/collections/barriers/${lang}/*.md`));
 
 		eleventyConfig.addCollection(`pages_${lang}`, collection => collection.getFilteredByGlob(`src/collections/pages/${lang}/*.md`));
@@ -51,6 +53,8 @@ export default function eleventy(eleventyConfig) {
 		eleventyConfig.addCollection(`strategies-and-tips_${lang}`, collection => collection.getFilteredByGlob(`src/collections/strategies-and-tips/${lang}/*.md`));
 
 		eleventyConfig.addCollection(`topics_${lang}`, collection => collection.getFilteredByGlob(`src/collections/topics/${lang}/*.md`));
+
+		eleventyConfig.addCollection(`stages_${lang}`, collection => collection.getFilteredByGlob(`src/collections/stages/${lang}/*.md`).toSorted((a, b) => a.data.order - b.data.order));
 	}
 
 	eleventyConfig.addFilter('objectArrayPush', objectArrayPush);

src/_includes/layouts/about.njk

@@ -1,13 +1,13 @@
 {% extends "layouts/base.njk" %}
 
 {% block content %}
-<section>
+<section class="bg-indigo-200">
     <div class="wrapper flow">
     {{ content | safe }}
     </div>
 </section>
 {% if collections['projects_' + lang].length > 0 %}
-    <section>
+    <section class="bg-indigo-700">
       <div class="wrapper flow">
         <h2>{% __ 'projects' %}</h2>
         <div class="cards">

src/_includes/layouts/barrier.njk

@@ -1,3 +1,3 @@
 {% extends "layouts/base.njk" %}
 
-{% set bodyClass = 'barrier' %}
+{% set pageType = 'barrier' %}

src/_includes/layouts/home.njk

@@ -3,7 +3,7 @@
 {% block content %}
 {% set data = {"translations": translations, "lang": lang} %}
     {% if collections['projects_' + lang].length > 0 %}
-    <section>
+    <section class="bg-indigo-200">
       <div class="wrapper flow">
         <h2>{% __ 'projects' %}</h2>
         <div class="cards">
@@ -16,7 +16,7 @@
     {% endif %}
 
     {% if collections['resources_' + lang].length > 0 %}
-    <section>
+    <section class="bg-indigo-700">
       <div class="wrapper flow">
         <h2>{% __ 'resources' %}</h2>
         <div class="cards resources">

src/_includes/layouts/process.njk

@@ -1,3 +1,3 @@
 {% extends "layouts/base.njk" %}
 
-{% set bodyClass = 'process' %}
+{% set pageType = 'process' %}

src/_includes/layouts/processes.njk

@@ -3,7 +3,23 @@
 {% set pageType = 'processes' %}
 
 {% block content %}
-<article class="flow">
+<article>
+	{% set stages = collections['stages_' + lang] %}
+	{% for stage in stages %}
+	<section>
+		{% include '../../assets/images/stage-' + stage.data.order + '.svg' %}
+		<div class="wrapper flow">
+			<h2>{{ stage.data.title }}</h2>
+			{{ stage.content | safe }}
+			<div class="cards">
+				{% set processes = collections['processes_' + lang] | findAll('data.stage', stage.data.uuid) %}
+				{% for process in processes %}
+					{% include 'partials/components/card--process.njk' %}
+				{% endfor %}
+			</div>
+		</div>
+	</section>
+	{% endfor %}
 
 </article>
 {% endblock %}

src/_includes/layouts/projects.njk

@@ -2,13 +2,13 @@
 
 {% block content %}
     {% if collections['projects_' + lang].length > 0 %}
-    <section>
+    <section class="bg-indigo-100">
         {% for project in collections['projects_' + lang] %}
             {% include "partials/components/project-panel.njk" %}
         {% endfor %}
     </section>
     {% else %}
-    <section>
+    <section class="bg-indigo-100">
         <div class="wrapper">
             <p>{% __ "no-projects" %}</p>
         </div>

src/_includes/layouts/resource.njk

@@ -30,7 +30,7 @@
                 </p>
                 {% endif %}
                 <p>
-                {% include "../../assets/images/language.svg" %}
+                {% include "../../assets/images/resource-language.svg" %}
                 {% for language in contentLanguages %}
                     {% set languageObject = languages[lang].languages | find('code', language) %}
                     {{ languageObject.name }}{% if not loop.last %}, {% endif %}{% endfor %}

src/_includes/layouts/strategy-tip.njk

@@ -1,3 +1,3 @@
 {% extends "layouts/base.njk" %}
 
-{% set bodyClass = 'strategy-tip' %}
+{% set pageType = 'strategy-tip' %}

src/_includes/partials/components/card--process.njk

@@ -0,0 +1,12 @@
+{% set stage = collections['stages_' + lang] | find('data.uuid', process.data.stage) %}
+<div class="card process bg-guidelines-stage-{{ stage.data.order }}" data-stage="{{ stage.data.order }}">
+	<div class="card__content">
+		{% include '../../../assets/images/' + process.data.translationKey + '.svg' %}
+    	{% include '../../../assets/images/chevron-right.svg' %}
+        <h3>
+            <a class="card__title" href="{{ process.url }}">
+                {{ process.data.title | safe }}
+            </a>
+        </h3>
+	</div>
+</div>