304 lines
12 KiB
HTML
304 lines
12 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>График Индиры — юрист и мама 4 детей</title>
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body {
|
||
font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
min-height: 100vh;
|
||
padding: 20px;
|
||
}
|
||
.container { max-width: 900px; margin: 0 auto; }
|
||
h1 {
|
||
color: white;
|
||
text-align: center;
|
||
margin-bottom: 10px;
|
||
font-size: clamp(24px, 5vw, 36px);
|
||
text-shadow: 0 2px 4px rgba(0,0,0,0.2);
|
||
}
|
||
.subtitle {
|
||
color: #e8e8ff;
|
||
text-align: center;
|
||
margin-bottom: 30px;
|
||
font-size: 16px;
|
||
}
|
||
.goals {
|
||
background: white;
|
||
border-radius: 16px;
|
||
padding: 20px;
|
||
margin-bottom: 20px;
|
||
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
|
||
}
|
||
.goals h2 { color: #667eea; margin-bottom: 15px; font-size: 20px; }
|
||
.goals-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||
gap: 15px;
|
||
}
|
||
.goal-card {
|
||
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
|
||
padding: 15px;
|
||
border-radius: 12px;
|
||
border-left: 4px solid #667eea;
|
||
}
|
||
.goal-card strong { color: #667eea; display: block; margin-bottom: 5px; }
|
||
.goal-card p { font-size: 14px; color: #555; }
|
||
.schedule {
|
||
background: white;
|
||
border-radius: 16px;
|
||
padding: 20px;
|
||
margin-bottom: 20px;
|
||
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
|
||
}
|
||
.schedule h2 { color: #667eea; margin-bottom: 15px; font-size: 20px; }
|
||
.timeline { position: relative; padding-left: 20px; }
|
||
.timeline-item {
|
||
position: relative;
|
||
padding-left: 25px;
|
||
margin-bottom: 15px;
|
||
padding-bottom: 15px;
|
||
border-left: 2px solid #e0e0e0;
|
||
}
|
||
.timeline-item:last-child { border-left: 2px solid transparent; }
|
||
.timeline-item::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: -6px;
|
||
top: 0;
|
||
width: 10px;
|
||
height: 10px;
|
||
border-radius: 50%;
|
||
background: #667eea;
|
||
}
|
||
.time {
|
||
color: #667eea;
|
||
font-weight: bold;
|
||
font-size: 14px;
|
||
margin-bottom: 3px;
|
||
}
|
||
.activity { color: #333; font-size: 15px; }
|
||
.tips {
|
||
background: white;
|
||
border-radius: 16px;
|
||
padding: 20px;
|
||
margin-bottom: 20px;
|
||
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
|
||
}
|
||
.tips h2 { color: #667eea; margin-bottom: 15px; font-size: 20px; }
|
||
.tip-category { margin-bottom: 20px; }
|
||
.tip-category h3 {
|
||
color: #764ba2;
|
||
font-size: 16px;
|
||
margin-bottom: 10px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
}
|
||
.tip-category ul {
|
||
list-style: none;
|
||
padding-left: 25px;
|
||
}
|
||
.tip-category li {
|
||
margin-bottom: 8px;
|
||
font-size: 14px;
|
||
color: #555;
|
||
position: relative;
|
||
}
|
||
.tip-category li::before {
|
||
content: "•";
|
||
color: #667eea;
|
||
font-weight: bold;
|
||
position: absolute;
|
||
left: -15px;
|
||
}
|
||
.print-btn {
|
||
display: block;
|
||
margin: 30px auto;
|
||
padding: 12px 30px;
|
||
background: white;
|
||
color: #667eea;
|
||
border: 2px solid #667eea;
|
||
border-radius: 25px;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
cursor: pointer;
|
||
transition: all 0.3s;
|
||
}
|
||
.print-btn:hover {
|
||
background: #667eea;
|
||
color: white;
|
||
}
|
||
@media print {
|
||
body { background: white; padding: 0; }
|
||
.container { max-width: 100%; }
|
||
h1, .subtitle, .goals h2, .schedule h2, .tips h2, .tip-category h3 { color: #333; }
|
||
.goals, .schedule, .tips { box-shadow: none; border: 1px solid #ddd; }
|
||
.print-btn { display: none; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>⚖️ График Индиры</h1>
|
||
<p class="subtitle">Юрист • Мама 4 детей • Цель: −10 кг • Сон в 22:00</p>
|
||
|
||
<div class="goals">
|
||
<h2>🎯 Мои цели</h2>
|
||
<div class="goals-grid">
|
||
<div class="goal-card">
|
||
<strong>Карьера</strong>
|
||
<p>Быть профессиональным юристом</p>
|
||
</div>
|
||
<div class="goal-card">
|
||
<strong>Семья</strong>
|
||
<p>Успеть везде: 4 детей + дом</p>
|
||
</div>
|
||
<div class="goal-card">
|
||
<strong>Здоровье</strong>
|
||
<p>Похудеть на 10 кг</p>
|
||
</div>
|
||
<div class="goal-card">
|
||
<strong>Режим</strong>
|
||
<p>Спать в 22:00, вставать в 5:00</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="schedule">
|
||
<h2>📅 Распорядок дня</h2>
|
||
<div class="timeline">
|
||
<div class="timeline-item">
|
||
<div class="time">05:00 — 06:00</div>
|
||
<div class="activity">☀️ Подъём, стакан тёплой воды, лёгкая зарядка/растяжка 15 мин</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">06:00 — 07:00</div>
|
||
<div class="activity">👨👩👧👦 Дети: завтрак, сборы в школу/сад</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">07:00 — 08:00</div>
|
||
<div class="activity">🚿 Душ, макияж, свой завтрак (белковый)</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">08:00 — 09:00</div>
|
||
<div class="activity">🚗 Отвезти детей / дорога на работу</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">09:00 — 13:00</div>
|
||
<div class="activity">⚖️ Работа: сложные дела, встречи, суды (пик продуктивности)</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">13:00 — 14:00</div>
|
||
<div class="activity">🥗 Обед + прогулка 20 мин (не сидеть в телефоне!)</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">14:00 — 18:00</div>
|
||
<div class="activity">⚖️ Работа: документы, консультации, звонки</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">18:00 — 19:00</div>
|
||
<div class="activity">🚗 Забрать детей / дорога домой</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">19:00 — 20:00</div>
|
||
<div class="activity">👨👩👧👦 Ужин с семьёй, время с детьми</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">20:00 — 21:00</div>
|
||
<div class="activity">📚 Дети: уроки, подготовка ко сну</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">21:00 — 22:00</div>
|
||
<div class="activity">🛁 Вечерний ритуал: дети спать, подготовка к завтрашнему дню</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="time">22:00</div>
|
||
<div class="activity">😴 Отбой! Телефон в другой комнате</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tips">
|
||
<h2>💡 Советы для успеха</h2>
|
||
|
||
<div class="tip-category">
|
||
<h3>🍽 Питание (−10 кг без голода)</h3>
|
||
<ul>
|
||
<li>Правило тарелки: ½ овощи, ¼ белок, ¼ сложные углеводы</li>
|
||
<li>Убрать сахар и жидкие калории (соки, газировки)</li>
|
||
<li>Готовить на 2-3 дня вперёд в выходные (meal prep)</li>
|
||
<li>Воды 1.5-2 л в день (бутылка на рабочем столе)</li>
|
||
<li>Не есть после 19:00 (только вода/кефир)</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="tip-category">
|
||
<h3>⏰ Экономия времени</h3>
|
||
<ul>
|
||
<li>Воскресенье: планирование недели + заготовки еды</li>
|
||
<li>Одежда детям с вечера (избегать утренних поисков)</li>
|
||
<li>Делегировать: муж + старшие дети = посильная помощь по дому</li>
|
||
<li>Пакетное решение задач: звонки в один блок, документы в другой</li>
|
||
<li>Использовать шаблоны документов (экономия часов на работе)</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="tip-category">
|
||
<h3>🏃♀️ Движение без спортзала</h3>
|
||
<ul>
|
||
<li>10 000 шагов в день (прогулка в обед + вечером)</li>
|
||
<li>Домашние тренировки 20 мин 3 раза в неделю (YouTube)</li>
|
||
<li>Лифт → лестница, машина → парковка дальше</li>
|
||
<li>Растяжка утром и вечером по 10 мин</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="tip-category">
|
||
<h3>🧠 Профессиональный рост</h3>
|
||
<ul>
|
||
<li>30 мин в день на изучение нового (утром или в обед)</li>
|
||
<li>Вести базу знаний: выигранные дела, шаблоны, аргументы</li>
|
||
<li>Нетворкинг: 1 профильное мероприятие в месяц</li>
|
||
<li>Суббота утро: 2 часа на глубокую работу (пока дети спят)</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="tip-category">
|
||
<h3>👨👩👧👦 Семья и баланс</h3>
|
||
<ul>
|
||
<li>Качественное время: 30 мин наедине с каждым ребёнком в день</li>
|
||
<li>Семейный вечер пятницы: настолки/фильм/игра</li>
|
||
<li>Дата с мужем: 1 раз в 2 недели (бабушки или няня)</li>
|
||
<li>Не стремиться к идеалу: «достаточно хорошо» = отлично</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="tip-category">
|
||
<h3>😴 Сон и восстановление</h3>
|
||
<ul>
|
||
<li>За 1 час до сна: без экранов (синий свет мешает уснуть)</li>
|
||
<li>Ритуал: чай, книга, тёплый душ — сигнал мозгу «пора спать»</li>
|
||
<li>Спать 7 часов = продуктивность + гормоны голода в норме</li>
|
||
<li>Выходные: не отсыпаться до обеда (сбивает режим)</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<button class="print-btn" onclick="window.print()">🖨 Распечатать график</button>
|
||
</div>
|
||
|
||
<script>
|
||
// Сохранение прогресса (локально в браузере)
|
||
const startDate = localStorage.getItem('startDate');
|
||
if (!startDate) {
|
||
localStorage.setItem('startDate', new Date().toISOString());
|
||
}
|
||
console.log('График готов к использованию!');
|
||
</script>
|
||
</body>
|
||
</html>
|