diff options
Diffstat (limited to 'templates/index.html')
| -rw-r--r-- | templates/index.html | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..ecad4ce --- /dev/null +++ b/templates/index.html @@ -0,0 +1,44 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>{{ title }}</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <style> + html, body { + height: 100%; + margin: 0; + font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Arial, sans-serif; + background: #0f1220; + color: #e8eaf6; + } + .center { + min-height: 100%; + display: grid; + place-items: center; + text-align: center; + padding: 16px; + } + img { + max-width: 90vw; + height: auto; + display: block; + margin: 0 auto 12px; + } + h1 { + margin: 0; + font-size: clamp(1.5rem, 4vw, 2.5rem); + font-weight: 500; + } + </style> + <script src="https://unpkg.com/htmx.org@1.9.10"></script> +</head> +<body> + <main class="center"> + <div hx-get="/now_playing" hx-trigger="load, every 10s" hx-swap="innerHTML"> + <img src="{{ image_url }}" alt="Cover"> + </div> + <small><code>/stream /playlist.m3u</code></small> + </main> +</body> +</html> |