Grid Display

As a participant, I can choose how to display an accountability page either by:

Progress bars (Classic view)

or by

a Card grid in which each card is a project displaying infos as available in project page (i.e. Lausanne):

• Progress %
• Status
• Title
• Image
• Description

And a View button

Order projects by alphanumeric order if possible or else by alphabetical order.

Hide filters when in grid view.

Validation steps:

1. as a participant, when the plugin is installed, I can choose to display the projects in progress bars (by default the view is set to card grid)
2. when I click on a card, I go to the project page
3. From the project page, I can see the subprojects displayed as a grid
4. From the search results page, I can see the projects displayed as on the project page

Tasks

• Project card
• Grid: 3x6 in desktop, 1x24 mobile (full width)
• Pagination & cache
• get rid of previous execution % on accountability main page
• handle sub-projects