Implement categories on the landing page

[pedrocasa]

• Header section for episodical content (ATB).

• 6 categories:

  • 1- 🎥Documentaries
  • 2- 🎪Community Events
  • 3- 🔨Network builders
  • 4- 🎓Educational
  • 5- 💡Opinion makers
  • 6- 🐕World-class memes

• Criteria for acceptance:

  • Content that educates, and doesn't spread misinformation.
  • Contents that encourages participation in the crypto community.
  • Content that provides some new, original contribution, even if it is a remix of previous material.
  • It must not target individuals for harassment or bullying.

@pedrocasa can you post the assets below? Notice I changes names of categories slightly. And if any of the emojis don't work across systems, just ignore.

[pedrocasa]

Proto: https://xd.adobe.com/view/4cc7705e-2798-4ba8-4758-05ae35468473-3af6/ specs: https://xd.adobe.com/spec/e7fb2c2b-fa26-4034-4409-39ed2b915427-91ca/

[pedrocasa]

@felipegaucho is there a problem if we use ''ep'' instead of ''episode'' when it's locked? (it's not easy to fit it all together on mobile after adding the icon )

[felipegaucho]

@pedrocasa No problem at all if

• the spacing between the lock icons and "Ep.." is consistent;
• "Ep" -> "Ep."

[pedrocasa]

Let's use full box buttons for all the episodes that are being available (To fit well on every device let's use Ep. even for episodes that are already available.)

[pedrocasa]

Ok,

now we just need to upgrade these new buttons (ep.1) (ep.2) for I close this issue

[felipegaucho]

@pedrocasa the original issue is resolved 🎉. Please coordinate implementation (and if needed a new issue) for the episodes thing, if necessary.