Update index.html
Browse files- index.html +28 -15
index.html
CHANGED
|
@@ -13,15 +13,6 @@
|
|
| 13 |
color: #333;
|
| 14 |
}
|
| 15 |
.container { max-width: 900px; margin: 0 auto; }
|
| 16 |
-
.header {
|
| 17 |
-
text-align: center;
|
| 18 |
-
margin-bottom: 25px;
|
| 19 |
-
padding-bottom: 20px;
|
| 20 |
-
border-bottom: 3px solid #f97316;
|
| 21 |
-
}
|
| 22 |
-
.header h1 { font-size: 32px; color: #2c3e50; margin-bottom: 8px; }
|
| 23 |
-
.header h1 span { color: #f97316; }
|
| 24 |
-
.header p { color: #7f8c8d; font-size: 15px; }
|
| 25 |
|
| 26 |
.search-container {
|
| 27 |
position: relative;
|
|
@@ -205,11 +196,6 @@
|
|
| 205 |
</head>
|
| 206 |
<body>
|
| 207 |
<div class="container">
|
| 208 |
-
<div class="header">
|
| 209 |
-
<h1>🏀 NBA <span>Buzz</span></h1>
|
| 210 |
-
<p>Real-time player mentions from Bluesky</p>
|
| 211 |
-
</div>
|
| 212 |
-
|
| 213 |
<div class="search-container">
|
| 214 |
<input type="text" class="search-input" id="searchInput" placeholder="Search players or teams...">
|
| 215 |
<div class="search-results" id="searchResults"></div>
|
|
@@ -257,6 +243,33 @@
|
|
| 257 |
let hours = 24;
|
| 258 |
let searchTimeout;
|
| 259 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 260 |
// Search functionality
|
| 261 |
const searchInput = document.getElementById('searchInput');
|
| 262 |
const searchResults = document.getElementById('searchResults');
|
|
@@ -408,4 +421,4 @@
|
|
| 408 |
setInterval(loadStatus, 10000);
|
| 409 |
</script>
|
| 410 |
</body>
|
| 411 |
-
</html>
|
|
|
|
| 13 |
color: #333;
|
| 14 |
}
|
| 15 |
.container { max-width: 900px; margin: 0 auto; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 16 |
|
| 17 |
.search-container {
|
| 18 |
position: relative;
|
|
|
|
| 196 |
</head>
|
| 197 |
<body>
|
| 198 |
<div class="container">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 199 |
<div class="search-container">
|
| 200 |
<input type="text" class="search-input" id="searchInput" placeholder="Search players or teams...">
|
| 201 |
<div class="search-results" id="searchResults"></div>
|
|
|
|
| 243 |
let hours = 24;
|
| 244 |
let searchTimeout;
|
| 245 |
|
| 246 |
+
// Parse URL parameters
|
| 247 |
+
const urlParams = new URLSearchParams(window.location.search);
|
| 248 |
+
if (urlParams.get('hours')) {
|
| 249 |
+
hours = parseInt(urlParams.get('hours'));
|
| 250 |
+
}
|
| 251 |
+
if (urlParams.get('tab')) {
|
| 252 |
+
currentTab = urlParams.get('tab');
|
| 253 |
+
}
|
| 254 |
+
|
| 255 |
+
// Update UI to reflect URL parameters
|
| 256 |
+
document.addEventListener('DOMContentLoaded', () => {
|
| 257 |
+
// Update time buttons
|
| 258 |
+
document.querySelectorAll('.time-btn').forEach(btn => {
|
| 259 |
+
btn.classList.remove('active');
|
| 260 |
+
if (parseInt(btn.dataset.hours) === hours) {
|
| 261 |
+
btn.classList.add('active');
|
| 262 |
+
}
|
| 263 |
+
});
|
| 264 |
+
// Update tab buttons
|
| 265 |
+
document.querySelectorAll('.tab-btn').forEach(btn => {
|
| 266 |
+
btn.classList.remove('active');
|
| 267 |
+
if (btn.dataset.tab === currentTab) {
|
| 268 |
+
btn.classList.add('active');
|
| 269 |
+
}
|
| 270 |
+
});
|
| 271 |
+
});
|
| 272 |
+
|
| 273 |
// Search functionality
|
| 274 |
const searchInput = document.getElementById('searchInput');
|
| 275 |
const searchResults = document.getElementById('searchResults');
|
|
|
|
| 421 |
setInterval(loadStatus, 10000);
|
| 422 |
</script>
|
| 423 |
</body>
|
| 424 |
+
</html>
|