Display categories & related content with image/title next to posts

[ivanslabbert]

Instead of displaying "tags" as a text list, display all tags a video belongs to in the same horizontal scrollable viewer as on the homepage.

Acceptance criteria

• Remove the current Tags below the content
• Show a scrollable viewer for all tags
• Highlight the current video so it's clear that it's selected

Technical notes

On how to higlight the current item: Take the hover style as a starting point. Probably the image also needs to be "highlighted", by making it either transparent or have a dark overlay. Both are easily achieved with CSS, research a bit on how to do it.

[belljohan3]

• [x] Display HorizontalScrollableTagViewer only for topics, exclude the posts itself
• [x] Display Vertical layout for categories, highlight the post itself, order by publish date
• [x] [VERTICAL LAYOUT] if there is only one post, it should be hidden
• [x] Shows the horizontal layout below the vertical one.

[ivanslabbert]

[ivanslabbert]

From the discussion at the standup meeting today:

[laurensgroeneveld]

Other notes from the standup: ensure there is enough space between the article and the categories, so the article remains the focus (this is something ActiveChristianity also doesn't do well). The article should always use more of the screen than the category switcher. Switch at an earlier breakpoint to display the categories below the content (in the current demo at smaller screens it was 50% article and 50% categories).

[laurensgroeneveld]

Feedback from the standup:

• LG: Some concerns about the tab switcher, but we'll leave it like this for now because we don't expect a lot of posts with multiple categories. In the future we could pass the clicked category in a query parameter so we can select the right one by default (but not needed right now).
• Put the categories to the side of the post on larger screens, like ActiveChristianity
• Put a light gray background behind the related content, to make it more visually stand out