Add ods page

.eleventy.js

@@ -59,6 +59,20 @@ module.exports = function (eleventyConfig) {
     return filtered;
   });
 
+  eleventyConfig.addCollection("sdgRelatedToProjects", function (collectionApi) {
+    const projectsCollection = collectionApi.getFilteredByTag("proyecto");
+    const sdgRelatedToProjects = new Set();
+    projectsCollection.forEach((el) => {
+      el.data.ods.forEach((sdg) => {
+        sdgRelatedToProjects.add(sdg);
+      });
+    });
+
+    const orderedSdgRelatedToProjects = Array.from(sdgRelatedToProjects)
+      .sort((a, b) => a - b);
+    return orderedSdgRelatedToProjects;
+  });
+
   let options = {
     html: true,
     breaks: true,

src/css/base.css

@@ -28,6 +28,7 @@ label {
   --accent: #ff0000;
   --white: #fbfbfb;
   --black: #212121;
+  --blue: #19486a;
   /* Font variables */
   --display-font: "Montserrat Alternates", sans-serif;
   --title-font: "Montserrat", sans-serif;
@@ -56,6 +57,7 @@ label {
   --font-heading-notice: 700 1.5rem / 2rem var(--title-font);
   --font-heading-xs: 700 1rem / normal var(--title-font);
   --font-heading-md-regular: 400 1.75rem / normal var(--title-font);
+  --font-text-targets-table: 900 1.5rem / normal var(--body-font);
 }
 
 /* Breakpoints */
@@ -90,6 +92,7 @@ label {
     --font-heading-lg: 700 1.5rem / normal var(--display-font);
     --font-heading-md: 700 1.25rem / normal var(--title-font);
     --font-heading-md-regular: 400 1.5rem / normal var(--title-font);
+    --font-table: 900 1.25rem / 1.75rem var(--body-font);
   }
 }
 /* Mobile */

src/css/bundle.html

@@ -19,6 +19,7 @@
     {% include "css/servicios/transparencia.css" %}
     {% include "css/servicios/sostenibilidad.css" %}
     {% include "css/kit-digital.css" %}
+    {% include "css/ods.css" %}
 {% endcapture %}
 
 {{ css | cssmin }}