Launch Card Footer Block for Vue

It is a toggle button: pressing it adds one to the count and pressing it again takes it back. The state lives in the block and is not saved or sent anywhere, so wire it to your own endpoint if you want it to count. The pressed state is shown by the fill and read out as pressed, and a polite status line announces the new total.

The stars only draw the score, rounded to the nearest half star. They are hidden from screen readers and cannot be focused, because the score and the review count are written next to them as text.

Replace the card's content with whatever proof you have now: another site's score, a count of customers, an award. Remove it when it goes stale, because an old launch card makes a product look inactive.

The block names no real platform and draws no one's mark, so there is nothing to misuse. The card's mark is a neutral drawing; replace the name and the mark with the site you launched on.

The counts and the score sit in bdi elements, so they keep their digits in order inside right-to-left sentences.

The card spans the width, with the upvote and the rating wrapping onto separate lines when they do not fit together, then the link groups side by side under it.