Upload folder using huggingface_hub

web_demo/static/app.js

@@ -286,7 +286,7 @@ const runMeasurement = async (endpoint, formData, inputUrlFallback = "") => {
 imageInput.addEventListener("change", () => {
   const file = imageInput.files[0];
   if (!file) {
-    setStatus("Sample image loaded. Upload your own photo or click Start Measurement.");
+    setStatus("Sample image loaded. Click Start Measurement or upload your own photo.");
     if (defaultSampleUrl) {
       showImage(inputPreview, inputFrame, defaultSampleUrl);
     }
@@ -337,5 +337,5 @@ form.addEventListener("submit", async (event) => {
 
 if (defaultSampleUrl) {
   showImage(inputPreview, inputFrame, defaultSampleUrl);
-  setStatus("Sample image loaded. Upload your own photo or click Start Measurement.");
+  setStatus("Sample image loaded. Click Start Measurement or upload your own photo.");
 }

web_demo/templates/index.html

@@ -15,7 +15,7 @@
       <p class="hero-kicker">Femometer Smart Ring Sizer</p>
       <h1>Upload a photo to quickly measure ring size</h1>
       <p class="hero-sub">
-        AI-powered measurement using your hand photo and a standard-size card for scale.
+        Using your hand photo and a standard-size card for scale.
       </p>
     </div>
     <div class="hero-card">
@@ -27,10 +27,10 @@
         </label>
 
         <ul class="capture-tips">
-          <li><strong>Turn on your phone's flash</strong>, it sharpens the finger edges.</li>
+          <li><strong>Turn on your phone's flash</strong>, it helps sharpen the finger edges.</li>
           <li><strong>Use plain white background</strong>, a sheet of paper works great.</li>
-          <li><strong>Spread your fingers naturally</strong>, and place the card beside your hand.</li>
-          <li>Hold the phone <strong>directly above</strong> your hand, keeping it parallel to the table.</li>
+          <li><strong>Spread your fingers naturally</strong>, place the card beside your hand.</li>
+          <li>Hold the phone <strong>directly above</strong> your hand, keep it <strong>parallel</strong> to the table.</li>
         </ul>
 
         <div class="controls">