Hugging Face's logo

Spaces:
ghostai1
/
SentimentSpark
Running

App Files Community
ghostai1 commited on
Commit
80796a5
·
verified ·
1 Parent(s): b912828

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +26 -23
index.html CHANGED
@@ -1,51 +1,54 @@
1
 
2
-
3
  <!DOCTYPE html>
4
  <html lang="en">
5
  <head>
6
  <meta charset="UTF-8">
7
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
- <title>SentimentSpark - Ignite Sentiment Analysis</title>
9
- <link href="https://cdn.jsdelivr.net/npm/[email protected].0/dist/css/bootstrap.min.css" rel="stylesheet">
10
  <link rel="stylesheet" href="styles.css">
11
- <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Roboto:wght@400&display=swap" rel="stylesheet">
12
  </head>
13
  <body class="bg-dark text-light">
14
  <header class="hero text-center py-5">
15
  <h1 class="display-3">🌑 SentimentSpark 🔥</h1>
16
- <p class="lead">Unleash 500 Reviews in a Futuristic, Dark-Themed Interface</p>
17
  </header>
18
- <div class="container py-4">
19
- <div class="card bg-dark border-neon mb-4">
20
  <div class="card-body">
21
- <label for="sentimentFilter" class="form-label">Filter by Sentiment:</label>
22
- <select id="sentimentFilter" class="form-select bg-dark text-light border-neon">
23
- <option value="all">All Sentiments</option>
24
- <option value="positive">Positive 🌟</option>
25
- <option value="negative">Negative 😞</option>
26
- </select>
 
 
 
 
27
  </div>
28
  </div>
29
- <div class="table-responsive">
30
- <table class="table table-dark table-hover">
31
  <thead>
32
  <tr>
33
- <th>Index</th>
34
- <th>Review</th>
35
- <th>Sentiment</th>
36
  </tr>
37
  </thead>
38
  <tbody id="dataTable"></tbody>
39
  </table>
40
  </div>
41
- <nav aria-label="Page navigation">
42
- <ul class="pagination justify-content-center" id="pagination"></ul>
43
  </nav>
44
  </div>
45
- <footer class="text-center py-4">
46
- <p>© 2025 SentimentSpark by ghostai1. Licensed under Apache-2.0. Built with 💖.</p>
47
  </footer>
48
- <script src="https://cdn.jsdelivr.net/npm/[email protected].0/dist/js/bootstrap.bundle.min.js"></script>
49
  <script src="script.js"></script>
50
  </body>
51
  </html>
 
1
 
 
2
  <!DOCTYPE html>
3
  <html lang="en">
4
  <head>
5
  <meta charset="UTF-8">
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>SentimentSpark - GhostAI1's Sentiment Analysis Hub</title>
8
+ <link href="https://cdn.jsdelivr.net/npm/[email protected].3/dist/css/bootstrap.min.css" rel="stylesheet">
9
  <link rel="stylesheet" href="styles.css">
10
+ <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
11
  </head>
12
  <body class="bg-dark text-light">
13
  <header class="hero text-center py-5">
14
  <h1 class="display-3">🌑 SentimentSpark 🔥</h1>
15
+ <p class="lead">Explore 500 Reviews in a Neon-Charged, Dark-Themed Universe by ghostai1</p>
16
  </header>
17
+ <div class="container py-5">
18
+ <div class="card bg-dark border-neon mb-5 p-4 shadow-lg">
19
  <div class="card-body">
20
+ <div class="row align-items-center">
21
+ <div class="col-md-6">
22
+ <label for="sentimentAnalysis" class="form-label fw-bold">Filter Sentiment</label>
23
+ <select id="sentimentAnalysis" class="form-select bg-dark text-light border-neon">
24
+ <option value="all">All Sentiments</option>
25
+ <option value="positive">Positive 🌟</option>
26
+ <option value="negative">Negative 😢</option>
27
+ </select>
28
+ </div>
29
+ </div>
30
  </div>
31
  </div>
32
+ <div class="table-responsive rounded-3 overflow-hidden">
33
+ <table class="table table-dark table-hover border-neon-dark">
34
  <thead>
35
  <tr>
36
+ <th scope="col">ID</th>
37
+ <th scope="col">Review</th>
38
+ <th scope="col">Sentiment</th>
39
  </tr>
40
  </thead>
41
  <tbody id="dataTable"></tbody>
42
  </table>
43
  </div>
44
+ <nav aria-label="Pagination" class="mt-4">
45
+ <ul class="pagination pagination-lg justify-content-center" id="customPagination"></ul>
46
  </nav>
47
  </div>
48
+ <footer class="text-center py-4 bg-gray-900">
49
+ <p class="mb-0">&copy; 2025 SentimentSpark by ghostai1. Licensed under Apache-2.0. Powered by 🔥.</p>
50
  </footer>
51
+ <script src="https://cdn.jsdelivr.net/npm/[email protected].3/dist/js/bootstrap.bundle.min.js"></script>
52
  <script src="script.js"></script>
53
  </body>
54
  </html>