Files
character-browser/templates/layout.html
Aodhan Collins 0b8802deb5 Add Checkpoints Gallery with per-checkpoint generation settings
- New Checkpoint model (slug, name, checkpoint_path, data JSON, image_path)
- sync_checkpoints() loads metadata from data/checkpoints/*.json and falls
  back to template defaults for models without a JSON file
- _apply_checkpoint_settings() applies per-checkpoint steps, CFG, sampler,
  base positive/negative prompts, and VAE (with dynamic VAELoader node
  injection for non-integrated VAEs) to the ComfyUI workflow
- Bulk Create from Checkpoints: scans Illustrious/Noob model directories,
  reads matching HTML files, uses LLM to populate metadata, falls back to
  template defaults when no HTML is present
- Gallery index with batch cover generation and WebSocket progress bar
- Detail page showing Generation Settings and Base Prompts cards
- Checkpoints nav link added to layout
- New data/prompts/checkpoint_system.txt LLM system prompt
- Updated README with all current galleries and file structure
- Also includes accumulated action/scene JSON updates, new actions, and
  other template/generator improvements from prior sessions

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-02-26 21:25:23 +00:00

53 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Character Browser</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body { background-color: #f8f9fa; }
.character-card { transition: transform 0.2s; cursor: pointer; }
.character-card:hover { transform: scale(1.02); }
.img-container { height: 300px; overflow: hidden; background-color: #dee2e6; display: flex; align-items: center; justify-content: center; }
.img-container img { width: 100%; height: 100%; object-fit: cover; }
.progress-bar { transition: width 0.4s ease-in-out; }
</style>
</head>
<body>
<nav class="navbar navbar-dark bg-dark mb-4">
<div class="container">
<a class="navbar-brand" href="/">Character Browser</a>
<div class="d-flex">
<a href="/" class="btn btn-outline-light me-2">Characters</a>
<a href="/outfits" class="btn btn-outline-light me-2">Outfits</a>
<a href="/actions" class="btn btn-outline-light me-2">Actions</a>
<a href="/styles" class="btn btn-outline-light me-2">Styles</a>
<a href="/scenes" class="btn btn-outline-light me-2">Scenes</a>
<a href="/detailers" class="btn btn-outline-light me-2">Detailers</a>
<a href="/checkpoints" class="btn btn-outline-light me-2">Checkpoints</a>
<a href="/create" class="btn btn-outline-success me-2">Create Character</a>
<a href="/generator" class="btn btn-outline-light me-2">Generator</a>
<a href="/gallery" class="btn btn-outline-light me-2">Gallery</a>
<a href="/settings" class="btn btn-outline-light">Settings</a>
</div>
</div>
</nav>
<div class="container">
{% with messages = get_flashed_messages() %}
{% if messages %}
{% for message in messages %}
<div class="alert alert-info">{{ message }}</div>
{% endfor %}
{% endif %}
{% endwith %}
{% block content %}{% endblock %}
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
{% block scripts %}{% endblock %}
</body>
</html>