// chrome.jsx — TopNav, Hero, NowOnStage, Footer
const { useState, useEffect } = React;
/* ─── Icons (Lucide-style 24x24, 1.5 stroke) ─── */
const I = {
search: (p) =>
);
}
window.Logo = Logo;
/* ─── Top nav ─── */
function TopNav({ activeTab, onNav, onLanguageChange, language, sessionId }) {
const [menuOpen, setMenuOpen] = useState(false);
const CFG = window.EVENT_CONFIG || {};
const captionsUrl = `https://attend.wordly.ai/join/${sessionId || 'DXRS-1194'}`;
// Lock body scroll while the mobile sheet is open.
useEffect(() => {
document.body.style.overflow = menuOpen ? 'hidden' : '';
return () => {document.body.style.overflow = '';};
}, [menuOpen]);
const go = (id) => {onNav(id);setMenuOpen(false);};
return (
{/* Mobile menu sheet */}
);
}
window.TopNav = TopNav;
/* ─── Hero ─── */
function Hero({ variant = 'photo', language, kpis }) {
const CFG = window.EVENT_CONFIG || {};
const city = CFG.city || 'Taipei';
const venue = CFG.venue || 'Taipei Marriott Hotel · 5F Grand Ballroom';
const wistron = CFG.wistron !== false;
const enLede = wistron ?
{kpis.teams} select startups, one room. 14 from AppWorks Accelerator #32 + 4 from Wistron Accelerator #10 — founders from Taiwan, Singapore, Korea, Malaysia, Hong Kong and the US, working at the forefront of Enterprise AI , Manufacturing AI and Dual-Use Tech .
:
{kpis.teams} selected startups, the AppWorks #32 cohort -Enterprise AI , Manufacturing AI , Web3 and Dual-Use Tech .
;
return (
{CFG.heroEyebrow && (
{CFG.heroEyebrow}
)}
{CFG.keyVisual !== false ?
:
AppWorks #32
Demo Day
{city}
}
{(language === 'en' || language === 'both') && enLede}
{(language === 'zh' || language === 'both') &&
一場專屬於 AI 與亞洲跨境新創的盛會 — {kpis.teams} 組精選潛力團隊登台，
}
{language === 'zh' ? '日期' : 'Date'}
{CFG.heroDate || '17 Jun'}{CFG.heroTime || 'Wed · 12:00–16:30'}
{language === 'zh' ? '地點' : 'Venue'}
{CFG.heroVenueShort || 'Marriott'}{CFG.heroVenueSub || (language === 'zh' ? '5F 大廳 · 台北' : '5F Grand Ballroom · Taipei')}
Teams
{kpis.teams} {CFG.heroTeamsNote || (wistron ? '14 AppWorks · 4 Wistron' : 'AppWorks #32')}
Markets
6 TW · SG · KR · MY · US · HK
);
}
window.Hero = Hero;
/* Decorative SVG that lives behind the hero — symmetric backdrop */
function HeroDecor({ variant }) {
if (variant === 'orange') return null;
const ink = variant === 'bone' ? '#424F57' : '#FFFFFF';
const inkOpacity = variant === 'bone' ? 0.08 : 0.10;
return (
{/* Two orange triangles flanking the centered content */}
{/* Two orange accent dots top-center to anchor the eye */}
);
}
/* ─ Helpers shared by the operator panel ─── */
function fmtClock(d) {
const h = String(d.getHours()).padStart(2, '0');
const m = String(d.getMinutes()).padStart(2, '0');
return `${h}:${m}`;
}
window.fmtClock = fmtClock;
/* ─ Now on stage ─── */
const LANGUAGES = [
// Wordly uses BCP-47-ish codes. en / zh-TW (Traditional, Taiwan).
{ code: 'en', label: 'EN', name: 'English' },
{ code: 'zh-TW', label: '中文', name: '繁體中文' }];
window.LANGUAGES = LANGUAGES;
/* ─── Wordly helpers ───
Attendee URL: https://attend.wordly.ai/join/SESSION-ID
iFrame URL: https://attend.wordly.ai/frame/SESSION-ID?lang=xx&bgcolor=...&fgcolor=...
Session IDs are formatted LLLL-NNNN (4 letters + 4 numbers).
*/
function wordlyJoinUrl(sessionId) {
return `https://attend.wordly.ai/join/${encodeURIComponent(sessionId)}`;
}
function wordlyFrameUrl(sessionId, lang, opts = {}) {
const params = new URLSearchParams({
lang: lang || 'en',
bgcolor: opts.bgcolor || 'FFFFFF',
fgcolor: opts.fgcolor || '424F57',
...(opts.fgsize ? { fgsize: opts.fgsize } : {}),
...(opts.key ? { key: opts.key } : {})
});
return `https://attend.wordly.ai/frame/${encodeURIComponent(sessionId)}?${params.toString()}`;
}
function wordlyQrUrl(sessionId, size = 180) {
// qrserver.com is a free QR generator — encodes the attendee URL.
const target = wordlyJoinUrl(sessionId);
return `https://api.qrserver.com/v1/create-qr-code/?size=${size}x${size}&margin=0&data=${encodeURIComponent(target)}`;
}
window.wordlyJoinUrl = wordlyJoinUrl;
window.wordlyFrameUrl = wordlyFrameUrl;
window.wordlyQrUrl = wordlyQrUrl;
function CaptionsStrip({ language, onLanguageChange, sessionId }) {
if (window.EVENT_CONFIG && window.EVENT_CONFIG.wordly === false) return null;
const langs = LANGUAGES;
const joinUrl = wordlyJoinUrl(sessionId);
const frameUrl = wordlyFrameUrl(sessionId, language, { bgcolor: 'FFFFFF', fgcolor: '424F57', fgsize: '1.1em' });
return (
Audience captions · Wordly · Session {sessionId}
{langs.map((l) =>
onLanguageChange(l.code)}
aria-checked={l.code === language}
title={l.name}>{l.label}
)}
Scan to listen on your phone
URL attend.wordly.ai
Session {sessionId}
Open in browser
);
}
window.CaptionsStrip = CaptionsStrip;
function NowOnStage({ team, phase, captionLanguage, onCaptionLanguageChange, sessionId }) {
// Wordly live-captions only — the "on stage" team card was removed.
return (
);
}
window.NowOnStage = NowOnStage;
/* ─── Footer ─── */
function Footer() {
return (
);
}
window.Footer = Footer; 
: