Working
Burdens can either broaden
your shoulders or break your back
Кем будет работать ваш персонаж? Может быть, он колдомедик? Или аврор?
А может и вовсе стажируется продавцом в "Сладком Королевстве"?
В этой теме вы найдете информацию о трудоустройстве в магическом мире на любой вкус и цвет!
⠀
[html]
<style>
/* Вкладки */
.tab-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 20px;
justify-content: center;
}
.tab-button {
background: #3d3d3d;
color: white;
padding: 12px 24px;
border: none;
border-radius: 30px;
font-size: 12px;
cursor: pointer;
}
.tab-button.active {
background: #562f60;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
/* Косой переулок */
.diagonal-map {
width: 100%;
max-width: 500px;
display: block;
margin: 1px;
border-radius: 10px;
}
.shop-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
margin-top: 30px;
}
.shop-card {
background: #e4ded7;
padding: 15px;
width: 220px;
border-radius: 16px;
}
/* Таблица этажей */
.floor-container {
display: flex;
max-width: 900px;
margin: 0 auto;
background: #fdf7e7;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.floor-tabs {
background: #562f60;
display: flex;
flex-direction: column;
padding: 20px 10px;
}
.floor-tab {
background: #b18cc7;
border: none;
margin-bottom: 10px;
border-radius: 15px;
padding: 10px 15px;
color: black;
font-weight: bold;
cursor: pointer;
}
.floor-tab.active {
background: #ffffff;
}
.floor-content {
padding: 20px;
flex-grow: 1;
}
.placeholder {
text-align: center;
padding: 50px;
font-style: italic;
color: #444;
}
</style>
<div class="tab-buttons">
<button class="tab-button active" onclick="showTab(0)">Косой переулок</button>
<button class="tab-button" onclick="showTab(1)">Больница Св. Мунго</button>
<button class="tab-button" onclick="showTab(2)">Министерство Магии</button>
<button class="tab-button" onclick="showTab(3)">Лютный переулок</button>
<button class="tab-button" onclick="showTab(4)">СМИ магического мира</button>
<button class="tab-button" onclick="showTab(5)">Квиддич</button>
<button class="tab-button" onclick="showTab(6)">Хогсмид</button>
<button class="tab-button" onclick="showTab(7)">Хогвартс</button>
<button class="tab-button" onclick="showTab(8)">Азкабан</button>
<button class="tab-button" onclick="showTab(9)">Магическая Британия</button>
</div>
<!-- Косой переулок -->
<div class="tab-content active">
Косой переулок или Косая аллея
</p> Извилистая улица в магическом мире, мощенная булыжником, вытянутая <br>с северо-запада на северо-восток. Центр волшебных товаров.
</p>
<img src="https://upforme.ru/uploads/000f/84/77/2/727626.webp"
alt="Карта Косого переулка"
class="diagonal-map"
style="display: block; margin: 0 auto;">
<div class="shop-grid">
<div class="shop-card"><h3 style="text-align:left;">Аптека Малпеппера</h3><p style="text-align:left;">Зелья и ингредиенты</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Аптека «Слизень и Джиггер»</h3><p>Сосед конкурента</p><p>Владелец - <a href=https://harrypotter.fandom.com/ru/wiki/%D0%96%D0%B8%D0%B3_%D0%9C%D1%8B%D1%88%D1%8C%D1%8F%D0%BA%D0%BE%D1%84%D1%84>Арсениус Джиггер</a><br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Бутылочное пиво Белчера</h3><p>Пивоварня под «Флориш и Блоттс»</p><p>Владелец - <a href=https://harrypotter.fandom.com/ru/wiki/%D0%A5%D0%B0%D0%BC%D1%84%D1%80%D0%B8_%D0%91%D0%B5%D0%BB%D1%87%D0%B5%D1%80>Хамфри Белчер</a><br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Всё для квиддича</h3><p>Метлы и снаряжение</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Волшебное оборудование</h3><p>Телескопы и песочные часы</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Волшебный зверинец</h3><p>Совы и магические животные</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Банк Гринготтс</h3><p>Банк под контролем гоблинов</p><p>Владелец - гоблин<br>Управляющий -<br>Охранники -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Паб «Дырявый котёл»</h3><p>Переход в переулок</p><p>Владелец -<br>Бармен -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Зелья Дж. Пиппина</h3><p>Готовые зелья</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Издательство «Обскурус»</h3><p>Фантастические звери и др.</p><p>Редактор -<br>Сотрудники -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Кафе Фортескью</h3><p>Мороженое</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Кондитерская Шугарплама</h3><p>Сладости и лакрица</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Доктор Фойерверкус</h3><p>Шутки и хлопушки</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Лавка Олливандера</h3><p>Палочки <a href="https://harrypotter.fandom.com/ru/wiki/%D0%93%D0%B0%D1%80%D1%80%D0%B8%D0%BA_%D0%9E%D0%BB%D0%BB%D0%B8%D0%B2%D0%B0%D0%BD%D0%B4%D0%B5%D1%80">(Гаррик)</a></p><p>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Письменные принадлежности</h3><p>Чернила и перья</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Лавка старьёвщика</h3><p>Хлам и сломанные вещи</p><p>Оценщик -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Коллекционные карточки</h3><p>Шоколадные лягушки</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Магазин котлов</h3><p>Котлы всех видов</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Мадам Малкин</h3><p>Школьные мантии</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Мантии из рук в руки</h3><p>Поношенные мантии</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3>Мётлы из рук в руки</h3><p>Старые мётлы</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Зелья мадам Примпернель</h3><p>Омоложение</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Бутик Твилфитт и Таттинг</h3><p>Дорогая одежда</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Центр «Совы»</h3><p>Совята и корма</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Флориш и Блоттс</h3><p>Книги и учебники</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Чайная Розы Ли</h3><p>Чай и уют</p><p>Владелец -<br>Продавцы -</p></div>
<div class="shop-card"><h3 style="text-align:left;">Палочки Джимми Кидделла</h3><p>Непопулярный магазин</p><p>Владелец -<br>Продавцы -</p></div>
</div>
</div>
<!-- Больница Св. Мунго -->
<div class="tab-content">
<br>Больница магических болезней и травм Святого Мунго
<br>Больница для лечения магических болезней, недугов и травм, основанная великим целителем по имени Мунго Бонам. Предназначена для лечения людей-волшебников, сквибов и магглов, получивших магические увечья. Целители носят лимонного цвета халаты с вышитым гербом целителей: скрещённой волшебной палочкой и костью.<br>
⠀
⠀
<div class="floor-container">
<div class="floor-tabs" id="munfo-tabs"></div>
<div class="floor-content" id="munfo-content"></div>
</div>
</div>
<!-- Министерство магии -->
<div class="tab-content">
<br>Министерство магии Великобритании
<br>Основное административное учреждение магов. Основная цель работы Министерства — не допустить, чтобы маглы узнали о существовании волшебников. Но это не единственное, чем занимается Министерство<br>
⠀
⠀
<div class="floor-container"><br><br>
<div class="floor-tabs" id="ministry-tabs"></div>
<div class="floor-content" id="ministry-content"></div>
</div>
</div>
<!-- Лютный переулок -->
<div class="tab-content">
Лютный переулок или Ночная аллея<br><i>(Примыкает к Косому переулку и занимает меньшую площадь. Это кривая затемнённая улочка с лавками, в которых продаются тёмные артефакты и ингредиенты для тёмной магии)</i>
<div class="shop-grid">
<div class="shop-card"><h3 style="text-align:left; ">Паб «Белая виверна»<p>Паб в проходе между домами, вверх по лестнице от «Тату салона»</p><p>Владелец -<br>Бармен -<br>Официант -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Букмекерская контора<p>Ставки на спортивные события</p><p>Владелец -<br>Букмекеры -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Волшебные принадлежности<p>Магазин волшебных принадлежностей</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Горбин и Бэркес<p>Скупка и продажа тёмных артефактов</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Лавка древностей<p>Предметы тёмных искусств</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Эльф-трубочист<p>Аренда домовых эльфов для чистки дымоходов</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Лавка Коффина<p>Товары для некромантии и тёмной магии</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Ноггин и Боунс<p>Продажа сушёных голов</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Слесарная мастерская<p>Замки и ключи</p><p>Владелец -<br>Мастера -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Спини Серпент<p>Товары только для проверенных клиентов</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Тату салон Маркуса Скаррса<p>Волшебные татуировки</p><p>Владелец -<br>Тату-мастера -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">У Кобба и Уэбба<p>Торговля тёмными артефактами</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">У Морибанда<p>Торговля неизвестными предметами</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Флидермаус<p>Летучие мыши и их шкурки</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Цирюльня<p>Стрижка бород</p><p>Владелец -<br>Цирюльник -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Яды и отравы Шайверетча<p>Отравы и ядовитые зелья</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Дистальная фаланга<p>Кости, клыки и мебель из них</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">E.L.M — похороны и бальзамирование<p>Магическое похоронное бюро</p><p>Владелец - <a href=https://harrypotter.fandom.com/ru/wiki/%D0%AD%D0%B9%D0%B2%D0%B5%D1%80%D0%B8-%D1%81%D1%82%D0%B0%D1%80%D1%88%D0%B8%D0%B9>Роберт Эйвери</a><br>Сотрудники - <a href=https://safespace.rusff.me/profile.php?id=10>Лайонел Эйвери</a></p></h3></div>
</div>
</div>
</div></div>
<div class="tab-content">СМИ волшебного мира<br>
Газеты, журналы и радио, формирующие информационное поле магической Британии.
<div class="shop-grid">
<div class="shop-card">
<h3 style="text-align:left;">Журнал «Придира»
<p>Необычные статьи, будто юмористическое издание — но всё серьёзно</p>
<p>Владелец – <a href="https://harrypotter.fandom.com/ru/wiki/Ксенофилиус_Лавгуд" target="_blank">Ксенофилиус Лавгуд</a><br>
Редактор –<br>Журналист –</p></h3>
</div>
<div class="shop-card">
<h3 style="text-align:left;">Журнал «Ведьмин досуг» / «Ведьмополитен»
<p>Женский журнал: кулинарные заклинания, мода, истории</p>
<p>Владелец – <a href="https://harrypotter.fandom.com/ru/wiki/Тобиас_Мисслторп" target="_blank">Тобиас Мисслторп</a><br>
Редактор –<br>Журналист –</p></h3>
</div>
<div class="shop-card">
<h3 style="text-align:left;">Газета «Ежедневный пророк»
<p>Крупнейшее средство массовой информации магического мира</p>
<p>Главный редактор –<br>Редакторы –<br>Журналисты –<br>Стажёры –</p></h3>
</div>
<div class="shop-card">
<h3 style="text-align:left;">Радио «Волшебное радиозвучание»
<p>Музыка, новости, интервью, передачи и концерты</p>
<p>Владелец –<br>Диктор –<br>Сотрудники –</p></h3>
</div>
</div></div></div>
<div class="tab-content"><table border="1" cellpadding="8" cellspacing="0" style="border-collapse:collapse; margin:auto; text-align:center; font-family:Arial, sans-serif; width:100%;">
<thead style="background-color:#c3bdc7; color:white;">
<tr>
<th>Герб</th>
<th>Информация</th>
<th>Состав команды</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/780149.png" alt="Портри"></td>
<td><b>Гордость Портри</b><br>Портри, Шотландия<br>Форма: <i>Фиолетовая с золотой звездой</i></td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/948039.png" alt="Кайрфилли"></td>
<td><b>Катапульты Кайрфилли</b><br>Кайрфилли, Уэльс<br>Форма: <i>Светло-зелёная с алыми полосами</i><br></td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/161789.png"></td>
<td><b>Кенмарские коршуны</b><br>Кенмаре, Ирландия<br>Форма: <i>Изумрудно-зелёная с жёлтыми 'К'</td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/30003.png" alt="Ньюкасл"></td>
<td><b>Нетопыри Ньюкасла</b><br>Балликасле, Сев. Ирландия<br>Форма: <i>Чёрная с алой летучей мышью</i></td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/354107.png" alt="Паддлмир"></td>
<td><b>Паддлмир Юнайтед</b><br>Дорсет, Англия<br>Форма: <i>Тёмно-синяя с камышами</i></td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/458641.png" alt="Педдл"></td>
<td><b>Пушки Педдл</b><br>Чадли, Англия<br>Форма: <i>Ярко-оранжевая</i></td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/210275.png" alt="Селькирк"></td>
<td><b>Селькирские скитальцы</b><br>Шотландия<br>Форма: <i>Кроваво-красная с серебр. тесаком</i></td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/140103.png" alt="Сеннены"></td>
<td><b>Сенненские соколы</b><br>Великобритания<br>Форма: <i>Тёмно-серая с белым, сокол</i></td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/272766.png" alt="Сканторп"></td>
<td><b>Сканторпские стрелы</b><br>Эплби, Англия<br>Форма: <i>Бледно-голубая с серебр. стрелами</i></td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/205894.png" alt="Стоунхейвен"></td>
<td><b>Стоунхейвенские сороки</b><br>Стоунхейвен, Шотландия<br>Форма: <i>Чёрно-белая, сорока</i></td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/891479.png" alt="Татсхилл"></td>
<td><b>Татсхилл Торнадос</b><br>Татсхилл, Англия<br>Форма: <i>Голубая</i></td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/181850.png" alt="Уимбурн"></td>
<td><b>Уимбурнские Осы</b><br>Уимбурн, Англия<br>Форма: <i>Жёлто-чёрная с осой</i></td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
<tr>
<td><img src="https://upforme.ru/uploads/001c/7d/92/2/75044.png" alt="Холихэд"></td>
<td><b>Холихедские гарпии</b><br>Холихэд, Уэльс<br>Форма: <i>Тёмно-зелёная с золотым когтем</i></td>
<td>Охотники — …<br>Загонщики — …<br>Вратарь — …<br>Ловец — …<br>Запас — …</td>
</tr>
</tbody>
</table></div></div>
<div class="tab-content">
Деревня Хогсмид
(маленькая деревушка, расположенная недалеко от Хогвартса, <br>населённый пункт в Великобритании, где совершенно нет маглов)
<div class="shop-grid">
<div class="shop-card"><h3 style="text-align:left;">Волшебная брюква<p>Овощная лавка</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Волшебные палочки от Олливандера<p>Магазин волшебных палочек</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Дэрвиш и Бэнгз<p>Магазин волшебных принадлежностей</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Зелья Джея Пепина<p>Магазин зелий</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Зонко<p>Магазин волшебных приколов</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Круголётка<p>Спортивные принадлежности</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Магазин перьев Писарро<p>Письменные принадлежности</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Музыкальный магазин Доминик Маэстро<p>Музыкальная лавка</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Сладкое королевство<p>Кондитерская</p><p>Владелец -<br>Продавцы -<br>Кондитеры -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Тимофиллы и поганки<p>Волшебные растения и грибы</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Фолианты и свитки<p>Книжный магазин</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Шапка-невидимка<p>Магазин одежды</p><p>Владелец -<br>Продавцы -<br>Швеи -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Клюв и хохолок<p>Побочные продукты волшебных тварей</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Котлы Керидвен<p>Магазин котлов</p><p>Владелец -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Ткани Фикл<p>Магазин по пошиву шляп</p><p>Владелец -<br>Швеи -<br>Продавцы -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Кабанья голова<p>Старый бар с дурной репутацией</p><p>Владелец -<br>Бармен -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Кафе мадам Паддифут<p>Романтическое кафе</p><p>Владелец -<br>Официанты -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Три метлы<p>Кафе-бар для всех</p><p>Владелец -<br>Бармен -<br>Официанты -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Чайный пакетик Розы Ли<p>Чайная</p><p>Владелец -<br>Официанты -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Парикмахерский салон мадам Снеллинг<p>Парикмахерская</p><p>Владелец -<br>Парикмахеры -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Волшебная парикмахерская<p>Салон для студентов, напротив «Сладкого королевства»</p><p>Владелец -<br>Парикмахеры -</p></h3></div>
<div class="shop-card"><h3 style="text-align:left;">Хогсмидское отделение совиной почты<p>Почта — отправка писем и посылок</p><p>Владелец -<br>Работники -</p></h3></div>
</div></div></div>
<div class="tab-content">
Школа чародейства и волшебства Хогвартс<br>
(учебное заведение волшебников, живущих в Великобритании и Ирландии)
⠀
⠀
<table border="1" cellpadding="8" cellspacing="0" style="border-collapse:collapse; margin:auto; text-align:left; font-family:Arial, serif; width:100%; ">
<thead style="color:white;">
<tr>
<th>Категория</th>
<th>Должность / Предмет</th>
<th>Персонаж</th>
</tr>
</thead>
<tbody>
<!-- Администрация -->
<tr><td rowspan="10"><b>Администрация</b></td><td>Директор школы</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Альбус_Дамблдор" target="_blank">Альбус Дамблдор</a></td></tr>
<tr><td>Заместитель директора</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Минерва_Макгонагалл" target="_blank">Минерва МакГонагалл</a></td></tr>
<tr><td>Декан Слизерина</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Гораций_Слизнорт" target="_blank">Гораций Слагхорн</a></td></tr>
<tr><td>Декан Гриффиндора</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Минерва_Макгонагалл" target="_blank">Минерва МакГонагалл</a></td></tr>
<tr><td>Декан Хафлпаффа</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Помона_Стебль" target="_blank">Помона Спраут</a></td></tr>
<tr><td>Декан Рейвенкло</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Филиус_Флитвик" target="_blank">Филиус Флитвик</a></td></tr>
<tr><td>Главный целитель</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Поппи_Помфри" target="_blank">Поппи Помфри</a></td></tr>
<tr><td>Завхоз школы</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Аргус_Филч" target="_blank">Аргус Филч</a></td></tr>
<tr><td>Лесничий</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Рубеус_Хагрид" target="_blank">Рубеус Хагрид</a></td></tr>
<tr><td>Библиотекарь</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Ирма_Пинс" target="_blank">Ирма Пинс</a></td></tr>
<!-- Преподаватели -->
<tr><td rowspan="13"><b>Преподаватели</b></td><td>Трансфигурация</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Минерва_Макгонагалл" target="_blank">Минерва МакГонагалл</a></td></tr>
<tr><td>Заклинания</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Филиус_Флитвик" target="_blank">Филиус Флитвик</a></td></tr>
<tr><td>Зельеварение</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Гораций_Слизнорт" target="_blank">Гораций Слагхорн</a></td></tr>
<tr><td>Защита от Тёмных Искусств</td><td>—</td></tr>
<tr><td>История магии</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Катберт_Бинс" target="_blank">Катберт Бинс</a></td></tr>
<tr><td>Астрономия</td><td>—</td></tr>
<tr><td>Травология</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Помона_Стебль" target="_blank">Помона Спраут</a></td></tr>
<tr><td>Полёты на метлах</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Роланда_Трюк" target="_blank">Роланда Хуч</a></td></tr>
<tr><td>Магловедение</td><td><a href="https://harrypotter.fandom.com/ru/wiki/%D0%A7%D0%B0%D1%80%D0%B8%D1%82%D0%B8_%D0%91%D0%B5%D1%80%D0%B1%D0%B8%D0%B4%D0%B6" target="_blank">Чарити Бербидж</a></td></tr>
<tr><td>Прорицание</td><td>—</td></tr>
<tr><td>Древние Руны</td><td>—</td></tr>
<tr><td>Нумерология</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Септима_Вектор" target="_blank">Септима Вектор</a></td></tr>
<tr><td>Уход за магическими существами</td><td><a href="https://harrypotter.fandom.com/ru/wiki/Сильванус_Кеттлберн" target="_blank">Сильванус Кеттлберн</a></td></tr>
</tbody>
</table>
⠀
⠀
Ученики Хогвартса
<table border="1" cellpadding="10" cellspacing="0" style="border-collapse:collapse; margin:auto; width:100%; font-family:Arial, serif;">
<thead style="; color:white;">
<tr>
<th>Категория</th>
<th>Слизерин</th>
<th>Гриффиндор</th>
<th>Хаффлпафф</th>
<th>Рейвенкло</th>
</tr>
</thead>
<tbody>
<tr>
<td><b>Староста</b></td>
<td>—</td>
<td>—</td>
<td>—</td>
<td>—</td>
</tr>
<tr>
<td><b>Ученики</b></td>
<td>—</td>
<td>—</td>
<td>—</td>
<td>—</td>
</tr>
</tbody>
</table>
</div></div>
<div class="tab-content">Тюрьма магического мира<br>
Магическая тюрьма и её структура: сотрудники и заключённые.
</p>
<div class="shop-grid">
<div class="shop-card">
<h3 style="text-align:left;">Администрация тюрьмы</h3>
<p>Управление, надзор, поддержание магического порядка</p>
<p>Управляющий тюрьмой –<br>
Сотрудники-волшебники –<br>
Целители –</p>
</div>
<div class="shop-card">
<h3 style="text-align:left;">Заключённые</h3>
<p>Маги, отбывающие наказание в изоляции</p>
<p>Заключённые –</p></div></div></div>
<div class="tab-content">Магические заведения Британии<br>
Сюда вы можете добавить своё заведение, находящееся на территории магической Британии.
</p>
<div class="shop-grid">
<div class="shop-card">
<h3 style="text-align:left;">Заповедник драконов</h3>
<p>Описание</p>
<p>Владелец–<br>
Сотрудники-волшебники –<br>
Целители –</p>
</div>
<div class="shop-card">
<h3 style="text-align:left;">Ресторан в Уэльсе</h3>
<p>Описание</p>
<p>Владелец –</p>
</div></div></div></div></div>
</div>
</div>
</div></div>
<script>
function showTab(index) {
document.querySelectorAll('.tab-button').forEach((btn, i) =>
btn.classList.toggle('active', i === index)
);
document.querySelectorAll('.tab-content').forEach((tab, i) =>
tab.classList.toggle('active', i === index)
);
}
const munfoFloors = [
'<b>• Регистратура и глав персонал</b><br>— Главный целитель<br>— Заместитель главного целителя<br>— Привет-ведьма<br><br><b>• Травмы от рукотворных предметов</b> <br>(взрыв котла, обратное срабатывание волшебной палочки, поломка метлы и прочее)<br><br>Заведующий отделением —<br>Целители —<br>Другие сотрудники/стажеры -',
'<b>• Ранения от живых существ</b><br> (укусы, ожоги, застрявшие шипы и прочее)<br><br>Заведующий отделением — <a href=https://safespace.rusff.me/viewtopic.php?id=18#p36>Гиппократ Cметвик</a> #нужные<br>Целители —<br>Другие сотрудники/стажеры - <a href=https://safespace.rusff.me/viewtopic.php?id=18#p36>Резерфорд Поук </a> #нужные',
'<b>• Волшебные вирусы</b><br> (инфекционные заболевания: драконья оспа, <br>болезнь исчезновения, грибковая золотуха и прочее)<br><br>Заведующий отделением —<br>Целители —<br>Другие сотрудники/стажеры -',
'<b>• Отравления растениями и зельями</b><br> (сыпи, рвота, неудержимый смех и прочее)<br><br>Заведующий отделением —<br>Целители —<br>Другие сотрудники/стажеры ',
'<b>• Недуги от заклятий</b><br> (наговор, несовместимый с жизнью, порча,<br> неправильно наложенные чары, потеря рассудка и прочее)<br><br>Заведующий отделением — <a href=https://safespace.rusff.me/viewtopic.php?id=18#p36>Хьюго Поллингтониус</a> #нужные<br>Целители — <a href=https://safespace.rusff.me/profile.php?id=11>Янус Тики</a><br>Другие сотрудники/стажеры -<a href=https://safespace.rusff.me/viewtopic.php?id=18#p36> Мириам Страут</a> #нужные',
'<b>• Буфет для посетителей и больничная лавка</b><br><br>Повара —<br>Другие сотрудники/стажеры -'
];
const ministryFloors = [
'<b>Управление Министерством Магии</b> — отдел в британском Министерстве магии, <br>находящийся на первом уровне, в котором работают непосредственно министр, <br>его администрация и другие руководящие чины Министерства. <br><br>Министр магии – <a href="https://harrypotter.fandom.com/ru/wiki/%D0%93%D0%B0%D1%80%D0%BE%D0%BB%D1%8C%D0%B4_%D0%9C%D0%B8%D0%BD%D1%87%D1%83%D0%BC">Гарольд Мичум</a><br> Первый заместитель Министра - <br>Личный Секретарь Министра - <br>Другие сотрудники/стажеры -',
'<b>Департамент магического правопорядка</b> — <br>отдел в Министерстве магии, занимающийся <br>созданием правовых актов, регулирующих юридическую сторону <br>жизни магического сообщества. Включает в себя несколько подразделений.<br><br>Руководитель департамента – <a href="https://harrypotter.fandom.com/ru/wiki/%D0%91%D0%B0%D1%80%D1%82%D0%B8_%D0%9A%D1%80%D0%B0%D1%83%D1%87">Барти Крауч</a><br>Заместитель руководителя -<br>Секретарь руководителя -<br>Старший офицер -<br>Офицеры -<br>Другие сотрудники/стажеры -<br><br>Сектор борьбы с неправомерным использованием магии<br>Руководитель отдела -<br>Другие сотрудники/стажеры -<br><br>Сектор борьбы с незаконным использованием изобретений маглов<br>Руководитель отдела -<br>Другие сотрудники/стажеры – <a href="https://harrypotter.fandom.com/ru/wiki/%D0%90%D1%80%D1%82%D1%83%D1%80_%D0%A3%D0%B8%D0%B7%D0%BB%D0%B8">Артур Уизли</a><br><br>Управление Авроратом<br>Глава аврората – <a href="https://harrypotter.fandom.com/ru/wiki/%D0%A0%D1%83%D1%84%D1%83%D1%81_%D0%A1%D0%BA%D1%80%D0%B8%D0%BC%D0%B4%D0%B6%D0%B5%D1%80">Руфус Скримджер</a><br>Старшие авроры -<br>Авроры -<br>Другие сотрудники/стажеры - <a href=https://safespace.rusff.me/profile.php?id=6>Джулия Уайт,</a><a href=https://safespace.rusff.me/profile.php?id=5> Сириус Блэк</a><br><br>Группа обеспечения магического правопорядка (хит-визарды)<br>Глава хит-визардов -<br>Старшие хит-визарды -<br>Хит-визарды -<br>Другие сотрудники/стажеры -<br><br>Административные службы Визенгамота<br>Верховный чародей -<br>Судьи -<br>Секретарь -<br>Другие сотрудники/стажеры -',
'<b>Департамент магических происшествий и катастроф</b> —<br> устранение вреда, нанесённого случайным волшебством. <br>Включает в себя несколько подразделений.<br><br>Глава департамента -<br>Заместитель главы -<br> Другие сотрудники/стажеры -<br><br> <i>Группа аннулирования случайного волшебства</i><br>Руководитель группы -<br>Другие сотрудники/стажеры -<br><br><i>Штаб-квартира стирателей памяти</i><br>Руководитель отдела -<br>Стиратели -<br>Другие сотрудники/стажеры -<br><br><i>Управление по связям с маглами</i><br>Руководитель отдела -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Комитет по выработке объяснений для маглов</i><br>Руководитель отдела -<br>Сотрудники -<br>Другие сотрудники/стажеры -',
'<b>Департамент регулирования магических популяций и контроля над ними — </b><br>учёт, регулирование и контроль магических популяций. <br>Включает в себя три подразделения.<br><br>Руководитель департамента -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Подразделение зверей</i><br>Руководитель подразделения -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Управление по связям с кентаврами</i><br>Руководитель отдела -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Группа отлова оборотней</i><br>Руководитель отдела -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Канцелярия по регистрации оборотней</i><br>Руководитель отдела -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Группа борьбы с упырями</i><br>Руководитель отдела -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Бюро исследования и изолирования драконов</i><br>Руководитель отдела -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Подразделение по борьбе с вредителями</i><br>Руководитель отдела -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Комиссия по обезвреживанию опасных существ</i><br>Руководитель отдела -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Подразделение существ</i><br>Руководитель подразделения -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Управление поддержки оборотней</i> <br>Руководитель отдела -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Управление по связям с гоблинами</i><br>Руководитель отдела -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Бюро распределения домашних эльфов</i><br>Руководитель отдела -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Подразделение духов</i><br>Руководитель подразделения -<br>Сотрудники -<br> Другие сотрудники/стажеры -',
'<b>Департамент международного магического сотрудничества</b> <br>— налаживание международных контактов среди волшебников. <br>Включает в себя три подразделения.<br><br>Руководитель департамента -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Международный совет по выработке торговых стандартов</i><br>Руководитель совета -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Международное бюро магического законодательства</i><br>Руководитель бюро -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Британский филиал Международной конфедерации магов</i><br>Руководитель филиала -<br>Сотрудники -<br>Другие сотрудники/стажеры -',
'<b>Департамент магического транспорта</b><br> — решение вопросов, связанных с магическим транспортом.<br> Включает в себя несколько подразделений.<br><br> Руководитель департамента -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br> <br> <i>Руководящий центр Сети летучего пороха</i><br>Руководитель центра -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Сектор контроля за метлами</i><br>Руководитель сектора -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Портальное управление</i><br>Руководитель подразделения -<br>Сотрудники -<br>Другие сотрудники/стажеры -<br><br><i>Аппарационный испытательный центр</i><br>Руководитель центра -<br>Сотрудники -<br>Другие сотрудники/стажеры -',
'<b>Департамент магических игр и спорта </b><br>— проведение различных спортивных мероприятий. <br><br>Руководитель департамента -<br> Сотрудники - <br>Другие сотрудники/стажеры - <br><br><i>Штаб-квартира Британско-ирландской лиги квиддича</i> <br>Руководитель штаб-квартиры - <br>Сотрудники - <br>Другие сотрудники/стажеры - <br><br><i>Официальный клуб игроков в плюй-камни</i><br>Руководитель клуба -<br> Сотрудники - <br>Другие сотрудники/стажеры -<br><br> <i>Сектор патентов на волшебные шутки</i> <br>Руководитель сектора - <br>Сотрудники - <br>Другие сотрудники/стажеры -',
'<b>Атриум</b> — холл для приёма посетителей Министерства магии.<br><br>Охранники -<br>Сотрудники -',
'<b>Отдел Тайн</b> — секретные исследования и разработки.<br><br>Невыразимцы -<br>Другие сотрудники/стажеры - <a href=https://safespace.rusff.me/profile.php?id=7>Уиспер Уисп</a>',
];
function renderFloorTabs(idPrefix, floors) {
const tabs = document.getElementById(`${idPrefix}-tabs`);
const content = document.getElementById(`${idPrefix}-content`);
tabs.innerHTML = '';
floors.forEach((floor, i) => {
const btn = document.createElement('button');
btn.className = 'floor-tab';
btn.textContent = `${i + 1} этаж`;
btn.onclick = () => {
tabs.querySelectorAll('button').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
content.innerHTML = `<div>${floor}</div>`;
};
if (i === 0) btn.classList.add('active');
tabs.appendChild(btn);
});
content.innerHTML = `<div>${floors[0]}</div>`;
}
renderFloorTabs('munfo', munfoFloors);
renderFloorTabs('ministry', ministryFloors);
</script>
</body>
</html>
[/html]
[hideprofile]
