diff --git a/.markdownlint-cli2.cjs b/.markdownlint-cli2.cjs index 12c86aa..d15f50a 100644 --- a/.markdownlint-cli2.cjs +++ b/.markdownlint-cli2.cjs @@ -1,4 +1,4 @@ module.exports = { config: require("./node_modules/markdownlint-config-fluid/.markdownlintrc.json"), - ignores: ["node_modules", "src/collections", "CHANGELOG.md"] + ignores: ["node_modules", "src/collections/**/*.md", "CHANGELOG.md"] }; diff --git a/eleventy.config.js b/eleventy.config.js index 4b466c5..3b8386f 100644 --- a/eleventy.config.js +++ b/eleventy.config.js @@ -1,11 +1,36 @@ import { EleventyRenderPlugin } from "@11ty/eleventy"; +import eleventyNavigationPlugin from "@11ty/eleventy-navigation"; import fluidPlugin from "eleventy-plugin-fluid"; import footnotesPlugin from "eleventy-plugin-footnotes"; +import parse from "./src/_transforms/parse.js"; export default function eleventy(eleventyConfig) { + eleventyConfig.addPlugin(eleventyNavigationPlugin); eleventyConfig.addPlugin(EleventyRenderPlugin); eleventyConfig.addPlugin(footnotesPlugin); - eleventyConfig.addPlugin(fluidPlugin); + eleventyConfig.addPlugin(fluidPlugin, { + defaultLanguage: "en", + supportedLanguages: { + en: { + slug: "en", + name: "English" + }, + fr: { + slug: "fr", + name: "Français", + dir: "ltr", + uioSlug: "fr" + } + } + }); + + ["en", "fr"].forEach((lang) => { + eleventyConfig.addCollection(`pages_${lang}`, (collection) => { + return collection.getFilteredByGlob(`src/collections/pages/${lang}/*.md`); + }); + }); + + eleventyConfig.addTransform("parse", parse); eleventyConfig.addPassthroughCopy({ "src/admin/config.yml": "admin/config.yml" diff --git a/package-lock.json b/package-lock.json index 8f16613..fe65444 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,6 +10,7 @@ "license": "BSD-3-Clause", "dependencies": { "@11ty/eleventy": "^3.0.0", + "@11ty/eleventy-navigation": "^0.3.5", "eleventy-plugin-fluid": "github:fluid-project/eleventy-plugin-fluid#feat/overhaul-i18n", "eleventy-plugin-footnotes": "^0.11.0", "rimraf": "^6.0", @@ -24,6 +25,7 @@ "cross-env": "^7.0.3", "debug": "^4.3.5", "husky": "^9.0.11", + "linkedom": "^0.18.6", "lint-staged": "^15.2.7", "markdownlint-cli2": "^0.15.0", "markdownlint-config-fluid": "^0.1.5", @@ -147,6 +149,26 @@ "url": "https://opencollective.com/11ty" } }, + "node_modules/@11ty/eleventy-navigation": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@11ty/eleventy-navigation/-/eleventy-navigation-0.3.5.tgz", + "integrity": "sha512-4aKW5aIQDFed8xs1G1pWcEiFPcDSwZtA4IH1eERtoJ+Xy+/fsoe0pzbDmw84bHZ9ACny5jblENhfZhcCxklqQw==", + "dependencies": { + "dependency-graph": "^0.11.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/11ty" + } + }, + "node_modules/@11ty/eleventy-navigation/node_modules/dependency-graph": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz", + "integrity": "sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==", + "engines": { + "node": ">= 0.6.0" + } + }, "node_modules/@11ty/eleventy-plugin-bundle": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-bundle/-/eleventy-plugin-bundle-3.0.0.tgz", @@ -1854,6 +1876,12 @@ "dev": true, "license": "MIT" }, + "node_modules/boolbase": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", + "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", + "dev": true + }, "node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -2600,6 +2628,95 @@ "node": ">= 8" } }, + "node_modules/css-select": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz", + "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==", + "dev": true, + "dependencies": { + "boolbase": "^1.0.0", + "css-what": "^6.1.0", + "domhandler": "^5.0.2", + "domutils": "^3.0.1", + "nth-check": "^2.0.1" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, + "node_modules/css-select/node_modules/dom-serializer": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", + "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==", + "dev": true, + "dependencies": { + "domelementtype": "^2.3.0", + "domhandler": "^5.0.2", + "entities": "^4.2.0" + }, + "funding": { + "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" + } + }, + "node_modules/css-select/node_modules/domhandler": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", + "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", + "dev": true, + "dependencies": { + "domelementtype": "^2.3.0" + }, + "engines": { + "node": ">= 4" + }, + "funding": { + "url": "https://github.com/fb55/domhandler?sponsor=1" + } + }, + "node_modules/css-select/node_modules/domutils": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz", + "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==", + "dev": true, + "dependencies": { + "dom-serializer": "^2.0.0", + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3" + }, + "funding": { + "url": "https://github.com/fb55/domutils?sponsor=1" + } + }, + "node_modules/css-select/node_modules/entities": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", + "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", + "dev": true, + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/css-what": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz", + "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==", + "dev": true, + "engines": { + "node": ">= 6" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, + "node_modules/cssom": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.5.0.tgz", + "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==", + "dev": true + }, "node_modules/currently-unhandled": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz", @@ -4676,6 +4793,99 @@ "dev": true, "license": "MIT" }, + "node_modules/linkedom": { + "version": "0.18.6", + "resolved": "https://registry.npmjs.org/linkedom/-/linkedom-0.18.6.tgz", + "integrity": "sha512-6G8euAJ84s7MTXTli5JIOO5tzEpyoUBw2/zcqAunSurbCtC83YcgrK+VTcO8HZ/rdR3eaaZM573FP9rNo1uXIA==", + "dev": true, + "dependencies": { + "css-select": "^5.1.0", + "cssom": "^0.5.0", + "html-escaper": "^3.0.3", + "htmlparser2": "^9.1.0", + "uhyphen": "^0.2.0" + } + }, + "node_modules/linkedom/node_modules/dom-serializer": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", + "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==", + "dev": true, + "dependencies": { + "domelementtype": "^2.3.0", + "domhandler": "^5.0.2", + "entities": "^4.2.0" + }, + "funding": { + "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" + } + }, + "node_modules/linkedom/node_modules/domhandler": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", + "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", + "dev": true, + "dependencies": { + "domelementtype": "^2.3.0" + }, + "engines": { + "node": ">= 4" + }, + "funding": { + "url": "https://github.com/fb55/domhandler?sponsor=1" + } + }, + "node_modules/linkedom/node_modules/domutils": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz", + "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==", + "dev": true, + "dependencies": { + "dom-serializer": "^2.0.0", + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3" + }, + "funding": { + "url": "https://github.com/fb55/domutils?sponsor=1" + } + }, + "node_modules/linkedom/node_modules/entities": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", + "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", + "dev": true, + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/linkedom/node_modules/html-escaper": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-3.0.3.tgz", + "integrity": "sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==", + "dev": true + }, + "node_modules/linkedom/node_modules/htmlparser2": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-9.1.0.tgz", + "integrity": "sha512-5zfg6mHUoaer/97TxnGpxmbR7zJtPwIYFMZ/H5ucTlPZhKvtum05yiPK3Mgai3a0DyVxv7qYqoweaEd2nrYQzQ==", + "dev": true, + "funding": [ + "https://github.com/fb55/htmlparser2?sponsor=1", + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ], + "dependencies": { + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3", + "domutils": "^3.1.0", + "entities": "^4.5.0" + } + }, "node_modules/linkify-it": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz", @@ -5569,6 +5779,18 @@ "set-blocking": "^2.0.0" } }, + "node_modules/nth-check": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", + "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", + "dev": true, + "dependencies": { + "boolbase": "^1.0.0" + }, + "funding": { + "url": "https://github.com/fb55/nth-check?sponsor=1" + } + }, "node_modules/nunjucks": { "version": "3.2.4", "resolved": "https://registry.npmjs.org/nunjucks/-/nunjucks-3.2.4.tgz", @@ -7142,6 +7364,12 @@ "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==", "license": "MIT" }, + "node_modules/uhyphen": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/uhyphen/-/uhyphen-0.2.0.tgz", + "integrity": "sha512-qz3o9CHXmJJPGBdqzab7qAYuW8kQGKNEuoHFYrBwV6hWIMcpAmxDLXojcHfFr9US1Pe6zUswEIJIbLI610fuqA==", + "dev": true + }, "node_modules/undici-types": { "version": "6.19.8", "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz", diff --git a/package.json b/package.json index 241c0d3..fd99772 100644 --- a/package.json +++ b/package.json @@ -30,6 +30,7 @@ "homepage": "https://github.com/inclusive-design/standards.idrc.ocadu.ca#readme", "dependencies": { "@11ty/eleventy": "^3.0.0", + "@11ty/eleventy-navigation": "^0.3.5", "eleventy-plugin-fluid": "github:fluid-project/eleventy-plugin-fluid#feat/overhaul-i18n", "eleventy-plugin-footnotes": "^0.11.0", "rimraf": "^6.0", @@ -44,6 +45,7 @@ "cross-env": "^7.0.3", "debug": "^4.3.5", "husky": "^9.0.11", + "linkedom": "^0.18.6", "lint-staged": "^15.2.7", "markdownlint-cli2": "^0.15.0", "markdownlint-config-fluid": "^0.1.5", diff --git a/src/_data/contact.json b/src/_data/contact.json new file mode 100644 index 0000000..374ad93 --- /dev/null +++ b/src/_data/contact.json @@ -0,0 +1,5 @@ +{ + "email": "idrc@ocadu.ca", + "phone": "(416) 977-6000 x3967", + "address": "Inclusive Design Research Centre \n205 Richmond Street West \nToronto, ON M5V 1V3" +} diff --git a/src/_data/social.json b/src/_data/social.json new file mode 100644 index 0000000..5b8c6de --- /dev/null +++ b/src/_data/social.json @@ -0,0 +1,7 @@ +{ + "facebook": "https://www.facebook.com/", + "instagram": "https://www.instagram.com/", + "x": "https://x.com/", + "linkedin": "https://www.linkedin.com/", + "youtube": "https://www.youtube.com/" +} diff --git a/src/_data/translations.json b/src/_data/translations.json index 7e523a7..bfe285f 100644 --- a/src/_data/translations.json +++ b/src/_data/translations.json @@ -1,14 +1,24 @@ { "en": { + "contact-us": "Contact Us", "contact-us-address": "Address", "contact-us-email": "Email", "contact-us-phone": "Phone", - "social-media": "Social Media" + "header-intro": "An Inclusive Design Research Centre Project", + "header-intro-short": "An IDRC Project", + "social-media": "Social Media", + "main-menu": "Main Menu", + "menu": "menu" }, "fr": { + "contact-us": "Contactez-nous", "contact-us-address": "Adresse", "contact-us-email": "Courriel", "contact-us-phone": "Téléphone", - "social-media": "Les médias sociaux" + "header-intro": "An Inclusive Design Research Centre Project", + "header-intro-short": "An IDRC Project", + "social-media": "Les médias sociaux", + "main-menu": "Menu Principal", + "menu": "menu" } } \ No newline at end of file diff --git a/src/_includes/layouts/about.njk b/src/_includes/layouts/about.njk new file mode 100644 index 0000000..1f621a3 --- /dev/null +++ b/src/_includes/layouts/about.njk @@ -0,0 +1,21 @@ +{% extends "layouts/base.njk" %} +{% from "partials/components/card.macro.njk" import card %} + +{% block content %} +{{ content | safe }} +{% if collections['projects_' + lang] %} +
+
+

Projects

+
+
+ {% set cardType = "project" %} + {% for item in collections['projects_' + lang] %} + {{ card({image: item.data.image, title: item.data.title, body: item.data.body }) }} + {% endfor %} +
+
+
+
+{% endif %} +{% endblock %} \ No newline at end of file diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index 0181f87..99996c3 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -5,11 +5,27 @@ {{ title }} {% include "partials/global/stylesheets.njk" %} + {% include "partials/global/scripts.njk" %} - {% include "partials/global/language-selector.njk" %} -

{{ title }}

- {{ content | safe }} - {% include "partials/global/footer.njk" %} + {% include "partials/global/header.njk" %} + {% include "partials/components/navigation.njk" %} +
+ {% if hasBanner %} + + {% endif %} + {% block content %}{% endblock %} +
+ {% include "partials/global/footer.njk" %} diff --git a/src/_includes/layouts/home.njk b/src/_includes/layouts/home.njk new file mode 100644 index 0000000..241a8b6 --- /dev/null +++ b/src/_includes/layouts/home.njk @@ -0,0 +1,65 @@ +{% extends "layouts/base.njk" %} +{% from "partials/components/card.macro.njk" import card %} + +{% block content %} +{% if collections['projects_' + lang] %} +
+
+

Projects

+
+
+ {% set cardType = "project" %} + {% for item in collections['projects_' + lang] %} + {{ card({image: item.data.image, title: item.data.title, body: item.data.body }) }} + {% endfor %} +
+
+
+
+ {% endif %} + {% if collections.events %} +
+
+

Events

+
+
+ {% set cardType = "event" %} + {% for item in collections.events %} + {{ card({image: item.data.image, title: item.data.title, body: item.data.body }) }} + {% endfor %} +
+
+
+
+ {% endif %} + {% if collections.resources %} +
+
+

Resources

+
+
+ {% set cardType = "resource" %} + {% for item in collections.resources %} + {{ card({image: item.data.image, title: item.data.title, body: item.data.body }) }} + {% endfor %} +
+
+
+
+ {% endif %} + {% if collections.news %} +
+
+

Announcements

+
+
+ {% set cardType = "news" %} + {% for item in collections.news %} + {{ card({image: item.data.image, title: item.data.title, body: item.data.body }) }} + {% endfor %} +
+
+
+
+{% endif %} +{% endblock %} diff --git a/src/_includes/layouts/projects.njk b/src/_includes/layouts/projects.njk new file mode 100644 index 0000000..741b1e5 --- /dev/null +++ b/src/_includes/layouts/projects.njk @@ -0,0 +1,20 @@ +{% extends "layouts/base.njk" %} + +{% block content %} +
+
+

All Standards With Us

+

+ Lorem ipsum dolor sit amet. Ea galisum quisquam aut galisum aperiam eum dolores consequuntur et fugit rerum ut necessitatibus eligendi aut corrupti nisi quo voluptatum impedit. Nam dolor delectus non sapiente vero sit sint esse cum libero provident est Quis voluptatem non ipsa ullam vel iure autem. + Quo facilis reprehenderit in atque deleniti qui facilis vitae sit officia galisum. Quo laboriosam consequatur sed fugit voluptas id quibusdam galisum sit explicabo modi sit mollitia placeat hic laboriosam omnis. +

+
+
+

Review of the Review

+

+ Lorem ipsum dolor sit amet. Ea galisum quisquam aut galisum aperiam eum dolores consequuntur et fugit rerum ut necessitatibus eligendi aut corrupti nisi quo voluptatum impedit. Nam dolor delectus non sapiente vero sit sint esse cum libero provident est Quis voluptatem non ipsa ullam vel iure autem. + Quo facilis reprehenderit in atque deleniti qui facilis vitae sit officia galisum. Quo laboriosam consequatur sed fugit voluptas id quibusdam galisum sit explicabo modi sit mollitia placeat hic laboriosam omnis. +

+
+
+{% endblock %} \ No newline at end of file diff --git a/src/_includes/partials/components/card.macro.njk b/src/_includes/partials/components/card.macro.njk new file mode 100644 index 0000000..9467183 --- /dev/null +++ b/src/_includes/partials/components/card.macro.njk @@ -0,0 +1,43 @@ +{%- macro card(params) -%} +
+ {% if params.image %} +
+ {{ params.image }} +
+ {% endif %} +
+
+

{{ params.title | safe }}

+
+ {% if cardType === "event" %} +
+ {% include 'svg/eventTag.svg' %} +

{{ params.eventStatus | safe }}

+
+ {% endif %} + {% if cardType === "event" or cardType === "news" %} +
+

{{ params.date }}

+
+ {% endif %} + {% if cardType === "resource" %} +
+

{{ params.publisher }}

+
+ {% endif %} +
+

{{ params.body | renderContent("md") }}

+
+ {% if cardType === "resource" %} +
+ {{ params.resourceType }} +
+ {% endif %} + {% if cardType === "resource" or cardType === "news" %} +
+ {{ params.tag }} +
+ {% endif %} +
+
+{% endmacro %} \ No newline at end of file diff --git a/src/_includes/partials/components/navigation.njk b/src/_includes/partials/components/navigation.njk new file mode 100644 index 0000000..c100a9c --- /dev/null +++ b/src/_includes/partials/components/navigation.njk @@ -0,0 +1,17 @@ + \ No newline at end of file diff --git a/src/_includes/partials/global/footer.njk b/src/_includes/partials/global/footer.njk index a2fa676..0f8d83d 100644 --- a/src/_includes/partials/global/footer.njk +++ b/src/_includes/partials/global/footer.njk @@ -1,30 +1,62 @@ -{% include "partials/components/lang.njk" %} diff --git a/src/_includes/partials/global/header.njk b/src/_includes/partials/global/header.njk new file mode 100644 index 0000000..7f35ba3 --- /dev/null +++ b/src/_includes/partials/global/header.njk @@ -0,0 +1,34 @@ +
+ {% uioTemplate %} + {% uioInit %} +
+
+ {% __ 'header-intro' | safe %} +
+
+ +
+
+
+
+ {% __ 'header-intro-short' | safe %} +
+
+
    +
  • + EN +
    • +
  • + FR +
    • +
+
+
+
\ No newline at end of file diff --git a/src/_includes/partials/global/language-selector.njk b/src/_includes/partials/global/language-selector.njk deleted file mode 100644 index d276844..0000000 --- a/src/_includes/partials/global/language-selector.njk +++ /dev/null @@ -1,8 +0,0 @@ - diff --git a/src/_includes/partials/global/scripts.njk b/src/_includes/partials/global/scripts.njk new file mode 100644 index 0000000..ee56a9f --- /dev/null +++ b/src/_includes/partials/global/scripts.njk @@ -0,0 +1,2 @@ +{% uioScripts %} + diff --git a/src/_includes/partials/global/stylesheets.njk b/src/_includes/partials/global/stylesheets.njk index 2c70bf1..201f9d5 100644 --- a/src/_includes/partials/global/stylesheets.njk +++ b/src/_includes/partials/global/stylesheets.njk @@ -1 +1,2 @@ +{% uioStyles %} \ No newline at end of file diff --git a/src/_includes/svg/IDRC.svg b/src/_includes/svg/IDRC.svg new file mode 100644 index 0000000..e0fc004 --- /dev/null +++ b/src/_includes/svg/IDRC.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/_includes/svg/OCADU.svg b/src/_includes/svg/OCADU.svg new file mode 100644 index 0000000..bf73429 --- /dev/null +++ b/src/_includes/svg/OCADU.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/_includes/svg/eventTag.svg b/src/_includes/svg/eventTag.svg new file mode 100644 index 0000000..4883548 --- /dev/null +++ b/src/_includes/svg/eventTag.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/_includes/svg/facebook.svg b/src/_includes/svg/facebook.svg index eec876a..8bdd92b 100644 --- a/src/_includes/svg/facebook.svg +++ b/src/_includes/svg/facebook.svg @@ -1,10 +1,3 @@ - - - - - - - - - + + diff --git a/src/_includes/svg/instagram.svg b/src/_includes/svg/instagram.svg new file mode 100644 index 0000000..6a84f15 --- /dev/null +++ b/src/_includes/svg/instagram.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/_includes/svg/linkedin.svg b/src/_includes/svg/linkedin.svg index 2145a2b..88e6b80 100644 --- a/src/_includes/svg/linkedin.svg +++ b/src/_includes/svg/linkedin.svg @@ -1,10 +1,5 @@ - - - - - - - - - + + + + diff --git a/src/_includes/svg/menu.svg b/src/_includes/svg/menu.svg new file mode 100644 index 0000000..c983f98 --- /dev/null +++ b/src/_includes/svg/menu.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/_includes/svg/x.svg b/src/_includes/svg/x.svg index 9cbceb7..f682957 100644 --- a/src/_includes/svg/x.svg +++ b/src/_includes/svg/x.svg @@ -1,3 +1,3 @@ - + diff --git a/src/_includes/svg/youtube.svg b/src/_includes/svg/youtube.svg index 2d829c8..534e9a8 100644 --- a/src/_includes/svg/youtube.svg +++ b/src/_includes/svg/youtube.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/_transforms/parse.js b/src/_transforms/parse.js new file mode 100644 index 0000000..8b2533c --- /dev/null +++ b/src/_transforms/parse.js @@ -0,0 +1,37 @@ +import { parseHTML } from "linkedom"; + +export default (value, outputPath) => { + if (outputPath && outputPath.includes(".html")) { + const { document } = parseHTML(value); + + const sectionHeadings = document.querySelectorAll("main h2:not([class])"); + if (sectionHeadings.length > 0) { + for (const heading of sectionHeadings) { + const getContent = (elem) => { + let elems = []; + while (elem.nextElementSibling && elem.nextElementSibling.tagName !== "H2") { + elems.push(elem.nextElementSibling); + elem = elem.nextElementSibling; + } + + elems.forEach((node) => { + node.parentNode.removeChild(node); + }); + + return elems; + }; + let contents = getContent(heading); + let section = document.createElement("section"); + contents.forEach((node) => { + section.appendChild(node); + }); + heading.parentNode.insertBefore(section, heading.nextElementSibling); + section.prepend(heading); + } + } + + return "\r\n" + document.documentElement?.outerHTML; + } + + return value; +}; diff --git a/src/admin/admin.njk b/src/admin/admin.njk new file mode 100644 index 0000000..7f6a7e6 --- /dev/null +++ b/src/admin/admin.njk @@ -0,0 +1,16 @@ +--- +permalink: '/admin/index.html' +eleventyExcludeFromCollections: true +locale: en +--- + + + + + + Content Manager + + + + + diff --git a/src/admin/config.yml b/src/admin/config.yml new file mode 100644 index 0000000..4aa8eaf --- /dev/null +++ b/src/admin/config.yml @@ -0,0 +1,72 @@ +backend: + name: github + branch: main + repo: inclusive-design/standards.inclusivedesign.ca + base_url: https://auth.incd.ca +media_folder: src/assets/uploads +public_folder: /assets/uploads + +editor: + preview: false +i18n: + locales: [en, fr] + default_locale: en + +collections: + - label: Pages + label_singular: Page + name: pages + icon: article + i18n: + structure: multiple_folders + folder: src/collections/pages/ + extension: md + create: true + fields: + - { label: Title, name: title, widget: string, i18n: true } + - { label: Navigation Order, name: order, widget: number, i18n: copy } + - { label: "Has Banner?", name: hasBanner, widget: boolean, i18n: copy } + - label: "Banner Background" + name: bannerBgColor + widget: select + options: + - label: Dark Grey + value: dark-grey + - label: Indigo 700 + value: indigo-700 + i18n: copy + required: false + - { + label: "Banner Title", + name: bannerTitle, + widget: string, + i18n: true, + required: false, + } + - { + label: "Banner Body", + name: bannerBody, + widget: string, + i18n: true, + required: false, + } + - { label: Body, name: body, widget: markdown, i18n: true } + - label: Metadata + name: metadata + files: + - label: Contact Information + name: contact + file: src/_data/contact.json + fields: + - { label: Email, name: email, widget: string, type: email } + - { label: Phone, name: phone, widget: string } + - { label: Address, name: address, widget: text } + - label: Social Media + name: social + file: src/_data/social.json + fields: + - { label: Facebook, name: facebook, widget: string, type: url } + - { label: Instagram, name: instagram, widget: string, type: url } + - { label: X, name: x, widget: string, type: url } + - { label: LinkedIn, name: linkedin, widget: string, type: url } + - { label: YouTube, name: youtube, widget: string, type: url } diff --git a/src/assets/fonts/raleway-v34-latin-800.woff2 b/src/assets/fonts/raleway-v34-latin-800.woff2 new file mode 100644 index 0000000..9f985e4 Binary files /dev/null and b/src/assets/fonts/raleway-v34-latin-800.woff2 differ diff --git a/src/assets/fonts/raleway-v34-latin-800italic.woff2 b/src/assets/fonts/raleway-v34-latin-800italic.woff2 new file mode 100644 index 0000000..c8d32ca Binary files /dev/null and b/src/assets/fonts/raleway-v34-latin-800italic.woff2 differ diff --git a/src/assets/scripts/app.js b/src/assets/scripts/app.js new file mode 100644 index 0000000..f735e78 --- /dev/null +++ b/src/assets/scripts/app.js @@ -0,0 +1,5 @@ +const menuButton = document.getElementById("navigation-toggle"); +menuButton.addEventListener("click", () => { + const ariaExpanded = menuButton.ariaExpanded === "false"; + menuButton.ariaExpanded = ariaExpanded; +}); diff --git a/src/assets/styles/abstracts/_variables.css b/src/assets/styles/abstracts/_variables.css index e044e61..a1d6621 100644 --- a/src/assets/styles/abstracts/_variables.css +++ b/src/assets/styles/abstracts/_variables.css @@ -1,19 +1,35 @@ :root { /** Typography **/ --family-sans-serif: "Source Sans 3", sans-serif; + --family-display: "Raleway", sans-serif; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; + /* @link https://utopia.fyi/clamp/calculator?a=320,1440,22—28|32—40|40—56|48—80 */ + --step--1: 1rem; + --step-0: 1.125rem; + --step-1: 1.25rem; + --step-2: clamp(1.375rem, 1.2679rem + 0.5357vw, 1.75rem); + --step-3: clamp(2rem, 1.8571rem + 0.7143vw, 2.5rem); + --step-4: clamp(2.5rem, 2.2143rem + 1.4286vw, 3.5rem); + --step-5: clamp(3rem, 2.4286rem + 2.8571vw, 5rem); + /** Colors **/ --color-blue: hsla(194, 60%, 59%, 1); --color-green: hsla(163, 35%, 49%, 1); --color-yellow: hsla(42, 92%, 70%, 1); --color-orange: hsla(25, 76%, 64%, 1); --color-red: hsla(359, 64%, 63%, 1); - --color-white: hsla(0, 0%, 100%, 1); + --color-dark-grey: hsl(0, 0%, 12%, 1); --color-indigo-100: hsla(244, 100%, 98%, 1); --color-indigo-200: hsla(244, 93%, 93%, 1); + --color-indigo-700: hsla(244, 93%, 22%, 1); + --color-indigo-800: hsla(244, 87%, 12%, 1); + + /** Paddings **/ + --common-inline-padding: clamp(1.875rem, 0.0536rem + 9.1071vw, 8.25rem); + --common-block-padding: clamp(3.75rem, 3.3929rem + 1.7857vw, 5rem); } diff --git a/src/assets/styles/app.css b/src/assets/styles/app.css index a818f1b..ba03c31 100644 --- a/src/assets/styles/app.css +++ b/src/assets/styles/app.css @@ -1,14 +1,17 @@ @charset "UTF-8"; /* Abstracts */ - @import "./abstracts/_variables.css"; /* Base */ - @import "./base/_reset.css"; +@import "./base/_fonts.css"; @import "./base/_base.css"; -h1 { - line-height: 1; -} \ No newline at end of file +/* Global */ +@import "./global/footer.css"; +@import "./global/header.css"; + +/* Components */ +@import "./components/card.css"; +@import "./components/navigation.css"; diff --git a/src/assets/styles/base/_base.css b/src/assets/styles/base/_base.css index eb98353..19b965b 100644 --- a/src/assets/styles/base/_base.css +++ b/src/assets/styles/base/_base.css @@ -1,5 +1,126 @@ -@import "./_fonts.css"; +body { + font-family: var(--family-sans-serif); + font-size: var(--step-0); +} + +h1, +h2, +h3, +h4 { + font-family: var(--family-display); +} h1 { - font-family: var(--family-sans-serif); -} \ No newline at end of file + font-size: var(--step-5); +} + +h2 { + font-size: var(--step-4); +} + +h3 { + font-size: var(--step-3); +} + +h4 { + font-size: var(--step-2); +} + +section { + padding-block: var(--common-block-padding); + padding-inline: var(--common-inline-padding); + border-bottom: 0.1875rem solid transparent; +} + +.banner__text > * + *, +section > * + * { + margin-block-start: 1em; +} + +section:nth-of-type(even) { + background-color: var(--fl-bgColor, var(--color-indigo-100)); + color: var(--fl-fgColor); +} + +section:nth-of-type(odd) { + background-color: var(--fl-bgColor, var(--color-indigo-200)); + color: var(--fl-fgColor); +} + +section:last-of-type:not(:first-of-type) { + background-color: var(--fl-bgColor, var(--color-indigo-700)); + color: var(--fl-fgColor, white); +} + +.visually-hidden { + clip: rect(0 0 0 0); + clip-path: inset(50%); + height: 1px; + overflow: hidden; + position: absolute; + white-space: nowrap; + width: 1px; +} + +.banner { + display: flex; + align-items: center; + min-height: 16.25rem; + width: 100vw; + border-bottom: 0.2rem solid transparent; +} + +.bg-indigo-100 { + background-color: var(--fl-bgColor, var(--color-indigo-100)); +} + +.bg-indigo-200 { + background-color: var(--fl-bgColor, var(--color-indigo-200)); +} + +.bg-indigo-700 { + background-color: var(--fl-bgColor, var(--color-indigo-700)); + color: var(--fl-fgColor, white); +} + +.bg-indigo-800 { + background-color: var(--fl-bgColor, var(--color-indigo-800)); + color: var(--fl-fgColor, white); +} + +.bg-dark-grey { + background-color: var(--fl-bgColor, var(--color-dark-grey)); + color: var(--fl-fgColor, white); +} + +.banner__text { + font-size: var(--step-1); + padding-block: var(--common-block-padding); + padding-inline: var(--common-inline-padding); +} + +.display { + padding-inline: var(--common-inline-padding); + padding-block: var(--common-block-padding); + border-bottom: 0.2rem solid transparent; +} + +@media (width >= 24.25rem) { + .display__items { + margin: auto; + } +} + +@media (width >= 46.625rem) { + .display__items { + display: grid; + gap: 1.875rem; + grid-template-columns: repeat(2, 1fr); + } +} + +@media (width >= 70.875rem) { + .display__items { + grid-template-columns: repeat(3, 1fr); + } +} diff --git a/src/assets/styles/base/_fonts.css b/src/assets/styles/base/_fonts.css index 6933020..a665747 100644 --- a/src/assets/styles/base/_fonts.css +++ b/src/assets/styles/base/_fonts.css @@ -62,6 +62,22 @@ src: url('../fonts/raleway-v34-latin-700italic.woff2') format('woff2'); } +@font-face { + font-display: swap; + font-family: 'Raleway'; + font-style: normal; + font-weight: 800; + src: url('../fonts/raleway-v34-latin-800.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Raleway'; + font-style: italic; + font-weight: 800; + src: url('../fonts/raleway-v34-latin-800italic.woff2') format('woff2'); +} + @font-face { font-display: swap; font-family: 'Source Sans 3'; diff --git a/src/assets/styles/components/card.css b/src/assets/styles/components/card.css new file mode 100644 index 0000000..8df79c2 --- /dev/null +++ b/src/assets/styles/components/card.css @@ -0,0 +1,54 @@ +.card { + background-color: white; + color: black; + min-width: 20.5rem; + margin-bottom: 1rem; + box-shadow: 0px 0.625rem 1.25rem 0px hsla(244, 93%, 22%, 0.15); +} + +.card__image { + min-height: 14.44rem; + min-width: 20.5rem; + background-color: black; +} + +.card__content { + display: flex; + flex-direction: column; + gap: 0.93rem; + padding: 1.875rem; +} + +.card__title h4{ + font-family: var(--family-sans-serif); + font-weight: var(--font-weight-semibold); + font-size: var(--step-1); + margin: 0; +} + +.card__body, +.card__date, +.card__event-status { + font-family: var(--family-sans-serif); + font-weight: var(--font-weight-normal); + font-size: var(--step-0); +} + +.card__event-status { + position: relative; + display: flex; + align-items: center; +} + +.card__event-status svg { + position: absolute; + width: 12ch; + fill: var(--fl-bgColor, var(--color-yellow)); + stroke: var(--fl-fgColor, var(--color-yellow)); +} + +.card__event-status p { + position: relative; + padding-inline: 0.5rem; + border-left: 0.05rem solid var(--fl-fgColor, var(--color-yellow)); +} diff --git a/src/assets/styles/components/navigation.css b/src/assets/styles/components/navigation.css new file mode 100644 index 0000000..df1c61f --- /dev/null +++ b/src/assets/styles/components/navigation.css @@ -0,0 +1,93 @@ +.navigation { + background-color: var(--color-indigo-700); + border-bottom: 0.2rem solid transparent; + border-top: 0.2rem solid transparent; + color: white; + font-family: var(--family-sans-serif); +} + +.navigation__link { + display: flex; + justify-content: space-between; + padding-block: 1.25rem; + padding-inline: var(--common-inline-padding); +} + +.navigation__home { + text-decoration: none; + color: white; + font-family: 'Raleway'; + font-size: var(--step-0); +} + +.navigation__toggle { + display: flex; + gap: 0.625rem; + align-items: center; + background-color: var(--color-indigo-700); + color: white; + border: none; + font-family: var(--family-sans-serif); + font-weight: var(--font-weight-normal); + font-size: var(--step-0); +} + +.navigation__menu { + width: 100%; + background-color: var(--color-indigo-700); + padding-inline: var(--common-inline-padding); +} + +.navigation__link:has([aria-expanded="true"]) + .navigation__menu { + display: block; +} + +.navigation__link:has([aria-expanded="false"]) + .navigation__menu { + display: none; +} + +.navigation__menu ul { + display: flex; + flex-direction: column; + list-style-type: none; + margin-inline: 1.625rem; +} + +.navigation__menu li { + font-size: var(--step-0); + font-weight: var(--font-weight-normal); + line-height: 1.625rem; + padding-block: 0.625rem; +} + +.navigation__menu li a { + text-decoration: none; +} + +@media (width >= 46.625rem) { + .navigation { + display: flex; + justify-content: space-between; + padding-block: 1.25rem; + padding-inline: var(--common-inline-padding); + } + + .navigation__link { + padding: unset; + } + + .navigation__toggle { + display: none; + } + + .navigation__link:has([aria-expanded="false"]) + .navigation__menu { + display: block; + padding: unset; + width: unset; + } + + .navigation__menu ul { + flex-direction: row; + gap: 1.75rem; + } +} \ No newline at end of file diff --git a/src/assets/styles/global/footer.css b/src/assets/styles/global/footer.css new file mode 100644 index 0000000..971771e --- /dev/null +++ b/src/assets/styles/global/footer.css @@ -0,0 +1,78 @@ +footer { + background-color: var(--color-indigo-800); + color: white; + padding-inline: var(--common-inline-padding); + padding-block: var(--common-block-padding); +} + +footer .footer__container h2 { + font-size: var(--step-1); + font-weight: var(--font-weight-bold); + font-family: var(--family-sans-serif); +} + +.footer__title { + font-size: var(--step-1); + font-family: "Raleway"; + margin-block: 2rem; +} + +.footer__social-media, +.footer__contact-us { + margin-bottom: 2rem; +} + +.footer__social-media a { + display: flex; + + margin-bottom: 1rem; +} + +.footer__social-media svg { + stroke: white; + stroke-width: 0.05rem; + width: 1.375rem; + margin-inline-end: 1rem; + fill: var(--fl-linkColor, white); + stroke: var(--fl-linkColor, black); +} + +.footer__contact-us-item-title { + font-size: var(--step-0); + font-weight: var(--font-weight-bold); +} + +.footer__contact-us-item { + font-size: var(--step-0); + font-weight: var(--font-weight-normal); + margin-bottom: 1rem; +} + +.footer__sponsors { + display: flex; + flex-direction: column; + gap: 2rem; + margin-block: 2rem; +} + +.footer__sponsors svg { + fill: var(--fl-linkColor, white); +} + +@media (width >= 24.25rem) { + .footer__container { + margin: auto; + } +} + +@media (width >= 70.875rem) { + .footer__content { + display: grid; + gap: 1.875rem; + grid-template-columns: repeat(3, 1fr); + } + + .footer__section { + width: max-content; + } +} diff --git a/src/assets/styles/global/header.css b/src/assets/styles/global/header.css new file mode 100644 index 0000000..c61e2d4 --- /dev/null +++ b/src/assets/styles/global/header.css @@ -0,0 +1,50 @@ +.header { + background-color: inherit; + display: flex; + font-family: var(--family-sans-serif); + justify-content: space-between; + align-items: center; + padding-inline-start: var(--common-inline-padding); + min-height: 3.56rem; +} + +.small-viewport { + padding-inline-end: var(--common-inline-padding); +} + +.large-viewport { + display: none; +} + +.header__language { + display: flex; + align-items: center; +} + +[aria-current="page"] { + text-decoration: none; +} + +.header__language li:not(:last-child)::after { + margin-inline: 0.5rem; + content: '/'; +} + +.fl-prefsEditor-buttons { + margin-right: var(--common-inline-padding) !important; + margin-left: 2rem !important; +} + +.fl-prefsEditor-separatedPanel { + background: inherit; + border-block-end: none !important; +} + +@media (width >= 40rem) { + .small-viewport { + display: none; + } + .large-viewport { + display: flex; + } +} \ No newline at end of file diff --git a/src/collections/pages/en/about.md b/src/collections/pages/en/about.md new file mode 100644 index 0000000..5c0c78b --- /dev/null +++ b/src/collections/pages/en/about.md @@ -0,0 +1,24 @@ +--- +title: About +layout: layouts/about +order: 1 +hasBanner: true +bannerBgColor: dark-grey +bannerTitle: About +bannerBody: Learn more about Inclusive standards +--- +## Making Standards Accessible + +Lorem ipsum dolor sit amet. Ea galisum quisquam aut galisum aperiam eum dolores consequuntur et fugit rerum ut +necessitatibus eligendi aut corrupti nisi quo voluptatum impedit. Nam dolor delectus non sapiente vero sit sint esse +cum libero provident est Quis voluptatem non ipsa ullam vel iure autem. Quo facilis reprehenderit in atque deleniti +qui facilis vitae sit officia galisum. Quo laboriosam consequatur sed fugit voluptas id quibusdam galisum sit +explicabo modi sit mollitia placeat hic laboriosam omnis. + +## What do we do? + +Lorem ipsum dolor sit amet. Ea galisum quisquam aut galisum aperiam eum dolores consequuntur et fugit rerum ut +necessitatibus eligendi aut corrupti nisi quo voluptatum impedit. Nam dolor delectus non sapiente vero sit sint esse +cum libero provident est Quis voluptatem non ipsa ullam vel iure autem. Quo facilis reprehenderit in atque deleniti +qui facilis vitae sit officia galisum. Quo laboriosam consequatur sed fugit voluptas id quibusdam galisum sit +explicabo modi sit mollitia placeat hic laboriosam omnis. diff --git a/src/collections/pages/en/en.json b/src/collections/pages/en/en.json new file mode 100644 index 0000000..5b081b7 --- /dev/null +++ b/src/collections/pages/en/en.json @@ -0,0 +1,3 @@ +{ + "lang": "en" +} diff --git a/src/collections/pages/en/index.md b/src/collections/pages/en/index.md index bdf7731..cff7fab 100644 --- a/src/collections/pages/en/index.md +++ b/src/collections/pages/en/index.md @@ -1,6 +1,10 @@ --- title: Inclusive Standards -permalink: /en/ -lang: en -layout: layouts/base +layout: layouts/home +order: 0 +hasBanner: true +bannerBgColor: indigo-700 +bannerTitle: "**Inclusive** Standards" +bannerBody: Inclusive Standards is a project led by the Inclusive Design Centre, dedicated to creating guidelines that ensure products, services, and environments are accessible and usable by everyone. We focus on promoting equity, diversity, and inclusion by developing standards that meet the needs of all individuals, including people with disabilities and marginalized communities. --- +Not applicable. diff --git a/src/collections/pages/en/projects.md b/src/collections/pages/en/projects.md new file mode 100644 index 0000000..fe30bdd --- /dev/null +++ b/src/collections/pages/en/projects.md @@ -0,0 +1,10 @@ +--- +title: Projects +order: 2 +hasBanner: true +bannerBgColor: dark-grey +bannerTitle: Projects +bannerBody: Projects showcase all the Inclusive Standards Projects currently being investigated by IDRC +layout: layouts/projects +--- +Not applicable. diff --git a/src/collections/pages/fr/about.md b/src/collections/pages/fr/about.md new file mode 100644 index 0000000..867a04e --- /dev/null +++ b/src/collections/pages/fr/about.md @@ -0,0 +1,15 @@ +--- +title: À propos +layout: layouts/about +hasBanner: true +bannerBgColor: dark-grey +bannerTitle: À propos +bannerBody: En savoir plus sur les normes inclusives +--- +## Rendre les normes accessibles + +Lorem ipsum dolor sit amet. Ea galisum quisquam aut galisum aperiam eum dolores consequuntur et fugit rerum ut necessitatibus eligendi aut corrupti nisi quo voluptatum impedit. Nam dolor delectus non sapiente vero sit sint esse cum libero provident est Quis voluptatem non ipsa ullam vel iure autem. Quo facilis reprehenderit in atque deleniti qui facilis vitae sit officia galisum. Quo laboriosam consequatur sed fugit voluptas id quibusdam galisum sit explicabo modi sit mollitia placeat hic laboriosam omnis. + +## Ce que nous faisons + +Lorem ipsum dolor sit amet. Ea galisum quisquam aut galisum aperiam eum dolores consequuntur et fugit rerum ut necessitatibus eligendi aut corrupti nisi quo voluptatum impedit. Nam dolor delectus non sapiente vero sit sint esse cum libero provident est Quis voluptatem non ipsa ullam vel iure autem. Quo facilis reprehenderit in atque deleniti qui facilis vitae sit officia galisum. Quo laboriosam consequatur sed fugit voluptas id quibusdam galisum sit explicabo modi sit mollitia placeat hic laboriosam omnis. diff --git a/src/collections/pages/fr/fr.json b/src/collections/pages/fr/fr.json new file mode 100644 index 0000000..c7a37af --- /dev/null +++ b/src/collections/pages/fr/fr.json @@ -0,0 +1,3 @@ +{ + "lang": "fr" +} diff --git a/src/collections/pages/fr/index.md b/src/collections/pages/fr/index.md index e314c0a..969aac2 100644 --- a/src/collections/pages/fr/index.md +++ b/src/collections/pages/fr/index.md @@ -1,6 +1,10 @@ --- -title: Inclusive Standards -permalink: /fr/ -lang: fr -layout: layouts/base ---- \ No newline at end of file +title: Normes inclusives +hasBanner: true +bannerBgColor: indigo-700 +bannerTitle: Normes **inclusives** +bannerBody: Normes inclusives est un projet mené par la Centre de Recherche pour une Conception Inclusive, qui se consacre à l'élaboration de lignes directrices garantissant que les produits, les services et les environnements sont accessibles et utilisables par tous. Nous nous attachons à promouvoir l'équité, la diversité et l'inclusion en élaborant des normes qui répondent aux besoins de tous les individus, y compris les personnes handicapées et les communautés marginalisées. +layout: layouts/home +order: 0 +--- +Not applicable. diff --git a/src/collections/pages/fr/projects.md b/src/collections/pages/fr/projects.md new file mode 100644 index 0000000..40965bb --- /dev/null +++ b/src/collections/pages/fr/projects.md @@ -0,0 +1,9 @@ +--- +title: Projets +hasBanner: true +bannerBgColor: dark-grey +bannerTitle: Projets +bannerBody: Les projets présentent tous les projets de normes inclusives actuellement étudiés par le CRDI. +layout: layouts/projects +--- +Not applicable. diff --git a/src/collections/pages/pages.11tydata.js b/src/collections/pages/pages.11tydata.js new file mode 100644 index 0000000..994c671 --- /dev/null +++ b/src/collections/pages/pages.11tydata.js @@ -0,0 +1,19 @@ +import { generatePermalink } from "eleventy-plugin-fluid"; + +export default { + permalink: (data) => { + return generatePermalink(data, "pages"); + }, + eleventyComputed: { + eleventyNavigation: (data) => { + if (data.order === 0) { + return false; + } + + return { + key: data.title, + order: data.order + }; + } + } +}; diff --git a/src/collections/pages/pages.json b/src/collections/pages/pages.json deleted file mode 100644 index 0967ef4..0000000 --- a/src/collections/pages/pages.json +++ /dev/null @@ -1 +0,0 @@ -{} diff --git a/src/index.md b/src/index.md deleted file mode 100644 index b93145f..0000000 --- a/src/index.md +++ /dev/null @@ -1,4 +0,0 @@ ---- -title: Inclusive Standards -layout: layouts/base ----