[Gutenberg] Build a "Browse by activity" block for Homepage

[postphotos]

part of the components listed in #12.

As requested (and detailed) by @miina here.

Mockups are available here:

• https://www.figma.com/file/L14jTE7iNGOE7DH57Ro7ncyu/Travel-Theme
• https://ampstart-iframes.firebaseapp.com/templates/travel/travel.amp

Some notes from #9 apply here:

Would be used for the display post (next to "Discover Adventures"), for Top Adventures Near You;
Would have controls to choose:
How many posts to show;
Which category posts to show;
How to sort (e.g. by meta value X);
Layout / or which fields to display.
For example for the post next to "Discover Adventures" you could choose layout A; 1 post; category "Food", for the the Top Adventures Near You" could choose layout B; 3 posts; category "Adventure"; sort by meta value Review;
Question: Does this make sense for these two sections from the editor's point of view?

Category/taxonomy list block:
Would be used for "Browse by activity" and "Featured destinations";
Would have option to choose which fields to display (e.g. meta value such as icon / background image; count of posts
Option to choose how many categories to display;
Perhaps option to filter by "featured"
Option to sort by ... ?

[kienstra]

Request For Testing

Hi Claudio,
Could you please test this block?

1. Create a new page
2. Add an "Activity List" block

Expected:

• It matches the design for desktop and mobile
• It's responsive in the editor and the front-end
• The text here is editable:

[csossi]

Created activity block page and published to http://dev-amp-start-travel.pantheonsite.io/qa-activity-list-block/

Should the page title "QA - Activity List Block" be appearing anywhere here (I see it as the page title tag, but should it be on page as well?

[kienstra]

Page Title

Hi @csossi,

Should the page title "QA - Activity List Block" be appearing anywhere here (I see it as the page title tag, but should it be on page as well?

Good question. I don't think that's a problem, as the title doesn't appear on the home page. Which is the only place we expect the blocks to be right now.