29 lines
1.3 KiB
HTML
29 lines
1.3 KiB
HTML
{{ define "discover" }}
|
|
<!doctype html>
|
|
<html>
|
|
{{ template "header" . }}
|
|
<body
|
|
class="h-screen overflow-hidden grid grid-rows-[auto,1fr] bg-gray-900 text-white"
|
|
>
|
|
<div class="w-screen text-center">
|
|
<h1
|
|
class="text-[3rem] uppercase tracking-[0.05em] text-white/30 bg-clip-text [text-shadow:_4px_4px_4px_rgb(0_0_0_/_0.6),_8px_8px_8px_rgb(0_0_0_/_0.4)]"
|
|
>
|
|
Reel of Fortune
|
|
</h1>
|
|
<button
|
|
class="px-6 py-2.5 rounded-lg font-semibold text-white bg-gradient-to-b from-white/10 to-white/3 backdrop-blur-md border border-white/10 shadow-[0_2px_4px_rgba(0,0,0,0.4),_inset_0_1px_0_rgba(255,255,255,0.2)] hover:shadow-[0_0_30px_rgba(255,255,255,0.6),_0_4px_12px_rgba(255,255,255,0.15),_inset_0_1px_0_rgba(255,255,255,0.4)] hover:from-white/20 hover:to-white/10 active:translate-y-[1px] transition-all duration-[900ms] ease-[cubic-bezier(0.4,0,0.2,1)]"
|
|
hx-get="/api/discover"
|
|
hx-target="#movies"
|
|
>
|
|
Discover movie
|
|
</button>
|
|
</div>
|
|
<div
|
|
id="movies"
|
|
class="flex justify-center items-center overflow-hidden max-w-[80vw] mx-auto p-5"
|
|
></div>
|
|
</body>
|
|
{{ template "footer" . }}
|
|
</html>
|
|
{{ end }}
|