Ship gallery assets as LFS tar (fix broken images)

app.py

@@ -130,7 +130,8 @@ async def process(
 
     ref_bytes = await reference.read()
     if len(ref_bytes) > MAX_UPLOAD_BYTES:
-        return JSONResponse({'error': 'Reference file too large (max 80 MB).'},
+        return JSONResponse({'error': 'Reference file too large (max 80 MB). '
+                             '“We’re gonna need a bigger boat” — or a smaller file.'},
                             status_code=413)
 
     tgt_bytes = None
@@ -139,7 +140,8 @@ async def process(
         if len(tgt_bytes) == 0:
             tgt_bytes = None
         elif len(tgt_bytes) > MAX_UPLOAD_BYTES:
-            return JSONResponse({'error': 'Target file too large (max 80 MB).'},
+            return JSONResponse({'error': 'Photo file too large (max 80 MB). '
+                                 '“We’re gonna need a bigger boat” — or a smaller file.'},
                                 status_code=413)
 
     try:
@@ -185,8 +187,8 @@ async def process(
         # Log the error type only — never image data or filenames
         print(f'[App] Processing error: {type(e).__name__}: {e}')
         return JSONResponse(
-            {'error': 'Could not process this image. Please check the file '
-                      'format and try again.'},
+            {'error': 'Could not read this image format. '
+                      '“Forget it, Jake. It’s Chinatown.” — try another file.'},
             status_code=422)
 
 

static/index.html

@@ -5,6 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="referrer" content="no-referrer">
 <title>DEEP ANALOG: Machine Learning Powered Color Rebuild</title>
+<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Ccircle cx='12' cy='12' r='9.6'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23c)' fill='%23E8A33D'%3E%3Cg transform='rotate(0 12 12)'%3E%3Cpath d='M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z'/%3E%3C/g%3E%3Cg transform='rotate(45 12 12)'%3E%3Cpath d='M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z'/%3E%3C/g%3E%3Cg transform='rotate(90 12 12)'%3E%3Cpath d='M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z'/%3E%3C/g%3E%3Cg transform='rotate(135 12 12)'%3E%3Cpath d='M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z'/%3E%3C/g%3E%3Cg transform='rotate(180 12 12)'%3E%3Cpath d='M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z'/%3E%3C/g%3E%3Cg transform='rotate(225 12 12)'%3E%3Cpath d='M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z'/%3E%3C/g%3E%3Cg transform='rotate(270 12 12)'%3E%3Cpath d='M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z'/%3E%3C/g%3E%3Cg transform='rotate(315 12 12)'%3E%3Cpath d='M10 0.67 A11.5 11.5 0 0 1 17.75 2.04 L7.91 9.34 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E">
 <style>
   :root {
     --bg: #0b0b0d;
@@ -712,6 +713,18 @@
     25% { background: var(--accent); border-color: var(--accent); }
   }
 
+  body.projector::before { opacity: .22; }
+  body.projector .wrap { animation: projJitter 1.3s steps(3); }
+  @keyframes projJitter {
+    0% { transform: translateY(0); filter: brightness(1); }
+    15% { transform: translateY(-2px); filter: brightness(1.45); }
+    30% { transform: translateY(1px); filter: brightness(.7); }
+    45% { transform: translateY(-1px); filter: brightness(1.3); }
+    60% { transform: translateY(2px); filter: brightness(.85); }
+    80% { transform: translateY(-1px); filter: brightness(1.15); }
+    100% { transform: none; filter: none; }
+  }
+
   @media (prefers-reduced-motion: reduce) {
     *, *::before, *::after { animation: none !important; transition: none !important; }
     .reveal { opacity: 1; transform: none; }
@@ -886,6 +899,7 @@
           around bright highlights: light scatters off the film base and re-exposes the
           red-sensitive layer. Slide up to push your highlights toward this signature
           red film quality — like the skyline edges in this 35mm scan.
+          The glow Wong Kar-wai taught us to crave.
           <img src="static/help/halation.jpg" alt="Red film halation on a skyline, 35mm scan"></span></span></span>
           <output id="halOut">1.0×</output></label>
         <input type="range" id="halRange" min="0" max="3" step="0.1" value="1.0">
@@ -1123,6 +1137,8 @@
     <p>The service runs on Hugging Face infrastructure; transport is encrypted end-to-end.
     No third party is granted access to request contents by this application.</p>
 
+    <p class="patent-note" style="margin-top:22px;font-style:italic">
+      What happens in RAM, stays in RAM.</p>
     <button class="close-btn" id="privacyClose">Close</button>
   </div>
 </div>
@@ -1232,8 +1248,16 @@
   // ------------------------------------------------ sliders
   [['toneRange', 'toneOut', v => (+v).toFixed(2)],
    ['filmRange', 'filmOut', v => (+v).toFixed(2)],
-   ['grainRange', 'grainOut', v => (+v).toFixed(1) + '×'],
-   ['halRange', 'halOut', v => (+v).toFixed(1) + '×']]
+   ['grainRange', 'grainOut', v => {
+      const n = +v;
+      if (n === 0) return '0× · digitally sterile';
+      if (n === 2) return '2.0× · pushed like Tri-X';
+      return n.toFixed(1) + '×';
+    }],
+   ['halRange', 'halOut', v => {
+      const n = +v;
+      return n === 3 ? '3.0× · neon noir' : n.toFixed(1) + '×';
+    }]]
   .forEach(([r, o, fmt]) => {
     $(r).addEventListener('input', () => { $(o).textContent = fmt($(r).value); });
   });
@@ -1273,13 +1297,39 @@
       return data;
     })
     .then(data => { setBusy(false, ''); renderResults(data); })
-    .catch(err => { setBusy(false, err.message, true); });
+    .catch(err => {
+      const generic = !err || !err.message ||
+        /Failed to fetch|NetworkError|Unexpected server/.test(err.message);
+      setBusy(false, generic
+        ? 'Cut! Something went wrong with this reel — check the connection and roll again.'
+        : err.message, true);
+    });
   });
 
+  const WAIT_LINES = [
+    'Developing in the dark — no light leaks, promise.',
+    'Kubrick would demand 127 more takes.',
+    'Pushing one stop for mood.',
+    'Timing the print, frame by frame.',
+    'Waiting for the lab like it’s 1999.',
+  ];
+  let waitTimer = null;
+
   function setBusy(busy, msg, isErr) {
     $('processBtn').disabled = busy || !refFile;
     $('processBtn').classList.toggle('busy', !!busy);
     $('status').classList.toggle('busy', !!busy);
+    if (waitTimer) { clearInterval(waitTimer); waitTimer = null; }
+    if (busy && msg && msg.indexOf('Rendering') === 0) {
+      const t0 = Date.now();
+      let i = 0;
+      waitTimer = setInterval(() => {
+        const quip = (Date.now() - t0 > 20000)
+          ? '“The waiting is the hardest part.” — every film lab, ever'
+          : WAIT_LINES[i++ % WAIT_LINES.length];
+        $('statusText').textContent = 'Rendering… ' + quip;
+      }, 5000);
+    }
     $('statusText').textContent = msg || '';
     $('statusText').className = isErr ? 'err' : '';
   }
@@ -1363,7 +1413,8 @@
       'deep-analog-' + stamp + '.cube', ICO.cube,
       'The exact 3D color transform of this look. Load it in Photoshop ' +
       '(Color Lookup), DaVinci Resolve, Premiere or Final Cut and apply ' +
-      'the same grade to any photo or video.'));
+      'the same grade to any photo or video. What’s in the box? Every ' +
+      'color, that’s what.'));
     if (data.xmp) {
       dls.appendChild(dlButton('Adobe preset', '.XMP · LR/ACR',
         () => URL.createObjectURL(new Blob([data.xmp], { type: 'application/xml' })),
@@ -2235,6 +2286,24 @@
     });
   })();
 
+  // ------------------------------------------------ projectionist mode
+  // click the wordmark 5 times: one second of sputtering projector
+  (function () {
+    const brand = document.querySelector('.brand');
+    let clicks = 0, last = 0;
+    brand.addEventListener('click', () => {
+      const now = Date.now();
+      if (now - last > 2500) clicks = 0;
+      last = now;
+      if (++clicks >= 5) {
+        clicks = 0;
+        document.body.classList.add('projector');
+        console.log('Projectionist mode: acknowledged.');
+        setTimeout(() => document.body.classList.remove('projector'), 1300);
+      }
+    });
+  })();
+
   // ------------------------------------------------ ambience
   // Scroll-reveal for below-the-fold sections
   document.querySelectorAll('section.demo, .filmstrip, footer').forEach(el =>