Daniil Ignatev — personal site
Browser games built with AI agents: https://common-ka.github.io/
A static site with no build step: index.html, styles.css, main.js, interface strings in i18n.js and game data in games.js. Published with GitHub Pages: every push to main updates the site within 1–2 minutes.
Languages
The site is bilingual, Russian and English. The language is picked in this order:
?lang=ru or ?lang=en in the URL — use it for links you send to a specific audience;- the visitor's own choice from the RU / EN switch in the header (remembered in the browser);
- the browser's first language: Russian for
ru, English for everything else.
Interface strings live in i18n.js under the same keys as the data-i18n attributes in index.html. The text inside index.html is the Russian fallback.
Adding a game
- Put a 16:9 cover into
assets/img/covers/ in two sizes: <id>-640.webp and <id>-1280.webp (640 and 1280 px wide).
- Open
games.js and copy any block in the games list. The order of the blocks is the order of the cards on the site.
- Edit the fields and save. That's it.
Quick edits work right in the browser: press . on the repository page to open the editor.
Every text field is either a plain string (the same in both languages) or a pair: { ru: '…', en: '…' }.
Card fields
| Field | What it is | Required |
|---|
id | Short Latin name, matches the cover file names | yes |
title | Game title | yes |
status | released — out (olive), launch — launching (ochre), dev — in development (blue) | yes |
statusText | Status caption, e.g. Released · Playgama and Yandex Games | yes |
genre | Genre in one line | no |
hook | One or two sentences: what the player does | no |
rating | Rating line, e.g. ★ 4.3 / 5 on Playgama · 96 ratings | no |
cover | { image: 'assets/img/covers/<id>', alt: 'cover description' }; add position: 'left center' if the important part of the cover is near an edge. No cover yet: { placeholder: 'voxels' } | yes |
links | Buttons: { label: '▶ CrazyGames', url: '…', primary: true }. Only one primary button | no |
soon | Dashed "coming soon" plates, e.g. [{ ru: 'Скоро на Playgama', en: 'Coming to Playgama' }] | no |
stack | Technology tags | no |
how | The collapsible "How it's made" block: notes (title + text cards), shots (screenshots) or extra (a sub-block such as the Playable Ad) | no |
Screenshot: { src: 'assets/img/….webp', w: 390, h: 700, alt: '…', caption: 'Hook' }.
The "Now" block
The rows above the cards are the now list at the top of games.js: { label: { ru: 'Сейчас', en: 'Now' }, text: { ru: '…', en: '…' } }.
Structure
index.html page markup (Russian fallback text)
styles.css styles
main.js language switch, game cards from games.js, faceted sky, lithographic texture
i18n.js interface strings in Russian and English
games.js game data — the file you edit most often
assets/logo/ the "Square-pixel" mark and the favicon
assets/img/ covers and screenshots
The brand book (palette, type, components, logo) is kept separately.
