kree/reel-of-js-fortune
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

uwu tooling ftw (MUAHAHAHAHAHA ONE MUST CONFRONT THE BUN-- TYPE-SCRIPT (get it)

Browse source
This commit is contained in:
kree 2026-07-24 09:45:26 -04:00
parent 964ef740b0
commit dba763ea75
22 changed files with 555 additions and 124 deletions
Download patch file Download diff file Expand all files Collapse all files

42
public/templates/card.html Normal file
View file

@ -0,0 +1,42 @@
{{ define "card" }}
<div
id="{{ .ID }}"
class="relative w-full h-full max-w-5xl mx-auto bg-white/10 backdrop-blur-md border border-white/20 rounded-2xl shadow-2xl text-white p-5 overflow-hidden flex flex-col"
>
<div
class="flex-grow flex items-center justify-center overflow-hidden rounded-xl"
>
<img
src="https://image.tmdb.org/t/p/original{{ .PosterPath }}"
alt="{{ .Title }}"
class="rounded-t-lg"
/>
</div>
<div class="flex-none pt-4">
<div class="flex-auto min-h-0 flex flex-col">
<h5 class="text-2xl font-bold leading-tight mb-2">
{{ .Title }} ({{ .ReleaseDate }}) - {{ .VoteAverage }}/10
</h5>
<p class="text-sm text-gray-200">{{ .Overview }}</p>
<div
id="providers"
hx-trigger="load"
hx-swap="outerHTML"
hx-get="/api/providers/watch/{{ .ID }}?countryCode=US"
class="flex w-screen justify-center pt-1"
></div>
</div>
</div>
</div>
<div class="fixed inset-0 pointer-events-none -z-10">
<img
src="https://image.tmdb.org/t/p/original{{ .PosterPath }}"
alt="Backdrop"
class="w-full h-full object-cover blur-3xl scale-110 opacity-60"
/>
<div
class="absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(51,65,85,0.4)_0%,rgba(30,41,59,0.6)_70%,rgba(17,24,39,0.8)_100%)] mix-blend-multiply"
></div>
</div>
{{ end }}

1
public/templates/footer.html Normal file
View file

@ -0,0 +1 @@
{{ define "footer" }} {{ end }}

11
public/templates/header.html Normal file
View file

@ -0,0 +1,11 @@
{{ define "header" }}
<head>
<title>Reel of Fortune</title>
<!--Use the `title` variable to set the title of the page-->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="UTF-8" />
<!--Load Tailwind & HTMX-->
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.7/dist/htmx.min.js"></script>
</head>
{{ end }}

23
public/templates/providers.html Normal file
View file

@ -0,0 +1,23 @@
{{ define "providers" }}
<div id="providers" class="flex gap-2 p-2">
{{ range .FlatRate }}
<a href="{{ $.Link }}">
<img
src="https://image.tmdb.org/t/p/original{{ .LogoPath }}"
title="{{ .ProviderName }}"
alt="{{ .ProviderName }}"
class="[&[alt*=Apple]]:mix-blend-screen rounded-lg"
/>
</a>
{{ end }} {{ range .Rent }}
<a href="{{ $.Link }}">
<img
src="https://image.tmdb.org/t/p/original{{ .LogoPath }}"
title="{{ .ProviderName }}"
alt="{{ .ProviderName }}"
class="[&[alt*=Apple]]:mix-blend-screen rounded-lg"
/>
</a>
{{ end }}
</div>
{{ end }}