sektamarketingcommitscfd3a05
Analyzing diff...
diff --git "a/\320\232\321\203\321\200\321\201 \320\264\320\273\321\217 \320\261\320\265\321\200\320\265\320\274\320\265\320\275\320\275\321\213\321\205 2026/\320\234\320\260\321\200\320\272\320\265\321\202\320\270\320\275\320\263\320\276\320\262\321\213\320\265 \320\274\320\260\321\202\320\265\321\200\320\270\320\260\320\273\321\213/recepty---25a9d15c-9cda-432f-9444-d94255eb206e.html" "b/\320\232\321\203\321\200\321\201 \320\264\320\273\321\217 \320\261\320\265\321\200\320\265\320\274\320\265\320\275\320\275\321\213\321\205 2026/\320\234\320\260\321\200\320\272\320\265\321\202\320\270\320\275\320\263\320\276\320\262\321\213\320\265 \320\274\320\260\321\202\320\265\321\200\320\270\320\260\320\273\321\213/recepty---25a9d15c-9cda-432f-9444-d94255eb206e.html"+780 −0
new file mode 100644 index 0000000..b6a9b45 @@ -0,0 +1,780 @@ +<!DOCTYPE html> +<html lang="ru"> +<head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <title>Рецепты на день — курс для беременных</title> + <link rel="preconnect" href="https://fonts.googleapis.com" /> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> + <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap" rel="stylesheet" /> + <style> + :root { + --terra: #c66645; + --terra-deep: #b55a3c; + --cream: #f2ede4; + --cream-soft: #f7f3ec; + --blue: #c2d6e3; + --ink: #2b231d; + --ink-soft: rgba(43, 35, 29, 0.72); + --ink-mute: rgba(43, 35, 29, 0.5); + --line: rgba(43, 35, 29, 0.14); + --pad: clamp(1.25rem, 4vw, 3rem); + --radius-pill: 999px; + } + + * { box-sizing: border-box; margin: 0; padding: 0; } + + html { scroll-behavior: smooth; } + + body { + font-family: "Montserrat", system-ui, sans-serif; + background: var(--cream-soft); + color: var(--ink); + line-height: 1.55; + min-height: 100vh; + } + + /* ——— Intro strip ——— */ + .intro { + display: grid; + grid-template-columns: minmax(0, 1.15fr) minmax(12rem, 0.55fr) minmax(12rem, 0.55fr); + min-height: min(72vh, 640px); + background: var(--cream); + overflow: hidden; + } + + .intro-photo { + position: relative; + min-height: 320px; + background: + linear-gradient(180deg, transparent 55%, rgba(43, 35, 29, 0.18) 100%), + url("recipe-01-omelette.png") + center / cover no-repeat; + animation: fade-scale 1.1s ease both; + } + + .badge-arc { + position: absolute; + top: 0; + left: 0; + width: clamp(7.5rem, 18vw, 11rem); + height: clamp(7.5rem, 18vw, 11rem); + background: var(--blue); + border-radius: 0 0 100% 0; + display: flex; + align-items: flex-start; + justify-content: flex-start; + padding: 1.1rem 0 0 1.1rem; + animation: arc-in 0.9s ease 0.15s both; + } + + .badge-arc span { + font-size: 0.78rem; + font-weight: 600; + letter-spacing: 0.04em; + color: var(--ink); + } + + .intro-mid { + background: var(--terra); + color: var(--cream); + display: flex; + flex-direction: column; + justify-content: center; + padding: clamp(1.5rem, 3vw, 2.5rem); + animation: slide-up 0.85s ease 0.1s both; + } + + .intro-mid .eyebrow { + font-size: 0.78rem; + font-weight: 500; + letter-spacing: 0.02em; + opacity: 0.9; + margin-bottom: 0.45rem; + } + + .intro-mid h1 { + font-size: clamp(1.55rem, 2.8vw, 2.15rem); + font-weight: 700; + line-height: 1.15; + letter-spacing: -0.02em; + text-transform: lowercase; + max-width: 10ch; + } + + .intro-mid .rule { + width: 2.4rem; + height: 2px; + background: var(--cream); + margin-top: 1.35rem; + opacity: 0.85; + } + + .intro-side { + background: var(--cream); + display: flex; + flex-direction: column; + justify-content: space-between; + padding: clamp(1.25rem, 2.5vw, 2rem); + animation: slide-up 0.85s ease 0.2s both; + } + + .big-num { + font-size: clamp(4.5rem, 10vw, 7.5rem); + font-weight: 800; + line-height: 0.85; + letter-spacing: -0.04em; + color: var(--ink); + } + + .intro-side .meta { + display: flex; + flex-direction: column; + gap: 1rem; + padding-bottom: 0.5rem; + } + + .intro-side .rule { + width: 2.2rem; + height: 2px; + background: var(--terra); + } + + .intro-side .title { + font-size: clamp(1rem, 1.6vw, 1.2rem); + font-weight: 500; + text-transform: lowercase; + line-height: 1.3; + max-width: 12ch; + } + + .pill { + display: inline-flex; + align-items: center; + justify-content: center; + width: fit-content; + padding: 0.45rem 1.05rem; + border: 1.5px solid var(--terra); + border-radius: var(--radius-pill); + font-size: 0.78rem; + font-weight: 500; + color: var(--ink); + background: transparent; + } + + /* ——— Page body ——— */ + .page { + max-width: 1100px; + margin: 0 auto; + padding: clamp(2rem, 5vw, 3.5rem) var(--pad) clamp(3rem, 6vw, 5rem); + } + + .lead { + max-width: 42ch; + color: var(--ink-soft); + font-size: 0.95rem; + margin-bottom: clamp(2rem, 4vh, 3rem); + animation: slide-up 0.8s ease 0.25s both; + } + + .toc { + display: flex; + flex-wrap: wrap; + gap: 0.55rem; + margin-bottom: clamp(2.5rem, 5vh, 3.5rem); + } + + .toc a { + text-decoration: none; + color: var(--ink); + font-size: 0.78rem; + font-weight: 500; + padding: 0.4rem 0.95rem; + border: 1.5px solid var(--line); + border-radius: var(--radius-pill); + transition: border-color 0.2s ease, background 0.2s ease; + } + + .toc a:hover { + border-color: var(--terra); + background: rgba(198, 102, 69, 0.08); + } + + /* ——— Recipe card ——— */ + .recipe { + margin-bottom: clamp(2.5rem, 5vh, 4rem); + background: #fff; + box-shadow: 0 18px 40px rgba(43, 35, 29, 0.06); + animation: slide-up 0.75s ease both; + } + + .recipe:nth-of-type(1) { animation-delay: 0.05s; } + .recipe:nth-of-type(2) { animation-delay: 0.1s; } + .recipe:nth-of-type(3) { animation-delay: 0.15s; } + .recipe:nth-of-type(4) { animation-delay: 0.2s; } + .recipe:nth-of-type(5) { animation-delay: 0.25s; } + .recipe:nth-of-type(6) { animation-delay: 0.3s; } + + .recipe-hero { + display: grid; + grid-template-columns: minmax(0, 1.2fr) minmax(9rem, 0.5fr) minmax(9rem, 0.55fr); + min-height: 260px; + } + + .recipe-photo { + position: relative; + min-height: 240px; + overflow: hidden; + } + + .recipe-photo img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; + transition: transform 0.7s ease; + } + + .recipe:hover .recipe-photo img { + transform: scale(1.04); + } + + .recipe-photo .badge-arc { + width: clamp(5.5rem, 12vw, 7.5rem); + height: clamp(5.5rem, 12vw, 7.5rem); + padding: 0.85rem 0 0 0.85rem; + } + + .recipe-photo .badge-arc span { + font-size: 0.68rem; + } + + .recipe-mid { + background: var(--terra); + color: var(--cream); + display: flex; + flex-direction: column; + justify-content: center; + padding: 1.35rem 1.25rem; + } + + .recipe-mid .eyebrow { + font-size: 0.72rem; + font-weight: 500; + opacity: 0.88; + margin-bottom: 0.35rem; + } + + .recipe-mid h2 { + font-size: clamp(1.15rem, 2vw, 1.45rem); + font-weight: 700; + line-height: 1.2; + letter-spacing: -0.02em; + text-transform: lowercase; + } + + .recipe-mid .rule { + width: 2rem; + height: 2px; + background: var(--cream); + margin-top: 1.1rem; + opacity: 0.85; + } + + .recipe-side { + background: var(--cream); + display: flex; + flex-direction: column; + justify-content: space-between; + padding: 1.15rem 1.2rem 1.35rem; + } + + .recipe-side .big-num { + font-size: clamp(3.2rem, 7vw, 5rem); + } + + .recipe-side .meta { + display: flex; + flex-direction: column; + gap: 0.85rem; + } + + .recipe-side .rule { + width: 1.8rem; + height: 2px; + background: var(--terra); + } + + .recipe-side .title { + font-size: clamp(0.92rem, 1.4vw, 1.05rem); + font-weight: 500; + text-transform: lowercase; + line-height: 1.35; + max-width: 14ch; + } + + .recipe-body { + display: grid; + grid-template-columns: 1fr 1.15fr; + gap: clamp(1.25rem, 3vw, 2.5rem); + padding: clamp(1.35rem, 3vw, 2rem); + border-top: 1px solid var(--line); + } + + .recipe-body h3 { + font-size: 0.78rem; + font-weight: 700; + letter-spacing: 0.08em; + text-transform: uppercase; + color: var(--ink-mute); + margin-bottom: 0.75rem; + } + + .recipe-body ul, + .recipe-body ol { + padding-left: 1.1rem; + color: var(--ink-soft); + font-size: 0.92rem; + } + + .recipe-body li + li { margin-top: 0.35rem; } + + .note { + grid-column: 1 / -1; + margin-top: 0.25rem; + padding: 0.95rem 1.1rem; + background: rgba(194, 214, 227, 0.35); + border-left: 3px solid var(--blue); + font-size: 0.88rem; + color: var(--ink); + font-weight: 500; + line-height: 1.45; + } + + .section-label { + font-size: 0.78rem; + font-weight: 700; + letter-spacing: 0.1em; + text-transform: uppercase; + color: var(--ink-mute); + margin: 0.5rem 0 1.25rem; + padding-top: 0.5rem; + border-top: 1px solid var(--line); + } + + .footer-note { + margin: 2rem auto 0; + padding: 1.75rem 2rem; + background: var(--cream); + border: 1px solid var(--line); + font-size: 1.05rem; + line-height: 1.55; + color: var(--ink-soft); + max-width: 42rem; + text-align: center; + } + + .footer-note strong { + color: var(--ink); + font-weight: 600; + } + + @keyframes fade-scale { + from { opacity: 0; transform: scale(1.04); } + to { opacity: 1; transform: scale(1); } + } + + @keyframes arc-in { + from { opacity: 0; transform: translate(-12px, -12px); } + to { opacity: 1; transform: translate(0, 0); } + } + + @keyframes slide-up { + from { opacity: 0; transform: translateY(18px); } + to { opacity: 1; transform: translateY(0); } + } + + @media (max-width: 820px) { + .intro, + .recipe-hero { + grid-template-columns: 1fr; + } + + .intro { + min-height: auto; + } + + .intro-photo { + min-height: 42vh; + } + + .intro-mid, + .recipe-mid { + min-height: auto; + padding: 1.5rem 1.35rem; + } + + .intro-side, + .recipe-side { + flex-direction: row; + align-items: flex-end; + gap: 1.25rem; + min-height: auto; + } + + .intro-side .big-num, + .recipe-side .big-num { + font-size: 3.5rem; + flex-shrink: 0; + } + + .intro-side .meta, + .recipe-side .meta { + flex: 1; + } + + .recipe-body { + grid-template-columns: 1fr; + } + + .recipe-photo { + min-height: 220px; + aspect-ratio: 16 / 10; + } + } + </style> +</head> +<body> + <header class="intro"> + <div class="intro-photo" aria-hidden="true"> + <div class="badge-arc"><span>#sekta</span></div> + </div> + <div class="intro-mid"> + <p class="eyebrow">курс для</p> + <h1>беременных</h1> + <div class="rule" aria-hidden="true"></div> + </div> + <div class="intro-side"> + <p class="big-num" aria-hidden="true">01</p> + <div class="meta"> + <div class="rule" aria-hidden="true"></div> + <p class="title">рецепты на день</p> + <span class="pill">6 блюд</span> + </div> + </div> + </header> + + <main class="page"> + <p class="lead"> + Один лёгкий день меню: три основных приёма пищи и три перекуса. Готовится быстро. Хлеб рекомендуем ржаной или цельнозерновой. + </p> + + <nav class="toc" aria-label="К рецептам"> + <a href="#r01">завтрак</a> + <a href="#r02">обед</a> + <a href="#r03">ужин</a> + <a href="#r04">перекус 1</a> + <a href="#r05">перекус 2</a> + <a href="#r06">перекус 3</a> + </nav> + + <p class="section-label">основные приёмы пищи</p> + + <!-- 01 завтрак --> + <article class="recipe" id="r01"> + <div class="recipe-hero"> + <figure class="recipe-photo"> + <div class="badge-arc"><span>#sekta</span></div> + <img + src="recipe-01-omelette.png" + alt="Зелёный омлет с творогом и тостом" + /> + </figure> + <div class="recipe-mid"> + <p class="eyebrow">приём пищи</p> + <h2>завтрак</h2> + <div class="rule" aria-hidden="true"></div> + </div> + <div class="recipe-side"> + <p class="big-num">01</p> + <div class="meta"> + <div class="rule" aria-hidden="true"></div> + <p class="title">зелёный омлет с творогом</p> + <span class="pill">12 минут</span> + </div> + </div> + </div> + <div class="recipe-body"> + <div> + <h3>Ингредиенты</h3> + <ul> + <li>2 яйца</li> + <li>80–100 г мягкого творога 5% (или греческого йогурта без сахара)</li> + <li>горсть шпината или рукколы</li> + <li>½ помидора или ¼ авокадо</li> + <li>1 тонкий ломтик ржаного или цельнозернового хлеба (не из муки высшего сорта)</li> + <li>соль, перец</li> + <li>1 ч. л. оливкового масла</li> + </ul> + </div> + <div> + <h3>Приготовление</h3> + <ol> + <li>Яйца взбить с щепоткой соли.</li> + <li>На сковороде разогреть масло, обжарить шпинат 30 секунд, влить яйца, свернуть омлет.</li> + <li>Сверху выложить творог, добавить помидор или авокадо.</li> + <li>Хлеб подсушить в тостере и подать к омлету.</li> + </ol> + </div> + <p class="note">Важно при беременности: яйца готовить полностью — желток и белок должны схватиться, без «всмятку» и жидкой середины.</p> + </div> + </article> + + <!-- 02 обед --> + <article class="recipe" id="r02"> + <div class="recipe-hero"> + <figure class="recipe-photo"> + <div class="badge-arc"><span>#sekta</span></div> + <img + src="recipe-02-turkey.png" + alt="Индейка с киноа и свежим салатом" + /> + </figure> + <div class="recipe-mid"> + <p class="eyebrow">приём пищи</p> + <h2>обед</h2> + <div class="rule" aria-hidden="true"></div> + </div> + <div class="recipe-side"> + <p class="big-num">02</p> + <div class="meta"> + <div class="rule" aria-hidden="true"></div> + <p class="title">индейка, салат и киноа</p> + <span class="pill">20 минут</span> + </div> + </div> + </div> + <div class="recipe-body"> + <div> + <h3>Ингредиенты</h3> + <ul> + <li>150–180 г филе индейки (или курицы)</li> + <li>40–50 г сухой киноа (или ~100–120 г готовой)</li> + <li>огурец, редис, листовой салат, зелень</li> + <li>1 ч. л. оливкового масла</li> + <li>лимон или яблочный уксус</li> + <li>паприка, сухой чеснок, соль, перец</li> + </ul> + </div> + <div> + <h3>Приготовление</h3> + <ol> + <li>Киноа промыть, залить водой 1:2, варить 12–15 минут (или разогреть готовую).</li> + <li>Индейку нарезать полосками, обвалять в специях, жарить на среднем огне 6–8 минут до готовности.</li> + <li>Овощи крупно нарезать, заправить маслом и лимоном.</li> + <li>Подать индейку с киноа и салатом.</li> + </ol> + </div> + <p class="note">Важно при беременности: птицу готовить полностью — сок должен быть прозрачным, розового мяса внутри быть не должно. Лучше проверить самый толстый кусок.</p> + </div> + </article> + + <!-- 03 ужин --> + <article class="recipe" id="r03"> + <div class="recipe-hero"> + <figure class="recipe-photo"> + <div class="badge-arc"><span>#sekta</span></div> + <img + src="recipe-03-salmon.png" + alt="Лосось с цукини и йогуртовым соусом" + /> + </figure> + <div class="recipe-mid"> + <p class="eyebrow">приём пищи</p> + <h2>ужин</h2> + <div class="rule" aria-hidden="true"></div> + </div> + <div class="recipe-side"> + <p class="big-num">03</p> + <div class="meta"> + <div class="rule" aria-hidden="true"></div> + <p class="title">лосось с цукини-лентами</p> + <span class="pill">15 минут</span> + </div> + </div> + </div> + <div class="recipe-body"> + <div> + <h3>Ингредиенты</h3> + <ul> + <li>120–150 г лосося, трески или минтая</li> + <li>1–2 цукини</li> + <li>2 ст. л. греческого йогурта без сахара</li> + <li>1 зубчик чеснока (или сухой чеснок)</li> + <li>укроп или петрушка</li> + <li>лимон</li> + <li>1 ч. л. масла</li> + <li>соль, перец</li> + </ul> + </div> + <div> + <h3>Приготовление</h3> + <ol> + <li>Цукини нарезать овощечисткой лентами (или кружками). Обжарить 2–3 минуты с каплей масла — должны остаться с хрустом.</li> + <li>Рыбу посолить, поперчить, жарить 3–4 минуты с каждой стороны (треска — чуть меньше).</li> + <li>Соус: смешать йогурт, чеснок, зелень и каплю лимона.</li> + <li>Подать рыбу с цукини и соусом.</li> + </ol> + </div> + <p class="note">Важно при беременности: рыбу готовить полностью — мясо должно легко разделяться на волокна, сырой и полусырой середины быть не должно. Не использовать сырую рыбу и слабосолёную.</p> + </div> + </article> + + <p class="section-label">перекусы</p> + + <!-- 04 перекус --> + <article class="recipe" id="r04"> + <div class="recipe-hero"> + <figure class="recipe-photo"> + <div class="badge-arc"><span>#sekta</span></div> + <img + src="recipe-04-cottage.png" + alt="Творог с ягодами и корицей" + /> + </figure> + <div class="recipe-mid"> + <p class="eyebrow">перекус</p> + <h2>один</h2> + <div class="rule" aria-hidden="true"></div> + </div> + <div class="recipe-side"> + <p class="big-num">04</p> + <div class="meta"> + <div class="rule" aria-hidden="true"></div> + <p class="title">творог с ягодами</p> + <span class="pill">5 минут</span> + </div> + </div> + </div> + <div class="recipe-body"> + <div> + <h3>Ингредиенты</h3> + <ul> + <li>100–120 г творога 5%</li> + <li>80–100 г свежих или размороженных ягод</li> + <li>щепотка корицы</li> + <li>по желанию: 1 ч. л. семян льна или измельчённых орехов</li> + </ul> + </div> + <div> + <h3>Приготовление</h3> + <ol> + <li>Творог выложить в миску.</li> + <li>Сверху добавить ягоды, посыпать корицей.</li> + <li>При желании посыпать семенами льна или орехами.</li> + </ol> + </div> + </div> + </article> + + <!-- 05 перекус --> + <article class="recipe" id="r05"> + <div class="recipe-hero"> + <figure class="recipe-photo"> + <div class="badge-arc"><span>#sekta</span></div> + <img + src="recipe-05-hummus.png" + alt="Хумус с овощными палочками" + /> + </figure> + <div class="recipe-mid"> + <p class="eyebrow">перекус</p> + <h2>два</h2> + <div class="rule" aria-hidden="true"></div> + </div> + <div class="recipe-side"> + <p class="big-num">05</p> + <div class="meta"> + <div class="rule" aria-hidden="true"></div> + <p class="title">хумус с овощами</p> + <span class="pill">5 минут</span> + </div> + </div> + </div> + <div class="recipe-body"> + <div> + <h3>Ингредиенты</h3> + <ul> + <li>2–3 ст. л. хумуса</li> + <li>1 огурец</li> + <li>1 морковь</li> + <li>по желанию: стебель сельдерея или сладкий перец</li> + </ul> + </div> + <div> + <h3>Приготовление</h3> + <ol> + <li>Овощи вымыть, нарезать палочками.</li> + <li>Хумус выложить в небольшую миску.</li> + <li>Есть, макая овощи в хумус.</li> + </ol> + </div> + </div> + </article> + + <!-- 06 перекус --> + <article class="recipe" id="r06"> + <div class="recipe-hero"> + <figure class="recipe-photo"> + <div class="badge-arc"><span>#sekta</span></div> + <img + src="recipe-06-toast.png" + alt="Ржаной тост с авокадо и яйцом" + /> + </figure> + <div class="recipe-mid"> + <p class="eyebrow">перекус</p> + <h2>три</h2> + <div class="rule" aria-hidden="true"></div> + </div> + <div class="recipe-side"> + <p class="big-num">06</p> + <div class="meta"> + <div class="rule" aria-hidden="true"></div> + <p class="title">тост с авокадо и яйцом</p> + <span class="pill">10 минут</span> + </div> + </div> + </div> + <div class="recipe-body"> + <div> + <h3>Ингредиенты</h3> + <ul> + <li>1 ломтик ржаного или цельнозернового хлеба (не из муки высшего сорта)</li> + <li>½ небольшого авокадо</li> + <li>1 яйцо</li> + <li>соль, перец</li> + <li>капля лимонного сока</li> + <li>1 ч. л. масла для жарки</li> + </ul> + </div> + <div> + <h3>Приготовление</h3> + <ol> + <li>Хлеб подсушить в тостере.</li> + <li>Яйцо пожарить на масле до полной готовности — желток должен схватиться.</li> + <li>Авокадо размять вилкой с солью, перцем и каплей лимона, намазать на тост.</li> + <li>Сверху выложить яйцо.</li> + </ol> + </div> + <p class="note">Важно при беременности: яйцо готовить полностью, без жидкого желтка.</p> + </div> + </article> + + <aside class="footer-note"> + <strong>Напоминание:</strong> при беременности яйца, рыбу и птицу всегда готовить полностью. + Хлеб рекомендуем ржаной или цельнозерновой. + </aside> + </main> +</body> +</html>