Hero anmiations everywhere

[lorenzleutgeb]

We already have a few places in the app that could benefit from sophisticated navigation. @pbochis dropped the term "zooming" today, and this is my proposal on how we should implement it.

Valid examples that could benefit from this right now:

1. Viewing details of a task, when on a challenge page. This has raised Detailed view of a task #61
2. "Zooming in" on one Candidate's profile from the candidate list.
3. Opening a result from a list of results on the Challenge page.
4. Selecting a task from the list of tasks (very similar to 1.).

In most of these scenarios we have an item of interest (task, result, candidate) that the user wants to inspect more closely to get details. Often times, it is clearly bounded and structured by means of a card, or a row in a table.

The idea is to transition the view from composed object (challenge page) or list (results, candidates) to a view that reflects one single object.

Consider the Grid Animation: Every element in this grid can be "zoomed in", like cards on our pages could be.

Another example is the List Animation which might be suitable for the list of results, or other future scenarios.

WDYT?

[pbochis]

Completely agree, but should be p2 imo.