[html]<!-- calendar2: новый месяц -->
<center><div class="calendar2"
     data-month="10"
     data-year="2026"
     style="
       --c2-bg-image: url('https://i.pinimg.com/1200x/e5/5a/24/e55a24344ac20c0a19924624d2b8097e.jpg'); /* МЕНЯТЬ ТУТ: фон блока */
       --c2-main-photo: url('https://i.pinimg.com/1200x/b6/f0/ab/b6f0ab4a8bc4663804428802c22bab31.jpg'); /* МЕНЯТЬ ТУТ: основное фото месяца */
       --c2-block: rgba(216, 164, 24, 0.92);
       --c2-text: #171717;
       --c2-marker: #7c5724;
     ">

  <div class="calendar2__grid">

    <!-- ЛЕВАЯ КОЛОНКА -->
    <div class="calendar2__left">

      <!-- Название месяца подставится автоматически -->
      <div class="calendar2__panel calendar2__month">
        <div class="calendar2__month-title"></div>
      </div>

      <!-- Календарь месяца строится автоматически -->
      <div class="calendar2__panel calendar2__calendar">
        <div class="calendar2__weekdays">
          <!-- МЕНЯТЬ ТУТ при желании: подписи дней недели -->
          <div class="calendar2__weekday">Mon</div>
          <div class="calendar2__weekday">Tue</div>
          <div class="calendar2__weekday">Wed</div>
          <div class="calendar2__weekday">Thu</div>
          <div class="calendar2__weekday">Fri</div>
          <div class="calendar2__weekday">Sat</div>
          <div class="calendar2__weekday">Sun</div>
        </div>

        <div class="calendar2__dates"></div>
      </div>

      <!-- События месяца -->
      <div class="calendar2__panel calendar2__month-events">
        <div class="calendar2__events-title">праздники и события:</div>
        <div class="calendar2__month-events-text">
          <ul>
            <li>10 октября - старт фестиваля кино о горах</li>
            <li>21 октября - астрономическая вечеринка в Найт Маунт</li>
            <li>31 октября - Хэллоуин</li>
          </ul>
        </div>
      </div>

    </div>

    <!-- ПРАВАЯ КОЛОНКА -->
    <div class="calendar2__right">

      <!-- Фото месяца / фото дня -->
      <div class="calendar2__photo">
        <div class="calendar2__photo-frame">
          <div class="calendar2__photo-image"></div>
        </div>
      </div>

      <!-- События выбранного дня -->
      <div class="calendar2__panel calendar2__dayinfo">
        <div class="calendar2__today-title">сегодня:</div>
        <div class="calendar2__dayinfo-date"></div>
        <div class="calendar2__dayinfo-text">
          <ul>
            <li>на данный день событий не указанно</li>
            <li>выберите другой или творите сами!</li>
          </ul>
        </div>
      </div>

    </div>

  </div>

  <!--
    ДАННЫЕ ПО ДНЯМ
    МЕНЯТЬ ТУТ:
    - ключ "1" = первое число месяца
    - key "15" = пятнадцатое число
    - photo = своя картинка для даты
    - если photo пустая, будет основное фото месяца
    - html = содержимое блока "сегодня" для этой даты
    - каждое событие оформляйте отдельным <li>
  -->
  <div class="calendar2__data">
{
  "10": {
    "photo": "",
    "html": "<ul><li>Старт фестиваля фильмов про горы в Брекенридже.</li></ul>"
  },
  "21": {
    "photo": "https://upforme.ru/uploads/001c/7f/88/2/508395.jpg",
    "html": "<ul><li>Астрономическая вечеринка в Найт Маунт.</li></ul>"
  },
  "31": {
    "photo": "https://upforme.ru/uploads/001c/7f/88/2/863694.png",
    "html": "<ul><li>Хэллоуин.</li><li>Большой костюмированный бал в Найт Маунт.</li></ul>"
  }
}
  </div>

</div></center>
<!-- /calendar2 -->[/html]
[hideprofile]