slack status without the slack
status.zzstoatzz.io
hatk
statusphere
add bufo link
+35
+35
templates/status.html
+35
templates/status.html
···
225
225
<div class="emoji-grid" id="emoji-grid">
226
226
<!-- Will be populated by JavaScript -->
227
227
</div>
228
+
<div class="bufo-helper" id="bufo-helper" style="display: none;">
229
+
<a href="https://find-bufo.fly.dev/" target="_blank" rel="noopener noreferrer">
230
+
need help finding a bufo?
231
+
</a>
232
+
</div>
228
233
</div>
229
234
</div>
230
235
</div>
···
1277
1282
font-size: 0.95rem;
1278
1283
}
1279
1284
1285
+
.bufo-helper {
1286
+
text-align: center;
1287
+
padding: 1rem;
1288
+
border-top: 1px solid var(--border);
1289
+
}
1290
+
1291
+
.bufo-helper a {
1292
+
color: var(--text-secondary);
1293
+
text-decoration: none;
1294
+
font-size: 0.9rem;
1295
+
transition: color 0.2s ease;
1296
+
}
1297
+
1298
+
.bufo-helper a:hover {
1299
+
color: var(--accent);
1300
+
text-decoration: underline;
1301
+
}
1302
+
1280
1303
.emoji-picker-overlay::before {
1281
1304
content: '';
1282
1305
position: fixed;
···
2378
2401
}
2379
2402
2380
2403
updateActiveCategory(category);
2404
+
2405
+
// Show/hide bufo helper based on category
2406
+
const bufoHelper = document.getElementById('bufo-helper');
2407
+
if (bufoHelper) {
2408
+
bufoHelper.style.display = category === 'custom' ? 'block' : 'none';
2409
+
}
2381
2410
};
2382
2411
2383
2412
const applyEmojiSelection = (button) => {
···
2606
2635
renderEmojiButtons(buttons);
2607
2636
} else {
2608
2637
showGridMessage('No emojis found');
2638
+
}
2639
+
2640
+
// Hide bufo helper during search
2641
+
const bufoHelper = document.getElementById('bufo-helper');
2642
+
if (bufoHelper) {
2643
+
bufoHelper.style.display = 'none';
2609
2644
}
2610
2645
};
2611
2646