Spaces:
Running
Running
Upload folder using huggingface_hub
Browse files- web_demo/static/app.js +2 -2
- web_demo/templates/index.html +4 -4
web_demo/static/app.js
CHANGED
|
@@ -286,7 +286,7 @@ const runMeasurement = async (endpoint, formData, inputUrlFallback = "") => {
|
|
| 286 |
imageInput.addEventListener("change", () => {
|
| 287 |
const file = imageInput.files[0];
|
| 288 |
if (!file) {
|
| 289 |
-
setStatus("Sample image loaded.
|
| 290 |
if (defaultSampleUrl) {
|
| 291 |
showImage(inputPreview, inputFrame, defaultSampleUrl);
|
| 292 |
}
|
|
@@ -337,5 +337,5 @@ form.addEventListener("submit", async (event) => {
|
|
| 337 |
|
| 338 |
if (defaultSampleUrl) {
|
| 339 |
showImage(inputPreview, inputFrame, defaultSampleUrl);
|
| 340 |
-
setStatus("Sample image loaded.
|
| 341 |
}
|
|
|
|
| 286 |
imageInput.addEventListener("change", () => {
|
| 287 |
const file = imageInput.files[0];
|
| 288 |
if (!file) {
|
| 289 |
+
setStatus("Sample image loaded. Click Start Measurement or upload your own photo.");
|
| 290 |
if (defaultSampleUrl) {
|
| 291 |
showImage(inputPreview, inputFrame, defaultSampleUrl);
|
| 292 |
}
|
|
|
|
| 337 |
|
| 338 |
if (defaultSampleUrl) {
|
| 339 |
showImage(inputPreview, inputFrame, defaultSampleUrl);
|
| 340 |
+
setStatus("Sample image loaded. Click Start Measurement or upload your own photo.");
|
| 341 |
}
|
web_demo/templates/index.html
CHANGED
|
@@ -15,7 +15,7 @@
|
|
| 15 |
<p class="hero-kicker">Femometer Smart Ring Sizer</p>
|
| 16 |
<h1>Upload a photo to quickly measure ring size</h1>
|
| 17 |
<p class="hero-sub">
|
| 18 |
-
|
| 19 |
</p>
|
| 20 |
</div>
|
| 21 |
<div class="hero-card">
|
|
@@ -27,10 +27,10 @@
|
|
| 27 |
</label>
|
| 28 |
|
| 29 |
<ul class="capture-tips">
|
| 30 |
-
<li><strong>Turn on your phone's flash</strong>, it
|
| 31 |
<li><strong>Use plain white background</strong>, a sheet of paper works great.</li>
|
| 32 |
-
<li><strong>Spread your fingers naturally</strong>,
|
| 33 |
-
<li>Hold the phone <strong>directly above</strong> your hand,
|
| 34 |
</ul>
|
| 35 |
|
| 36 |
<div class="controls">
|
|
|
|
| 15 |
<p class="hero-kicker">Femometer Smart Ring Sizer</p>
|
| 16 |
<h1>Upload a photo to quickly measure ring size</h1>
|
| 17 |
<p class="hero-sub">
|
| 18 |
+
Using your hand photo and a standard-size card for scale.
|
| 19 |
</p>
|
| 20 |
</div>
|
| 21 |
<div class="hero-card">
|
|
|
|
| 27 |
</label>
|
| 28 |
|
| 29 |
<ul class="capture-tips">
|
| 30 |
+
<li><strong>Turn on your phone's flash</strong>, it helps sharpen the finger edges.</li>
|
| 31 |
<li><strong>Use plain white background</strong>, a sheet of paper works great.</li>
|
| 32 |
+
<li><strong>Spread your fingers naturally</strong>, place the card beside your hand.</li>
|
| 33 |
+
<li>Hold the phone <strong>directly above</strong> your hand, keep it <strong>parallel</strong> to the table.</li>
|
| 34 |
</ul>
|
| 35 |
|
| 36 |
<div class="controls">
|