Added clips module.

2026-03-03 19:29:23 -05:00
parent 4de187ba6c
commit 84b057a400
17 changed files with 1930 additions and 2 deletions
@@ -0,0 +1,32 @@
+{% extends "base.html" %}
+{% block title %}Clips{% endblock %}
+{% block head %}
+<style>
+    .clip-thumb {
+        aspect-ratio: 16 / 9;
+        object-fit: cover;
+    }
+</style>
+{% endblock %}
+{% block content %}
+<h1 class="mb-3">Clips</h1>
+{% if clips %}
+<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
+    {% for clip in clips %}
+    <div class="col">
+        <a href="{{ clip.url }}" class="text-decoration-none">
+            <div class="card h-100">
+                <img src="{{ clip.thumbnail_url }}" class="card-img-top clip-thumb" alt="{{ clip.title }}">
+                <div class="card-body">
+                    <h5 class="card-title">{{ clip.title }}</h5>
+                    <p class="card-text text-body-secondary">{{ clip.created_at }}</p>
+                </div>
+            </div>
+        </a>
+    </div>
+    {% endfor %}
+</div>
+{% else %}
+<p>No clips have been created yet.</p>
+{% endif %}
+{% endblock %}