| Shad Ansari | 30a2373 | 2021-09-29 23:07:21 -0700 | [diff] [blame] | 1 | <html> |
| 2 | <head> |
| 3 | <title>Person Detection - Aether Edge Application</title> |
| Shad Ansari | 9a95c3d | 2021-12-09 04:32:09 +0000 | [diff] [blame^] | 4 | <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> |
| 5 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> |
| Shad Ansari | 30a2373 | 2021-09-29 23:07:21 -0700 | [diff] [blame] | 6 | </head> |
| 7 | <body> |
| Shad Ansari | 9a95c3d | 2021-12-09 04:32:09 +0000 | [diff] [blame^] | 8 | <main> |
| 9 | <div class="container"> |
| 10 | <div class=row> |
| 11 | <h2 class="pb-2 border-bottom">Person Detection - Aether Edge Application</h2> |
| 12 | </div> |
| 13 | <div class="row"> |
| 14 | {% for x, y in devices.items() %} |
| 15 | <div class="col-6"> |
| 16 | <div class="card"> |
| 17 | <img src="{{ url_for('video_feed', device=x) }}" class="card-img-top" alt="..."> |
| 18 | <div class="card-body"> |
| 19 | <h5 class="card-title">Camera {{ x }}</h5> |
| 20 | <p class="card-text">{{ y }}</p> |
| 21 | </div> |
| 22 | </div> |
| 23 | </div> |
| 24 | {% endfor %} |
| 25 | </div> |
| 26 | </div> |
| 27 | </main> |
| 28 | <h1></h1> |
| Shad Ansari | 30a2373 | 2021-09-29 23:07:21 -0700 | [diff] [blame] | 29 | </body> |
| 30 | </html> |