nuzhno-sozdat-raspisanie-cht/schedule/index.html

727 lines
26 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Семейное расписание</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 40px 20px;
}
.container {
max-width: 1400px;
margin: 0 auto;
}
h1 {
text-align: center;
color: white;
font-size: 2.5rem;
margin-bottom: 10px;
font-weight: 700;
}
.subtitle {
text-align: center;
color: rgba(255,255,255,0.9);
font-size: 1.1rem;
margin-bottom: 40px;
}
.family-summary {
background: rgba(255,255,255,0.95);
border-radius: 16px;
padding: 24px;
margin-bottom: 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.family-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin-top: 16px;
}
.family-member {
background: linear-gradient(135deg, #f8f9ff 0%, #eef0ff 100%);
border-radius: 12px;
padding: 20px;
border-left: 4px solid #667eea;
}
.family-member.daughter {
background: linear-gradient(135deg, #fff8f8 0%, #ffeef0 100%);
border-left-color: #ec4899;
}
.member-name {
font-size: 1.2rem;
font-weight: 700;
color: #333;
margin-bottom: 12px;
}
.member-activity {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 0;
color: #555;
font-size: 0.9rem;
}
.schedule-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
gap: 20px;
margin-bottom: 40px;
}
.day-card {
background: white;
border-radius: 16px;
padding: 24px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.day-card.weekend {
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}
.day-name {
font-size: 1.4rem;
font-weight: 700;
color: #667eea;
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 2px solid #eee;
}
.day-card.weekend .day-name {
color: #764ba2;
}
.time-slot {
display: flex;
align-items: flex-start;
padding: 12px 0;
border-bottom: 1px solid #f0f0f0;
gap: 12px;
}
.day-card.weekend .time-slot {
border-bottom-color: rgba(0,0,0,0.05);
}
.time-slot:last-child {
border-bottom: none;
}
.time {
font-weight: 600;
color: #333;
min-width: 100px;
font-size: 0.9rem;
line-height: 1.3;
}
.activity {
flex: 1;
color: #555;
font-size: 0.9rem;
line-height: 1.4;
}
.activity.work {
color: #667eea;
font-weight: 600;
}
.activity.sport {
color: #10b981;
font-weight: 600;
}
.activity.english {
color: #f59e0b;
font-weight: 600;
}
.activity.family {
color: #ec4899;
font-weight: 600;
}
.activity.kids {
color: #8b5cf6;
font-weight: 600;
}
.activity.commute {
color: #6b7280;
}
.activity.sleep {
color: #8b5cf6;
}
.activity.cook {
color: #f97316;
font-weight: 600;
}
.activity.math {
color: #06b6d4;
font-weight: 600;
}
.icon {
margin-right: 6px;
}
.legend {
background: white;
border-radius: 16px;
padding: 24px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.legend h2 {
font-size: 1.3rem;
color: #333;
margin-bottom: 20px;
}
.legend-items {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.legend-item {
display: flex;
align-items: center;
gap: 8px;
}
.legend-color {
width: 20px;
height: 20px;
border-radius: 4px;
}
.legend-color.work { background: #667eea; }
.legend-color.sport { background: #10b981; }
.legend-color.english { background: #f59e0b; }
.legend-color.family { background: #ec4899; }
.legend-color.kids { background: #8b5cf6; }
.legend-color.cook { background: #f97316; }
.legend-color.math { background: #06b6d4; }
.legend-color.commute { background: #6b7280; }
.legend-color.sleep { background: #8b5cf6; }
.legend-color.free { background: #e5e7eb; }
.legend-text {
color: #555;
font-size: 0.9rem;
}
.tips {
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
border-radius: 16px;
padding: 24px;
margin-top: 20px;
border: 2px solid #f59e0b;
}
.tips h2 {
font-size: 1.3rem;
color: #92400e;
margin-bottom: 16px;
}
.tip-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 10px 0;
color: #78350f;
font-size: 0.95rem;
line-height: 1.5;
}
.tip-icon {
font-size: 1.2rem;
flex-shrink: 0;
}
@media (max-width: 768px) {
h1 {
font-size: 1.8rem;
}
.schedule-grid {
grid-template-columns: 1fr;
}
.legend-items {
flex-direction: column;
gap: 12px;
}
}
</style>
</head>
<body>
<div class="container">
<h1>👨‍👩‍👧‍👦 Семейное расписание</h1>
<p class="subtitle">Баланс работы, спорта, детей и английского</p>
<div class="family-summary">
<h2 style="color: #333; margin-bottom: 8px;">📋 Состав и занятия</h2>
<div class="family-grid">
<div class="family-member">
<div class="member-name">👤 Вы</div>
<div class="member-activity">💼 Работа: 08:30 - 17:30</div>
<div class="member-activity">🧘 Йога/пилатес: 4 раза в неделю</div>
<div class="member-activity">📚 Английский: пн-пт, 30 мин</div>
</div>
<div class="family-member">
<div class="member-name">👦 Сын (13 лет)</div>
<div class="member-activity">⚽ Футбол: 3 раза в неделю</div>
<div class="member-activity">📐 Математика: доп. занятия</div>
<div class="member-activity">🎵 Музыка: курсы</div>
</div>
<div class="family-member daughter">
<div class="member-name">👧 Дочь (11 лет)</div>
<div class="member-activity">🎵 Музыка: курсы</div>
<div class="member-activity">📚 Физика: уроки</div>
<div class="member-activity">❤️📚 Английский: любит, занимается с удовольствием</div>
</div>
</div>
</div>
<div class="schedule-grid">
<!-- Понедельник -->
<div class="day-card">
<div class="day-name">Понедельник</div>
<div class="time-slot">
<span class="time">06:30 - 07:00</span>
<span class="activity sleep">☀️ Подъём, завтрак</span>
</div>
<div class="time-slot">
<span class="time">07:00 - 07:30</span>
<span class="activity sport">🧘 Йога</span>
</div>
<div class="time-slot">
<span class="time">07:30 - 08:30</span>
<span class="activity commute">🚗 Дорога до работы</span>
</div>
<div class="time-slot">
<span class="time">08:30 - 17:30</span>
<span class="activity work">💼 Работа</span>
</div>
<div class="time-slot">
<span class="time">17:30 - 18:30</span>
<span class="activity commute">🚗 Дорога домой</span>
</div>
<div class="time-slot">
<span class="time">18:30 - 19:30</span>
<span class="activity cook">🍳 Приготовление ужина + время с детьми</span>
</div>
<div class="time-slot">
<span class="time">19:30 - 20:00</span>
<span class="activity family">🍽 Семейный ужин</span>
</div>
<div class="time-slot">
<span class="time">20:00 - 20:30</span>
<span class="activity english">📚 Ваш английский</span>
</div>
<div class="time-slot">
<span class="time">20:00 - 21:00</span>
<span class="activity kids">📐 Сын: математика | 👧 Дочь: английский (сериалы/книги) + физика</span>
</div>
<div class="time-slot">
<span class="time">21:00 - 22:30</span>
<span class="activity family">👨‍👩‍👧‍👦 Время с семьёй (настольные игры, разговоры)</span>
</div>
<div class="time-slot">
<span class="time">22:30 - 23:00</span>
<span class="activity sleep">🌙 Сон</span>
</div>
</div>
<!-- Вторник -->
<div class="day-card">
<div class="day-name">Вторник</div>
<div class="time-slot">
<span class="time">06:30 - 07:30</span>
<span class="activity sleep">☀️ Подъём, завтрак</span>
</div>
<div class="time-slot">
<span class="time">07:30 - 08:30</span>
<span class="activity commute">🚗 Дорога до работы</span>
</div>
<div class="time-slot">
<span class="time">08:30 - 17:30</span>
<span class="activity work">💼 Работа</span>
</div>
<div class="time-slot">
<span class="time">17:30 - 18:30</span>
<span class="activity commute">🚗 Дорога домой</span>
</div>
<div class="time-slot">
<span class="time">18:30 - 19:30</span>
<span class="activity cook">🍳 Приготовление ужина</span>
</div>
<div class="time-slot">
<span class="time">19:30 - 20:00</span>
<span class="activity family">🍽 Семейный ужин</span>
</div>
<div class="time-slot">
<span class="time">19:00 - 20:30</span>
<span class="activity sport">⚽ Сын: футбол</span>
</div>
<div class="time-slot">
<span class="time">20:30 - 21:00</span>
<span class="activity english">📚 Ваш английский</span>
</div>
<div class="time-slot">
<span class="time">21:00 - 21:30</span>
<span class="activity kids">🎵 Дети: музыка (практика)</span>
</div>
<div class="time-slot">
<span class="time">21:30 - 22:30</span>
<span class="activity family">👨‍👩‍👧‍👦 Время с семьёй</span>
</div>
<div class="time-slot">
<span class="time">22:30 - 23:00</span>
<span class="activity sleep">🌙 Сон</span>
</div>
</div>
<!-- Среда -->
<div class="day-card">
<div class="day-name">Среда</div>
<div class="time-slot">
<span class="time">06:30 - 07:00</span>
<span class="activity sleep">☀️ Подъём, завтрак</span>
</div>
<div class="time-slot">
<span class="time">07:00 - 07:30</span>
<span class="activity sport">🧘 Йога</span>
</div>
<div class="time-slot">
<span class="time">07:30 - 08:30</span>
<span class="activity commute">🚗 Дорога до работы</span>
</div>
<div class="time-slot">
<span class="time">08:30 - 17:30</span>
<span class="activity work">💼 Работа</span>
</div>
<div class="time-slot">
<span class="time">17:30 - 18:30</span>
<span class="activity commute">🚗 Дорога домой</span>
</div>
<div class="time-slot">
<span class="time">18:30 - 19:30</span>
<span class="activity cook">🍳 Приготовление ужина + дети помогают</span>
</div>
<div class="time-slot">
<span class="time">19:30 - 20:00</span>
<span class="activity family">🍽 Семейный ужин</span>
</div>
<div class="time-slot">
<span class="time">19:00 - 20:30</span>
<span class="activity sport">⚽ Сын: футбол</span>
</div>
<div class="time-slot">
<span class="time">20:00 - 20:30</span>
<span class="activity english">📚 Ваш английский</span>
</div>
<div class="time-slot">
<span class="time">20:30 - 21:30</span>
<span class="activity kids">📐 Сын: математика | 👧 Дочь: физика</span>
</div>
<div class="time-slot">
<span class="time">21:30 - 22:30</span>
<span class="activity family">👨‍👩‍👧‍👦 Время с семьёй (фильм/игры)</span>
</div>
<div class="time-slot">
<span class="time">22:30 - 23:00</span>
<span class="activity sleep">🌙 Сон</span>
</div>
</div>
<!-- Четверг -->
<div class="day-card">
<div class="day-name">Четверг</div>
<div class="time-slot">
<span class="time">06:30 - 07:30</span>
<span class="activity sleep">☀️ Подъём, завтрак</span>
</div>
<div class="time-slot">
<span class="time">07:30 - 08:30</span>
<span class="activity commute">🚗 Дорога до работы</span>
</div>
<div class="time-slot">
<span class="time">08:30 - 17:30</span>
<span class="activity work">💼 Работа</span>
</div>
<div class="time-slot">
<span class="time">17:30 - 18:30</span>
<span class="activity commute">🚗 Дорога домой</span>
</div>
<div class="time-slot">
<span class="time">18:30 - 19:30</span>
<span class="activity cook">🍳 Приготовление ужина</span>
</div>
<div class="time-slot">
<span class="time">19:30 - 20:00</span>
<span class="activity family">🍽 Семейный ужин</span>
</div>
<div class="time-slot">
<span class="time">19:30 - 20:30</span>
<span class="activity sport">🧘 Пилатес</span>
</div>
<div class="time-slot">
<span class="time">20:30 - 21:00</span>
<span class="activity english">📚 Ваш английский</span>
</div>
<div class="time-slot">
<span class="time">21:00 - 21:30</span>
<span class="activity kids">🎵 Дети: музыка (практика)</span>
</div>
<div class="time-slot">
<span class="time">21:30 - 22:30</span>
<span class="activity family">👨‍👩‍👧‍👦 Время с семьёй</span>
</div>
<div class="time-slot">
<span class="time">22:30 - 23:00</span>
<span class="activity sleep">🌙 Сон</span>
</div>
</div>
<!-- Пятница -->
<div class="day-card">
<div class="day-name">Пятница</div>
<div class="time-slot">
<span class="time">06:30 - 07:00</span>
<span class="activity sleep">☀️ Подъём, завтрак</span>
</div>
<div class="time-slot">
<span class="time">07:00 - 07:30</span>
<span class="activity sport">🧘 Йога</span>
</div>
<div class="time-slot">
<span class="time">07:30 - 08:30</span>
<span class="activity commute">🚗 Дорога до работы</span>
</div>
<div class="time-slot">
<span class="time">08:30 - 17:30</span>
<span class="activity work">💼 Работа</span>
</div>
<div class="time-slot">
<span class="time">17:30 - 18:30</span>
<span class="activity commute">🚗 Дорога домой</span>
</div>
<div class="time-slot">
<span class="time">18:30 - 19:30</span>
<span class="activity cook">🍳 Приготовление ужина</span>
</div>
<div class="time-slot">
<span class="time">19:30 - 20:00</span>
<span class="activity family">🍽 Семейный ужин</span>
</div>
<div class="time-slot">
<span class="time">19:00 - 20:30</span>
<span class="activity sport">⚽ Сын: футбол</span>
</div>
<div class="time-slot">
<span class="time">20:00 - 20:30</span>
<span class="activity english">📚 Ваш английский (неделя завершена!)</span>
</div>
<div class="time-slot">
<span class="time">20:30 - 23:00</span>
<span class="activity family">🎉 Семейный вечер (пицца, фильм, игры)</span>
</div>
<div class="time-slot">
<span class="time">23:00 - 00:00</span>
<span class="activity sleep">🌙 Сон</span>
</div>
</div>
<!-- Суббота -->
<div class="day-card weekend">
<div class="day-name">Суббота</div>
<div class="time-slot">
<span class="time">08:00 - 09:00</span>
<span class="activity sleep">☀️ Поздний подъём</span>
</div>
<div class="time-slot">
<span class="time">09:00 - 10:00</span>
<span class="activity family">🍳 Семейный завтрак</span>
</div>
<div class="time-slot">
<span class="time">10:00 - 11:30</span>
<span class="activity sport">🧘 Йога/пилатес + 👧 Дочь: физика</span>
</div>
<div class="time-slot">
<span class="time">11:30 - 13:00</span>
<span class="activity kids">🎵 Дети: музыкальные курсы</span>
</div>
<div class="time-slot">
<span class="time">13:00 - 14:00</span>
<span class="activity family">🍽 Обед</span>
</div>
<div class="time-slot">
<span class="time">14:00 - 17:00</span>
<span class="activity family">👨‍👩‍👧‍👦 Семейное время (парк, музей, прогулка)</span>
</div>
<div class="time-slot">
<span class="time">17:00 - 18:00</span>
<span class="activity math">📐 Сын: математика (олимпиадные задачи)</span>
</div>
<div class="time-slot">
<span class="time">18:00 - 20:00</span>
<span class="activity cook">🍳 Приготовление ужина + отдых</span>
</div>
<div class="time-slot">
<span class="time">20:00 - 23:00</span>
<span class="activity family">🍽 Ужин, отдых, развлечения</span>
</div>
<div class="time-slot">
<span class="time">23:00 - 00:00</span>
<span class="activity sleep">🌙 Сон</span>
</div>
</div>
<!-- Воскресенье -->
<div class="day-card weekend">
<div class="day-name">Воскресенье</div>
<div class="time-slot">
<span class="time">08:00 - 09:00</span>
<span class="activity sleep">☀️ Поздний подъём</span>
</div>
<div class="time-slot">
<span class="time">09:00 - 10:00</span>
<span class="activity family">🍳 Семейный завтрак</span>
</div>
<div class="time-slot">
<span class="time">10:00 - 12:00</span>
<span class="activity family">👨‍👩‍👧‍👦 Семейное время (церковь / прогулка / гости)</span>
</div>
<div class="time-slot">
<span class="time">12:00 - 13:00</span>
<span class="activity family">🍽 Обед</span>
</div>
<div class="time-slot">
<span class="time">13:00 - 15:00</span>
<span class="activity kids">📚 Дети: уроки на неделю. 👧 Дочь: английский (любимый предмет) + физика | 👦 Сын: математика</span>
</div>
<div class="time-slot">
<span class="time">15:00 - 18:00</span>
<span class="activity family">🎯 Подготовка к неделе + отдых</span>
</div>
<div class="time-slot">
<span class="time">18:00 - 20:00</span>
<span class="activity cook">🍳 Приготовление ужина + планирование недели</span>
</div>
<div class="time-slot">
<span class="time">20:00 - 22:00</span>
<span class="activity family">👨‍👩‍👧‍👦 Спокойный семейный вечер</span>
</div>
<div class="time-slot">
<span class="time">22:00 - 23:00</span>
<span class="activity sleep">🌙 Сон</span>
</div>
</div>
</div>
<div class="legend">
<h2>📊 Легенда</h2>
<div class="legend-items">
<div class="legend-item">
<div class="legend-color work"></div>
<span class="legend-text">Работа</span>
</div>
<div class="legend-item">
<div class="legend-color sport"></div>
<span class="legend-text">Спорт (йога/пилатес/футбол)</span>
</div>
<div class="legend-item">
<div class="legend-color english"></div>
<span class="legend-text">Английский</span>
</div>
<div class="legend-item">
<div class="legend-color family"></div>
<span class="legend-text">Семейное время</span>
</div>
<div class="legend-item">
<div class="legend-color kids"></div>
<span class="legend-text">Дети (уроки, музыка)</span>
</div>
<div class="legend-item">
<div class="legend-color math"></div>
<span class="legend-text">Математика (сын)</span>
</div>
<div class="legend-item">
<div class="legend-color cook"></div>
<span class="legend-text">Приготовление еды</span>
</div>
<div class="legend-item">
<div class="legend-color commute"></div>
<span class="legend-text">Дорога</span>
</div>
<div class="legend-item">
<div class="legend-color sleep"></div>
<span class="legend-text">Сон</span>
</div>
</div>
</div>
<div class="tips">
<h2>💡 Советы для эффективной недели</h2>
<div class="tip-item">
<span class="tip-icon">🍳</span>
<span><strong>Готовка:</strong> Готовьте большие порции в выходные (суббота/воскресенье), чтобы в будни осталось только разогреть. Привлекайте детей к готовке — это навык и время вместе.</span>
</div>
<div class="tip-item">
<span class="tip-icon">📚</span>
<span><strong>Уроки с детьми:</strong> Выделите фиксированное время (20:00-21:00) для домашних заданий. Сын любит математику — предложите олимпиадные задачи. Дочь: физика + английский по 30 мин каждый.</span>
</div>
<div class="tip-item">
<span class="tip-icon">🎵</span>
<span><strong>Музыка:</strong> Практика по 30 мин 3-4 раза в неделю (вт/чт/сб). Лучше после ужина, когда дети ещё не устали.</span>
</div>
<div class="tip-item">
<span class="tip-icon">⚽</span>
<span><strong>Футбол:</strong> 3 тренировки в неделю (вт/ср/пт 19:00-20:30). Проверьте расписание секции и адаптируйте.</span>
</div>
<div class="tip-item">
<span class="tip-icon">📚</span>
<span><strong>Ваш английский:</strong> 30 минут вечером (пн-пт). Используйте приложения (Duolingo, EWA) или сериалы с субтитрами. Цель: Advanced за 6-8 месяцев при регулярных занятиях.</span>
</div>
<div class="tip-item">
<span class="tip-icon">👨‍👩‍👧‍👦</span>
<span><strong>Семейное время:</strong> Каждый вечер после ужина — без телефонов. Настольные игры, разговоры, прогулки. Суббота: выезд (парк, музей, кино). Воскресенье: подготовка к неделе + отдых.</span>
</div>
<div class="tip-item">
<span class="tip-icon">😴</span>
<span><strong>Сон:</strong> Ложитесь в 22:30-23:00, подъём в 06:30. 7.5 часов — минимум для продуктивности.</span>
</div>
</div>
</div>
</body>
</html>