Hugging Face's logo

Spaces:
Perception365
/
UrbanFlow
Running

App Files Community
Subh775 commited on
Commit
77210b8
·
1 Parent(s): 5c93a15

vision refinements

Browse files
Files changed (1) hide show
  1. frontend/vehicles.html +83 -31
frontend/vehicles.html CHANGED
@@ -359,9 +359,16 @@
359
  <i class="fa-solid fa-sliders w-6"></i> <span class="font-medium">Settings</span>
360
  </a>
361
  </nav>
362
- <div class="mt-auto border-t p-4 flex flex-col items-center gap-2 bg-black flex-shrink-0" style="border-color:#2a2a2a">
363
- <button onclick="openAppModal('privacyModal')" class="text-[10px] font-bold uppercase tracking-widest transition w-full text-center py-1 rounded" style="color:#a89f97" onmouseover="this.style.color='#c89a6c'" onmouseout="this.style.color='#a89f97'">Privacy Policy</button>
364
- <button onclick="openAppModal('termsModal')" class="text-[10px] font-bold uppercase tracking-widest transition w-full text-center py-1 rounded" style="color:#a89f97" onmouseover="this.style.color='#c89a6c'" onmouseout="this.style.color='#a89f97'">Terms &amp; Conditions</button>
 
 
 
 
 
 
 
365
  <p class="text-[9px] mt-1" style="color:#333">&#169; 2026 UrbanFlow</p>
366
  </div>
367
  </aside>
@@ -374,9 +381,12 @@
374
  <h2 class="text-2xl font-bold mb-6" style="color:#f0ece6">UrbanFlow</h2>
375
 
376
  <div class="mb-10 py-6" style="border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a">
377
- <p class="max-w-3xl mx-auto text-center text-sm font-semibold leading-relaxed tracking-wide italic px-8" style="color:#a89f97">
378
- &ldquo;Traffic data has always existed on Indian roads &mdash; in the movement of every vehicle, every crossing, every congested junction.
379
- UrbanFlow is built to read that data precisely, and return it in a form that practitioners can act on.&rdquo;
 
 
 
380
  </p>
381
  </div>
382
 
@@ -392,20 +402,24 @@
392
  and transport infrastructure assessment. Footage is submitted, inference runs in the cloud,
393
  and results are returned as structured KPI outputs and downloadable reports.
394
  </p>
395
- <div class="grid grid-cols-2 gap-12 pt-8" style="border-top:1px solid #1a1a1a">
396
  <div class="space-y-4">
397
  <h4 class="font-bold text-[13px] uppercase tracking-wider" style="color:#f0ece6">What It Does</h4>
398
  <ul class="text-xs space-y-3 pl-1">
399
- <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5" style="color:#c89a6c"></i>
 
400
  <span>Vehicle detection across 14 classes</span>
401
  </li>
402
- <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5" style="color:#c89a6c"></i>
 
403
  <span>Bidirectional crossing count at defined boundary</span>
404
  </li>
405
- <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5" style="color:#c89a6c"></i>
 
406
  <span>Temporal flow analysis per second of footage</span>
407
  </li>
408
- <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5" style="color:#c89a6c"></i>
 
409
  <span>Annotated video export with spatial overlays</span>
410
  </li>
411
  </ul>
@@ -413,20 +427,45 @@
413
  <div class="space-y-4">
414
  <h4 class="font-bold text-[13px] uppercase tracking-wider" style="color:#f0ece6">How It Works</h4>
415
  <ul class="text-xs space-y-3 pl-1">
416
- <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5" style="color:#c89a6c"></i>
 
417
  <span>Upload footage from any existing camera source</span>
418
  </li>
419
- <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5" style="color:#c89a6c"></i>
 
420
  <span>Define a spatial boundary to count vehicle crossings</span>
421
  </li>
422
- <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5" style="color:#c89a6c"></i>
 
423
  <span>Inference runs in the cloud &mdash; no on-site compute required</span>
424
  </li>
425
- <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5" style="color:#c89a6c"></i>
 
426
  <span>Download structured reports and annotated outputs</span>
427
  </li>
428
  </ul>
429
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
430
  </div>
431
  </div>
432
  </div>
@@ -1456,42 +1495,55 @@
1456
  init();
1457
  </script>
1458
  <!-- Privacy Modal -->
1459
- <div id="appModal-privacyModal" onclick="if(event.target===this)closeAppModal('privacyModal')" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:9999;align-items:center;justify-content:center;padding:24px">
1460
- <div style="background:#0a0a0a;border:1px solid #2a2a2a;border-radius:14px;max-width:480px;width:100%;padding:32px;position:relative;max-height:80vh;overflow-y:auto">
1461
- <button onclick="closeAppModal('privacyModal')" style="position:absolute;top:16px;right:18px;background:none;border:none;color:#a89f97;font-size:18px;cursor:pointer">&times;</button>
 
 
 
1462
  <h2 style="color:#f0ece6;font-size:1.1rem;font-weight:700;margin-bottom:8px">Privacy Policy</h2>
1463
  <p style="color:#a89f97;font-size:11px;margin-bottom:20px">We keep this simple and honest.</p>
1464
  <ul style="color:#a89f97;font-size:11px;line-height:1.9;padding-left:16px;list-style:disc">
1465
- <li>Footage you submit is processed for detection and discarded immediately. Nothing is saved on our servers.</li>
 
1466
  <li>We do not use your footage to train models, sell it, or share it with anyone.</li>
1467
- <li>If you export an annotated video, it saves to your device only. We never receive a copy.</li>
 
1468
  <li>We do not use advertising cookies or behavioral tracking. We do not use cookies on this site.</li>
1469
- <li>You can request deletion of your form submission at any time: <strong style="color:#c89a6c">support@urbanflow.in</strong></li>
1470
  </ul>
1471
  <p style="color:#555;font-size:10px;margin-top:20px">&mdash; Team UrbanFlow</p>
1472
  </div>
1473
  </div>
1474
 
1475
  <!-- Terms Modal -->
1476
- <div id="appModal-termsModal" onclick="if(event.target===this)closeAppModal('termsModal')" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:9999;align-items:center;justify-content:center;padding:24px">
1477
- <div style="background:#0a0a0a;border:1px solid #2a2a2a;border-radius:14px;max-width:480px;width:100%;padding:32px;position:relative;max-height:80vh;overflow-y:auto">
1478
- <button onclick="closeAppModal('termsModal')" style="position:absolute;top:16px;right:18px;background:none;border:none;color:#a89f97;font-size:18px;cursor:pointer">&times;</button>
 
 
 
1479
  <h2 style="color:#f0ece6;font-size:1.1rem;font-weight:700;margin-bottom:8px">Terms &amp; Conditions</h2>
1480
- <p style="color:#a89f97;font-size:11px;margin-bottom:20px">By using this platform, you agree to the following terms.</p>
 
1481
  <p style="color:#c89a6c;font-size:11px;font-weight:700;margin-bottom:6px">You can:</p>
1482
- <ul style="color:#a89f97;font-size:11px;line-height:1.9;padding-left:16px;list-style:disc;margin-bottom:16px">
 
1483
  <li>Use the platform to evaluate UrbanFlow&rsquo;s traffic detection capabilities.</li>
1484
  <li>Export annotated video outputs to your own device for personal review.</li>
1485
  <li>Contact us with feedback, suggestions, or questions.</li>
1486
  </ul>
1487
  <p style="color:#c89a6c;font-size:11px;font-weight:700;margin-bottom:6px">You cannot:</p>
1488
- <ul style="color:#a89f97;font-size:11px;line-height:1.9;padding-left:16px;list-style:disc;margin-bottom:16px">
 
1489
  <li>Share, redistribute, or publicly post outputs without written permission.</li>
1490
- <li>Reverse-engineer the model or attempt to extract its architecture.</li>
1491
  <li>Use the platform for unlawful or harmful purposes.</li>
1492
  </ul>
1493
- <p style="color:#a89f97;font-size:11px">The platform is provided as-is for demonstration purposes only. Outputs are not intended for operational or safety-critical use.</p>
1494
- <p style="color:#555;font-size:10px;margin-top:16px">Questions: <strong style="color:#c89a6c">support@urbanflow.in</strong></p>
 
 
1495
  </div>
1496
  </div>
1497
 
@@ -1504,7 +1556,7 @@
1504
  const el = document.getElementById('appModal-' + id);
1505
  if (el) { el.style.display = 'none'; document.body.style.overflow = ''; }
1506
  }
1507
- document.addEventListener('keydown', function(e) {
1508
  if (e.key === 'Escape') { closeAppModal('privacyModal'); closeAppModal('termsModal'); }
1509
  });
1510
  </script>
 
359
  <i class="fa-solid fa-sliders w-6"></i> <span class="font-medium">Settings</span>
360
  </a>
361
  </nav>
362
+ <div class="mt-auto border-t p-4 flex flex-col items-center gap-2 bg-black flex-shrink-0"
363
+ style="border-color:#2a2a2a">
364
+ <button onclick="openAppModal('privacyModal')"
365
+ class="text-[10px] font-bold uppercase tracking-widest transition w-full text-center py-1 rounded"
366
+ style="color:#a89f97" onmouseover="this.style.color='#c89a6c'"
367
+ onmouseout="this.style.color='#a89f97'">Privacy Policy</button>
368
+ <button onclick="openAppModal('termsModal')"
369
+ class="text-[10px] font-bold uppercase tracking-widest transition w-full text-center py-1 rounded"
370
+ style="color:#a89f97" onmouseover="this.style.color='#c89a6c'"
371
+ onmouseout="this.style.color='#a89f97'">Terms &amp; Conditions</button>
372
  <p class="text-[9px] mt-1" style="color:#333">&#169; 2026 UrbanFlow</p>
373
  </div>
374
  </aside>
 
381
  <h2 class="text-2xl font-bold mb-6" style="color:#f0ece6">UrbanFlow</h2>
382
 
383
  <div class="mb-10 py-6" style="border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a">
384
+ <p class="max-w-3xl mx-auto text-center text-sm font-semibold leading-relaxed tracking-wide italic px-8"
385
+ style="color:#a89f97">
386
+ &ldquo;Traffic data has always existed on Indian roads &mdash; in the movement of every vehicle,
387
+ every crossing, every congested junction.
388
+ UrbanFlow is built to read that data precisely, and return it in a form that practitioners can
389
+ act on.&rdquo;
390
  </p>
391
  </div>
392
 
 
402
  and transport infrastructure assessment. Footage is submitted, inference runs in the cloud,
403
  and results are returned as structured KPI outputs and downloadable reports.
404
  </p>
405
+ <div class="grid grid-cols-3 gap-8 pt-8" style="border-top:1px solid #1a1a1a">
406
  <div class="space-y-4">
407
  <h4 class="font-bold text-[13px] uppercase tracking-wider" style="color:#f0ece6">What It Does</h4>
408
  <ul class="text-xs space-y-3 pl-1">
409
+ <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
410
+ style="color:#c89a6c"></i>
411
  <span>Vehicle detection across 14 classes</span>
412
  </li>
413
+ <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
414
+ style="color:#c89a6c"></i>
415
  <span>Bidirectional crossing count at defined boundary</span>
416
  </li>
417
+ <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
418
+ style="color:#c89a6c"></i>
419
  <span>Temporal flow analysis per second of footage</span>
420
  </li>
421
+ <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
422
+ style="color:#c89a6c"></i>
423
  <span>Annotated video export with spatial overlays</span>
424
  </li>
425
  </ul>
 
427
  <div class="space-y-4">
428
  <h4 class="font-bold text-[13px] uppercase tracking-wider" style="color:#f0ece6">How It Works</h4>
429
  <ul class="text-xs space-y-3 pl-1">
430
+ <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
431
+ style="color:#c89a6c"></i>
432
  <span>Upload footage from any existing camera source</span>
433
  </li>
434
+ <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
435
+ style="color:#c89a6c"></i>
436
  <span>Define a spatial boundary to count vehicle crossings</span>
437
  </li>
438
+ <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
439
+ style="color:#c89a6c"></i>
440
  <span>Inference runs in the cloud &mdash; no on-site compute required</span>
441
  </li>
442
+ <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
443
+ style="color:#c89a6c"></i>
444
  <span>Download structured reports and annotated outputs</span>
445
  </li>
446
  </ul>
447
  </div>
448
+ <div class="space-y-4">
449
+ <h4 class="font-bold text-[13px] uppercase tracking-wider" style="color:#f0ece6">Where It's Going</h4>
450
+ <ul class="text-xs space-y-3 pl-1" style="color:#a89f97">
451
+ <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
452
+ style="color:#8b5e3c"></i>
453
+ <span>Cloud-native inference &mdash; horizontally scalable for concurrent institutional sessions</span>
454
+ </li>
455
+ <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
456
+ style="color:#8b5e3c"></i>
457
+ <span>Per-analysis and subscription pricing model for government and research clients</span>
458
+ </li>
459
+ <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
460
+ style="color:#8b5e3c"></i>
461
+ <span>REST API layer for direct integration with city ATCC and ITS platforms</span>
462
+ </li>
463
+ <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
464
+ style="color:#8b5e3c"></i>
465
+ <span>Production deployment pathway via institutional licensing and MoU agreements</span>
466
+ </li>
467
+ </ul>
468
+ </div>
469
  </div>
470
  </div>
471
  </div>
 
1495
  init();
1496
  </script>
1497
  <!-- Privacy Modal -->
1498
+ <div id="appModal-privacyModal" onclick="if(event.target===this)closeAppModal('privacyModal')"
1499
+ style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:9999;align-items:center;justify-content:center;padding:24px">
1500
+ <div
1501
+ style="background:#0a0a0a;border:1px solid #2a2a2a;border-radius:14px;max-width:480px;width:100%;padding:32px;position:relative;max-height:80vh;overflow-y:auto">
1502
+ <button onclick="closeAppModal('privacyModal')"
1503
+ style="position:absolute;top:16px;right:18px;background:none;border:none;color:#a89f97;font-size:18px;cursor:pointer">&times;</button>
1504
  <h2 style="color:#f0ece6;font-size:1.1rem;font-weight:700;margin-bottom:8px">Privacy Policy</h2>
1505
  <p style="color:#a89f97;font-size:11px;margin-bottom:20px">We keep this simple and honest.</p>
1506
  <ul style="color:#a89f97;font-size:11px;line-height:1.9;padding-left:16px;list-style:disc">
1507
+ <li>Footage you submit is processed for detection and discarded immediately. Nothing is saved on our
1508
+ servers.</li>
1509
  <li>We do not use your footage to train models, sell it, or share it with anyone.</li>
1510
+ <li>If you export an annotated video, only you can save it (download) on your device. We never receive a
1511
+ copy.</li>
1512
  <li>We do not use advertising cookies or behavioral tracking. We do not use cookies on this site.</li>
1513
+ <li>For any queries contact: <strong style="color:#c89a6c">support@urbanflow.in</strong></li>
1514
  </ul>
1515
  <p style="color:#555;font-size:10px;margin-top:20px">&mdash; Team UrbanFlow</p>
1516
  </div>
1517
  </div>
1518
 
1519
  <!-- Terms Modal -->
1520
+ <div id="appModal-termsModal" onclick="if(event.target===this)closeAppModal('termsModal')"
1521
+ style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:9999;align-items:center;justify-content:center;padding:24px">
1522
+ <div
1523
+ style="background:#0a0a0a;border:1px solid #2a2a2a;border-radius:14px;max-width:480px;width:100%;padding:32px;position:relative;max-height:80vh;overflow-y:auto">
1524
+ <button onclick="closeAppModal('termsModal')"
1525
+ style="position:absolute;top:16px;right:18px;background:none;border:none;color:#a89f97;font-size:18px;cursor:pointer">&times;</button>
1526
  <h2 style="color:#f0ece6;font-size:1.1rem;font-weight:700;margin-bottom:8px">Terms &amp; Conditions</h2>
1527
+ <p style="color:#a89f97;font-size:11px;margin-bottom:20px">By using this platform, you agree to the
1528
+ following terms.</p>
1529
  <p style="color:#c89a6c;font-size:11px;font-weight:700;margin-bottom:6px">You can:</p>
1530
+ <ul
1531
+ style="color:#a89f97;font-size:11px;line-height:1.9;padding-left:16px;list-style:disc;margin-bottom:16px">
1532
  <li>Use the platform to evaluate UrbanFlow&rsquo;s traffic detection capabilities.</li>
1533
  <li>Export annotated video outputs to your own device for personal review.</li>
1534
  <li>Contact us with feedback, suggestions, or questions.</li>
1535
  </ul>
1536
  <p style="color:#c89a6c;font-size:11px;font-weight:700;margin-bottom:6px">You cannot:</p>
1537
+ <ul
1538
+ style="color:#a89f97;font-size:11px;line-height:1.9;padding-left:16px;list-style:disc;margin-bottom:16px">
1539
  <li>Share, redistribute, or publicly post outputs without written permission.</li>
1540
+ <li>Reverse-engineer or try to extract the model or attempt to extract its workflow under the hood.</li>
1541
  <li>Use the platform for unlawful or harmful purposes.</li>
1542
  </ul>
1543
+ <p style="color:#a89f97;font-size:11px">The platform is provided as-is for demonstration purposes only.
1544
+ Outputs are not intended for operational or safety-critical use.</p>
1545
+ <p style="color:#555;font-size:10px;margin-top:16px">Questions: <strong
1546
+ style="color:#c89a6c">support@urbanflow.in</strong></p>
1547
  </div>
1548
  </div>
1549
 
 
1556
  const el = document.getElementById('appModal-' + id);
1557
  if (el) { el.style.display = 'none'; document.body.style.overflow = ''; }
1558
  }
1559
+ document.addEventListener('keydown', function (e) {
1560
  if (e.key === 'Escape') { closeAppModal('privacyModal'); closeAppModal('termsModal'); }
1561
  });
1562
  </script>