<!DOCTYPE html>
<html>

<head>
  <title>Peimono</title>

</html>
<style>
  :root {
    --peach: #eca880;
    --cherry: #b03c3c;
    --slate: #909090;
    --dark: #6c6c6c;
    --amber: #dcb468;
    --lime: #81f499;
    --plum: #533a7b;
  }

  body {
    background-color: var(--slate);
  }

  h1 {
    color: var(--peach);
  }
</style>
<script src="https://unpkg.com/htmx.org@1.9.4"
  integrity="sha384-zUfuhFKKZCbHTY6aRR46gxiqszMk5tcHjsVFxnUo8VMus4kHGVdIYVbOYYNlKmHV" crossorigin="anonymous"></script>

</head>

<body>
  <h1>Hello there!!</h1>
  <button hx-get="/test" hx-indicator="#spinner" hx-target="#button_results">Get stuff button</button>
  <img id="spinner" class="htmx-indicator" src="static/tail-spin.svg" />
  <div id="button_results"></div>
</body>

</html>