39 lines
770 B
HTML
39 lines
770 B
HTML
|
<!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>
|