<!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>