From 9cbc4013398c008204017940329c919868a2a9f6 Mon Sep 17 00:00:00 2001 From: Yuliya Date: Fri, 26 Jun 2026 06:41:23 +0000 Subject: [PATCH] =?UTF-8?q?v3:=20=D1=88=D0=B0=D1=80=D0=B0=D0=B4=D1=8B=20?= =?UTF-8?q?=D0=B8=20=D0=B7=D0=B0=D0=B3=D0=B0=D0=B4=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 79 +++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 76 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 45f788a..d1f6252 100644 --- a/index.html +++ b/index.html @@ -78,6 +78,22 @@ header{position:sticky;top:0;z-index:50;background:rgba(255,249,240,.92);backdro .season-head .ic{font-size:30px} .season-head .cnt{font-size:13px;font-weight:700;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px 10px;margin-left:2px} +/* Riddles section */ +.riddles{padding:56px 0;background:linear-gradient(160deg,var(--accent2-soft),var(--bg));border-top:1px solid var(--line)} +.riddles h2{font-size:32px;font-weight:800;margin-bottom:6px} +.riddles .sub{color:var(--muted);margin-bottom:10px} +.grp-h{font-size:22px;font-weight:800;margin:34px 0 16px;display:flex;align-items:center;gap:10px} +.grp-h .tag{font-size:13px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 10px} +.r-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:.15s;user-select:none} +.r-card:hover{border-color:#e0d6c2;transform:translateY(-2px)} +.r-card .q{font-size:17px;line-height:1.5;display:flex;gap:10px} +.r-card .q .em{font-size:26px;line-height:1;flex:none} +.r-card .ans{display:none;font-weight:800;color:var(--accent);background:var(--accent-soft);border-radius:10px;padding:9px 12px} +.r-card.open .ans{display:block} +.r-card .ans-lbl{font-size:11px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;opacity:.8} +.r-card .hint{font-size:13px;color:var(--muted)} +.r-card.open .hint{display:none} + /* Big company section */ .bigco{background:linear-gradient(160deg,var(--accent2-soft),var(--bg));margin-top:24px;padding:64px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .bigco h2{font-size:34px;font-weight:800;margin-bottom:8px} @@ -134,9 +150,10 @@ footer .heart{color:var(--accent)} 🐱🐱 2 кошки
- Открыть каталог - По сезонам → - Праздники → + Каталог + По сезонам + Загадки + Праздники
@@ -182,6 +199,19 @@ footer .heart{color:var(--accent)} +
+
+

🤔 Шарады и загадки

+

Угадывайте всей семьёй. Нажми на карточку — откроется ответ.

+ +
🔍 Загадки для всех возрастов
+
+ +
🔤 Шарады сложи слово из частей
+
+
+
+

🎂 Для большой компании

@@ -375,6 +405,48 @@ function renderBySeason(){ wrap.innerHTML=html; } +const RIDDLES=[ + {e:'🐱',q:'Мягкие лапки, а в лапках — царапки. Любит молоко.',a:'Кошка'}, + {e:'🐶',q:'С хозяином дружит, дом сторожит, хвостом виляет.',a:'Собака'}, + {e:'🐮',q:'Хвост кисточкой, рога, жуёт траву и даёт молоко.',a:'Корова'}, + {e:'🐎',q:'Грива есть, быстро скачет, везёт поклажу.',a:'Лошадь'}, + {e:'🐭',q:'Маленькая, серая, от кошки прячется, любит сыр.',a:'Мышка'}, + {e:'🐰',q:'Длинные уши, короткий хвост, прыгает по полю.',a:'Заяц'}, + {e:'🐻',q:'Зимой спит в берлоге, летом по малину ходит.',a:'Медведь'}, + {e:'🦔',q:'Вместо шубки — иголки, носит грибы на спине.',a:'Ёжик'}, + {e:'⚽',q:'Круглый да прыгучий, его пинают ногой.',a:'Мяч'}, + {e:'☂️',q:'В дождь его раскрывают, в солнце — прячут.',a:'Зонт'}, + {e:'⏰',q:'Без рук, без ног, а стучит и будит по утрам.',a:'Часы'}, + {e:'☀️',q:'Светит и греет, но рукой не тронешь.',a:'Солнце'}, + {e:'🌧️',q:'С неба капает, в лужи собирается.',a:'Дождь'}, + {e:'🌈',q:'Семицветная дуга появляется после дождя.',a:'Радуга'}, + {e:'❄️',q:'Белый да пушистый, зимой с неба падает.',a:'Снег'}, + {e:'🕳️',q:'Чем больше из неё берёшь, тем больше она становится.',a:'Яма'}, + {e:'📛',q:'Что твоё, но другие пользуются этим чаще, чем ты?',a:'Имя'}, + {e:'⏳',q:'Что идёт, но не двигается с места?',a:'Время'}, + {e:'📚',q:'Что можно приготовить, но нельзя съесть?',a:'Уроки'}, + {e:'🧺',q:'Что становится мокрым, пока сушит?',a:'Полотенце'} +]; +const CHARADES=[ + {e:'⛵',q:'Первое — ПАР (от кипящей воды), второе — УС (у кота на мордочке).',a:'ПАРУС'}, + {e:'🦡',q:'Первое — БАР (заведение), второе — СУК (ветка дерева).',a:'БАРСУК'}, + {e:'🍂',q:'Первое — ЛИСТ (на дереве), второе — ПАД (от слова «падать»).',a:'ЛИСТОПАД'}, + {e:'✈️',q:'Первое — САМ (самостоятельно), второе — ЛЁТ (от слова «полёт»).',a:'САМОЛЁТ'}, + {e:'🚂',q:'Первое — ПАР, второе — ВОЗ (от слова «возить»).',a:'ПАРОВОЗ'}, + {e:'🚢',q:'Первое — ЛЁД, второе — КОЛ (от слова «колоть»).',a:'ЛЕДОКОЛ'} +]; +function riddleCard(r){ + return `
+
${r.e}${r.q}
+
Ответ
${r.a}
+
👆 Нажми, чтобы увидеть ответ
+
`; +} +function renderRiddles(){ + document.getElementById('riddleGrid').innerHTML=RIDDLES.map(riddleCard).join(''); + document.getElementById('charadeGrid').innerHTML=CHARADES.map(riddleCard).join(''); +} + /* Surprise modal */ const modal=document.getElementById('modal'); const modalCard=document.getElementById('modalCard'); @@ -410,6 +482,7 @@ document.getElementById('reset').onclick=()=>{state.cat='all';state.season='all' renderChips(); renderGrid(); renderBySeason(); +renderRiddles(); renderBig();