Adjust the layout of the radar page

SDG-AI-Lab / Digital_Technologies_Radar

SDG AI Lab in partnership with UNDP DRT and CBi has developed an online tool – a Frontier Technology Radar for Disaster Risk Reduction (FTR4DRR), which allows for the systematic tracking and understanding of frontier technologies as they are developed. This would categorize technological solutions according to their technology type, disaster/crisis type and maturity level. Moreover, it is expected that the tool developed would encourage knowledge and experience-sharing among development stakeholders on the use of frontier technologies in disaster and conflict contexts. The Frontier Technology Radar for Disaster Risk Reduction (FTR4DRR) aims to highlight the potential of technological solutions in disaster contexts to those working in the fields of risk reduction, response and recovery. It supports development stakeholders to navigate the variety of existing and emerging technologies and their possible use cases.

11 stars 4 forks source link

Adjust the layout of the radar page #183

Closed OzgeOzkaya closed 2 years ago

OzgeOzkaya commented 2 years ago

This task depends on task #182

The radar should be as in the same height as the information car. If we consider the page is divided into two and the left side of the divided part allocates 60% of the page while the right side allocates 40%.

The radar should be on the left side and the information card should be on the right side.
There should be a gap between the radar and the information card.
There should be a gap between the navbar and the radar; information card and the right-side screen limitation.
While completing the issue, you must also consider the responsiveness of any type of screen and mobile

rr-Page-3 drawio

OzgeOzkaya commented 2 years ago

Users won't be able to click on the blips in full radar from their mobile. So we should direct them to quadrant pages. We decided to make the radar quadrants as buttons for mobile version as in https://www.thoughtworks.com/radar

Please don't forget the #182 is also related to this issue.

To summarize:

Replacement of the title
Radar and information card replacement on the page(desktop)
Radar quadrants to buttons in mobile version (you may also remove the filtering button, how to use button and information card for this page as there will be no click functionality to a blip)
Quadrant responsiveness for mobile version (this page would require the buttons and the information card)