mirror of
https://github.com/screentinker/screentinker.git
synced 2026-06-29 09:23:16 -06:00
ab771ec595
Self-contained examples for the PiP overlay API (POST /api/pip), each with a CSP-safe query-param overlay (external JS), config.example.json, zero runtime deps, an offline test, and a README: - PIP-Announce-Broadcast manual one-shot message to a screen/group - PIP-Weather-Widget Open-Meteo current conditions (keyless) - PIP-Air-Quality Open-Meteo US AQI widget (keyless) - PIP-Crypto-Ticker CoinGecko price strip (keyless) - PIP-News-Ticker scrolling RSS/Atom headlines - PIP-Room-Status-Calendar ICS-driven Available/Busy room sign - PIP-Event-Countdown client-side countdown, auto-clears at zero - PIP-Welcome-Board rotating welcome/birthday cards from CSV - PIP-Fundraiser-Thermometer goal-progress bar from local/URL JSON - PIP-QR-Rotator rotating QR codes, encoded client-side - PIP-Incident-Webhook event-driven: red on firing, clear on resolved Also includes the CAP-AU (NSW RFS) and US NWS/NOAA emergency-alert monitors that push expiry-aware PiP overlays. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
24 lines
910 B
JavaScript
24 lines
910 B
JavaScript
// External overlay script — same-origin so the server CSP (scriptSrc 'self') permits it.
|
|
// Reads the announcement fields from the URL query string and populates the card.
|
|
(function () {
|
|
var q = new URLSearchParams(location.search);
|
|
var get = function (k) { return (q.get(k) || '').trim(); };
|
|
|
|
var color = '#' + (get('color').replace(/[^0-9a-fA-F]/g, '') || 'CC0000');
|
|
|
|
var title = get('title');
|
|
var band = document.getElementById('band');
|
|
if (title) {
|
|
band.textContent = title.toUpperCase();
|
|
band.style.background = color;
|
|
band.classList.add('show');
|
|
}
|
|
|
|
document.getElementById('message').textContent = get('message') || 'Announcement';
|
|
|
|
// Footer shows when the overlay was rendered, so a static announcement still
|
|
// reads as "current".
|
|
var now = new Date();
|
|
document.getElementById('updated').textContent = isNaN(now) ? '' : ('posted ' + now.toLocaleString());
|
|
})();
|