Hugging Face's logo

Spaces:
ghostai1
/
SentimentSpark
Running

App Files Community
ghostai1 commited on
Commit
785ede9
·
verified ·
1 Parent(s): 8c40a18

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +45 -30
index.html CHANGED
@@ -1,46 +1,61 @@
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 - Sentiment Analysis Dataset</title>
8
- <!-- Bootstrap CSS -->
9
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
10
- <!-- Custom CSS -->
11
  <link rel="stylesheet" href="styles.css">
 
12
  </head>
13
  <body class="bg-dark text-light">
14
- <div class="container py-5">
15
- <h1 class="text-center mb-4">🌑 SentimentSpark</h1>
16
- <p class="text-center mb-5">Explore our sentiment analysis dataset with a sleek, dark-themed interface. 🔥</p>
17
-
18
- <!-- Filter Controls -->
19
- <div class="mb-4">
20
- <label for="sentimentFilter" class="form-label">Filter by Sentiment:</label>
21
- <select id="sentimentFilter" class="form-select bg-dark text-light border-secondary">
22
- <option value="all">All</option>
23
- <option value="positive">Positive</option>
24
- <option value="negative">Negative</option>
25
- </select>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
26
  </div>
27
-
28
- <!-- Data Table -->
29
- <table class="table table-dark table-hover">
30
- <thead>
31
- <tr>
32
- <th>Index</th>
33
- <th>Text</th>
34
- <th>Label</th>
35
- </tr>
36
- </thead>
37
- <tbody id="dataTable"></tbody>
38
- </table>
39
  </div>
40
-
41
- <!-- Bootstrap JS and Popper.js -->
 
42
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
43
- <!-- Custom JavaScript -->
44
  <script src="script.js"></script>
45
  </body>
46
  </html>
 
1
 
2
+ **Description**:
3
+ This `README.md` is a full dataset card, expanded with:
4
+ - A bold, engaging tone with emojis (🌑, 🔥, 🚀) for a dynamic feel.
5
+ - Clear sections for overview, dataset structure, usage, web app, use cases, license, acknowledgments, and tips.
6
+ - Hugging Face metadata in YAML format, matching the original.
7
+ - Instructions for installation, data loading, and web app access.
8
+ - A call to action for community contributions and practical tips for extending the dataset or app.
9
+ The tone remains professional but vibrant, avoiding colloquialisms while emphasizing the dataset’s value and the web app’s appeal.
10
+
11
+ ---
12
+
13
+ ### 3. `index.html`
14
+ **Content**:
15
+ ```html
16
  <!DOCTYPE html>
17
  <html lang="en">
18
  <head>
19
  <meta charset="UTF-8">
20
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
21
+ <title>SentimentSpark - Ignite Sentiment Analysis</title>
 
22
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
 
23
  <link rel="stylesheet" href="styles.css">
24
+ <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Roboto:wght@400&display=swap" rel="stylesheet">
25
  </head>
26
  <body class="bg-dark text-light">
27
+ <header class="hero text-center py-5">
28
+ <h1 class="display-3">🌑 SentimentSpark 🔥</h1>
29
+ <p class="lead">Unleash the Power of Sentiment Analysis with a Sleek, Dark Interface</p>
30
+ </header>
31
+ <div class="container py-4">
32
+ <div class="card bg-dark border-secondary mb-4">
33
+ <div class="card-body">
34
+ <label for="sentimentFilter" class="form-label">Filter by Sentiment:</label>
35
+ <select id="sentimentFilter" class="form-select bg-dark text-light border-secondary">
36
+ <option value="all">All Sentiments</option>
37
+ <option value="positive">Positive 🌟</option>
38
+ <option value="negative">Negative 😞</option>
39
+ </select>
40
+ </div>
41
+ </div>
42
+ <div class="table-responsive">
43
+ <table class="table table-dark table-hover">
44
+ <thead>
45
+ <tr>
46
+ <th>Index</th>
47
+ <th>Review</th>
48
+ <th>Sentiment</th>
49
+ </tr>
50
+ </thead>
51
+ <tbody id="dataTable"></tbody>
52
+ </table>
53
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
54
  </div>
55
+ <footer class="text-center py-4">
56
+ <p>&copy; 2025 SentimentSpark. Licensed under Apache-2.0. Built with 💖 by [Your Name].</p>
57
+ </footer>
58
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
 
59
  <script src="script.js"></script>
60
  </body>
61
  </html>