An ordinary web page

This page has no build step, no framework and no bundler — it is a plain HTML file. It opens correctly straight from the filesystem, which is the real test of the "zero dependencies" claim.

Below, the widget is locked to the Minimal Paper theme and preloaded with a topic, the way a site might embed it inside an article.

The page reacted to the result


The source of the embed above

<script src="dist/taste-engine.js"></script>

<taste-engine
  topic="Coffee flavour preference"
  locked-theme="paper"
  cards="6"
  hide="connection,backup"
></taste-engine>

<script>
  document.querySelector('taste-engine')
    .addEventListener('te-complete', (event) => {
      console.log(event.detail.winner.title);
    });
</script>