Пригласительное на 50-летие
This commit is contained in:
parent
6fa35a76ff
commit
64cb28e9c5
331
birthday-invitation/index.html
Normal file
331
birthday-invitation/index.html
Normal file
@ -0,0 +1,331 @@
|
||||
<!doctype html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Приглашение на юбилей!</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body {
|
||||
font-family: 'Georgia', serif;
|
||||
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
|
||||
min-height: 100vh;
|
||||
color: #fff;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.container {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
.card {
|
||||
background: linear-gradient(145deg, #2d2d44 0%, #1a1a2e 100%);
|
||||
border-radius: 20px;
|
||||
padding: 40px 30px;
|
||||
margin: 20px 0;
|
||||
box-shadow: 0 20px 60px rgba(0,0,0,0.5);
|
||||
border: 2px solid #c9a227;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.card::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -50%;
|
||||
left: -50%;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
background: radial-gradient(circle, rgba(201,162,39,0.1) 0%, transparent 70%);
|
||||
animation: shimmer 3s infinite;
|
||||
}
|
||||
@keyframes shimmer {
|
||||
0%, 100% { transform: translate(-20%, -20%); }
|
||||
50% { transform: translate(20%, 20%); }
|
||||
}
|
||||
.content { position: relative; z-index: 1; }
|
||||
.header { text-align: center; margin-bottom: 30px; }
|
||||
.header h1 {
|
||||
font-size: clamp(32px, 8vw, 56px);
|
||||
color: #c9a227;
|
||||
text-shadow: 0 0 20px rgba(201,162,39,0.5);
|
||||
margin-bottom: 10px;
|
||||
font-weight: normal;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
.header .subtitle {
|
||||
font-size: clamp(16px, 4vw, 20px);
|
||||
color: #e8e8e8;
|
||||
font-style: italic;
|
||||
}
|
||||
.age-badge {
|
||||
display: inline-block;
|
||||
background: linear-gradient(135deg, #c9a227 0%, #f4d03f 100%);
|
||||
color: #1a1a2e;
|
||||
font-size: clamp(48px, 12vw, 80px);
|
||||
font-weight: bold;
|
||||
padding: 20px 40px;
|
||||
border-radius: 50%;
|
||||
margin: 20px 0;
|
||||
box-shadow: 0 10px 30px rgba(201,162,39,0.4);
|
||||
animation: pulse 2s infinite;
|
||||
}
|
||||
@keyframes pulse {
|
||||
0%, 100% { transform: scale(1); }
|
||||
50% { transform: scale(1.05); }
|
||||
}
|
||||
.details {
|
||||
background: rgba(255,255,255,0.05);
|
||||
border-radius: 15px;
|
||||
padding: 25px;
|
||||
margin: 25px 0;
|
||||
border-left: 4px solid #c9a227;
|
||||
}
|
||||
.detail-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 15px 0;
|
||||
font-size: 18px;
|
||||
}
|
||||
.detail-item .icon {
|
||||
font-size: 28px;
|
||||
margin-right: 15px;
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.detail-item .text {
|
||||
flex: 1;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.detail-item .label {
|
||||
color: #c9a227;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.message {
|
||||
text-align: center;
|
||||
font-size: clamp(16px, 4vw, 18px);
|
||||
line-height: 1.8;
|
||||
margin: 30px 0;
|
||||
padding: 20px;
|
||||
background: rgba(201,162,39,0.1);
|
||||
border-radius: 15px;
|
||||
font-style: italic;
|
||||
}
|
||||
.message strong {
|
||||
color: #c9a227;
|
||||
}
|
||||
.rsvp {
|
||||
text-align: center;
|
||||
margin: 30px 0;
|
||||
}
|
||||
.rsvp-btn {
|
||||
display: inline-block;
|
||||
background: linear-gradient(135deg, #c9a227 0%, #f4d03f 100%);
|
||||
color: #1a1a2e;
|
||||
padding: 15px 40px;
|
||||
border-radius: 50px;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
box-shadow: 0 10px 30px rgba(201,162,39,0.4);
|
||||
transition: all 0.3s;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
}
|
||||
.rsvp-btn:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 15px 40px rgba(201,162,39,0.6);
|
||||
}
|
||||
.footer {
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid rgba(255,255,255,0.1);
|
||||
font-size: 14px;
|
||||
color: #888;
|
||||
}
|
||||
.confetti {
|
||||
position: fixed;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: #c9a227;
|
||||
animation: fall linear forwards;
|
||||
opacity: 0;
|
||||
}
|
||||
@keyframes fall {
|
||||
0% {
|
||||
transform: translateY(-100vh) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(100vh) rotate(720deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.share-buttons {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.share-btn {
|
||||
padding: 10px 20px;
|
||||
border-radius: 25px;
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
}
|
||||
.share-whatsapp {
|
||||
background: #25D366;
|
||||
color: white;
|
||||
}
|
||||
.share-telegram {
|
||||
background: #0088cc;
|
||||
color: white;
|
||||
}
|
||||
.share-copy {
|
||||
background: rgba(255,255,255,0.2);
|
||||
color: white;
|
||||
}
|
||||
.share-btn:hover {
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="card">
|
||||
<div class="content">
|
||||
<div class="header">
|
||||
<h1>🎉 ПРИГЛАШЕНИЕ 🎉</h1>
|
||||
<p class="subtitle">На юбилей любимого мужа, отца и хозяина</p>
|
||||
</div>
|
||||
|
||||
<div style="text-align: center;">
|
||||
<div class="age-badge">50</div>
|
||||
</div>
|
||||
|
||||
<div class="message">
|
||||
<p>Дорогие друзья и родные!</p>
|
||||
<br>
|
||||
<p>Приглашаем вас разделить с нами особенный вечер — <strong>50-летие</strong> нашего любимого мужчины!</p>
|
||||
<br>
|
||||
<p>Полвека — это не возраст, а новый уровень мудрости, силы и красоты. Давайте вместе отпразднуем эту важную дату!</p>
|
||||
</div>
|
||||
|
||||
<div class="details">
|
||||
<div class="detail-item">
|
||||
<span class="icon">📅</span>
|
||||
<div class="text">
|
||||
<span class="label">ДАТА</span>
|
||||
29 августа 2026 года, суббота
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail-item">
|
||||
<span class="icon">🕖</span>
|
||||
<div class="text">
|
||||
<span class="label">ВРЕМЯ</span>
|
||||
Сбор гостей в 19:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail-item">
|
||||
<span class="icon">📍</span>
|
||||
<div class="text">
|
||||
<span class="label">МЕСТО</span>
|
||||
Семейный ресторан (адрес уточняется)
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail-item">
|
||||
<span class="icon">👔</span>
|
||||
<div class="text">
|
||||
<span class="label">ДРЕСС-КОД</span>
|
||||
Вечерний, праздничный
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rsvp">
|
||||
<p style="margin-bottom: 15px; font-size: 16px;">Подтвердите, пожалуйста, присутствие до 25.08.2026</p>
|
||||
<button class="rsvp-btn" onclick="copyText()">📋 Скопировать текст приглашения</button>
|
||||
</div>
|
||||
|
||||
<div class="share-buttons">
|
||||
<a href="#" class="share-btn share-whatsapp" onclick="shareWhatsApp()">WhatsApp</a>
|
||||
<a href="#" class="share-btn share-telegram" onclick="shareTelegram()">Telegram</a>
|
||||
<button class="share-btn share-copy" onclick="copyLink()">🔗 Копировать ссылку</button>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<p>С любовью, Индира и дети ❤️</p>
|
||||
<p style="margin-top: 10px;">До встречи на празднике!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Конфетти при загрузке
|
||||
function createConfetti() {
|
||||
const colors = ['#c9a227', '#f4d03f', '#fff', '#e8e8e8'];
|
||||
for (let i = 0; i < 50; i++) {
|
||||
setTimeout(() => {
|
||||
const confetti = document.createElement('div');
|
||||
confetti.className = 'confetti';
|
||||
confetti.style.left = Math.random() * 100 + 'vw';
|
||||
confetti.style.background = colors[Math.floor(Math.random() * colors.length)];
|
||||
confetti.style.animationDuration = (Math.random() * 2 + 2) + 's';
|
||||
document.body.appendChild(confetti);
|
||||
setTimeout(() => confetti.remove(), 4000);
|
||||
}, i * 100);
|
||||
}
|
||||
}
|
||||
createConfetti();
|
||||
|
||||
// Копирование текста
|
||||
function copyText() {
|
||||
const text = `🎉 ПРИГЛАШЕНИЕ НА ЮБИЛЕЙ! 🎉
|
||||
|
||||
29 августа 2026 года — 50 лет!
|
||||
|
||||
📅 Дата: 29.08.2026, суббота
|
||||
🕖 Время: 19:00
|
||||
📍 Место: Семейный ресторан
|
||||
|
||||
Дорогие друзья и родные! Приглашаем разделить с нами особенный вечер — 50-летие нашего любимого мужчины!
|
||||
|
||||
Подтвердите присутствие до 25.08.2026
|
||||
|
||||
С любовью, Индира и дети ❤️`;
|
||||
|
||||
navigator.clipboard.writeText(text).then(() => {
|
||||
alert('✅ Текст скопирован! Можно отправить в сообщении.');
|
||||
});
|
||||
}
|
||||
|
||||
// Поделиться в WhatsApp
|
||||
function shareWhatsApp() {
|
||||
const text = encodeURIComponent('🎉 Приглашение на юбилей! 29.08.2026 — 50 лет! Подробности: ' + window.location.href);
|
||||
window.open('https://wa.me/?text=' + text, '_blank');
|
||||
}
|
||||
|
||||
// Поделиться в Telegram
|
||||
function shareTelegram() {
|
||||
const text = encodeURIComponent('🎉 Приглашение на юбилей! 29.08.2026 — 50 лет! Подробности: ' + window.location.href);
|
||||
window.open('https://t.me/share/url?url=' + encodeURIComponent(window.location.href) + '&text=' + text, '_blank');
|
||||
}
|
||||
|
||||
// Копировать ссылку
|
||||
function copyLink() {
|
||||
navigator.clipboard.writeText(window.location.href).then(() => {
|
||||
alert('✅ Ссылка скопирована!');
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
95
index.html
95
index.html
@ -165,6 +165,10 @@
|
||||
<strong>Режим</strong>
|
||||
<p>Спать в 22:00, вставать в 5:00</p>
|
||||
</div>
|
||||
<div class="goal-card" style="border-left-color: #fdcb6e;">
|
||||
<strong style="color: #d63031;">Русский язык</strong>
|
||||
<p>Улучшить грамотность после казахской школы</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -175,6 +179,10 @@
|
||||
<div class="time">05:00 — 06:00</div>
|
||||
<div class="activity">☀️ Подъём, стакан тёплой воды, лёгкая зарядка/растяжка 15 мин</div>
|
||||
</div>
|
||||
<div class="timeline-item" style="background: #fff8e1; padding: 10px; border-radius: 8px; border-left: 3px solid #fdcb6e;">
|
||||
<div class="time" style="color: #d63031;">📚 Русский язык (встроен в день)</div>
|
||||
<div class="activity">15 мин утром (приложение) + 10 мин чтение вслух + 10 мин вечером (каналы/словарь)</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="time">06:00 — 07:00</div>
|
||||
<div class="activity">👨👩👧👦 Дети: завтрак, сборы в школу/сад</div>
|
||||
@ -267,6 +275,20 @@
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tip-category">
|
||||
<h3>📚 Русский язык — без боли и комплекса</h3>
|
||||
<ul>
|
||||
<li><strong>Это нормально.</strong> Ты не «неграмотная», ты — билингв. Два языка в голове = суперсила, а не недостаток</li>
|
||||
<li><strong>15 минут в день.</strong> Утром или в обед: приложение «Русский язык» (Тотальный диктант, Грамота.ру)</li>
|
||||
<li><strong>Читай вслух 10 мин.</strong> Детские книги, статьи, законы — вслух запоминается лучше</li>
|
||||
<li><strong>Словарь юриста.</strong> Выпиши 50 главных терминов, в которых делаешь ошибки. Повторяй раз в неделю</li>
|
||||
<li><strong>Диктанты с детьми.</strong> Попроси старших проверять тебя, или сама пиши под диктовку 2 раза в неделю</li>
|
||||
<li><strong>Telegram-каналы:</strong> «Орфограммка», «Главред», «Тотальный диктант» — читаешь ленту = учишься</li>
|
||||
<li><strong>Не бойся ошибок.</strong> Даже носители путают -тся/-ться. Главное — смысл, а не идеальная запятая</li>
|
||||
<li><strong>Через 3 месяца.</strong> Ты заметишь: пишешь увереннее, говоришь грамотнее, комплексов меньше</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tip-category">
|
||||
<h3>👨👩👧👦 Семья и баланс</h3>
|
||||
<ul>
|
||||
@ -286,6 +308,79 @@
|
||||
<li>Выходные: не отсыпаться до обеда (сбивает режим)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tip-category">
|
||||
<h3>💖 Психологическая поддержка</h3>
|
||||
<ul>
|
||||
<li><strong>Ты — не супергерой.</strong> Иметь право на усталость, ошибку, «неидеальный» день — нормально</li>
|
||||
<li><strong>Правило 5 минут.</strong> Когда всё валится — остановись, закрой глаза, дыши 5 минут. Мир не рухнет</li>
|
||||
<li><strong>Ведущий дневник.</strong> 3 вещи в день, за которые благодарна (дети здоровы, крыша над головой, работа есть)</li>
|
||||
<li><strong>«Я уже достаточно хороша».</strong> Ты растишь 4 детей + строишь карьеру. Это уже подвиг. Напоминай себе каждое утро</li>
|
||||
<li><strong>Поддержка, а не вина.</strong> Вместо «я опять не успела» → «я сделала то, что могла сегодня»</li>
|
||||
<li><strong>Личное время — не роскошь.</strong> 30 минут в день ТОЛЬКО для тебя (чай в тишине, музыка, ванна, хобби). Это не эгоизм — это необходимость</li>
|
||||
<li><strong>Найди «своих».</strong> Подруга-мама, чат юристов, психолог — кто-то, кто понимает без осуждения</li>
|
||||
<li><strong>Маленькие победы.</strong> Похудела на 1 кг? Выиграла дело? Пережила сложный день? Отметь это. Ты — молодец</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tip-category">
|
||||
<h3>🌟 Аффирмации для трудных дней</h3>
|
||||
<ul>
|
||||
<li>«Я делаю всё, что в моих силах. И этого достаточно»</li>
|
||||
<li>«Мои дети любят меня не за идеальность, а за то, что я их мама»</li>
|
||||
<li>«Я имею право на отдых без чувства вины»</li>
|
||||
<li>«Каждый день я становлюсь лучшей версией себя — для себя, а не для других»</li>
|
||||
<li>«Моя ценность не измеряется количеством сделанных дел»</li>
|
||||
<li>«Я выбираю быть счастливой, а не идеальной»</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><strong>«Думай медленно... решай быстро» (Даниэль Канеман)</strong> — как работает мышление, почему мы ошибаемся</li>
|
||||
<li><strong>«Пиши, сокращай» (Максим Ильяхов)</strong> — ясная речь, сильные аргументы, без воды</li>
|
||||
<li><strong>«Слово живое и мёртвое» (Нора Галь)</strong> — классика для юриста: как говорить понятно и убедительно</li>
|
||||
<li><strong>«Искусство говорить» (Радислав Гандапас)</strong> — уверенность в речи, ответы на неудобные вопросы</li>
|
||||
<li><strong>«Никогда не ешьте в одиночку» (Кейт Феррацци)</strong> — нетворкинг, связи, влияние</li>
|
||||
<li><strong>«Сила момента сейчас» (Экхарт Толле)</strong> — свобода от тревог, ясная голова</li>
|
||||
<li><strong>«7 навыков высокоэффективных людей» (Стивен Кови)</strong> — принципы, а не тактики</li>
|
||||
<li><strong>«Поток» (Михай Чиксентмихайи)</strong> — состояние полной вовлечённости, когда всё получается</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tip-category">
|
||||
<h3>🎧 Аудиокниги и подкасты (в дорогу)</h3>
|
||||
<ul>
|
||||
<li>Подкаст «Голый землекоп» — про науку и мышление</li>
|
||||
<li>Подкаст «Это провал» — про ошибки и опыт</li>
|
||||
<li>Подкаст «Психология на Дожде» — про себя и отношения</li>
|
||||
<li>Аудиокниги в дороге (30 мин утром + 30 мин вечером = 1 час в день)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="goals" style="margin-top: 20px; background: linear-gradient(135deg, #ffeaa7 0%, #fdcb6e 100%);">
|
||||
<h2 style="color: #d63031; text-align: center;">💌 Письмо себе от Индиры</h2>
|
||||
<p style="font-size: 15px; line-height: 1.8; color: #2d3436; text-align: center; font-style: italic;">
|
||||
«Дорогая Индира, ты просыпаешься в 5 утра не потому что должна, а потому что хочешь быть лучшей для своих детей.
|
||||
Ты работаешь юристом не для галочки, а чтобы показать им, что мама может всё.
|
||||
Ты худеешь не из-за недостатков, а из любви к своему телу.
|
||||
Ты ложишься в 22:00 не потому что слабая, а потому что умная — знаешь: отдохнувшая мама = счастливая семья.
|
||||
Ты уже всё умеешь. Просто иногда забываешь себе об этом сказать.
|
||||
<strong>Я горжусь тобой.</strong>»
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<button class="print-btn" onclick="window.print()">🖨 Распечатать график</button>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user