Fix timeline

config.toml

@@ -32,13 +32,12 @@ about_text = [
     "Я люблю Машу сильнее линукса!",
 ]
 
-# Location
-dress_code = "Коктейльный / нарядный"
+dress_code = "Коктейльный"
 
 # RSVP
 rsvp_title = "Подтвердите участие"
 rsvp_deadline = "1 августа 2026"
-rsvp_url = ""
+rsvp_url = "https://forms.gle/9Qtjdo7UeBVr4tJF8"
 rsvp_button = "Заполнить форму"
 
 # Цвета (CSS-значения)
@@ -54,6 +53,31 @@ white = "#fffff8"
 border = "#c9d6e0"
 hero_gradient = "linear-gradient(135deg, #1a3a5c 0%, #2b4c7e 50%, #3a6b5a 100%)"
 
+# Палитра мероприятия
+[[extra.palette]]
+color = "#1a3a5c"
+name = "Тёмный индиго"
+
+[[extra.palette]]
+color = "#2b4c7e"
+name = "Глубокий синий"
+
+[[extra.palette]]
+color = "#7da0c4"
+name = "Нежно-голубой"
+
+[[extra.palette]]
+color = "#3a6b5a"
+name = "Изумрудный"
+
+[[extra.palette]]
+color = "#7e8e6c"
+name = "Шалфей"
+
+[[extra.palette]]
+color = "#fcfcee"
+name = "Шампанское"
+
 # Карточки деталей
 [[extra.details]]
 icon = "🎁"
@@ -66,42 +90,27 @@ title = "Фотографии"
 description = "На свадьбе будет профессиональный фотограф. Мы поделимся фотографиями после мероприятия."
 
 [[extra.details]]
-icon = "🚖"
-title = "Трансфер"
-description = "Мы организуем трансфер от станции метро до площадки и обратно. Подробности сообщим ближе к дате."
+icon = "🏢"
+title = "Проживание"
+description = "Мы предоставим проживание в Москве для гостей из других городов при необходимости."
+
 
-# День 1
 [[extra.schedule]]
-day = "19 августа"
-label = "Встреча гостей"
-
-[[extra.schedule.items]]
-time = "14:00"
-title = "Заезд"
-description = "Размещение гостей в отеле"
-
-[[extra.schedule.items]]
-time = "18:00"
-title = "Приветственный ужин"
-description = "Знакомство и лёгкий фуршет на террасе"
-
-# День 2
-[[extra.schedule]]
-day = "20 августа"
+day = "21 августа"
 label = "День свадьбы"
 
-[[extra.schedule.items]]
-time = "15:00"
-title = "Церемония"
-description = "Торжественная церемония бракосочетания в кругу самых близких"
-
 [[extra.schedule.items]]
 time = "16:00"
-title = "Фуршет"
-description = "Лёгкие закуски и шампанское на открытой террасе"
+title = "Встреча гостей"
+description = "Ресторан Московское Небо, ВДНХ"
 
 [[extra.schedule.items]]
 time = "17:00"
+title = "Церемония"
+description = "Торжественная церемония бракосочетания"
+
+[[extra.schedule.items]]
+time = "17:30"
 title = "Банкет"
 description = "Праздничный ужин, тосты и поздравления"
 
@@ -113,19 +122,6 @@ description = "Наш первый танец как мужа и жены"
 [[extra.schedule.items]]
 time = "19:30"
 title = "Вечерняя программа"
-description = "Танцы, музыка и веселье до поздней ночи"
+description = "Танцы, музыка и веселье до поздней ночи 😈"
 
-# День 3
-[[extra.schedule]]
-day = "21 августа"
-label = "Прощальный бранч"
 
-[[extra.schedule.items]]
-time = "11:00"
-title = "Бранч"
-description = "Совместный завтрак и тёплые воспоминания о вчерашнем дне"
-
-[[extra.schedule.items]]
-time = "14:00"
-title = "Отъезд"
-description = "Прощание и отъезд гостей"

sass/style.scss

@@ -180,7 +180,7 @@ a {
         position: relative;
         z-index: 1;
         padding: 40px 48px;
-        background: rgba(0, 0, 0, 0.45);
+        background: rgba(0, 0, 0, 0.65);
         border-radius: 4px;
     }
 
@@ -275,10 +275,14 @@ a {
         background: var(--color-white);
     }
 
-    &--rsvp {
+    &--palette {
         background: var(--color-bg-alt);
     }
 
+    &--rsvp {
+        background: var(--color-white);
+    }
+
     &__title {
         font-family: $font-serif;
         font-size: clamp(2rem, 4vw, 2.8rem);
@@ -313,6 +317,14 @@ a {
 
     &__photo {
         text-align: center;
+
+        img {
+            width: 100%;
+            aspect-ratio: 3 / 4;
+            object-fit: cover;
+            border-radius: 4px;
+            margin-bottom: 16px;
+        }
     }
 
     &__photo-placeholder {
@@ -383,9 +395,10 @@ a {
 // ==========================
 .schedule-days {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(280px, 650px));
     gap: 40px;
     align-items: start;
+    justify-content: center;
 }
 
 .schedule-day {
@@ -560,6 +573,38 @@ a {
     }
 }
 
+// ==========================
+// Palette
+// ==========================
+.palette {
+    display: flex;
+    justify-content: center;
+    gap: 40px;
+    flex-wrap: wrap;
+
+    &__item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 12px;
+    }
+
+    &__circle {
+        width: 80px;
+        height: 80px;
+        border-radius: 50%;
+        box-shadow: 0 0 0 3px color-mix(in srgb, var(--swatch-color) 40%, white),
+                    0 2px 8px rgba(0, 0, 0, 0.08);
+    }
+
+    &__name {
+        font-size: 0.8rem;
+        color: var(--color-text-light);
+        letter-spacing: 0.03em;
+        text-align: center;
+    }
+}
+
 // ==========================
 // RSVP Form
 // ==========================
@@ -759,6 +804,15 @@ a {
         gap: 20px;
     }
 
+    .palette {
+        gap: 24px;
+
+        &__circle {
+            width: 60px;
+            height: 60px;
+        }
+    }
+
     .section {
         padding: 70px 0;
     }

templates/index.html

@@ -148,6 +148,22 @@
     </div>
 </section>
 
+<!-- Palette -->
+<section class="section section--palette" id="palette">
+    <div class="container">
+        <h2 class="section__title">Палитра мероприятия</h2>
+        <div class="section__divider"></div>
+        <div class="palette">
+            {% for swatch in config.extra.palette %}
+            <div class="palette__item">
+                <div class="palette__circle" style="--swatch-color: {{ swatch.color }}; background-color: {{ swatch.color }}"></div>
+                <span class="palette__name">{{ swatch.name }}</span>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</section>
+
 <!-- RSVP -->
 <section class="section section--rsvp" id="rsvp">
     <div class="container">