mirror of
https://github.com/kennethreitz/photos.kennethreitz.org.git
synced 2026-06-21 15:10:56 +00:00
kennethreitz
dbdbdea109
- Add Inter font via Google Fonts with proper preconnect - Nav: backdrop-filter blur with semi-transparent background - Image cards: hover-reveal overlay, inner zoom, shadow on hover - Gear/collection cards: hover lift with shadow - EXIF bar: rounded card style instead of bordered lines - Search inputs: accent focus glow ring - Homepage: display site tagline, more generous hero spacing - View Transitions API for smooth cross-page fades (Chrome 126+) - Animated loading pulse for infinite scroll - Global: smooth scroll, accent selection color, focus-visible - Radius 6px→8px, font smoothing, CSS custom properties - Fix stray </div> in base template - Disable hover transforms on mobile Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
18 lines
802 B
HTML
18 lines
802 B
HTML
{% for img in images %}
|
|
<div>
|
|
<a href="/images/{{ img.id }}/" class="image-card">
|
|
{% if img.thumbnail_medium %}<img src="{{ img.thumbnail_medium.url }}" alt="{{ img.ai_title|default:img.title }}" loading="lazy">
|
|
{% elif img.thumbnail_small %}<img src="{{ img.thumbnail_small.url }}" alt="{{ img.ai_title|default:img.title }}" loading="lazy">{% endif %}
|
|
{% include "includes/image_overlay.html" %}
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
{% if has_more %}
|
|
<div hx-get="{{ request.path }}?page={{ page|add:1 }}{% if selected_year %}&year={{ selected_year }}{% endif %}"
|
|
hx-trigger="revealed"
|
|
hx-swap="outerHTML"
|
|
style="grid-column: 1 / -1; text-align: center; padding: 2rem;">
|
|
<span class="loading-pulse" style="color: var(--text-muted);">Loading more…</span>
|
|
</div>
|
|
{% endif %}
|