Put the catalog on your own page.
One div and one script tag show every microfirmware in this store
as a carousel you can swipe or step through. It reads the same catalog the store
does, so it never needs updating by hand.
Embed it
<div data-md-store-carousel data-platform="atari-st">
<a href="https://md-store.sidecartridge.com/#atari-st">Browse all apps in the Store</a>
</div>
<script src="https://md-store.sidecartridge.com/widget/carousel.js" defer></script>
Whatever you put inside the div is the fallback. It shows while the catalog
loads, and it stays if the catalog cannot load, so keep a plain link to the store there.
data-platformpicks the catalog. Today that isatari-st.data-theme="dark"switches the cards for a dark background.-
data-creatorshows one creator's apps. Use the name shown on the cards or the creator's id, in any case:Retro Homebrew Collectiveandretro-homebrewboth work. Leave it out, or empty, for every app. A name that matches nobody leaves the fallback in place.
Each card opens that app in the store in a new tab. The widget renders inside a shadow root, so your page's CSS cannot restyle it and its CSS cannot touch your page. It takes your page's font.
Light
Dark
One creator
<div data-md-store-carousel data-platform="atari-st" data-creator="SidecarTridge">How fresh it is
The widget fetches the catalog every time the page loads. The catalog itself changes when the store rebuilds, and browsers may reuse a copy for up to ten minutes, so a change in the store reaches embedded pages within ten minutes of going live here.