Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>SentimentSpark - Ignite Sentiment Analysis</title> | |
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <link rel="stylesheet" href="styles.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Roboto:wght@400&display=swap" rel="stylesheet"> | |
| </head> | |
| <body class="bg-dark text-light"> | |
| <header class="hero text-center py-5"> | |
| <h1 class="display-3">🌑 SentimentSpark 🔥</h1> | |
| <p class="lead">Unleash 500 Reviews in a Futuristic, Dark-Themed Interface</p> | |
| </header> | |
| <div class="container py-4"> | |
| <div class="card bg-dark border-neon mb-4"> | |
| <div class="card-body"> | |
| <label for="sentimentFilter" class="form-label">Filter by Sentiment:</label> | |
| <select id="sentimentFilter" class="form-select bg-dark text-light border-neon"> | |
| <option value="all">All Sentiments</option> | |
| <option value="positive">Positive 🌟</option> | |
| <option value="negative">Negative 😞</option> | |
| </select> | |
| </div> | |
| </div> | |
| <div class="table-responsive"> | |
| <table class="table table-dark table-hover"> | |
| <thead> | |
| <tr> | |
| <th>Index</th> | |
| <th>Review</th> | |
| <th>Sentiment</th> | |
| </tr> | |
| </thead> | |
| <tbody id="dataTable"></tbody> | |
| </table> | |
| </div> | |
| <nav aria-label="Page navigation"> | |
| <ul class="pagination justify-content-center" id="pagination"></ul> | |
| </nav> | |
| </div> | |
| <footer class="text-center py-4"> | |
| <p>© 2025 SentimentSpark by ghostai1. Licensed under Apache-2.0. Built with 💖.</p> | |
| </footer> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |