Added more images
This commit is contained in:
parent
f387986251
commit
c6877d6dda
69
index.html
69
index.html
@ -49,8 +49,9 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
.instruction-block .step-title{font-size:20px;font-weight:700;color:var(--green-900)}
|
||||
.instruction-block .step-desc{color:var(--gray);padding-left:60px}
|
||||
.instruction-block .step-visual{margin-top:16px;padding-left:60px}
|
||||
.visual-box{background:var(--green-100);border-radius:12px;padding:16px;text-align:center}
|
||||
.visual-box{background:var(--green-100);border-radius:12px;padding:16px;text-align:center;overflow:hidden}
|
||||
.visual-box .big-emoji{font-size:48px;display:block;margin-bottom:8px}
|
||||
.visual-box img{width:100%;max-height:200px;object-fit:cover;border-radius:8px;margin-bottom:8px}
|
||||
|
||||
.quiz-section{background:var(--white);border-radius:16px;padding:32px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
|
||||
.quiz-section h3{font-size:22px;font-weight:700;color:var(--green-900);margin-bottom:20px;text-align:center}
|
||||
@ -141,7 +142,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">За 40 минут до выхода. Не 5 штук — одно точное время.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">⏰</span>Будильник = твой лучший друг</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?w=400&h=200&fit=crop" alt="Будильник">
|
||||
<span class="big-emoji">⏰</span>Будильник = твой лучший друг
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -152,7 +156,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">Быстрый завтрак = энергия. Без него — зомби до обеда.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">🥣</span>Каша / бутерброд / йогурт — вариантов много</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1484723091739-30a097e8f929?w=400&h=200&fit=crop" alt="Завтрак">
|
||||
<span class="big-emoji">🥣</span>Каша / бутерброд / йогурт — вариантов много
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -163,7 +170,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">Телефон, ключи, зарядка, документы. Всё на месте — выходим.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">🎒</span>🔑 Телефон — Ключи — Зарядка</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=200&fit=crop" alt="Сумка">
|
||||
<span class="big-emoji">🎒</span>🔑 Телефон — Ключи — Зарядка
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -179,6 +189,7 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box" style="background:#FEE2E2">
|
||||
<img src="https://images.unsplash.com/photo-1503676260728-1c00da094a0b?w=400&h=200&fit=crop" alt="Опоздание">
|
||||
<span class="big-emoji">🚨</span>
|
||||
<strong>Опоздание = -10% к уважению в коллективе</strong>
|
||||
</div>
|
||||
@ -206,7 +217,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">Улыбнись и скажи «Привет!». Это занимает 2 секунды, но задаёт тон на весь день.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">👋</span>Доброе утро = 좋은 день</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1521791136064-7986c2920216?w=400&h=200&fit=crop" alt="Приветствие">
|
||||
<span class="big-emoji">👋</span>Доброе утро = 좋은 день
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -217,7 +231,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">Открой трекер задач / планёрку. Определи ТОП-3 задачи на день.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">📋</span>3 главные задачи — всё остальное по остаточному принципу</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1484480974693-6ca0a78fb36b?w=400&h=200&fit=crop" alt="Задачи">
|
||||
<span class="big-emoji">📋</span>3 главные задачи — всё остальное по остаточному принципу
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -228,7 +245,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">Выключи уведомления. Закрой 15 вкладок. Работай блоками по 25 минут.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">🎯</span>Фокус: телефон в сторону, соцсети закрыты</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1499750310107-5fef28a66643?w=400&h=200&fit=crop" alt="Фокус">
|
||||
<span class="big-emoji">🎯</span>Фокус: телефон в сторону, соцсети закрыты
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -239,7 +259,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">Если что-то непонятно — спроси коллегу или руководителя. Лучше 5 вопросов, чем 1 брак.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">🤝</span>«Можно уточнить?» — это не слабость, а мозг</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=400&h=200&fit=crop" alt="Вопросы">
|
||||
<span class="big-emoji">🤝</span>«Можно уточнить?» — это не слабость, а мозг
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -261,7 +284,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">Минимум 20 минут без монитора. Глаза и мозг скажут спасибо.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">🌳</span>Выйди на воздух или просто отведи взгляд вдаль</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=200&fit=crop" alt="Природа">
|
||||
<span class="big-emoji">🌳</span>Выйди на воздух или просто отведи взгляд вдаль
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -272,7 +298,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">Не за столом с ноутбуком. Не в офисе. В cafeteria / кафе / на лавочке.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">🍽</span>Еда + свежий воздух = power-up на вторую половину</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1504674900247-0877df9cc836?w=400&h=200&fit=crop" alt="Обед">
|
||||
<span class="big-emoji">🍽</span>Еда + свежий воздух = power-up на вторую половину
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -283,7 +312,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">Поговори о чём-тоpleasantном. Это снимает стресс и укрепляет команду.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">😄</span>Коллега — тоже человек, а не только Slack-нотификация</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1529156069898-49953e39b3ac?w=400&h=200&fit=crop" alt="Общение">
|
||||
<span class="big-emoji">😄</span>Коллега — тоже человек, а не только Slack-нотификация
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -297,7 +329,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">Что успел? Что не успел? Запиши на завтра ТОП-3 задачи.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">📝</span>2 минуты на запись = спокойный вечер</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1517842645767-c639042777db?w=400&h=200&fit=crop" alt="Итоги">
|
||||
<span class="big-emoji">📝</span>2 минуты на запись = спокойный вечер
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -308,7 +343,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">Закрой ноутбук. Уведомления — в тишину. Работа подождёт до утра.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">🔕</span>Граница между работой и домом — это важно</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1499209974431-9dddcece7f88?w=400&h=200&fit=crop" alt="Отдых">
|
||||
<span class="big-emoji">🔕</span>Граница между работой и домом — это важно
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -319,7 +357,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
</div>
|
||||
<div class="step-desc">Положи сумку у двери. Выбери одежду. Заряди телефон. Утром скажешь себе спасибо.</div>
|
||||
<div class="step-visual">
|
||||
<div class="visual-box"><span class="big-emoji">🎒</span>Вечерний ритуал = утренний комфорт</div>
|
||||
<div class="visual-box">
|
||||
<img src="https://images.unsplash.com/photo-1501785888041-af3ef285b470?w=400&h=200&fit=crop" alt="Подготовка">
|
||||
<span class="big-emoji">🎒</span>Вечерний ритуал = утренний комфорт
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user