[Web]: Blog improvements 2.0

[ssandino]

Is your feature request related to a problem? Please describe.

• Main overview page design improvements as in Figma (without article count for authors on avatar)
• Overview page for each topic (.../topics/XXX)
• Overview page for each author (.../authors/XXX)
• Blog post: design improvements as in Figma
• Blog post: separate lead into it's own field (instead of in rich text), that's then easier to reuse in other places
• Blog post: new blog page element: nested block for quote (see also screenshots below)
• Blog post: new blog page element: nested block for a card with the donate button (see figma)?

Unclear whether this should be part of 2.0 or a future update—depends on complexity. @Gavriil-Tzortzakis, please prioritize as you see fit. It's also to keep track of further ideas, which can then be copied to 3.0:

• Related articles on the end of each blog page (can be on by default, but good if there is a way to hide it when creating the blog post: boolean default true)
• Instead of adding an image within rich text, one could make a nested element with Image and Caption Text, which can be added as block in rich text (like quote above), so the handling of margins and paddings is universally the same (and in the future we could expand to also show more than one image).
• Author can "feature" a blog post when creating a blog article. (boolean default false), this has not yet been added to the design of the overview page (so it would be just the possibility to on the authors side for now until Katie has added it to Figma)
• Make it possible to add blog articles without images (has to be designed first)
• Make it possible to add two or more authors (has to be designed first)
• Add a (boolean default false) option to add the newsletter signup element already used on the campaigns (i.e. Ismatu campaign). The text can always be the same for all blog posts (so it can go into the json files, no need to add it in Storyblok itself)
• Add a (boolean default false) option to add directly the donation form used on campaign page (i.e. Ismatu campaign). Except the days counting back.
• Add an option to paste a campaign ID (so within the campaign we can later show previews of the blog post connected to this campaign

Describe the solution/feature

Nested block for quote:

Within Storyblok

On the website

Describe alternatives you've considered

No response

Criteria for Completion

No response

Anything else?

No response

Code of Conduct

• I've read the Code of Conduct and understand my responsibilities as a member of the Social Income community