Как пользоваться и как добавить материал

Читателям

• Открыть на сайте. На странице материала нажмите «Открыть». Игра загрузится только после нажатия и работает в защищённой рамке: она не видит ваш браузер, cookie и другие сайты.
• Скачать для урока. «Принять условия и скачать» сохраняет один HTML-файл. Его можно открыть в браузере без интернета — например, на компьютере в классе. Скачанный файл открывается уже без защиты сайта: перед уроком проверьте его и не вводите в него личные данные учеников.
• Устройства. Материалы проверяются на экранах компьютера. Работу на телефонах и планшетах, как правило, никто не проверял — это указано на странице материала.
• Условия. У каждого материала — открытая лицензия автора: что разрешено всегда, что автор разрешил дополнительно и что запрещено. Нажимая «Открыть» или «Принять условия и скачать», вы принимаете эти условия. Подробнее — в разделе «Правила».
• Нашли ошибку или нарушение? Внизу страницы материала — «Сообщить об ошибке или нарушении».

Авторам: как добавить материал

1. Заполните форму: подпись (имя, псевдоним или анонимно), предмет, классы, описание, инструкция и один HTML-файл. Аккаунт не нужен. Подавать может только сам автор, которому есть 18 лет.
2. Проверьте сводку и отправьте — вы получите номер заявки. Сохраните его.
3. Модератор проверяет файл: автоматический анализ кода и запуск в изолированной среде без сети, затем — уместность и видимые ошибки. Если нужно что-то исправить, модератор напишет вам; исправленный файл присылается новой заявкой с номером прежней.
4. В файл добавляется стандартный блок: стартовый экран «Принять условия и начать» с условиями и разрешениями (в скачанном файле) и полоса «Условия использования» внизу страницы — ваша подпись и выбранные разрешения. Больше в файле ничего не меняется.
5. Вам приходит письмо со ссылкой: вы читаете итоговый файл и условия и подтверждаете публикацию. Если выбрали подпись — отдельно даёте согласие на её публикацию. Без вашего подтверждения материал не публикуется.
6. После публикации у материала своя страница; при подписи — и ваша страница автора со списком работ.
7. Новая версия. Чтобы обновить опубликованный материал, подайте форму ещё раз и вставьте адрес страницы материала в поле «Обновление». Подавайте с того же email, что и в первый раз.

Требования к файлу

• Один файл .html в кодировке UTF-8, не больше 10 МиБ. Архивы не принимаются.
• Всё внутри файла: скрипты, стили, картинки, звуки и шрифты встроены, без загрузки из интернета.
• Работает без сети и без сохранения в браузере: если игра использует localStorage, она должна работать и без него.
• Без рекламы, счётчиков, сбора данных учеников и отправки результатов на сервер.
• Без чужих картинок, шрифтов и кода, если вы не можете указать их источник и лицензию; такие компоненты перечислите в форме.

Частые причины возврата

• Внешние ресурсы: подключение библиотек, шрифтов или картинок по ссылке (<script src="https://…">, Google Fonts). Встройте их в файл.
• Сетевые запросы из кода: fetch, XMLHttpRequest, отправка результатов куда-либо.
• Выполнение кода из строки: eval, new Function, запутанный (обфусцированный) код — его невозможно проверить.
• Открытие окон и переходы: window.open, смена адреса страницы, встроенные чужие страницы (iframe).
• Игра не работает без сохранения в браузере (localStorage) или без интернета.
• Личные данные учеников или фотографии людей в файле.
• Чужие компоненты без указания источника и лицензии.
• Имя автора в файле (на титульном экране, в комментариях кода) при выборе «Анонимно».

Как встроить шрифт в файл

Проще всего — использовать системные шрифты, которые есть на любом компьютере: font-family: system-ui, "Segoe UI", Arial, sans-serif;.

Если нужен особый шрифт, встройте его в файл. Подойдёт шрифт с лицензией, разрешающей встраивание (например, SIL Open Font License). Получите текст шрифта в виде base64 — в Windows это делается командой PowerShell:

[Convert]::ToBase64String([IO.File]::ReadAllBytes("C:\путь\к\шрифту.woff2")) | Set-Content шрифт.txt

Затем вставьте содержимое шрифт.txt в стиль страницы:

@font-face {
  font-family: "МойШрифт";
  src: url(data:font/woff2;base64,ВСТАВЬТЕ_СЮДА) format("woff2");
}
body { font-family: "МойШрифт", system-ui, sans-serif; }

Укажите шрифт и его лицензию в форме в списке чужих компонентов.