попытка собрать все на семью
[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&family=PT+Sans&display=swap" rel="stylesheet"><style>
.ship20 {
--bgsw: 700px;
--bgs1: #0f0f0f;
--sct1: #5c5858;
--sct1a: #575454;
--szt: 1em;
--pad2: 27px;
--pad1: 26px;
--pwt: 12px;
--bgs2: #d7d7d7;
--bgs3: #232222;
--sct3: #d6d6d6;
--sct2: #767676;
--bgsa: #ff5500;
--bgsz: #0a3a41;
--bgsnz: #1b1b1b;
}
.ship20 * {box-sizing: border-box; line-height: 140% !important;}
.ship20 {margin: auto 40px auto 0px; max-width: var(--bgsw); color: var(--sct1); font-size: var(--szt);}
.ship20 a:hover {filter: brightness(1.2);}
.ship20 p {margin: 0px auto 0px calc(var(--pad1) + var(--pwt)) !important; padding: 0 var(--pad2) var(--pad2) 0 !important; position: relative; text-align: justify;}
.ship20 p:before {
content: ' ';
display: block;
position: absolute;
margin-left: -50px;
height: 100%;
width: var(--pwt);
border-right: 2px solid #414142;
}
/** эпизод **/
.ship20 p >first-child {
display: block;
padding: 4px 0 4px 0;
font-size: 14px;
font-weight: 400;
font-family: jost, Times New Roman, serif;
}
.ep_z {
font-family: 'Jost';
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
color: #000000b8;
}
.ep_nz {
font-family: 'Jost';
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
color: #000000b8;
}
/** маркеры shipovnik **/
.ship20 p > .ep_a:before, .ship20 p > .ep_z:before, .ship20 p > .ep_nz:before {
content: '';
display: block;
position: absolute;
transform: translate(-50%, 50%);
width: 12px;
height: 12px;
margin-left: -19px;
border-radius: 50%;
margin-top: -3px;
}
.ship20 p > .ep_a:before {
background: #ff5500;
}
.ship20 p > .ep_z:before {background: var(--bgsz);}
.ship20 p > .ep_nz:before {background: var(--bgsnz);}
/** дата и участники **/
.ship20 em {display: block; padding: 0 0 6px 0; font-style: normal !important; color: var(--sct2); font-size: 11px; font-family: Tahoma, sans-serif;}
/** год или эпоха **/
.ship20 ht0 {
display: block;
position: relative;
padding: 7px 30px;
margin: 0px auto;
color: var(--sct3);
background: #232222;
font-size: 15px;
text-transform: uppercase;
font-family: 'Jost', Tahoma, serif;
}
.ship20 ht0:after {content:''; display: block; position: absolute; top: 0px; right: -29px; width: 30px; height: 100%; clip-path: polygon(0% 0%, 75% 0%, 30% 50%, 75% 100%, 0% 100%); background: var(--bgs3);}
.ship20 ht0 + p > a:first-child {padding-top: var(--pad2);}</style>
<div class="ship20">
<!--— START --->
<!----— ХРОНОЛОГИЯ СОБЫТИЙ ----->
<ht0>СЕМЕЙСТВО, ХРОНОЛОГИЯ</ht0>
<p><div class="ep_z"> — 1977 год </div>
<em>23 июля - рождение Алана Уилльямса;</em>
</p>
<p><div class="ep_z"> — 1982 год </div>
<em>27 ноября - рождение Джейн (Астрен) Уилльямс;</em>
</p>
<p><div class="ep_z"> — 1983 год </div>
<em>4 февраля - рождение Джона Бакстера;</em>
</p>
<p><div class="ep_z"> — 1984 год </div>
<em>25 октября - рождение Джеймса Астрена;</em>
</p>
<p><div class="ep_z"> — 1998 год </div>
<em>Джон Бакстер переезжает в Чикаго;</em>
</p>
<p><div class="ep_z"> — 1999 год </div>
<em>17 ноября - <a href="https://miamiclub.ru/viewtopic.php?id=1611#p225893">книжные дети</a> — Знакомство Джейн и Джона в Морейн Вэлли комьюнити-колледж, куда оба поступили;</em>
</p>
<p><div class="ep_z">— 2001 год — окончание колледжа</div>
<em>После окончания снимает с Джейн квартиру;</em>
</p>
<p><div class="ep_z">— 2002 - 2003 года — период ожидания</div>
<em>Работает где-то, изучает что-то, потому что в Полицейскую Академию возьмут только в 21;<br>
перебивается вспомогательной работой;<br>
учится в автошколе;<br>
получает лицензию на оружие;</em>
</p>
<p><div class="ep_z">— 2004 год — Академия</div>
<em>Исполнился 21 год; тут же подался в Академию и прошел 28-ми недельный курс; получает распределение в участок;</em>
</p>
<p><div class="ep_z">— 2005 год — Предложение</div>
<em>4 февраля - исполнилось 22 года; <br>
17 ноября - делает предложение Джейн, получает отказ;<br>
остаток ноября, декабрь - усиленная работа;
</em>
</p>
<p><div class="ep_z">— 2006 год — Срыв</div>
<em>4 февраля - исполнилось 23 года; <br>
14 февраля - первый за долгое время одинокий день святого Валентина; срыв, напился, притащил домой кого-то, зачал Энгуса;<br>
август-сентябрь - внезапный приезд Джейн; застает в квартире Джона ту случайную девушку;<br>
октябрь-ноябрь - рождение Энгуса;
</em>
</p>
<p><div class="ep_z">— 2007 год — Получение звание FTO</div>
<em>4 февраля - исполнилось 24 года; <br>
сентябрь - получает назначение офицером-наставником;
</em>
</p>
<p><div class="ep_z">— 2008 - 2014 года </div>
<em>25-31 год;<br>
проходит обучения, сдает экзамены, получает звание сержанта;
</em>
</p>
<p><div class="ep_z">— 2014 год — смерть Алана Уилльямса</div>
<em>4 февраля - исполнилось 31 год;<br>
4 октября - смерть Алана Уилльямса; Джейн звонит и просит приехать, помочь;<br>
● <a href="https://miamiclub.ru/viewtopic.php?id=1900#p272532">буду ждать, но не буду надеяться</a> — где-то тут должен быть эпизод с Джейн, проясняющий появившиеся... не планы, но надежды.<br>
</em>
</p>
<p><div class="ep_z">— 2014 - 2018 года </div>
<em>32-35 лет;<br>
проходит обучения, сдает экзамены, получает звание лейтенанта;
</em>
</p>
<p><div class="ep_z">— 2018 год — приступ ностальгии</div>
<em>4 февраля - исполнилось 35 лет;<br>
● <a href="https://miamiclub.ru/viewtopic.php?id=1647#p231151">love is a road that goes both ways</a> — январь, рождественские каникулы в компании Джейн; зачали Мэттью; не сошлись во мнениях на будущее;
</em>
</p>
<p><div class="ep_z">— 2018 - 2023 года </div>
<em>36-40 лет;<br>
проходит обучения, сдает экзамены, получает звание капитана;
</em>
</p>
<p><div class="ep_z">— 2023 год </div>
<em>4 февраля - исполнилось 40 лет;<br>
● <a href="https://miamiclub.ru/viewtopic.php?id=1601#p225501">возможно, будет солнце, и даже весна</a> — Джону предложили выступить в полицейской академии Майами, на лекции, посвященной одному из его давнишних дел. После лекции ему предлагают место преподавателя в этой же академии. Он отвечает обещанием подумать, поскольку держит в уме предпринять новую попытку Джейн, и это было бы хорошим подспорьем для переезда, если все удастся.<br>
● <a href="ссылка">название</a> — второе свидание с Джейн заканчивается тем, что Джон забирает вещи из гостиницы и перевозит их к ней в дом. Утром он узнает о существовании Мэтти и делает Джейн предложение.<br>
● <a href="https://miamiclub.ru/viewtopic.php?id=1819#p256561">йо-хо-хо! и бутылка морковного сока</a> — планирование и проведение пятого дня рождения Мэттью.<br>
● <a href="ссылка">название</a> — описание<br>
● <a href="ссылка">название</a> — описание<br>
● <a href="ссылка">название</a> — описание<br>
● <a href="ссылка">название</a> — описание<br>
● <a href="ссылка">название</a> — описание<br>
● <a href="ссылка">название</a> — описание<br>
</em>
</p>
<!--— END ---></div>[/html]