dnevnik_nablyudeniya.html276 lines
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
  :root {
    --cream: #F6EFE6;
    --paper: #FFFFFF;
    --dark: #2F221C;
    --muted: #8A7A6C;
    --terracotta: #C8654E;
    --line: rgba(47,34,28,0.10);
    --line-soft: rgba(47,34,28,0.07);
  }

  * { box-sizing: border-box; }

  html, body { height: 100%; }

  body {
    margin: 0;
    background: var(--cream);
    color: var(--dark);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    -webkit-font-smoothing: antialiased;
    display: flex;
    justify-content: center;
    padding: 28px 16px;
  }

  .page {
    width: 100%;
    max-width: 430px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .caption {
    margin: 0;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
    opacity: 0.7;
  }

  .screen {
    width: 100%;
    max-width: 430px;
    background: var(--paper);
    border-radius: 28px;
    box-shadow: 0 30px 60px -25px rgba(47,34,28,0.28), 0 1px 0 rgba(47,34,28,0.04);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
  }

  @media (max-width: 480px), (max-height: 700px) {
    body { padding: 0; height: 100vh; }
    .page { max-width: none; height: 100%; gap: 0; }
    .caption { display: none; }
    .screen {
      max-width: none;
      height: 100%;
      border-radius: 0;
      box-shadow: none;
      justify-content: space-between;
    }
  }

  .blob {
    position: absolute;
    top: -60px;
    right: -70px;
    width: 260px;
    height: 220px;
    background: radial-gradient(60% 60% at 60% 40%, rgba(200,101,78,0.16), rgba(200,101,78,0) 70%);
    border-radius: 50%;
    pointer-events: none;
  }

  .deco-sparkle {
    position: absolute;
    width: 16px;
    height: 16px;
    opacity: 0.55;
  }
  .deco-sparkle.s1 { top: 6px; right: 160px; width: 10px; height: 10px; }
  .deco-sparkle.s2 { top: 4px; right: 30px; width: 14px; height: 14px; opacity: 0.3; }

  .topbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 18px 20px 0;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
  }

  .back {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 15px;
    font-weight: 500;
    color: var(--terracotta);
  }

  .back svg { width: 9px; height: 15px; }

  .brand-mark {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .brand-mark img {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
  }

  .brand-mark .bm-text { text-align: left; }

  .brand-mark .bm-eyebrow {
    font-size: 11px;
    font-weight: 600;
    color: var(--muted);
    margin: 0 0 2px;
  }

  .brand-mark .bm-line {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.1;
    margin: 0;
    color: var(--dark);
  }

  .brand-mark .bm-line b { color: var(--terracotta); }

  .content {
    padding: 16px 22px 4px;
    position: relative;
    z-index: 1;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
  }

  h1 {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.15;
    margin: 0 0 14px;
    text-wrap: balance;
    flex-shrink: 0;
  }

  .entries {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding-bottom: 14px;
  }

  .entry {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.42;
    color: var(--dark);
  }

  .entry .time {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-decoration: underline;
    text-decoration-color: var(--terracotta);
    text-underline-offset: 3px;
    text-decoration-thickness: 1.5px;
    margin-right: 2px;
  }

  .toolbar {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 10px 24px calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--line);
    background: var(--paper);
    flex-shrink: 0;
  }

  .toolbar button {
    background: none;
    border: none;
    padding: 6px;
    color: var(--terracotta);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
  }

  .toolbar svg { width: 18px; height: 18px; }
</style>
</head>
<body>

  <div class="page">
  <p class="caption">Пример из курса — как вести дневник</p>

  <div class="screen">
    <div class="blob"></div>
    <img class="deco-sparkle s1" src="data:image/png;base64,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" alt="">
    <img class="deco-sparkle s2" src="data:image/png;base64,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" alt="">

    <div class="topbar">
      <span class="back">
        <svg viewBox="0 0 9 15" fill="none"><path d="M8 1L1 7.5L8 14" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        Заметки
      </span>
      <div class="brand-mark">
        <img src="data:image/png;base64,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" alt="">
        <div class="bm-text">
          <p class="bm-eyebrow">#sekta</p>
          <p class="bm-line">курс для <b>беременных</b></p>
        </div>
      </div>
    </div>

    <div class="content">
      <h1>Дневник наблюдений</h1>
      <div class="entries">
      <p class="entry"><span class="time">07:00</span> Подъём. Спала около 8 часов, но просыпалась ночью. Чувствую себя сонной, немного подташнивает.</p>
      <p class="entry"><span class="time">07:30</span> Тост с сыром, банан, чай. Есть сильно не хотелось, но после еды стало легче.</p>
      <p class="entry"><span class="time">08:30</span> Утренняя тренировка. Было лень начинать, но после упражнений чувствую себя бодрее.</p>
      <p class="entry"><span class="time">11:30</span> Перекус: творог с греческим йогуртом и фруктами, чай. Вкусно, наелась.</p>
      <p class="entry"><span class="time">14:00</span> Гречка, тушёная курица и овощной салат. Попробовала есть без гаджетов, пока непривычно.</p>
      <p class="entry"><span class="time">16:30</span> Захотелось чего-то солёного. Съела хлебец с творожным сыром и выпила стакан воды.</p>
      <p class="entry"><span class="time">18:00</span> Паста с рыбой и салат. Вкусно, но порция была великовата — появилась тяжесть.</p>
      <p class="entry"><span class="time">21:00</span> Тренировка. Было приятно двигаться и думать, что я забочусь о себе.</p>
      <p class="entry"><span class="time">23:00</span> Отбой.</p>
      </div>
    </div>

    <div class="toolbar">
      <button aria-label="Удалить">
        <svg viewBox="0 0 20 20" fill="none"><path d="M4 6h12M8 6V4.5A1.5 1.5 0 0 1 9.5 3h1A1.5 1.5 0 0 1 12 4.5V6M6 6l.6 10.2A1.5 1.5 0 0 0 8.1 17.6h3.8a1.5 1.5 0 0 0 1.5-1.4L14 6" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
      </button>
      <button aria-label="Поделиться">
        <svg viewBox="0 0 20 20" fill="none"><path d="M10 12.5V3.5M10 3.5L6.5 7M10 3.5L13.5 7" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.5 10.5V15a1.5 1.5 0 0 0 1.5 1.5h8a1.5 1.5 0 0 0 1.5-1.5v-4.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
      </button>
      <button aria-label="Редактировать">
        <svg viewBox="0 0 20 20" fill="none"><path d="M3.5 16.5l.9-3.4L12.7 4.8a1.3 1.3 0 0 1 1.8 0l.7.7a1.3 1.3 0 0 1 0 1.8l-8.3 8.3-3.4.9Z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/></svg>
      </button>
    </div>
  </div>
  </div>

</body>
</html>