clickable image DL

[amaiaita]

Description

❓What: make home image clickable on the DL hub

🧠Why?: navigation within the DL hub

👨‍💻How?: setting image areas in the image that link to the different areas

Checklist:

Have checked for the following:

• The website still builds correctly, and you can view it using mkdocs serve.
• There are no new "warnings" from mkdocs
• Does your page follow the page template (or here in Markdown)? (need to make a new one specific to NHSE Data Science)
• Spelling errors
• Consistent capitalization
• Consistent numbers
• Material features incorrectly implemented: search for code blocks and markers (e.g. !!!).
• Code snippets don't work
• Images not working
• Links not working

Where it was tested

• Github Codespaces - 2-core, 4GB RAM, 32GB hard drive
• devcontainer.json describes further settings

[GiuliaMantovani1]

the clickable areas are slightly off especially on the Quality Assurance Framework and MPS documentation. I think you created the area too much to the right and lower than where the circles are.
not major, but possibly could be adjusted?
Also, I noticed that this problem only occurs when you zoom in the page, while if you are zoomed out, it seems aligned. So if you fix this, check that it still works at different zoomed-in points.