diff --git a/core/settings.py b/core/settings.py index ac7d1e4..0d70e5f 100644 --- a/core/settings.py +++ b/core/settings.py @@ -145,7 +145,7 @@ MUSIC_ROOT = os.path.join(BASE_DIR, 'data', 'music') # File uploads folder — override via FILE_UPLOADS_FOLDER env var. # Defaults to ~/Downloads locally; set to /uploads on k8s. FILE_UPLOADS_FOLDER = os.environ.get('FILE_UPLOADS_FOLDER', os.path.expanduser('~/Downloads')) -IMAGES_FOLDER = os.environ.get('IMAGES_FOLDER', os.path.expanduser('~/Pictures')) +IMAGES_FOLDER = os.environ.get('IMAGES_FOLDER', os.path.expanduser('~/Downloads')) LOGGING = { diff --git a/links/templates/links/link_list.html b/links/templates/links/link_list.html index 2f1dfaa..76dbbc2 100644 --- a/links/templates/links/link_list.html +++ b/links/templates/links/link_list.html @@ -56,7 +56,7 @@ opacity: 1 !important; transform: none !important; } - .app-tile, .post-card, .fan-card, .fan-card img, .fan-card-frame { transition: none !important; animation: none !important; } + .app-tile, .post-card, .fan-card, .fan-card img, .fan-card-frame, .fan-lightbox { transition: none !important; animation: none !important; } } /* ---------- Hero ---------- */ @@ -395,6 +395,35 @@ .fan-actions { gap: 0.8rem; } } + /* ---------- Fan lightbox (full-size preview on card click) ---------- */ + .fan-lightbox { + position: fixed; inset: 0; z-index: 1000; + display: flex; align-items: center; justify-content: center; + padding: 2rem; + background: rgba(0, 0, 0, 0.82); + -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); + animation: fan-lightbox-fade 0.25s ease; + cursor: zoom-out; + } + .fan-lightbox[hidden] { display: none; } + @keyframes fan-lightbox-fade { from { opacity: 0; } to { opacity: 1; } } + .fan-lightbox-img { + max-width: min(92vw, 900px); max-height: 88vh; + display: block; object-fit: contain; cursor: default; + border-radius: 14px; + background: #e8e8ed; + box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45); + } + .fan-lightbox-close { + position: absolute; top: 1.1rem; right: 1.1rem; + width: 2.5rem; height: 2.5rem; border-radius: 50%; border: none; + display: flex; align-items: center; justify-content: center; + background: rgba(255, 255, 255, 0.14); color: #fff; cursor: pointer; + transition: background 0.2s ease; + } + .fan-lightbox-close:hover, .fan-lightbox-close:focus-visible { background: rgba(255, 255, 255, 0.28); } + .fan-lightbox-close svg { width: 1.2rem; height: 1.2rem; } + /* ---------- Accessibility: visible keyboard focus ---------- */ a:focus-visible, button:focus-visible { outline: 2px solid var(--apple-blue); @@ -520,52 +549,52 @@