Updated mixtape embed to use bookmark card

[rishabhgrg]

Mixtape embed was previously using HTML card as we didn't have Bookmark card structure in place. We now have a structure for bookmark card and PR updates mixtape embed to create a bookmark card with embed information.

Bookmark Card PR - TryGhost/Ghost#11024

[ErisDS]

Can you let me know what it is specifically that you want me to review?

[rishabhgrg]

@ErisDS Just wanted to get sanity check on changes for mixtapeEmbed since you last worked on it, sorry for lack of context 😅 Its not a big change but wanted to make sure its not missing anything obvious that parser expects before merging.

[ErisDS]

Ok. As far as I can tell from the code here it's fine, but I'd be interested to know what the resulting HTML looks like now as I assume it doesn't have mixtape classes 😉

It's no big deal as I'll be using Casper which I assume has correct styling. This was only a stop gap.

[rishabhgrg]

@ErisDS Yeah you are right, we don't need mixtape classes anymore. The resulting html is generated from the metadata we are passing now and uses bookmark classes which is updated in Casper for styling. 😄 The html structure for bookmark looks like this -

<figure class="kg-card kg-bookmark-card">
  <a href="[URL]" class="kg-bookmark-container">
    <div class="kg-bookmark-content">
      <div class="kg-bookmark-title">[TITLE]</div>
      <div class="kg-bookmark-description">[DESCRIPTION]</div>
      <div class="kg-bookmark-metadata">
        <img src="[ICON]" class="kg-bookmark-icon">
        <span class="kg-bookmark-author">[AUTHOR]</span>
        <span class="kg-bookmark-publisher">[PUBLISHER]</span>
      </div>
    </div>
    <div class="kg-bookmark-thumbnail">
      <img src="[THUMBNAIL]">
    </div>
  </a>
</figure>

[ErisDS]

OK nice, so the bookmark card supports more fields - that's really useful to know - but nothing to change here right now.

Good to merge and ship this.