Переключить яркость:
    Постописцы месяца » их боялся неписец
    здесь наливают сливочное пиво а еще выдают лимонные дольки
    Атмосферный Хогвартс микроскопические посты
    Drink Butterbeer!
    Happiness can be found, even in the darkest of times, if one only remembers to turn on the light

    Drink Butterbeer!

    Информация о пользователе

    Привет, Гость! Войдите или зарегистрируйтесь.


    Вы здесь » Drink Butterbeer! » Department of Magical Law Enforcement » Игровая хронология


    Игровая хронология

    Сообщений 1 страница 5 из 5

    1

    https://forumstatic.ru/files/001a/2e/af/10333.gif
    Сюжетные эпизоды

    +1

    2

    [html]
    <style>
    .timeline-wrap {
      border: 1px solid #543668;
      padding: 12px;
      max-width: 100%;
      box-sizing: border-box;
      border-radius: 12px;
      background-color: transparent;
    }

    .timeline {
      display: grid;
      grid-template-columns: 140px 1fr;
      gap: 14px;
      font-family: Arial, sans-serif;
      font-size: 13px;
      line-height: 1.45;
    }

    .timeline-year {
      grid-column: 1 / -1;
      text-align: center;
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 8px;
    }

    .timeline-months {
      border-right: 1px solid #543668;
      padding-right: 8px;
    }

    .timeline-month {
      cursor: pointer;
      padding: 6px;
      margin-bottom: 4px;
      text-align: center;
      font-weight: bold;
      font-size: 16px;
    }

    .timeline-month:hover {
      background: #f3f3f3;
    }

    .timeline-month.active {
      background: rgba(233, 233, 233, 0.6);
    }

    .timeline-content > div {
      display: none;
    }

    .timeline-content > div.active {
      display: block;
    }

    .timeline-entry {
      margin: 0 0 10px 0;
    }

    .timeline-entry-desc {
      margin: -6px 0 10px 18px;
      font-size: 13px;
      line-height: 1.4;
    }
    </style>

    <div class="timeline-wrap">
    <div class="timeline">

    <div class="timeline-year">1991-1995 учебные года</div>

    <div class="timeline-months">
      <div class="timeline-month active" data-month="90-91">1990-1991</div>
      <div class="timeline-month" data-month="1991-1992">1991-1992</div>
      <div class="timeline-month" data-month="1992-1993">1992-1993</div>
      <div class="timeline-month" data-month="1993-1994">1993-1994</div>
      <div class="timeline-month" data-month="1994-1995">1994-1995</div>
    </div>

    <div class="timeline-content">

      <!---месяцы-->
      <div class="active" id="90-91">
    <div class="timeline-entry">
          <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1874" style="color:black;">
            18.09.90. Урок полетов [c]      </a>
        </div>
        <div class="timeline-entry-desc">
          Тема урока: обучение полетам на метлах.
        </div>
       <div class="timeline-entry"><b style="color:navy;">22.12.90. - 06.01.91. Зимние каникулы.</b></div><br>
    <div class="timeline-entry"><b style="color:navy;">30.03. - 07.04.91. Пасхальные каникулы.</b></div><br>
      <div class="timeline-entry"><b style="color:navy;">22.06. - 31.08.91. Летние каникулы.</b></div></div>
       
    <div id="1991-1992"> <div class="timeline-entry"><b style="color:navy;">22.12.91. - 05.01.92. Зимние каникулы.</b></div><br>
      <div class="timeline-entry"><b style="color:navy;">18.04. - 26.04.92. Пасхальные каникулы.</b></div><br>
    <div class="timeline-entry"><b style="color:navy;">20.06. - 31.08.92. Летние каникулы.</b></div>
    </div>
     
    <div id="1992-1993"><div class="timeline-entry"><b style="color:navy;">21.12.92. - 03.01.93. Зимние каникулы.</b></div><br>
      <div class="timeline-entry"><b style="color:navy;">10.04. - 18.04.93. Пасхальные каникулы.</b></div><br>
      <div class="timeline-entry"><b style="color:navy;">19.06. - 31.08.93. Летние каникулы.</b></div>
    </div>
     
    <div id="1993-1994"><div class="timeline-entry"><b style="color:navy;">31.10.93. Первое посещение Хогсмида в учебном году.</b></div>
        <div class="timeline-entry">
          <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2250" style="color:black;">
            02.11.93. Дуэльный клуб [c]
          </a>
        </div>
        <div class="timeline-entry-desc">Тема занятия: азы самообороны.</div>
        <div class="timeline-entry"><b style="color:navy;">18.12.93. Второе посещение Хогсмида.</b></div><br>
        <div class="timeline-entry"><b style="color:navy;">19.12.93 - 02.01.94. Зимние каникулы.</b></div><br>
       <div class="timeline-entry"><b style="color:navy;">12.02.94. Третье посещение Хогсмида.</b></div><br>
       <div class="timeline-entry"><b style="color:navy;">02.04. - 10.04.94. Пасхальные каникулы.</b></div><br>
       <div class="timeline-entry"><b style="color:navy;">08.06. - 31.08.94. Летние каникулы.</b></div></div>

      <div id="1994-1995">
        <div class="timeline-entry">
          <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=438" style="color:black;">
            10.10.94. Урок УзМС, пятый курс [с]
          </a>
        </div>
        <div class="timeline-entry-desc">
          Тема урока: сбор слизи глизня для умерщвления мурлокомля.
        </div>
      <div class="timeline-entry"><b style="color:navy;">21.11.94. Посещение Хогсмида.</b></div><br>
      <div class="timeline-entry"><b style="color:navy;">19.12.94. - 02.01.95. Зимние каникулы.</b></div><br>
      <div class="timeline-entry"><b style="color:navy;">16.01.95. Посещение Хогсмида.</b></div><br>
      <div class="timeline-entry"><b style="color:navy;">06.03.95. Посещение Хогсмида.</b></div>
         <div class="timeline-entry">
          <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1377" style="color:black;">
            15.04.95. Занятие по аппарации [с]
          </a>
        </div>

        <div class="timeline-entry-desc">Предпоследнее занятие.</div>
        <div class="timeline-entry"><b style="color:navy;">15.04. - 23.04.95. Пасхальные каникулы.</b></div>
         <div class="timeline-entry">
          <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96139" style="color:navy;">
            30.08.95. Декрет об образовании №22
          </a>
        </div>
        <div class="timeline-entry-desc">
          Министерство магии имеет право назначить преподавателя.
        </div>
      </div>

    </div>
    </div>
    </div>

    <script>
    const months = document.querySelectorAll('.timeline-month');
    const blocks = document.querySelectorAll('.timeline-content > div');

    months.forEach(month => {
      month.addEventListener('click', () => {
        months.forEach(m => m.classList.remove('active'));
        blocks.forEach(b => b.classList.remove('active'));
        month.classList.add('active');
        document.getElementById(month.dataset.month).classList.add('active');
      });
    });
    </script>
    [/html]

    0

    3

    [html]<style>
    .timeline-wrap {
      border: 1px solid #543668;
      padding: 12px;
      max-width: 100%;
      box-sizing: border-box;
    border-radius: 12px;
    background-color: transparent; /* чтобы не ломать стиль */
    }

    .timeline {
      display: grid;
      grid-template-columns: 120px 1fr;
      gap: 14px;
      font-family: Arial, sans-serif;
      font-size: 13px;
      line-height: 1.45;
    }

    .timeline-year {
      grid-column: 1 / -1;
      text-align: center;
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 8px;
    }

    .timeline-months {
      border-right: 1px solid #543668;
      padding-right: 8px;
    }

    .timeline-month {
      cursor: pointer;
      padding: 6px 6px;
      margin-bottom: 4px;
      text-align: center;
      font-weight: bold;
      font-size: 16px;
    }

    .timeline-month:hover {
      background: #f3f3f3;
    }

    .timeline-month.active {
      background: rgba(233, 233, 233, 0.6);
    }

    .timeline-content > div {
      display: none;
    }

    .timeline-content > div.active {
      display: block;
    }

    .timeline-entry {
      margin: 0 0 10px 0; /* стандартное расстояние между событиями */
    }

    .timeline-entry-desc {
      margin: -6px 0 10px 18px;
      font-size: 13px;
      line-height: 1.4;
    }

    </style>

    <div class="timeline-wrap">
    <div class="timeline">

    <div class="timeline-year">1995–1996 учебный год</div>

    <div class="timeline-months">
      <div class="timeline-month active" data-month="sep">Сентябрь'95</div>
      <div class="timeline-month" data-month="oct">Октябрь'95</div>
      <div class="timeline-month" data-month="nov">Ноябрь'95</div>
      <div class="timeline-month" data-month="dec">Декабрь'95</div>
      <div class="timeline-month" data-month="jan">Январь'96</div>
      <div class="timeline-month" data-month="feb">Февраль'96</div>
      <div class="timeline-month" data-month="mar">Март'96</div>
      <div class="timeline-month" data-month="apr">Апрель'96</div>
      <div class="timeline-month" data-month="may">Май'96</div>
      <div class="timeline-month" data-month="summer">Лето'96</div>
    </div>

    <div class="timeline-content">

    <!-- СЕНТЯБРЬ -->
    <div id="sep" class="active">

      <div class="timeline-entry">
        » <b><span style="color:navy;">01.09.95. Вильгельмина Граббли-Планк заменяет профессора Хагрида на посту преподавателя Ухода за магическими существами</span></b>
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=48">
          <span style="color:black;">01.09.95. Новая песня Распределяющей Шляпы [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Первый ужин в Большом Зале после прибытия учеников в Хогвартс.</div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=148">
          <span style="color:black;">04.09.95. Первый урок Защиты от Тёмных Искусств, пятый курс [c]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Гарри Поттер утверждает, что Тот-Кого-Нельзя-Называть вернулся.</div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=115">
          <span style="color:black;">05.09.95. Урок Заклинаний, шестой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: невербальная магия, урок первый.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=366">
          <span style="color:black;">05.09.95. Я не должен лгать [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Первое наказание Гарри Поттера у профессора Амбридж.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=149">
          <span style="color:black;">06.09.95. Урок Травологии, пятый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: зубастая герань.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=282">
          <span style="color:black;">07.09.95. Урок Заклинаний, первый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: чары левитации.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96139">
          <span style="color:navy;">08.09.95. Декрет об образовании №23</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Долорес Джейн Амбридж назначается Генеральным Инспектором Хогвартса.</div>

      <div class="timeline-entry">
        » <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1838">
          <span style="color:black;">08.09.95. Факультатив по изучению Упырей [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема урока: вампиризм.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=283">
          <span style="color:black;">11.09.95. Урок Заклинаний, четвёртый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: манящие чары.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=62">
          <span style="color:black;">16.09.95. Факультатив по Искусствоведению [c]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: волшебная живопись.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=106">
          <span style="color:black;">17.09.95. Отбор в сборную Хаффлпаффа по квиддичу [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Любой спортивный сезон начинается с отбора.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=150">
          <span style="color:black;">19.09.95. Урок Трансфигурации, шестой курс [c]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: дезиллюминационное заклинание, урок первый.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=284">
          <span style="color:black;">21.09.95. Урок Зельеварения, седьмой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: противоядие от любовного зелья, урок первый.</div>

      <div class="timeline-entry">
        » <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=285">
          <span style="color:black;">22.09.95. Урок Прорицания, пятый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: гадание по хрустальному шару.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=225">
          <span style="color:black;">25.09.95. Урок Трансфигурации, седьмой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: трансфигурация предметов из воздуха, урок первый.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=224">
          <span style="color:black;">28.09.95. Урок Астрономии, четвёртый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: карта звёздного неба.</div>

      <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=286">
          <span style="color:black;">29.09.95. Урок Древних Рун, шестой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: рунический перевод.</div>

    </div>

    <!-- ОКТЯБРЬ -->
    <div id="oct">

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=409">
          <span style="color:black;">02.10.95. Урок Зельеварения, шестой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: напиток живой смерти.</div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=412">
          <span style="color:black;">06.10.95. Урок Заклинаний, седьмой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: невербальная дуэль.</div>

      <div class="timeline-entry">
        <b><span style="color:navy;">07.10.95. Первое посещение Хогсмида в учебном году</span></b>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96139">
          <span style="color:navy;">07.10.95. Декрет об образовании №24</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Упразднение всех существовавших до этого студенческих кружков, клубов, организаций, обществ, команд.
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=560">
          <span style="color:black;">07.10.95. Первое собрание ОД [c]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Встреча в «Кабаньей голове».</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=411">
          <span style="color:black;">10.10.95. Урок Зельеварения, пятый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: умиротворяющий бальзам.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=441">
          <span style="color:black;">11.10.95. Урок Заклинаний, второй курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: обезоруживающее заклинание.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=413">
          <span style="color:black;">12.10.95. Урок Травологии, четвёртый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: сбор дикого аконита.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=444">
          <span style="color:black;">13.10.95. Урок УзМС, пятый курс [c]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: нарлы.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=486">
          <span style="color:black;">16.10.95. Урок Заклинаний, четвёртый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: отбрасывающие чары.</div>

      <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=537">
          <span style="color:black;">17.10.95. Урок Зельеварения, седьмой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: противоядие от любовного зелья, урок второй.
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=539">
          <span style="color:black;">19.10.95. Урок Трансфигурации, пятый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Тема занятия: трансфигурация предмета в камень.</div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96139">
          <span style="color:navy;">20.10.95. Декрет об образовании №25</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Запрещается обсуждать события, произошедшие летом 1995 года.
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=538">
          <span style="color:black;">20.10.95. Урок Травологии, шестой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: сбор плодов ядовитой тентакулы.
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=914">
          <span style="color:black;">21.10.95. Тренировка по квиддичу [c]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Гриффиндор vs Рейвенкло.</div>

      <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1059">
          <span style="color:black;">28.10.95. Тренировка по квиддичу [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Слизерин vs Хаффлпафф.</div>

      <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=487">
          <span style="color:black;">31.10.95. Хэллоуин [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">Бал-маскарад.</div>
    </div>

    <!-- НОЯБРЬ -->
    <div id="nov">

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=637">
        <span style="color:black;">01.11.95. Урок Заклинаний, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: невербальная магия, урок второй.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96139">
        <span style="color:navy;">02.11.95. Декрет об образовании №26</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Отныне Генеральный Инспектор Хогвартса уполномочен изменять наказания, накладываемые преподавателями на учеников или отменять льготы и поощрения, даваемые ученикам другими профессорами.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=639">
        <span style="color:black;">03.11.95. Урок Трансфигурации, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: трансфигурация предметов из воздуха, урок второй.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=695">
        <span style="color:black;">09.11.95. Урок Трансфигурации, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: дезиллюминационное заклинание, урок второй.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96139">
        <span style="color:navy;">09.11.95. Декрет об образовании №27</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Учреждена Инспекционная Дружина — специальная организация из студентов, призванная поддерживать порядок в Хогвартсе. Желающие вступить в Инспекционную дружину могут записаться в кабинете Генерального инспектора.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=638">
        <span style="color:black;">10.11.95. Урок Прорицания, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: гадание по хрустальному шару.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=696">
        <span style="color:black;">13.11.95. Урок Зельеварения, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: противоядие от любовного зелья, урок третий.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1559">
        <span style="color:black;">13.11.95. Собрание ИД [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Первое собрание.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1140">
        <span style="color:black;">18.11.95. Первый квиддичный матч: Гриффиндор vs Рейвенкло [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Счёт 190:40 в пользу Рейвенкло.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1141">
        <span style="color:black;">18.11.95. Первый квиддичный матч: трибуны [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Реакция зрителей на происходящее на матче.
    </div>

    <div class="timeline-entry">
    <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=725">
        <span style="color:black;">20.11.95. Собрание ОД [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: обезоруживающие чары.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=713">
        <span style="color:black;">23.11.95. Урок Нумерологии, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: нумерология сновидений.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=742">
        <span style="color:black;">24.11.95. Урок Зельеварения, шестой курс [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: дурманящая настойка.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1473">
        <span style="color:black;">25.11.95. Второй квиддичный матч: Слизерин vs Хаффлпафф [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Счёт 190:20 в пользу Хаффлпаффа.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1474">
        <span style="color:black;">25.11.95. Второй квиддичный матч: трибуны [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Реакция зрителей на происходящее на матче.
    </div>

    <div class="timeline-entry">
      <span style="color:navy;">
        28.11.95. Рубеус Хагрид возвращается к преподаванию Ухода за магическими существами
      </span>
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=749">
        <span style="color:black;">30.11.95. Урок Трансфигурации, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: трансфигурация предметов из воздуха, урок третий.
    </div>
    </div>

    <!-- ДЕКАБРЬ -->
    <div id="dec">

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=774">
        <span style="color:black;">04.12.95. Урок Древних Рун, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: рунический перевод.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=845">
        <span style="color:black;">04.12.95. Урок Травологии, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: Китайская жующая капуста.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=800">
        <span style="color:black;">05.12.95. Урок Заклинаний, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: дезиллюминационное заклинание.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=846">
        <span style="color:black;">07.12.95. Урок Трансфигурации, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: трансфигурация предметов из воздуха, урок четвертый.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=777">
        <span style="color:black;">07.12.95. Ужастики Умников Уизли [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Использование товаров близнецов Уизли.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=775">
        <span style="color:black;">08.12.95. Урок Астрономии, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: составление гороскопа.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=847">
        <span style="color:black;">08.12.95. Урок Зельеварения, шестой курс [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: эйфорийный эликсир.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96139">
        <span style="color:navy;">12.12.95. Декрет об образовании №28</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Студенты должны сообщать любую информацию об известной им подозрительной или незаконной деятельности, в том числе подавать жалобы на школу или персонал в письменном виде на имя Генерального Инспектора.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3357">
        <span style="color:black;">19.12.95. Хроники Хогвартса: лев, маги и материал для платяного шкафа</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Школьная битва снежками.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96139">
        <span style="color:navy;">21.12.95. Декрет об образовании №29</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Все учащиеся будут допрошены на предмет участия в запрещённой деятельности.
    </div>

    <div class="timeline-entry">
      <span style="color:navy;">22.12.95 — 07.01.96. Зимние каникулы</span>
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3378&p=3#p592246">
        <span style="color:black;">22.12.95. Rockin' around the winter Hogwarts [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Добровольно-принудительная помощь Аргусу Филчу.
    </div>

    </div>

    <!-- ЯНВАРЬ -->
    <div id="jan">

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=957">
        <span style="color:black;">05.01.96. Урок Астрономии, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: наблюдение поверхности Луны и двойной звезды.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1201">
        <span style="color:black;">08.01.96. Урок Зельеварения, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: укрепляющий раствор, урок первый.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1117">
        <span style="color:black;">09.01.96. Урок Нумерологии, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: Квадрат Пифагора.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1041">
        <span style="color:black;">09.01.96. Урок Заклинаний, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: бытовые заклинания.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=954">
        <span style="color:black;">09.01.96. Урок Зельеварения, четвёртый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: гербицид.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1293">
        <span style="color:black;">10.01.96. Урок Травологии, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: сбор гноя буботубера.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1200">
        <span style="color:black;">11.01.96. Урок УзМС, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: гиппокамп.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1358">
        <span style="color:black;">12.01.96. Урок Трансфигурации, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: исчезновение предмета, урок первый.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1197">
        <span style="color:black;">12.01.96. Урок Астрономии, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: наблюдение сверхновой.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1142">
        <span style="color:black;">13.01.96. Продвинутый УзМС, четвёртый и пятый курсы [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Лучшие студенты четвёртого и пятого курсов выполняют специальное задание профессора Хагрида.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=961">
        <span style="color:black;">13.01.96. Cобрание ОД [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: чары помех.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96140">
        <span style="color:navy;">14.01.96. Декрет об образовании №30</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Преподавателям запрещено сообщать ученикам какую-либо информацию, не относящуюся к предмету преподавания.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96140">
        <span style="color:navy;">16.01.96. Декрет об образовании №31</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Вводится обязательная маркировка всех почтовых сов, а также ограничиваются места нахождения животных в замке гостиными факультетов и спальнями. Совы отныне могут находиться только в совятне.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1294">
        <span style="color:black;">16.01.96. Урок Зельеварения, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: эйфорийный элексир.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=958">
        <span style="color:black;">17.01.96. Урок Древних Рун, шестой курс [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: перевод отрывка «De Inventione Litteraum».
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1357">
        <span style="color:black;">17.01.96. Урок Заклинаний, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: невербальная магия, урок третий.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1040">
        <span style="color:black;">18.01.96. Урок Трансфигурации, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: дезиллюминационное заклинание, урок третий.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1115">
        <span style="color:black;">19.01.96. Урок Травологии, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: венерина мухоловка.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1359">
        <span style="color:black;">19.01.96. Урок УзМС, четвертый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: саламандры.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1143">
        <span style="color:black;">20.01.96. Продвинутая Травология, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Лучшие студенты шестого курса выполняют специальное задание профессора Спраут.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1060">
        <span style="color:black;">20.01.96. Факультатив по Музыке [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: осваивание новых инструментов.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1614">
        <span style="color:black;">20.01.96. Catch Me If You Can [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Хагрид попросил у деканов несколько свободных студентов, чтобы те помогли ему найти сбежавших животных.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1388">
        <span style="color:black;">21.01.96. Exploding Snape [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Шестикурсники решили провести в библиотеке блиц-турнир по взрыв-картам.
    </div>

    <div class="timeline-entry">
       <span style="color:navy;">21.01.96. Массовый побег Пожирателей Смерти из Азкабана</span>
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96140">
        <span style="color:navy;">22.01.96. Декрет об образовании №32</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Студенты должны согласиться на проверку их почты на предмет незаконного содержания.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=956">
        <span style="color:black;">22.01.96. Урок Травологии, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: сбор ягод белладонны.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1116">
        <span style="color:black;">25.01.96. Урок Зельеварения, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: Феликс Фелицис.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1042">
        <span style="color:black;">25.01.96. Урок УзМС, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: нейтрализация огневиц.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1202">
        <span style="color:black;">26.01.96. Урок Заклинаний, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: взрывающее заклятье.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1144">
        <span style="color:black;">27.01.96. Продвинутое Зельеварение, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Лучшие студенты седьмого курса выполняют специальное задание профессора Снейпа.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1118">
        <span style="color:black;">27.01.96. Собрание ОД [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: обнаруживающие чары.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1391">
        <span style="color:black;">28.01.96. Карты, галеоны, две спаленные брови [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Мини-турнир по взрыв-картам.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1295">
        <span style="color:black;">30.01.96. Урок Трансфигурации, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: трансфигурация предметов из воздуха, заключительный урок.
    </div>
    </div>
    <!-- ФЕВРАЛЬ -->
    <div id="feb">

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1726">
        <span style="color:black;">02.02.96. Урок Астрономии, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: скопления звезд.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1291">
        <span style="color:black;">03.02.96. Я наведу здесь порядок! [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Труд сделал из обезьяны человека. А найденная в пустом классе записка сделала из студентов кладоискателей.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1390">
        <span style="color:black;">03.02.96. Казино Хаффлпафф [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Вечер с картами и сливочным пивом в гостиной.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1632">
        <span style="color:black;">05.02.96. Урок Прорицаний, пятый курс [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: гадание на чаинках.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1633">
        <span style="color:black;">06.02.96. Урок Древних Рун, четвертый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: рунические гадания.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1566">
        <span style="color:black;">06.02.96. Урок Заклинаний, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: новые чары, рекомендованные Министерством Магии, и их восхитительные свойства.
    </div>

    <div class="timeline-entry">
      <span style="color:navy;"><b>10.02.96. Второе посещение Хогсмида в учебном году</b></span>
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1394">
        <span style="color:black;">11.02.96. Собрание ОД [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: взрывное заклятие.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1454">
        <span style="color:black;">12.02.96. Урок Заклинаний, четвёртый курс [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: заклинание Аква Эрукто.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1502">
        <span style="color:black;">12.02.96. Урок Зельеварения, пятый курс [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: укрепляющий раствор, урок второй.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1456">
        <span style="color:black;">13.02.96. Урок Зельеварения, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: мазь для мётел.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1455">
        <span style="color:black;">14.02.96. Урок Травологии, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: заклинание Гербивикус.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1504">
        <span style="color:black;">14.02.96. Урок Заклинаний, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: невербальная магия, заключительный урок.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1506">
        <span style="color:black;">15.02.96. Урок Маггловедения, четвёртый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: изобретения магглов.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1567">
        <span style="color:black;">15.02.96. Урок Трансфигурации, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: трансфигурация живого в неживое. Трансфигурация как защита от нападения.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1635">
        <span style="color:black;">15.02.96. Урок УзМС, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: топеройка.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96140">
        <span style="color:navy;">16.02.96. Декрет об образовании №33</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Любой учащийся, уличённый в хранении журнала «Придира», будет немедленно исключён. Кроме того, установлен запрет на чтение маггловской литературы и литературы, не представляющей образовательной ценности в стенах замка. Долорес Амбридж имеет право конфисковать любые неразрешённые книги у студентов.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1727">
        <span style="color:black;">16.02.96. Урок Трансфигурации, четвёртый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: практика обращения неодушевлённых предметов с изменением составляющего предмет вещества.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1724">
        <span style="color:black;">16.02.96. Урок Травологии, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: сбор плодов цапня с последующей добычей из них сока.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1453">
        <span style="color:black;">16.02.96. Урок Астрономии, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: спектры, цвет и температура звезд.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1505">
        <span style="color:black;">16.02.96. Убирать грязь не стыдно, стыдно жить в грязи © [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      По какому принципу профессор Амбридж назначает учащимся отработки — неизвестно. Известно лишь то, что некоторому количеству студентов придётся навести порядок в коридоре на третьем этаже, который был закрыт для посещения в 91-92 учебном году. Без магии, своими руками. Для того, чтобы научиться уважать труд Аргуса Филча, который останется со студентами на правах надзирателя.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1631">
        <span style="color:black;">17.02.96. Факультатив по Магической Теории [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: закон равноценного обмена.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1565">
        <span style="color:black;">19.02.96. Урок ЗоТИ, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: инферналы.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1560">
        <span style="color:black;">21.02.96. Урок Древних Рун, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: футарк.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1561">
        <span style="color:black;">22.02.96. Урок Травологии, четвёртый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: сбор плодов паффопода.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1637">
        <span style="color:black;">22.02.96. Урок Зельеварения, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: зелье красоты.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1725">
        <span style="color:black;">23.02.96. Урок Заклинаний, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: повторение пройденного (в необычных условиях).
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1503">
        <span style="color:black;">24.02.96. Факультатив по Древней магии [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: египетские проклятия.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1509">
        <span style="color:black;">27.02.96. Урок Трансфигурации, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: теория анимагических превращений.
    </div>
    </div>

    <!-- МАРТ -->
    <div id="mar">

    <div class="timeline-entry">
      <span style="color:navy;"><b>01.03.96. Кентавр Флоренц сменяет профессора Трелони на должности преподавателя Прорицаний</b></span>
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1784">
        <span style="color:black;">01.03.96. Урок Астрономии, четвёртый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: созвездия.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1790">
        <span style="color:black;">02.03.96. Восстановление теплицы, глава первая [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Внеурочная работа, как правило — наказание. Однако в редких случаях к ней привлекают не только провинившихся, но и тех, кто хорошо показывает себя на уроках. Разумеется, никто к работе не принуждает, но когда декан Хаффлпаффа просит о помощи, разве можно ей отказать? Тем более, когда речь идёт именно о той теплице, в которой студенты всего несколько недель назад делали ремонт.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2067">
        <span style="color:black;">02.03.96. Cобрание ОД [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: отбрасывающие чары.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1389">
        <span style="color:black;">03.03.96. Взрывные тузы [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Семикурсники решают поиграть в карты. Не все же время учебе посвящать.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1837">
        <span style="color:black;">04.03.96. Урок Прорицаний, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: Предсказания по небесным телам.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1873">
        <span style="color:black;">05.03.96. Урок Истории Магии, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: маги при дворе Рудольфа II Габсбурга.
    </div>

    <div class="timeline-entry">
    <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1872">
        <span style="color:black;">06.03.96. Урок Древних Рун, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: рунический перевод
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96140">
        <span style="color:navy;">07.03.96. Декрет об образовании №34</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Все студенты обязаны носить школьную форму: не только на занятиях, но и во внеурочное время.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1783#p273276">
        <span style="color:black;">09.03.96. Факультатив по Древней Магии [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: астрономические загадки древнеегипетских захоронений.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1839">
        <span style="color:black;">12.03.96. Урок Зельеварения, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: оборотное зелье.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1779">
        <span style="color:black;">13.03.96. Урок Заклинаний, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: способы обнаружения магии на предметах.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1912">
        <span style="color:black;">13.03.96. Урок Травологии, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: заклинание Инсендио.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=2010">
        <span style="color:black;">13.03.96. Урок Древних Рун, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: рунический перевод.
    </div>

    <div class="timeline-entry">
    <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1910">
        <span style="color:black;">14.03.96. Урок Зельеварения, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: Противоядие от обычных ядов.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=2012">
        <span style="color:black;">14.03.96. Урок Трансфигурации, шестой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: трансфигурация неживого в живое. Трансфигурация как защита от нападения.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1789">
        <span style="color:black;">15.03.96. Урок Трансфигурации, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: исчезновение предметов, урок второй.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1844">
        <span style="color:black;">16.03.96. Третий квиддичный матч: Гриффиндор vs Хаффлпаф [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Счёт 170:40 в пользу Гриффиндора.
    </div>

    <div class="timeline-entry">
    <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1845#p286131">
        <span style="color:black;">16.03.96. Третий квиддичный матч: трибуны [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Реакция зрителей на происходящее на матче.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2063">
        <span style="color:black;">19.03.96. Урок Трансфигурации, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: подготовка к ЖАБА.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=5#p96140">
        <span style="color:navy;">21.03.96. Декрет об образовании №35</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Студенты мужского и женского пола должны находиться друг от друга на расстоянии не меньше, чем 8 дюймов (20.32 см).
    </div>

    <div class="timeline-entry">
    <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2011">
        <span style="color:black;">22.03.96. Above board [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Кто не любит провести время за партией-другой в карты? А если они еще и взрываются, это добавляет острых ощущений в жизнь (прямо пропорционально уменьшению количества бровей играющих).
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2064">
        <span style="color:black;">23.03.96. Четвёртый квиддичный матч: Слизерин vs Рейвенкло [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Счёт 170:20 в пользу Слизерина.
    </div>

    <div class="timeline-entry">
       <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2078">
        <span style="color:black;">23.03.96. Четвёртый квиддичный матч: трибуны [c]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Реакция зрителей на происходящее на матче.
    </div>

    <div class="timeline-entry">
    <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1788">
        <span style="color:black;">25.03.96. Урок Травологии, седьмой курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: волшебные растения, использующиеся в кондитерском деле.
    </div>

    <div class="timeline-entry">
      <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2065">
        <span style="color:black;">29.03.96. Урок УзМС, пятый курс [с]</span>
      </a>
    </div>
    <div class="timeline-entry-desc">
      Тема занятия: единороги
    </div>
    </div>

    <!-- АПРЕЛЬ -->
    <div id="apr">

      <div class="timeline-entry">
         <span style="color:navy;"><b>06.04.96 — 14.04.96. Пасхальные каникулы</b></span>
      </div>

      <div class="timeline-entry">
       <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2170">
          <span style="color:black;">16.04.96. Урок Трансфигурации, седьмой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: Преобразование предметов с расчетом сложных формул. Занятие первое.
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2189">
          <span style="color:black;">16.04.96. Урок Зельеварения, шестой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема урока: оборотное зелье, второй этап приготовления
      </div>

      <div class="timeline-entry">
         <span style="color:navy;"><b>16.04.96. Грэм Монтегю попадает в исчезательный шкаф</b></span>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2172">
          <span style="color:black;">17.04.96. Урок Травологии, пятый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: подготовка к СОВ.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2252">
          <span style="color:black;">17.04.96. Урок ЗоТИ, шестой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: Невербальная магия. Теоретический урок.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2316">
          <span style="color:black;">17.04.96. УзМС, седьмой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: изучение чупакабры.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2251#p362095">
          <span style="color:black;">17.04.96. Совмещённый урок Астрономии и Прорицания, пятый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: лунное затмение.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2315">
          <span style="color:black;">19.04.96. Урок Трансфигурации, пятый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: исчезновение предметов, урок третий.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2314">
          <span style="color:black;">20.04.96. Занятие по аппарации, шестой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: осваивание базовых навыков аппарации.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2368">
          <span style="color:black;">20.04.96. Cобрание ОД [c]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: Патронус.
      </div>

      <div class="timeline-entry">
         <span style="color:navy;"><b>20.04.96. Существование Отряда Дамблдора раскрыто*, Альбус Дамблдор покидает Хогвартс</b></span>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=5#p96140">
          <span style="color:navy;">21.04.96. Декрет об образовании №36</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Долорес Джейн Амбридж, сохраняющая за собой и пост преподавателя Защиты от Тёмных искусств, и должность Генерального Инспектора, назначается директором Хогвартса.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2409">
          <span style="color:black;">21.04.96. Утро после раскрытия ОД [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Долорес Амбридж принимает на себя бремя власти и становится директором Хогвартса.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=5#p96140">
          <span style="color:navy;">24.04.96. Декрет об образовании №37</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Вводится запрет на использование волшебства в коридорах и окрестностях школы.
      </div>

      <div class="timeline-entry">
        <span style="color:navy;"><b>24.04.96. Грэм Монтегю аппарирует из исчезательного шкафа</b></span>
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2412">
          <span style="color:black;">25.04.96. Урок УзМС, пятый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: фестралы.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2905">
          <span style="color:black;">25.04.96. Урок УЗМС, шестой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: авгурей.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2410">
          <span style="color:black;">27.04.96. Факультатив по Древней Магии [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: магия Древней Руси.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2476">
          <span style="color:black;">29.04.96. Урок Прорицаний, пятый курс [c]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: астрологические гадания.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2478">
          <span style="color:black;">29.04.96. Урок Заклинаний, шестой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Темя занятия: создание магических артефактов, базовый минимум.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2477">
          <span style="color:black;">30.04.96. Урок Астрономии, седьмой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: контурные карты.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2516">
          <span style="color:black;">30.04.96. Урок Трансфигурации, пятый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: создание, трансформация и исчезновение предметов.
      </div>

    </div>

    <!-- МАЙ -->
    <div id="may">

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2515">
          <span style="color:black;">02.05.96. Урок Зельеварения, седьмой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: зелье «Шистеро» («Зелье сильной головной боли»).
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2517#p412524">
          <span style="color:black;">03.05.96. Урок Травологии, шестой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: сбор семян клещевины.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2593">
          <span style="color:black;">03.05.96. Урок Астрономии, шестой курс [c]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: переменные звезды.
      </div>

      <div class="timeline-entry">
         <span style="color:navy;"><b>04.05.96. Третье посещение Хогсмида в учебном году</b></span>
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2594">
          <span style="color:black;">05.05.96. Профориентация для семикурсников в Министерстве Магии [c]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: Экскурсия.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=5#p96140">
          <span style="color:navy;">06.05.96. Декрет об образовании №38</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Вводится запрет на покупку и хранение сладостей (в т.ч. карамельных бомб) от несанкционированных поставщиков.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2906">
          <span style="color:black;">07.05.96. Урок Трансфигурации, пятый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема урока: подготовка к сдаче С.О.В., Авифорс.
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2657">
          <span style="color:black;">09.05.96. Урок УзМС, пятый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: диринар.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2654">
          <span style="color:black;">10.05.96. Урок Заклинаний, седьмой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема урока: интенсивная подготовка к ЖАБА.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2650">
          <span style="color:black;">11.05.96. Факультатив по Древней Магии [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: обряды Древней Руси.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2702">
          <span style="color:black;">13.05.96. Урок УзМС, шестой курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: карликовые драконы.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2706">
          <span style="color:black;">16.05.96. Урок Заклинаний, пятый курс [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Тема занятия: пакующие чары.
      </div>

      <div class="timeline-entry">
       <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2552">
          <span style="color:black;">18.05.96. Пятый квиддичный матч: Рейвенкло vs Хаффлпафф [c]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Счёт 0:170 в пользуХаффлпаффа.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2566">
          <span style="color:black;">18.05.96. Пятый квиддичный матч: трибуны [с]</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Реакция зрителей на происходящее на матче.
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=5#p96140">
          <span style="color:navy;">20.05.96. Декрет об образовании №39</span>
        </a>
      </div>
      <div class="timeline-entry-desc">
        Студентам запрещено использовать волшебные перья со встроенной проверкой орфографии.
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2798#p476924">
          <span style="color:navy;"><b>22.05.96. Близнецы Уизли покидают Хогвартс [с]</b></span>
        </a>
      </div>

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2925">
          <span style="color:black;"><b>25.05.96. Финальный квиддичный матч: Слизерин vs Гриффиндор [c]</b></span>
        </a>
      </div>

    </div>
    <!-- ЛЕТО -->
    <div id="summer">

      <div class="timeline-entry">
         <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2848">
          <span style="color:black;"><b>18.06.96. Сражение в Министерстве Магии [с]</b></span>
        </a>
      </div>

      <div class="timeline-entry">
        <span style="color:teal;"><b>19.06.96. Официально объявлено о возрождении Волан-де-морта и начала магической войны.</b></span>
      </div>

      <div class="timeline-entry">
        <span style="color:navy;"><b>26.06.96 — 31.08.96. Летние каникулы.</b></span>
      </div>

      <div class="timeline-entry">
        <span style="color:teal;"><b>06-07.96. Нападения дементров, убийства и различные разрушения Пожирателями Смерти и приспешниками Волдеморта по всей Англии.</b></span>
      </div>

      <div class="timeline-entry">
         <span style="color:teal;"><b>01.07.96-02.07.96. Амелия Боунс и Эммелина Вэнс убиты Пожирателями Смерти и Темным Лордом.</b></span>
      </div>

      <div class="timeline-entry">
       <span style="color:teal;"><b>03.07.96. Разрушение Брокдейлского моста Пожирателями Смерти.</b></span>
      </div>

      <div class="timeline-entry">
        <span style="color:teal;"><b>05.07.96. Нападения великанов (под контролем Пожирателей) и разрушения в Уэст-Кантри, Англия.</b></span>
      </div>

      <div class="timeline-entry">
         <span style="color:teal;"><b>08.07.96. Министром магии становится Руфус Скримджер.</b></span>
      </div>

      <div class="timeline-entry">
        <span style="color:navy;"><b>13.07.96. Приходят результаты экзаменов С.О.В. и Ж.А.Б.А.</b></span>
      </div>

      <div class="timeline-entry">
        <span style="color:teal;"><b>22.07.96. Нападение Пожирателей Смерти на Косой Переулок и пропажа Флориана Фортескью.</b></span>
      </div>

      <div class="timeline-entry">
        <span style="color:teal;"><b>31.07.96. Нападение Пожирателей Смерти на Косой Переулок и пропажа Гаррика Олливандера.</b></span>
      </div>

      <div class="timeline-entry">
         <span style="color:navy;"><b>01.08.96. Экзамен по аппарации.</b></span>
      </div>

      <div class="timeline-entry">
       <span style="color:navy;"><b>01.08.96. Приходят письма из Хогвартса с описанием всего необходимого к новому учебному году и о полученных должностях (старосты/квиддич).</b></span>
      </div>

    </div>

    </div>
    </div>
    </div>

    <script>
    const months = document.querySelectorAll('.timeline-month');
    const blocks = document.querySelectorAll('.timeline-content > div');

    months.forEach(m => {
      m.addEventListener('click', () => {
        months.forEach(x => x.classList.remove('active'));
        blocks.forEach(b => b.classList.remove('active'));
        m.classList.add('active');
        document.getElementById(m.dataset.month).classList.add('active');
      });
    });
    </script>

    [/html]

    0

    4

    [html]<style>
    .timeline-wrap {
      border: 1px solid #543668;
      padding: 12px;
      max-width: 100%;
      box-sizing: border-box;
    border-radius: 12px;
    background-color: transparent; /* чтобы не ломать стиль */
    }

    .timeline {
      display: grid;
      grid-template-columns: 120px 1fr;
      gap: 14px;
      font-family: Arial, sans-serif;
      font-size: 13px;
      line-height: 1.45;
    }

    .timeline-year {
      grid-column: 1 / -1;
      text-align: center;
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 8px;
    }

    .timeline-months {
      border-right: 1px solid #543668;
      padding-right: 8px;
    }

    .timeline-month {
      cursor: pointer;
      padding: 6px 6px;
      margin-bottom: 4px;
      text-align: center;
      font-weight: bold;
      font-size: 16px;
    }

    .timeline-month:hover {
      background: #f3f3f3;
    }

    .timeline-month.active {
      background: rgba(233, 233, 233, 0.6);
    }

    .timeline-content > div {
      display: none;
    }

    .timeline-content > div.active {
      display: block;
    }

    .timeline-entry {
      margin: 0 0 10px 0; /* стандартное расстояние между событиями */
    }

    .timeline-entry-desc {
      margin: -6px 0 10px 18px;
      font-size: 13px;
      line-height: 1.4;
    }

    </style>

    <div class="timeline-wrap">
    <div class="timeline">

    <div class="timeline-year">1996-1997 учебный год</div>

    <div class="timeline-months">
      <div class="timeline-month active" data-month="sep">Сентябрь'96</div>
      <div class="timeline-month" data-month="oct">Октябрь'96</div>
      <div class="timeline-month" data-month="nov">Ноябрь'96</div>
      <div class="timeline-month" data-month="dec">Декабрь'96</div>
      <div class="timeline-month" data-month="jan">Январь'97</div>
      <div class="timeline-month" data-month="feb">Февраль'97</div>
      <div class="timeline-month" data-month="mar">Март'97</div>
      <div class="timeline-month" data-month="apr">Апрель'97</div>
      <div class="timeline-month" data-month="may">Май'97</div>
      <div class="timeline-month" data-month="summer">Лето'97</div>
    </div>

    <div class="timeline-content">

    <!-- СЕНТЯБРЬ -->
    <div id="sep" class="active">

      <div class="timeline-entry">
        <b><span style="color: navy;">01.09.96. Гораций Слагхорн становится преподавателем зельеварения, а Северус Снейп получает должность преподавателя ЗоТИ.</span></b>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2994" style="color: black;">
          01.09.96. Новая песня Шляпы о главном [c]
        </a>  </div>
        <div class="timeline-entry-desc">Первый ужин в Большом Зале после прибытия учеников в Хогвартс.
        </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3074" style="color: black;">
          02.09.96. Урок Зельеварения, седьмой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Феликс Фелицис.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3087" style="color: black;">
          04.09.96. Урок ЗоТИ, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Инферналы и защита от них.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3076" style="color: black;">
          06.09.96. Урок Трансфигурации, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: анимагия, первое занятие.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3155" style="color: black;">
          06.09.96. Урок Зельеварения, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Напиток живой смерти.
        </div>
      </div>

      <div class="timeline-entry">
        <b><span style="color: navy;">07.09.96. Отборочные в сборную Рейвенкло по квиддичу.</span></b>
      </div>

      <div class="timeline-entry">
        <b><span style="color: navy;">08.09.96. Отборочные в сборную Гриффиндора по квиддичу.</span></b>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3151" style="color: black;">
          12.09.96. Урок УзМС, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Феникс.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3152" style="color: black;">
          13.09.96. Урок Заклинаний, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Темя занятия: Вулнера санентур.
        </div>
      </div>

      <div class="timeline-entry">
        <b><span style="color: navy;">14.09.96. Отборочные в сборную Хаффлпаффа по квиддичу.</span></b>
      </div>

      <div class="timeline-entry">
        <b><span style="color: navy;">14.09.96. Первый ужин / собрание Клуба Слизней у Горация Слагхорна.</span></b>
      </div>

      <div class="timeline-entry">
        <b><span style="color: navy;">15.09.96. Отборочные в сборную Слизерина по квиддичу.</span></b>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3204" style="color: black;">
          17.09.96. Урок Трансфигурации, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: трансфигурация предметов из воздуха, первый урок.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3210" style="color: black;">
          19.09.96. Урок ЗоТИ, пятый курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Мантикоры, химеры и как уберечься от них.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3203" style="color: black;">
          20.09.96. Урок Астрономии, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: светимость и масса звезд.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3264" style="color: black;">
          25.09.96. Урок Древних рун, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: рунический перевод.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3268" style="color: black;">
          26.09.96. Урок Травологии, седьмой курс  [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: заклинание головного пузыря.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3278" style="color: black;">
          28.09.96. Факультатив по Древней Магии [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: основы кельтской магии.
        </div>
      </div>

    </div>

    <!-- ОКТЯБРЬ -->
    <div id="oct">

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3310" style="color: black;">
          01.10.96. Урок Травологии, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Ядовитая тентакула.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3308" style="color: black;">
          01.10.96. Урок заклинаний, пятый курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Бытовые чары.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3309" style="color: black;">
          04.10.96. Урок ЗоТИ, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Порчи, проклятия и как от них защититься..
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3424" style="color: black;">
          08.10.96. Урок Нумерологии, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Нумерология заклинаний.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3423" style="color: black;">
          09.10.96. Урок Зельеварения, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Умиротворяющий бальзам.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3421&" style="color: black;">
          11.10.96. Урок Заклинаний, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Создание собственных заклинаний, часть 1.
        </div>
      </div>

      <div class="timeline-entry">
        <b><span style="color: navy;">12.10.96. Первое посещение Хогсмида в учебном году.</span></b>
        <div class="timeline-entry-desc">
          Кэти Белл подвергается проклятью от ожерелья.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3496" style="color: black;">
          13.10.96. Воскресные занятия в библиотеке [с]
        </a>
        <div class="timeline-entry-desc">
          Студенты делают домашнее задание. Софи Фосетт случайно призывает голема.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3499" style="color: black;">
          15.10.96. Урок Прорицаний, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема Занятия: Гадание на шарах.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3498" style="color: black;">
          18.10.96. Урок Трансфигурации, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Трансфигурация предмета в камень.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3551" style="color: black;">
          22.10.96. Урок Трансфигурации, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: трансфигурация предметов из воздуха, второй урок.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3553" style="color: black;">
          24.10.96. Урок УзМС, шестой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Ипопаточник.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3552" style="color: black;">
          24.10.96. Урок ЗоТИ, пятый курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Ситуативные защитные заклинания.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3571" style="color: black;">
          26.10.96. Факультатив по Древней Магии [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: кельтские захоронения.
        </div>
      </div>

    </div>

    <!-- НОЯБРЬ -->
    <div id="nov">

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3569" style="color: black;">
          01.11.96. Урок Зельеварения, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Огнезащитное зелье.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3570" style="color: black;">
          01.11.96. Урок Астрономии, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: малые тела Солнечной системы.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3581" style="color: navy;">
          02.11.96. Первый квиддичный матч: Гриффиндор vs Слизерин.
        </a>
        <div class="timeline-entry-desc">
          Счёт 210:60 в пользу Слизерина.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3583" style="color: black;">
          05.11.96. Урок ЗОТИ, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Непростительные заклинания и как от них оправиться.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3584" style="color: black;">
          07.11.96. Урок Трансфигурации, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Верто.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3582" style="color: black;">
          09.11.96. Дуэльный клуб [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Внеплановая тренировка с действующим аврором.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3618" style="color: black;">
          13.11.96. Урок ЗоТИ, шестой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Защита от магического огня.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3616" style="color: black;">
          14.11.96. Урок Травологии, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Грызунок.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3621" style="color: black;">
          15.11.96. Факультатив по Теории Магии [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Перекачка энергии в скрещивающихся заклинаниях.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3690" style="color: navy; font-weight: bold;">
          16.11.96. Второй квиддичный матч: Рейвенкло vs Хаффлпафф.
        </a>
        <div class="timeline-entry-desc">
          Счёт 230:80 в пользу Рейвенкло.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3675" style="color: black;">
          18.11.96. Урок Травологии, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Заклинание Гербивикус.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3676" style="color: black;">
          18.11.96.Урок Заклинаний, шестой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Табу.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3677" style="color: black;">
          20.11.96. Урок УзМС, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Виверна.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3718" style="color: black;">
          27.11.96. Урок Древних рун, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Основы языков.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3720" style="color: black;">
          29.11.96.Урок Заклинаний, седьмой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Темя занятия: Дисперсия света.
        </div>
      </div>

    </div>

    <!-- ДЕКАБРЬ -->
    <div id="dec">

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3743" style="color: black;">
          03.12.96. Урок Трансфигурации, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Изменение внешности, первое занятие.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3744" style="color: black;">
          05.12.96. Урок ЗоТИ, пятый курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Дементоры и защита от них.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3742" style="color: black;">
          06.12.96. Урок Зельеварения, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: противоядие по третьему закон Голпалотта, урок первый.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3775" style="color: black;">
          11.12.96. Урок Заклинаний, шестой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Чары неразбиваемости.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3776" style="color: black;">
          12.12.96. Урок УзМС, пятый курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Растопырник.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3787" style="color: black;">
          14.12.96. Факультатив по Теории Магии [с]
        </a>
        <div class="timeline-entry-desc">
          Тема: Зависимость мощности заклинания от внешних факторов.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3805" style="color: black;">
          16.12.96. Урок Зельеварения, седьмой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема: Зелье памяти.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3800" style="color: black;">
          19.12.96. Урок Трансфигурации, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема: Дезиллюминационное заклинание.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3801" style="color: black;">
          20.12.96. Урок Астрономии, пятый курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема: Наблюдение двойной звезды.
        </div>
      </div>

      <div class="timeline-entry">
        <span style="color: navy; font-weight: bold;">
          20.12.96 - Рождественская вечеринка у Горация Слагхорна.
        </span>
      </div>

      <div class="timeline-entry">
        <span style="color: navy; font-weight: bold;">
          23.12.96 — 05.01.97. Рождественские каникулы.
        </span>
      </div>

    </div>

    <!-- ЯНВАРЬ 1997 -->
    <div id="jan">

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3890#p670844" style="color: black;">
          06.01.97. Урок Трансфигурации, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Заклинание «связывания/склеивания».
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3889" style="color: black;">
          08.01.97. Урок Древних Рун, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Рунический перевод.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3888" style="color: black;">
          10.01.97. Урок Заклинаний, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Ведение записей с помощью магии.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3933" style="color: black;">
          14.01.97. Урок Заклинаний, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Заклинание немоты.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3935" style="color: black;">
          17.01.97. Урок Зельеварения, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Противоядие по третьему закон Голпалотта, урок второй.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3934" style="color: black;">
          17.01.97. Урок ЗоТИ, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Артефакты и как их различить.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3954" style="color: black;">
          20.01.97. Урок Травологии, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Зубастая герань.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3953" style="color: black;">
          22.01.97. Урок Заклинаний, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Невербальная магия.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3955" style="color: black;">
          24.01.97. Урок Астрономии, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Телескоп.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3992" style="color: black;">
          30.01.97. Урок УзМС, шестой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Рунеспуры.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3993" style="color: black;">
          31.01.96. Урок Трансфигурации, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Заклинание «Дуро».
        </div>
      </div>

    </div>

    <!-- ФЕВРАЛЬ 1997 -->
    <div id="feb">

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=3994" style="color: black;">
          01.02.97. Факультатив по Теории Магии [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Рассеяние.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4021" style="color: black;">
          03.02.97. Урок Трансфигурации, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Заклинание «Даклифорс».
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4022" style="color: black;">
          04.02.97. Урок Нумерологии, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Диаграммы По.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4023" style="color: black;">
          08.02.97. Факультатив по Древней Магии [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Основы магии.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4050" style="color: black;">
          11.02.97. Урок Травологии, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Цапень.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4051" style="color: black;">
          12.02.97. Дуэльный клуб [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Дуэли.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4083" style="color: black;">
          19.02.97. Урок УзМС, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Акромантул.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4082" style="color: black;">
          19.02.97. Урок ЗоТИ, шестой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Инферналы.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4081" style="color: black;">
          19.02.97. Урок Зельеварения, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Бодроперцовое зелье.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4110" style="color: black;">
          25.02.97. Урок Заклинаний, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Стихийные чары.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4112" style="color: black;">
          25.02.97. Урок ЗоТИ, седьмой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Заклинание красноязычия.
        </div>
      </div>

    </div>

    <!-- МАРТ 1997 -->
    <div id="mar">

      <div class="timeline-entry">
        <span style="color: navy; font-weight: bold;">
          01.03.97. Второе посещение Хогсмида, которое в итоге было отменено для всех учеников.
        </span>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4120" style="color: black;">
          02.03.97. Первое занятие по аппарации, шестой и седьмой курсы [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Базовые навыки аппарации.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4109" style="color: navy; font-weight: bold;">
          08.03.97. Третий квиддичный матч: Гриффиндор vs Хаффлпаф
        </a>
        <div class="timeline-entry-desc">
          Счёт 60:210 в пользу Гриффиндора.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4174" style="color: black;">
          06.03.97. Урок Травологии, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Змеиное дерево.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4179" style="color: black;">
          07.03.97. Урок Астрономии, пятый курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Карта звёздного неба.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4223" style="color: black;">
          10.03.97. Урок ЗоТИ, пятый курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Защита от Гарпий.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4227" style="color: black;">
          11.03.97. Урок Заклинаний, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Обращение вспять необратимых процессов.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4225" style="color: black;">
          13.03.97. Урок Нумерологии, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Отображение функции вероятности.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4466" style="color: navy; font-weight: bold;">
          15.03.97. Четвёртый квиддичный матч: Слизерин vs Рейвенкло
        </a>
        <div class="timeline-entry-desc">
          Победа Слизерина со счётом 230:20
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4255" style="color: black;">
          18.03.97. Урок Трансфигурации, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Проверочная работа.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4254" style="color: black;">
          22.03.97. Факультатив по музыке [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Виолончель.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4257" style="color: black;">
          25.03.97. Урок Зельеварения, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Оборотное зелье, урок первый
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4316" style="color: black;">
          27.03.97. Дуэльный клуб [с]
        </a>
        <div class="timeline-entry-desc">
          Чемпионат дуэльного клуба в сезоне 96–97.
        </div>
      </div>

    </div>

    <!-- АПРЕЛЬ 1997 -->
    <div id="apr">

      <div class="timeline-entry">
        <span style="color: navy; font-weight: bold;">
          29.03.97 — 06.04.97. Пасхальные каникулы.
        </span>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4450" style="color: black;">
          07.04.97. Урок Травологии, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Китайская жующая капуста.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4448" style="color: black;">
          08.04.97. Урок ЗоТИ, седьмой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Основы окклюменции.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4447" style="color: black;">
          10.04.97. Урок УзМС, шестой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Топеройка.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4508" style="color: black;">
          14.04.97. Урок Зельеварения, седьмой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Подготовка к ЖАБА.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4509" style="color: black;">
          17.04.97. Урок УзМС, пятый курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Нюхлер.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4506" style="color: black;">
          19.04.97. Занятие по аппарации, шестой и седьмой курсы [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Практика аппарации.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4588" style="color: black;">
          22.04.97. Урок Трансфигурации, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Изменение внешности, второе занятие.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4589#p762788" style="color: black;">
          22.04.97. Урок Заклинаний, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Повторение обезоруживающих и щитовых чар.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4593" style="color: black;">
          25.04.97. Урок Зельеварения, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Оборотное зелье, урок второй.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4643" style="color: black;">
          30.04.97. Урок ЗоТИ, шестой курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: «Ревело Малефикум».
        </div>
      </div>

    </div>

    <!-- МАЙ 1997 -->
    <div id="may">

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4642" style="color: black;">
          02.05.97. Урок Трансфигурации, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Защита от неудачной трансфигурации, первое занятие. Заклинание: Репулсо Инопортунум.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4646" style="color: black;">
          02.05.97. Урок Астрономии, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Метеориты.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4689" style="color: black;">
          05.05.97. Урок ЗоТИ, пятый курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: «Экспелиармус» и «Протего». Практическое занятие.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4691" style="color: black;">
          07.05.97. Урок Древних рун, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Рунический перевод.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4690" style="color: black;">
          09.05.97. Урок Заклинаний, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Протеевы чары.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4763" style="color: black;">
          09.05.97. Факультатив по Древней Магии [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Основы нейтрализации проклятий.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4694#p780232" style="color: navy; font-weight: bold;">
          10.05.97. Пятый квиддичный матч: Слизерин vs Хаффлпафф [с]
        </a>
        <div class="timeline-entry-desc">
          Победа Слизерина со счётом 150:40.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4761" style="color: black;">
          10.05.97. Факультатив по музыке [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Барабаны и виолончель.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4803" style="color: black;">
          12.05.97. Урок Трансфигурации, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Боевая трансфигурация: защита и нападение.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4802" style="color: black;">
          14.05.97. Урок Зельеварения, пятый курс [c]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Животворящий эликсир.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4800" style="color: black;">
          15.05.97. Собрание клуба Ксиломансии [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: Повторение прорицания по языкам пламени, дыму и воску.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4833" style="color: navy; font-weight: bold;">
          17.05.97. Финальный квиддичный матч Рейвенкло vs Гриффиндор.
        </a>
        <div class="timeline-entry-desc">
          Победа Гриффиндора со счётом 120:210
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4827" style="color: black;">
          19.05.97. Урок Заклинаний, шестой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: полоса препятствий.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4835" style="color: black;">
          21.05.97. Урок Заклинаний, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: заклинания, которые могут пригодиться в бою.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4831" style="color: black;">
          22.05.97. Урок Травологии, седьмой курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: гремучая ива.
        </div>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4866#p800455" style="color: black;">
          26.05.97. Урок Травологии, пятый курс [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: подготовка к СОВ.
        </div>
      </div>

    </div>

    <!-- ЛЕТО -->
    <div id="summer">
    <div style="text-align:center; font-weight:bold; margin-bottom:10px;">
        Июнь 1997 года
      </div>
        <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4860" style="color:black;">
          01.06.97. Последнее занятие по аппарации, шестой и седьмой курсы [с]
        </a>
        <div class="timeline-entry-desc">
          Тема занятия: подготовка к экзамену по аппарации.
        </div>
      </div>

      <div class="timeline-entry">
        <b style="color:navy;">
          06.06.97. Промежуточный тест по аппарации в Хогсмиде.
        </b>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4902" style="color:teal; font-weight:bold;">
          28.06.97. Выпускной
        </a>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4915" style="color:black; font-weight:bold;">
          30.06.97. Нападение на Хогвартс: коридоры [с]
        </a>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4916" style="color:black;">
          30.06.97. Нападение на Хогвартс: Большой зал [с]
        </a>
      </div>

      <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=4917" style="color:black;">
          30.06.97. Нападение на Хогвартс: Астрономическая башня [с]
        </a>
      </div>

      <div class="timeline-entry">
        <b style="color:navy;">
          01.07.97. Смерть Альбуса Дамблдора от рук Северуса Снейпа..
        </b>
      </div>

      <br>

      <div style="text-align:center; font-weight:bold; margin-bottom:10px;">
        Лето 1997 года
      </div>

      <div class="timeline-entry">
        <b style="color:navy;">
          03.07.97. Похороны Альбуса Дамблдора.
        </b>
      </div>

      <div class="timeline-entry">
        <b style="color:navy;">
          03.07.97. — 31.08.97. Летние каникулы
        </b>
      </div>

      <div class="timeline-entry">
        <b style="color:teal;">
          03.07.97. Побег некоторых Пожирателей Смерти из Азкабана.
        </b>
      </div>

      <div class="timeline-entry">
        <b style="color:teal;">
          27.07.97. Операция "Семь Поттеров".
        </b>
      </div>

      <div class="timeline-entry">
        <b style="color:navy;">
          01.08.97. Экзамен по аппарации (утром)
        </b>
      </div>

      <div class="timeline-entry">
        <b style="color:teal;">
          01.08.97. Захват Министерства Магии Лордом Волдемортом, министр Скримджер убит,
          Пий Толстоватый становится новым министром магии.
        </b>
      </div>

      <div class="timeline-entry">
        <b style="color:teal;">
          25.08.97. Создание Комиссии по учёту магглорождённых под руководством Долорес Амбридж.
        </b>
      </div>

    </div>

     
    </div>

    </div>
    </div>
    </div>

    <script>
    const months = document.querySelectorAll('.timeline-month');
    const blocks = document.querySelectorAll('.timeline-content > div');

    months.forEach(m => {
      m.addEventListener('click', () => {
        months.forEach(x => x.classList.remove('active'));
        blocks.forEach(b => b.classList.remove('active'));
        m.classList.add('active');
        document.getElementById(m.dataset.month).classList.add('active');
      });
    });
    </script>

    [/html]

    0

    5

    [html]<style>
    .timeline-wrap {
      border: 1px solid #543668;
      padding: 12px;
      max-width: 100%;
      box-sizing: border-box;
    border-radius: 12px;
    background-color: transparent; /* чтобы не ломать стиль */
    }

    .timeline {
      display: grid;
      grid-template-columns: 120px 1fr;
      gap: 14px;
      font-family: Arial, sans-serif;
      font-size: 13px;
      line-height: 1.45;
    }

    .timeline-year {
      grid-column: 1 / -1;
      text-align: center;
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 8px;
    }

    .timeline-months {
      border-right: 1px solid #543668;
      padding-right: 8px;
    }

    .timeline-month {
      cursor: pointer;
      padding: 6px 6px;
      margin-bottom: 4px;
      text-align: center;
      font-weight: bold;
      font-size: 16px;
    }

    .timeline-month:hover {
      background: #f3f3f3;
    }

    .timeline-month.active {
      background: rgba(233, 233, 233, 0.6);
    }

    .timeline-content > div {
      display: none;
    }

    .timeline-content > div.active {
      display: block;
    }

    .timeline-entry {
      margin: 0 0 10px 0; /* стандартное расстояние между событиями */
    }

    .timeline-entry-desc {
      margin: -6px 0 10px 18px;
      font-size: 13px;
      line-height: 1.4;
    }

    </style>

    <div class="timeline-wrap">
    <div class="timeline">

    <div class="timeline-year">1997-1998 учебный год</div>

    <div class="timeline-months">
      <div class="timeline-month active" data-month="sep">Сентябрь'97</div>
      <div class="timeline-month" data-month="oct">Октябрь'97</div>
      <div class="timeline-month" data-month="nov">Ноябрь'97</div>
      <div class="timeline-month" data-month="dec">Декабрь'97</div>
      <div class="timeline-month" data-month="jan">Январь'98</div>
      <div class="timeline-month" data-month="feb">Февраль'98</div>
      <div class="timeline-month" data-month="mar">Март'98</div>
      <div class="timeline-month" data-month="apr">Апрель'98</div>
      <div class="timeline-month" data-month="may">Май'98</div>
      <div class="timeline-month" data-month="summer">Лето'98</div>
    </div>

    <div class="timeline-content">

    <!-- СЕНТЯБРЬ 1997 -->
    <div id="sep" class="active">

      <div class="timeline-entry">
        <b><span style="color: navy;">01.09.97. Северус Снейп становится директором школы.</span></b>
      </div>
    <div class="timeline-entry">
        <a href="https://drinkbutterbeer.ru/viewtopic.php?id=5008" style="color:black; font-weight:bold;">
          01.09.97. Новая песня Шляпы о вечном [c]
        </a>
      </div>

    </div>

    <!-- ОКТЯБРЬ 1997 -->
    <div id="oct">
    <div class="timeline-entry">
        <b><span style="color: navy;"> 18.10.97. Возрождение Отряда Дамблдора.</span></b>
        </div>

    </div>

    <!-- НОЯБРЬ 1997 -->
    <div id="nov">

    </div>

    <!-- ДЕКАБРЬ 1997-->
    <div id="dec">

      <div class="timeline-entry">
        <b><span style="color: navy;"> 20.12.97 — 03.01.98. Рождественские каникулы.</span></b>
        </div>

    </div>

    <!-- ЯНВАРЬ 1998 -->
    <div id="jan">

     
    </div>

    <!-- ФЕВРАЛЬ 1998 -->
    <div id="feb97">

    </div>

    <!-- МАРТ 1998 -->
    <div id="mar">

    </div>

    <!-- АПРЕЛЬ 1998 -->
    <div id="apr">

      <div class="timeline-entry">
        <b><span style="color: navy;"> 11.04.98 — 18.04.98. Пасхальные каникулы</span></b>
        </div>

    </div>

    <!-- МАЙ 1998 -->
    <div id="may">

      <div class="timeline-entry">
        <b><span style="color: navy;"> 02.05.98. Финальная битва</span></b>
        </div>

    </div>

    <!-- ЛЕТО -->
    <div id="summer">

     
    </div>

    </div>
    </div>
    </div>

    <script>
    const months = document.querySelectorAll('.timeline-month');
    const blocks = document.querySelectorAll('.timeline-content > div');

    months.forEach(m => {
      m.addEventListener('click', () => {
        months.forEach(x => x.classList.remove('active'));
        blocks.forEach(b => b.classList.remove('active'));
        m.classList.add('active');
        document.getElementById(m.dataset.month).classList.add('active');
      });
    });
    </script>

    [/html]

    0


    Вы здесь » Drink Butterbeer! » Department of Magical Law Enforcement » Игровая хронология


    Рейтинг форумов | Создать форум бесплатно