Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Disaster Response Monitor</title> | |
| <link rel="stylesheet" type="text/css" href="index.css" /> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="header"> | |
| <h1 class="title">Disaster Response Monitor</h1> | |
| <div class="live-badge"> | |
| 📊 Live Monitoring | |
| </div> | |
| </div> | |
| <div class="stats-grid"> | |
| <div class="stat-card"> | |
| <div class="stat-title">Active Disasters</div> | |
| <div class="stat-value" id="active-disasters">0</div> | |
| </div> | |
| <div class="stat-card"> | |
| <div class="stat-title">Urgent Cases</div> | |
| <div class="stat-value" id="urgent-cases">0</div> | |
| </div> | |
| <div class="stat-card"> | |
| <div class="stat-title">Monitored Tweets</div> | |
| <div class="stat-value" id="total-tweets">0</div> | |
| </div> | |
| </div> | |
| <div class="feed-container"> | |
| <div class="feed-header"> | |
| 💬 Disaster Reports | |
| </div> | |
| <div id="tweet-feed"></div> | |
| </div> | |
| </div> | |
| <script src="main.js"></script> | |
| </body> | |
| </html> |