Сайт про любимого зверя: карточки с фактами

Что получится

Страница про капибар: рисунок, 6 карточек «вопрос → ответ» и кнопка «Случайный факт». Нажми «Играть в пример» выше — это ровно то, что сделал Gemini.

Шаги

1. Открой gemini.google.com. Младше 13 — вместе с родителем, на его устройстве.

2. Скопируй промпт целиком и отправь:

   Сделай одну HTML-страницу для телефона про капибар. Не подключай ничего из интернета: никакого Tailwind, CDN, шрифтов и картинок — только свой CSS и JavaScript внутри файла. Вверху большой заголовок «Всё о капибарах» и рисунок капибары из CSS или SVG. Ниже 6 карточек с фактами: на лицевой стороне вопрос, а при нажатии карточка переворачивается и показывает ответ. Внизу кнопка «Случайный факт», которая показывает один из фактов. Тёплые цвета: оранжевый и зелёный.
   

3. Подожди около минуты, нажми Предпросмотр (Preview) и понажимай карточки.

4. Проверь факты (вопрос ниже). Нашёл ошибку — почини одним сообщением, например:

   В карточке про размер ошибка: капибары вырастают примерно до 1,3 метра. Исправь только эту карточку.
   

5. Нажми Скачать (Download; иногда это меню Экспортировать) — файл откроется в любом браузере.

Поменяй промпт

Перед отправкой замени несколько слов — получится твоя версия. Меняй только слова, а правила про интернет и Canvas оставь.

• «про капибар» → «про акул», а «Всё о капибарах» → «Всё об акулах»
• «6 карточек» → «9 карточек»
• «Тёплые цвета: оранжевый и зелёный» → «Морские цвета: синий и бирюзовый»

Сделай страницу своей

Отправляй по одному изменению и проверяй результат:

• Сделай такую же страницу, но про дельфинов. (или про своего любимого зверя)
• Добавь в конце мини-викторину из 3 вопросов с подсчётом очков.

Если не получается

• ИИ пишет, что всё поменял, а страница прежняя? Так бывает. Напиши: Страница не поменялась. Покажи обновлённую страницу в Canvas.
• Нет кнопки «Предпросмотр» (Preview)? Напиши: Покажи страницу в Canvas.
• Не пиши на странице своё имя, адрес или школу — это сайт про зверя, не про тебя.