diff --git a/src/assets/tools/learning-landscapes-screenshot.png b/src/assets/tools/learning-landscapes-screenshot.png new file mode 100644 index 000000000..3da46f76a Binary files /dev/null and b/src/assets/tools/learning-landscapes-screenshot.png differ diff --git a/src/localization/locales/en-US.json b/src/localization/locales/en-US.json index 8f49f6b4a..a7b2d60bc 100644 --- a/src/localization/locales/en-US.json +++ b/src/localization/locales/en-US.json @@ -159,7 +159,6 @@ "Collect data offline and online", "Analyze and manage data" ], - "requirements": "Modern web browser (Chrome, Edge, Firefox, Safari)", "external": "true" }, "landscale": { @@ -177,7 +176,22 @@ "Validate results through LandScale validation and local review", "Publish results on the LandScale platform" ], - "requirements": "Modern web browser (Chrome, Edge, Firefox, Safari)", + "external": "true" + }, + "learning_landscapes": { + "title": "Learning Landscapes", + "url": "https://learn.landscapes.global/", + "learn_more_url": "https://landscapes.global/", + "img": { + "height": "140", + "width": "250", + "src": "tools/learning-landscapes-screenshot.png", + "alt": "A list of chapters in a course, with one chapter selected." + }, + "description": [ + "Learn how to practice Integrated Landscape Management", + "Develop your skills to achieve ILM outputs" + ], "external": "true" }, "storyMap": { @@ -191,7 +205,7 @@ "caption": "Rocky Hill’s Story Map" }, "description": ["Create beautiful map-based stories"], - "requirements": "Modern web browser (Chrome, Edge, Firefox, Safari)", + "": "Modern web browser (Chrome, Edge, Firefox, Safari)", "external": "false" } }, diff --git a/src/localization/locales/es-ES.json b/src/localization/locales/es-ES.json index 0404e5290..ee96f5b38 100644 --- a/src/localization/locales/es-ES.json +++ b/src/localization/locales/es-ES.json @@ -159,7 +159,6 @@ "Recopilar datos fuera de línea y en línea", "Analizar y gestionar datos" ], - "requirements": "Navegador web moderno (Chrome, Edge, Firefox, Safari)", "external": "true" }, "landscale": { @@ -177,7 +176,22 @@ "Validar resultados mediante validación LandScale y revisión local", "Publicar resultados en la plataforma LandScale" ], - "requirements": "Navegador web moderno (Chrome, Edge, Firefox, Safari)", + "external": "true" + }, + "learning_landscapes": { + "title": "Learning Landscapes", + "url": "https://learn.landscapes.global/", + "learn_more_url": "https://landscapes.global/", + "img": { + "height": "140", + "width": "250", + "src": "tools/learning-landscapes-screenshot.png", + "alt": "A list of chapters in a course, with one chapter selected." + }, + "description": [ + "Learn how to practice Integrated Landscape Management", + "Develop your skills to achieve ILM outputs" + ], "external": "true" }, "storyMap": { @@ -191,7 +205,6 @@ "caption": "Story Map de Rocky Hill" }, "description": ["Crea hermosas historias basadas en mapas"], - "requirements": "Navegador web moderno (Chrome, Edge, Firefox, Safari)", "external": "false" } }, diff --git a/src/tool/components/ToolCard.js b/src/tool/components/ToolCard.js index d22665a82..fa3b643df 100644 --- a/src/tool/components/ToolCard.js +++ b/src/tool/components/ToolCard.js @@ -97,6 +97,7 @@ const ToolCard = ({ tool }) => { const external = t(`tools.${tool}.external`) === 'true'; const LinkComponent = external ? ExternalLink : Link; + const requirements = t(`tools.${tool}.requirements`, ''); return ( @@ -131,8 +132,12 @@ const ToolCard = ({ tool }) => { {toolDescription} )} - {t('tool.requirements')} - {t(`tools.${tool}.requirements`)} + {requirements && ( + <> + {t('tool.requirements')} + {t(`tools.${tool}.requirements`)} + + )} {learnMoreUrl && ( diff --git a/src/tool/components/ToolList.js b/src/tool/components/ToolList.js index 31c81e535..8946842e8 100644 --- a/src/tool/components/ToolList.js +++ b/src/tool/components/ToolList.js @@ -26,7 +26,7 @@ import ToolCard from 'tool/components/ToolCard'; const ToolList = () => { const { t } = useTranslation(); - const toolList = ['storyMap', 'kobo', 'landscale']; + const toolList = ['storyMap', 'kobo', 'landscale', 'learning_landscapes']; useDocumentTitle(t('tool.list_document_title')); useDocumentDescription(t('tool.list_document_description'));