D&T Games

I have already mapped out the folder structure for a small free-to-play arcade (index, games listing, individual game page, about, contact plus dedicated css, js, images and /games sub-folders for Snake, Tetris, Memory and Flappy). What I need now is the working front-end: clean HTML5 templates, a single responsive style.css, and three lightweight scripts (main.js, search.js, games.js) that bring everything to life.

The aim is simple: visitors land on the site, browse the catalogue on games.html, click a title and immediately play it inside game.html—no downloads, just pure browser fun. All titles must respond to both keyboard input (desktop) and touchscreen gestures (phones/tablets). Canvas, WebGL or straightforward embed code is fine, so long as performance stays smooth and the controls feel natural.

Search and filtering belong in search.js, game-loading logic in games.js, and any site-wide UI behaviours (menus, light/dark toggle, etc.) in main.js. I’d like semantic markup, descriptive ARIA where relevant and zero console errors. Pages should scale gracefully from 320 px wide up to large monitors.

Deliverables
• Fully populated index.html, games.html, game.html, about.html, contact.html
• style.css with media queries for mobile-first responsiveness
• Functional JavaScript: main.js, search.js, games.js, each commented and modular
• Four sample games wired up and playable with keyboard and touchscreen controls
• All assets neatly referenced so I can zip the project and deploy instantly

Acceptance criteria
• No broken links or missing assets
• Games load within two seconds and accept both control schemes
• Search returns accurate results without page reload
• Site passes basic accessibility checks (contrast, alt text, focus order)

Once these points are met I’ll test on Chrome, Firefox, Safari and a mobile browser; if everything runs smoothly the job is complete.