La conférence IMDIS aura lieu les 27-28-29 mai 2024 à Bergen.
\n\n \n
\nIMDIS 2024
![\"\"](\"https://www.ifremer.fr/co/fr-oos/img/imdis2024.jpg\")
\n L'assemblée générale du Fr-OOS aura lieu les 25-26 septembre 2024 à ...
\nAgenda
\nInscription
\n", "date_published": "2024-05-07T07:51:09Z" } , { "id": "https://www.ifremer.fr/co/fr-oos/fr/blog/assemblee-generale-eurogoos-2024/", "url": "https://www.ifremer.fr/co/fr-oos/fr/blog/assemblee-generale-eurogoos-2024/", "title": "Assemblée générale EuroGOOS 2024", "content_html": "L'assemblée générale EuroGOOS aura lieu les 21-22-23 mai 2024 à Lisbonne.
\n\n \n
\nEuroGOOS 2024
![\"\"](\"https://www.ifremer.fr/co/fr-oos/img/eurogoos2024.png\")
\n La syntaxe utilisée dans les fichiers Markdown .md du site suit la spécification CommonMark.
Voir un rappel des principaux éléments
\nDe nouveaux éléments ont été ajoutés à cette syntaxe et sont disponibles dans eleventy-dsfr.
\n????accordionsgroup\n\n??? Intitulé accordéon\n\nContenu **markdown** _riche_\n\n???\n\n????:::info Test d'alerte\nContenu **Mardown**\n::::::quote\n« Lorem [...] elit ut. »\n::::::callout Titre mise en avant\nLes parents d’enfants de 11 à 14 ans n’ont aucune démarche à accomplir : les CAF versent <strong>automatiquement</strong> l’ARS aux familles déjà allocataires qui remplissent les conditions.\n:::La syntaxe utilisée pour le cartouche en début de fichier est communément le YAML.\nIl peut contenir des données pré-définies par Eleventy ou personnalisées pour la page en cours.
\n", "date_published": "2024-02-13T08:49:46Z" } , { "id": "https://www.ifremer.fr/co/fr-oos/fr/blog/accordeon/", "url": "https://www.ifremer.fr/co/fr-oos/fr/blog/accordeon/", "title": "Accordéon", "content_html": "Chaque composant peut être inclus dans un fichier Nunjucks .njk ou Markdown .md.
.md #????accordionsgroup\n\n??? Intitulé accordéon\n\nContenu **markdown** _riche_\n\n???\n\n????Note : Le conteneur accordionsgroup est facultatif quand il n'y a qu'un seul accordéon.
.njk #{% from \"components/component.njk\" import component with context %}\n{{ component(\"accordionsgroup\", {\n items: [{\n title: \"Intitulé accordéon\",\n content: \"<p>Contenu HTML</p>\"\n }]\n}) }}\nUn accordéon créé en Nunjucks :
\nContenu HTML
\nGroupe d'accordéons créé en Markdown :
\nContenu MD
\nContenu markdown riche
\ngit commit\ngit pushUn autre accordéon seul :
\n\nLorem [...] elit ut.
\nVoir aussi la page du composant sur le site du DSFR
\n", "date_published": "2024-02-13T08:49:46Z" } , { "id": "https://www.ifremer.fr/co/fr-oos/fr/blog/carte/", "url": "https://www.ifremer.fr/co/fr-oos/fr/blog/carte/", "title": "Carte", "content_html": "Chaque composant peut être inclus dans un fichier Nunjucks .njk ou Markdown .md.
{% from \"components/component.njk\" import component with context %}\n{{ component(\"card\", {\n url: \"/\",\n title: \"Intitulé carte\",\n description: \"La carte donne des aperçus cliquables d’une page de contenu à l’utilisateur. Elle fait généralement partie d'une collection ou liste d’aperçus de contenu similaires. La carte n’est jamais présentée de manière isolée.\",\n tags: [\"label tag\"],\n date: \"2023-06-21\" | jsDateObject,\n badges: [\"label badge\"],\n image: {\n src: \"/img/placeholder.16x9.png\",\n alt: \"\"\n },\n addClass: \"fr-card--horizontal-tier\"\n}) }}\nLe format complet de l'objet en paramètre est le suivant :
\n{\n \"url\": \"string\",\n \"externalUrl\": \"string\",\n \"urlDescription\": \"string\",\n \"title\": \"string\",\n \"description\": \"string\",\n \"tags\": \"string[]\",\n \"date | detail\": \"Date | string\",\n \"detailEnd\": \"string\",\n \"badges\": \"string[]\",\n \"image\": {\n \"src | path\": \"string\",\n \"alt\": \"string\"\n },\n \"addClass\": \"string\"\n}Notes :
\nSi card.externalUrl est utilisé, card.url doit être false. card.urlDescription peut alors être utilisé pour nommer le lien.
image.src est le chemin de l'image dans le site. image.path peut être utilisé à la place de image.src en spécifiant le chemin relatif du fichier depuis l'emplacement de la page dans le dépôt (ex. path : "../../../../public/img/placeholder.16x9.png"). Cela permet de bénéficier du plugin Image d'Eleventy.
date et detail ne peuvent pas être renseignés simultanément car les deux utilisent la même zone de détail (haute).
La carte donne des aperçus cliquables d’une page de contenu à l’utilisateur. Elle fait généralement partie d'une collection ou liste d’aperçus de contenu similaires. La carte n’est jamais présentée de manière isolée.
\n\n \n
\nlabel badge
![\"\"](\"https://www.ifremer.fr/co/fr-oos/img/placeholder.16x9.png\")
\n Voir aussi la page du composant sur le site du DSFR
\n", "date_published": "2024-02-07T15:04:15Z" } , { "id": "https://www.ifremer.fr/co/fr-oos/fr/blog/alerte/", "url": "https://www.ifremer.fr/co/fr-oos/fr/blog/alerte/", "title": "Alerte", "content_html": "Ce composant peut être inclus dans un fichier Nunjucks .njk ou Markdown .md.
.md #:::info Test d'alerte\nContenu **Mardown**\n:::.njk #{% from \"components/component.njk\" import component with context %}\n{{ component(\"alert\", {\n type: \"info\",\n title: \"Test d'alerte\",\n description: \"<p>Le contenu de l'alerte</p>\"\n}) }}\nNotes :
\nLe composant alerte n'inclut pas de bouton de fermeture.
\nLe bloc ne porte pas l'attribut role="alert" car il n’apparait pas dynamiquement en cours de navigation.
Les types possibles sont info, warning, error, success. En njk si le type est omis, le type info sera appliqué.
Contenu de l'alerte
\nLe contenu de l'alerte
Contenu de l'alerte seule
\nVoir aussi la page du composant sur le site du DSFR
\n", "date_published": "2024-02-07T14:43:04Z" } , { "id": "https://www.ifremer.fr/co/fr-oos/fr/blog/citation/", "url": "https://www.ifremer.fr/co/fr-oos/fr/blog/citation/", "title": "Citation", "content_html": "Chaque composant peut être inclus dans un fichier Nunjucks .njk ou Markdown .md.
.md #Seul le texte est disponible.
\n:::quote /img/placeholder.1x1.png\n« Lorem [...] elit ut. »\n:::Le chemin de l'image (optionnelle) est celui dans le site.
\n.njk #{% from \"components/component.njk\" import component with context %}\n{{ component(\"quote\", {\n sourceUrl: \"/\",\n text: \"Lorem [...] elit ut.\",\n author: \"Auteur\",\n source: \"Ouvrage\",\n imageSrc: \"/img/placeholder.1x1.png\"\n}) }}\nimageSrc est le chemin de l'image dans le site.
\n\n« Lorem [...] elit ut. »
\n
![\"\"](\"https://www.ifremer.fr/co/fr-oos/img/placeholder.1x1.png\"){kind=spacer}
\n Voir aussi la page du composant sur le site du DSFR
\n", "date_published": "2024-01-23T10:35:54Z" } , { "id": "https://www.ifremer.fr/co/fr-oos/fr/blog/blog-post/", "url": "https://www.ifremer.fr/co/fr-oos/fr/blog/blog-post/", "title": "Mise en page d'un article", "content_html": "La mise en page post.njk utilisée pour les articles de blog, permet l'ajout d'une bannière en haut, via la variable image du cartouche :
---\nimage:\n path: ./possum.png\n alt: A possum\n---Note : La variable image.path correspond au chemin relatif du fichier depuis l'emplacement de la page dans le dépôt.
Le fil d'Ariane peut être affiché automatiquement si la variable showBreadcrumb du cartouche est positionnée :
---\nshowBreadcrumb: true\n---Chaque composant peut être inclus dans un fichier Nunjucks .njk ou Markdown .md.
{% from \"components/component.njk\" import component with context %}\n{{ component(\"tile\", {\n url: \"/\",\n title: \"Intitulé de la tuile\",\n description: \"Lorem [...] elit ut.\",\n pictogram: \"buildings/city-hall.svg\"\n}) }}\nLe format complet de l'objet en paramètre est le suivant :
\n{\n \"url\": \"string\",\n \"externalUrl\": \"string\",\n \"title\": \"string\",\n \"description\": \"string\",\n \"pictogram\": \"string\"\n}Si tile.externalUrl est utilisé, tile.url doit être false.
Lorem [...] elit ut.
\n