From 8550c5c5e9bec223d3f4992b2746d1b2bf33fad9 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Mon, 12 Oct 2026 02:04:12 +0000
Subject: [PATCH] Show live loop status and sample gallery on the try section

---
 ventures/doodleloop/index.html | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/ventures/doodleloop/index.html b/ventures/doodleloop/index.html
index 9f8bd66..b6690be 100644
--- a/ventures/doodleloop/index.html
+++ b/ventures/doodleloop/index.html
@@ -23,11 +23,12 @@
                     <canvas id="original-canvas"></canvas>
                     <canvas id="animation-canvas"></canvas>
                 </div>
+                <p id="loop-status" class="loop-status">Loading the sample drawing through the same local canvas path as a photo you drop…</p>
             </div>
             
             <div class="controls">
                 <div class="drop-zone" id="drop-zone">
-                <p>Drag & drop your drawing here<br><small>or click to browse</small></p>
+                <p>Drag & drop your drawing here<br><small>or click to browse — processed locally, nothing leaves the device</small></p>
                 <input type="file" id="file-input" accept="image/*" hidden>
                 </div>
                 
@@ -62,8 +63,15 @@
                 </div>
                 
                 <button id="export-btn" class="export-button">Export GIF</button>
+                <p class="secondary-links"><a href="#" id="export-webm">WebM optional</a> · <a href="#sample-gallery">Sample gallery</a></p>
             </div>
         </div>
+        <div id="sample-gallery" class="sample-gallery">
+            <p>Sample gallery — tap to run the same local path as a dropped photo.</p>
+            <button type="button" class="gallery-sample" id="gallery-sample" aria-label="Play the preloaded sample drawing">
+                <img src="sample.jpg" alt="Sample kid drawing of a house, tree, and sun" width="96" height="96">
+            </button>
+        </div>
     </section>
 
     <section id="how-it-works">
@@ -146,4 +154,4 @@
 
     <script src="app.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>