[html]<script type="text/javascript" src="https://forumstatic.ru/files/001b/d5/f7/50451.js"></script>
<script>
//@hagalnaud 15.07.2023 chronology filter
// verbaveritatis.rusff.me
// imagiart.ru/profile.php?id=8230
const checkboxes = document.querySelectorAll('input[type=checkbox]');
const items = document.querySelectorAll('.chrono li');
function filterItems() {
const checked = Array.from(checkboxes)
.filter(cb => cb.checked && !cb.getAttribute('name').startsWith('exclude'))
.map(cb => cb.value);
const excluded = Array.from(checkboxes)
.filter(cb => cb.checked && cb.getAttribute('name').startsWith('exclude'))
.map(cb => cb.value.replace('exclude-', ''));
items.forEach(item => {
const itemClasses = item.className.split(' ');
let shouldShow = false;
if (checked.length === 0) {
shouldShow = true;
} else {
checked.forEach(checkClass => {
if (itemClasses.includes(checkClass)) {
shouldShow = true;
}
});
}
excluded.forEach(excludedClass => {
if (itemClasses.includes(excludedClass)) {
shouldShow = false;
}
});
if (shouldShow) {
item.style.display = 'block';
} else {
item.style.display = 'none';
}
});
}
checkboxes.forEach(cb => cb.addEventListener('change', filterItems));
const searchInput = document.getElementById('searchInput');
const listItems = document.querySelectorAll('.chrono li');
function filterItems() {
const searchTerm = searchInput.value.toLowerCase();
listItems.forEach(item => {
const itemText = item.textContent.toLowerCase();
if (itemText.includes(searchTerm)) {
item.style.display = 'block';
} else {
item.style.display = 'none';
}
});
}
searchInput.addEventListener('input', filterItems); </script>
<!-- @hagalnaud 2023 https://verbaveritatis.rusff.me chronology -->
<!-- блок фильтров -->
<details>
<summary>фильтр эпизодов и событий</summary>
<div class='filter'>
<div class='filterlist'>
<span>найти по слову:</span>
<input type="text" id="searchInput">
</div>
<div class='filterlist'>
<span>показать:</span>
<label><input type="checkbox" name="important" value="important">сюжетные события</label>
<label><input type="checkbox" name="active" value="active">эпизоды в процессе</label>
<label><input type="checkbox" name="lost" value="lost">недоигранные эпизоды</label>
<label><input type="checkbox" name="closed" value="closed">завершённые эпизоды</label>
<label><input type="checkbox" name="ga" value="ga">события группировки "A"</label>
<label><input type="checkbox" name="gb" value="gb">события группировки "B"</label>
</div>
<div class='filterlist'>
<span>скрыть:</span>
<label><input type="checkbox" name="exclude-important" value="exclude-important">сюжетные события</label>
<label><input type="checkbox" name="exclude-active" value="exclude-active">эпизоды в процессе</label>
<label><input type="checkbox" name="exclude-lost" value="exclude-lost">недоигранные эпизоды</label>
<label><input type="checkbox" name="exclude-closed" value="exclude-closed">завершённые эпизоды</label>
<label><input type="checkbox" name="exclude-ga" value="exclude-ga">события группировки "A"</label>
<label><input type="checkbox" name="exclude-gb" value="exclude-gb">события группировки "B"</label>
</div>
</div>
</details>
<!-- конец блока фильтров -->
<!-- блок эпизодов -->
<div class='chrono'>
<li class='active gb' title='в процессе'>
<table>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>21.08.1981</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=182">Ты славить его не проси меня</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=51">Ха Джин Го</a> и <a href="https://verbaveritatis.rusff.me/profile.php?id=54">Энеас Дарданус</a><br></span></p>
</td>
<td style="width:55%">
<p>В некотором царстве, в некотором государстве мор уносит жизни жителей. А пытающихся спастись настигает огонь лесных пожаров. Магия загадочной незнакомки, которую многие принимают за явившуюся спасти их богиню, гасит огонь. Только спасение иногда трудно отличить от погибели.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>14.01.2004</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=74">Выдохнуть и тонуть</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=8">Меган Эллингтон</a> и <a href="https://verbaveritatis.rusff.me/viewtopic.php?id=74#p1250">Вивьен Деверо</a><br></span></p>
</td>
<td style="width:55%">
<p>После развоплощения давно и ненадолго близкого человека к кому обратиться за понимающим молчанием, как не к инициатору и другу.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>17.01.2019</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=237">Трое в лодке</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=40">Этьен Фурнье</a>, <a href="https://verbaveritatis.rusff.me/profile.php?id=9">Джеймс Моленар</a>, упоминаются <a href="https://verbaveritatis.rusff.me/viewtopic.php?id=4#p28203">Марек Бартош</a> и Серж Тейлор<br></span></p>
</td>
<td style="width:55%">
<p>Когда вокруг начинается какой-то беспредел, а твою комнату занимают огромные богомолы – доверься соседу, он поможет. Если получится.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>18.01.2019</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=184">From Dusk till Dawn</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=40">Этьен Фурнье</a>, <a href="https://verbaveritatis.rusff.me/profile.php?id=54">Энеас Дарданус</a>, <a href="https://verbaveritatis.rusff.me/profile.php?section=fields&id=70">Пол Джефферсон</a> (упоминание)<br></span></p>
</td>
<td style="width:55%">
<p>Осторожно, двери закрываются. Однажды может неожиданно оказаться, что пространственная магия в некоторых местах ну совершенно не работает. И даже ещё удивительнее: после смерти ты просто остаешься мертвым. Что же может произойти с двумя студентами в башне, полной одержимых, которую, к тому же, вознамерилась уничтожить инквизиция?</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table>
<tbody>
<tr>
<td style="width:5%">
<p>❗</p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>18.01.2019</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=448"><strong>Ничего такого</strong></a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=40">Этьен Фурнье</a>, <a href="https://verbaveritatis.rusff.me/profile.php?id=86">Марион Беранже</a><br></span></p>
</td>
<td style="width:55%">
<p>Разгребание последствий фестиваля имени Дариуша Вроны как гребаный День Сурка.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table class='active' title='в процессе'>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>20.05.2021</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=362">If I could save time in a bottle</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=40">Этьен Фурнье</a> и <a href="https://verbaveritatis.rusff.me/profile.php?id=86">Марион Беранже</a><br></span></p>
</td>
<td style="width:55%">
<p>Совет не универсальный, но: не можешь развязать временную петлю — тогда режь.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table class='active' title='в процессе'>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>20.10.2021</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=92">Заклятый друг</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=28">Лойи Хельсон</a> и <a href="https://verbaveritatis.rusff.me/profile.php?id=8">Меган Эллингтон</a><br></span></p>
</td>
<td style="width:55%">
<p>История о том, как иногда сосланные маги знают о деканах Скуолы чуть больше, чем их студенты и сотрудники.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table class='active' title='в процессе'>
<tbody>
<tr>
<td style="width:5%">
<p>❗</p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>31.10.2021 – 01.11.2021</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=256"><strong>Великая полночь</strong></a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center">Студенты, преподаватели и гости Скуолы<br></span></p>
</td>
<td style="width:55%">
<p>Бал и вечеринка по случаю Самайна и Ночи Посвящения, ежегодно проводимая в Скуоле. На маскарад приглашены, буквально, все истинные маги. В номинации «лучший женский костюм» в этом году победили <a href="https://verbaveritatis.rusff.me/profile.php?id=61">Кора Цераруни</a> в костюме Маман Бриджит, <a href="https://verbaveritatis.rusff.me/profile.php?id=64">Беата Эрте</a> в костюме Снежной королевы и <a href="https://verbaveritatis.rusff.me/profile.php?id=26">Малик Таш</a>, притворившийся Леди Зеленые рукава. Соответствующий приз в мужской номинации достался <a href="https://verbaveritatis.rusff.me/profile.php?id=9">Джеймсу Моленару</a> и его наряду Каменного ангела.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table class='active' title='в процессе'>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>02.11.2021</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=309">What dreams may come</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=40">Этьен Фурнье</a>, <a href="https://verbaveritatis.rusff.me/profile.php?id=79">Томас Синглтон</a>, <a href="https://verbaveritatis.rusff.me/profile.php?id=84">Элизабет Браун</a> (упоминание)<br></span></p>
</td>
<td style="width:55%">
<p>Магия любви и немного о том, как не попасть в радиус ее действия.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>05.11.2021</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=166#p5906">Опять не в этой жизни, опять не в этом теле.</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=51">Ха Джин Го</a> и <a href="https://verbaveritatis.rusff.me/profile.php?id=41">Со Хван</a> <br></span></p>
</td>
<td style="width:55%">
<p>Ха Джин впервые встречает Со спустя 48 лет на занятии по магии огня, и ненадолго теряет контроль над магией.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table>
<tbody>
<tr>
<td style="width:5%">
<p>❗</p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>06.11.2021</strong><br><strong><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=179">А что, если смерть – существо?</a></strong></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=12">Грейс Уэйнрайт</a>, Энеас Дарданус, <a href="https://verbaveritatis.rusff.me/profile.php?id=29">Морриган Майер</a>, <a href="https://verbaveritatis.rusff.me/profile.php?id=21">Гидеон Келлер</a>, <a href="https://verbaveritatis.rusff.me/profile.php?id=40">Этьен Фурнье</a> и <a href="https://verbaveritatis.rusff.me/profile.php?id=41">Со Хван</a><br></span></p>
</td>
<td style="width:55%">
<p>Чрезвычайное происшествие в главной магической больницы: выходящая из-под контроля магия, сходящие с ума фамильяры, огромные выбросы колдовской энергии. На место был вызван наряд оперативников Генеральной Башни. Проводится дополнительное расследование.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>06.11.2021</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=270">Время – гипотенуза</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=40">Этьен Фурнье</a> и <a href="https://verbaveritatis.rusff.me/profile.php?id=2">Грейс Уэйнрайт</a><br></span></p>
</td>
<td style="width:55%">
<p>Непростые разговоры о непростых пациентах, за которые можно и в Эвентус загреметь. Но не в этот раз.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>06.11.2021 — 11.11.2021</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=192">Не закрывай глаза</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=51">Ха Джин Го</a> и <a href="https://verbaveritatis.rusff.me/profile.php?id=41">Со Хван</a><br></span></p>
</td>
<td style="width:55%">
<p>У Со с ним одно лицо и одно имя, у нее — сорок восемь лет поисков. Как узнать, вернулся ли к Ха Джин тот, кого она ждала и любила все эти годы?</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>12.11.2021</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=420#p62880">no strings attached</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <a href="https://verbaveritatis.rusff.me/profile.php?id=8">Меган Эллингтон</a> и <a href="https://verbaveritatis.rusff.me/profile.php?id=85">Енох Ловелл</a><br></span></p>
</td>
<td style="width:55%">
<p>Одна из тех бесед, когда студент приходит с вопросами, а декан уже готовит для него интересную вылазку, умудряясь попутно с выдачей ответов точечно подготовить к грядущему.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>13.11.2021</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=43">Если здесь брат убивает брата</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=28">Лойи Хельсон</a>, <a href="https://verbaveritatis.rusff.me/profile.php?id=86">Марион Беранже</a><br></span></p>
</td>
<td style="width:55%">
<p>Разговор о богах, о смерти и о выборе, которого никогда не было. И сделка, о которой не стоит рассказывать третьим лицам.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table>
<tbody>
<tr>
<td style="width:5%">
<p>❗</p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>21.11.2021</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=459"><strong>Зов валькирий</strong></a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=10">Фрейя Водансдоттир</a>, <a href="https://verbaveritatis.rusff.me/profile.php?id=22">Лаврас Лорка</a>, <a href="https://verbaveritatis.rusff.me/profile.php?id=86">Марион Беранже</a></span></p>
</td>
<td style="width:55%">
<p>Фрейя рыдает посреди коридора шестого этажа, переживая случившееся и не-случившееся с ней в Тельце`1102. А потом сбегает, так и не получив достаточной поддержки от случайных свидетелей, которые слишком заняты выяснением отношений между собой.</p>
</td>
</tr>
</tbody>
</table>
</li>
<li class='important' title='сюжетное событие'>
<table>
<tbody>
<tr>
<td style="width:5%"></td>
<td style="width:20%">
<p><span style="display: block; text-align: center"> <strong>22.11.2021</strong><br><a href="https://verbaveritatis.rusff.me/viewtopic.php?id=476">От мусора в трюме потонет ковчег</a></span></p>
</td>
<td style="width:20%">
<p><span style="display: block; text-align: center"><a href="https://verbaveritatis.rusff.me/profile.php?id=28">Лойи Хельсон</a>, <a href="https://verbaveritatis.rusff.me/profile.php?id=86">Марион Беранже</a>, <a href="https://verbaveritatis.rusff.me/profile.php?id=8">Меган Эллингтон</a> (за кадром)<br></span></p>
</td>
<td style="width:55%">
<p>Утренние разговоры о войне, боге и обязательствах, которые никому лишнему хорошо бы было никогда не услышать. Но не свезло.</p>
</td>
</tr>
</tbody>
</table>
</li>
</div>
<!-- конец блока эпизодов -->
<style>
.chrono li {
padding: 5px 5px;
text-transform: lowercase;
background: #c0c0c099;
border: 1px solid #a2a0947a;
}
/*************************************************************
filter
**************************************************************/
.filter {
display: inline-flex;
justify-content: space-around;
width: 806px;
}
.filterlist {
display: inline-flex;
flex-direction: column;
font-size: 13px;
font-family: var(--font-title);
gap: 4px;
}
.filterlist label {
display: flex;
gap: 9px;
background: #c0c0c099;
border: 1px solid #a2a0947a;
padding: 4px 8px;
}
.filterlist span {
padding: 0px 131px 3px 0px;
color: var(--color-accent);
text-transform: uppercase;
text-align: center;
font-size: 8px;
font-family: lucida console;
font-weight: bold;
letter-spacing: 2px;
border-bottom: 1px dashed var(--bordercolor);
}
/*************************************************************
spoiler
**************************************************************/
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;}
summary {
padding: 0.3em 0.6em 0.3em 2em;
display: inline-block;
cursor: pointer;
position: relative;
font-family: var(--font-title);
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
}
summary:before {
left: .3em;
top: .4em;
color: transparent;
background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 2em 2em;
width: 1em;
height: 1em;
content: "";
position: absolute;
transition: transform .5s;
}
details[open] > summary:before {
transform: rotateZ(90deg);
}
summary ~ * {
padding:0 1em 0 1em;
}
details[open] summary ~ *{
animation: sweep .5s ease-in-out;
}
@keyframes sweep {
0% {opacity: 0;}
100% {opacity: 1;}
}
summary:focus {
outline:0;
}
details{
display:block;
margin-bottom: .5rem;
}
details p {
font-family: lucida console;
}</style>
[/html]
