title: VirtuGuard Agent Training Game
emoji: 🎮
colorFrom: blue
colorTo: green
sdk: static
pinned: false
Guided scenario mini game for the VirtuGuard webpage. One static HTML file, no build step, no backend, no external assets except the pixel font from Google Fonts. Logo and all sounds are embedded or synthesized.
Deploy: create a Space with SDK set to Static and upload index.html and this README.
Embed on WordPress (Elementor HTML widget). Replace the src with the real Space URL. The game posts its height to the parent page so the iframe grows and shrinks with the content:
<iframe id="vg-game" src="https://YOUR-SPACE.hf.space" width="100%" height="900" style="border:0;max-width:860px;display:block;margin:0 auto" title="VirtuGuard Agent Training" allow="autoplay"></iframe>
<script>
window.addEventListener('message', function (e) {
if (e.data && e.data.type === 'vg-game-height') {
document.getElementById('vg-game').style.height = (e.data.height + 20) + 'px';
}
});
</script>
Content: seven sites (auto dealership, multifamily, construction, self storage, retail center, gated community, distribution yard), a mix of alarms and scheduled patrols, one false alarm per site, seven fixed actions, per step feedback with undo, keyboard shortcuts 1 to 7 and Enter, best score per site saved in the browser, sound toggle, and VirtuGuard links on the results screen.