Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>SentimentSpark - GhostAI1's Sentiment Analysis Hub</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;700&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">Explore 500 Reviews in a Neon-Charged, Dark-Themed Universe by ghostai1</p> | |
| </header> | |
| <div class="container py-5"> | |
| <div class="card bg-dark border-neon mb-5 p-4 shadow-lg"> | |
| <div class="card-body"> | |
| <div class="row align-items-center"> | |
| <div class="col-md-6"> | |
| <label for="sentimentAnalysis" class="form-label fw-bold">Filter Sentiment</label> | |
| <select id="sentimentAnalysis" 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> | |
| </div> | |
| <div class="table-responsive rounded-3 overflow-hidden"> | |
| <table class="table table-dark table-hover border-neon-dark"> | |
| <thead> | |
| <tr> | |
| <th scope="col">ID</th> | |
| <th scope="col">Review</th> | |
| <th scope="col">Sentiment</th> | |
| </tr> | |
| </thead> | |
| <tbody id="dataTable"></tbody> | |
| </table> | |
| </div> | |
| <nav aria-label="Pagination" class="mt-4"> | |
| <ul class="pagination pagination-lg justify-content-center" id="customPagination"></ul> | |
| </nav> | |
| </div> | |
| <footer class="text-center py-4 bg-gray-900"> | |
| <p class="mb-0">© 2025 SentimentSpark by ghostai1. Licensed under Apache-2.0. Powered by 🔥.</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> |