);
}
// ---- mobile preview (device frame) ------------------------
function MobilePreview({ lang, nav }) {
const { t } = window.useEmmT();
return (
Mobile cockpit
Field / district officer — the day's key items & alerts on a phone. One key mobile screen per scope.
Glanceable KPI stack
Sentiment meter with %
Needs-attention alerts
Channel leaderboard
Bottom tab navigation
);
}
// ============================================================
// AUTH GATE (client-side demo gate — not a server boundary)
// Anyone with an @skill-mine.com email + the shared access
// password may enter. NOTE: this is a static, no-backend app,
// so this gate keeps casual visitors out but is NOT real
// security — for true access control put Cloudflare Access in
// front of the Worker.
// ============================================================
const AUTH_KEY = "emm.auth";
const ALLOWED_DOMAIN = "@skill-mine.com";
const ACCESS_PW = "Skill@Win";
function currentAuth() { const a = loadLS(AUTH_KEY, null); return a && a.email ? a : null; }
function authInitials(email) {
if (!email) return "··";
const local = email.split("@")[0].replace(/[^a-z0-9]/gi, "");
return (local.slice(0, 2) || "··").toUpperCase();
}
function LoginGate({ onAuth }) {
const [email, setEmail] = useState("");
const [pw, setPw] = useState("");
const [err, setErr] = useState("");
function submit(e) {
e.preventDefault();
const em = email.trim().toLowerCase();
if (!em || em.indexOf("@") < 0) { setErr("Enter your work email."); return; }
if (!em.endsWith(ALLOWED_DOMAIN)) { setErr("Access is limited to " + ALLOWED_DOMAIN + " accounts."); return; }
if (pw !== ACCESS_PW) { setErr("Incorrect password."); return; }
const auth = { email: em, ts: Date.now() };
saveLS(AUTH_KEY, auth);
onAuth(auth);
}
return (
EMM
Electronic Media Monitoring
Department of Public Relations · Chhattisgarh
Authorised Skillmine personnel only · {ALLOWED_DOMAIN}