Stu Leak
16fb407a3c
- Implement full web interface with Go html/template server - Add GX component library (buttons, dialogs, tables, forms, etc.) - Create scene/performer/studio/movie detail and listing pages - Add Adult Empire scraper for additional metadata sources - Implement movie support with database schema - Add import and sync services for data management - Include comprehensive API and frontend documentation - Add custom color scheme and responsive layout 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
84 lines
3.1 KiB
HTML
84 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Scenes - Goondex</title>
|
|
<link rel="stylesheet" href="/static/css/goondex.css">
|
|
<style>
|
|
/* Scene cards use 16:9 aspect ratio instead of 3:4 for performers */
|
|
.scenes-grid .gx-card-thumb {
|
|
aspect-ratio: 16 / 9;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar">
|
|
<div class="container nav-inner">
|
|
<img src="/static/img/logo/GOONDEX_logo.png" class="logo-img">
|
|
<ul class="nav-links">
|
|
<li><a href="/">Dashboard</a></li>
|
|
<li><a href="/performers">Performers</a></li>
|
|
<li><a href="/studios">Studios</a></li>
|
|
<li><a href="/scenes" class="active">Scenes</a></li>
|
|
<li><a href="/movies">Movies</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="container">
|
|
<div class="page-header">
|
|
<h2>Scenes</h2>
|
|
<form class="search-form" action="/scenes" method="get">
|
|
<input type="text" name="q" class="input" placeholder="Search scenes..." value="{{.Query}}">
|
|
<button type="submit" class="btn">Search<div class="hoverEffect"><div></div></div></button>
|
|
</form>
|
|
</div>
|
|
|
|
{{if .Scenes}}
|
|
<div class="gx-card-grid scenes-grid">
|
|
{{range .Scenes}}
|
|
<div class="gx-card" onclick="location.href='/scenes/{{.Scene.ID}}'">
|
|
<div class="gx-card-thumb"
|
|
style="background-image: url('{{if .Scene.ImageURL}}{{.Scene.ImageURL}}{{else}}/static/img/placeholder-scene.jpg{{end}}'); background-color: #1a1a1a;">
|
|
</div>
|
|
|
|
<div class="gx-card-body">
|
|
<div class="gx-card-title">{{.Scene.Title}}</div>
|
|
|
|
{{if .Scene.Date}}
|
|
<div class="gx-card-meta">📅 {{.Scene.Date}}</div>
|
|
{{end}}
|
|
|
|
{{if .StudioName}}
|
|
<div class="gx-card-meta" style="margin-top: 0.2rem;">
|
|
🏢 {{.StudioName}}
|
|
</div>
|
|
{{end}}
|
|
|
|
<div class="gx-card-tags" style="margin-top: 0.6rem;">
|
|
{{if .Scene.Code}}
|
|
<span class="gx-card-tag">{{.Scene.Code}}</span>
|
|
{{end}}
|
|
{{if .Scene.Source}}
|
|
<span class="gx-card-tag">{{.Scene.Source}}</span>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
{{else}}
|
|
<div class="empty-state">
|
|
<p>No scenes found.</p>
|
|
{{if .Query}}
|
|
<p>Try a different search term or <a href="/scenes">view all scenes</a>.</p>
|
|
{{else}}
|
|
<p>Import scenes using the dashboard or CLI: <code>./goondex import scene "title"</code></p>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|
|
</main>
|
|
</body>
|
|
</html>
|