Хронология первой арки
сентябрь-ноябрь 2021 года

[html]<link href="https://fonts.googleapis.com/css2?family=PT+Sans&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet"><style>/* shipovnik */
#ship13, #ship13h {
  --bgw: auto;
  --bg1: ;
  --clr1: #2b2d5d; 
  --clr2: #2b2d5d;   
  --clr3: #2e5187;
  --clr4: rgba(161,190,199, 0.35);   
  --clr5: #2d5086; 
  margin: auto;
}

#ship13 {display:block; width:auto; box-sizing:border-box; padding:24px; max-width: var(--bgw); background: var(--bg1);}

#ship13h {display:block; box-sizing:border-box; width:auto; max-width: var(--bgw); padding: 14px 0 0 0; background:var(--bg1); color: var(--clr1); text-align:center;
font-weight:600;
font-size:24px;
font-family: Noto Serif, Georgia, Tahoma;
}
#ship13h em {display:block; padding-top:4px; font-style:normal !important; color: #686cab; font-weight:400;
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
}

boxf {display:block; position:relative; z-index:3; width: 50%; min-height:50px; background:transparent; border-right: 1px solid var(--clr3);}
boxf:nth-child(2n) {display:block; position:relative; margin-top: -40px; margin-bottom: -40px; margin-left:calc(0px + 50%); width:50%; min-height:50px; border-right: 0px none transparent; border-left: 1px solid var(--clr3);}
boxf:last-child {margin-bottom:0px;}

.boxcat {display:block; padding:0 10px 4px 10px; text-align:left; border-bottom: 1px solid var(--clr3);
text-transform:uppercase;
font-weight:600;
font-size:16px;
font-family: Noto Serif, Georgia, Tahoma;
}
boxf:nth-child(2n) .boxcat {text-align:right;}
.boxcat::after {display: block; content: ""; height: 6px; width: 6px; float: right; margin: 23px -13px auto auto; background: var(--clr3); border-radius: 50%;}
boxf:nth-child(2n) .boxcat::after {float: left; margin: 23px auto auto -13px;}

.numbrow {display: block; margin: auto auto -50px 25px !important; z-index: 2; width: auto; background: transparent; text-align: left; font-style: normal !important;
font-size: 60px;
letter-spacing: -3px;
font-family: 'Yeseva One', Arial, sans-serif;
color: #686cab;
}
boxf:nth-child(2n) .numbrow {text-align: right; margin: auto 25px -52px auto !important;}

textf {display:block; padding:20px; line-height:120%;
text-align: left;
font-weight: 400;
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
}
textf > p {margin:0px !important; padding: 0 0 16px 0 !important; line-height: 110% !important;}
textf > p:last-child {padding-bottom:0px !important;}
#ship13 a {color: var(--clr5); text-decoration: none;}
#ship13 a:hover {text-decoration: underline;}</style>

<div id="ship13h">
<em></em></div>
<div id="ship13">
<!--- НАЧАЛО БЛОКОВ --->

<!--- 0 неделя --->
<boxf><em class="numbrow">0 неделя</em><div class="boxcat">20/09 - 26/09</div>
<textf>
<p><a href="ссылка">Я - название эпизода</a>: а здесь небольшое его описание</p>
<p>...</p>
<p>...</p>
</textf></boxf>

<!--- 1 неделя --->
<boxf><em class="numbrow">1 неделя</em><div class="boxcat">27/09 - 03/10</div>
<textf>
<p><a href="ссылка">Я - название эпизода</a>: а здесь небольшое его описание</p>
<p>...</p>
<p>...</p>
</textf></boxf>

<!--- 2 неделя --->
<boxf><em class="numbrow">2 неделя</em><div class="boxcat">04/10 - 10/10</div>
<textf>
<p>...</p>
<p>...</p>
<p>...</p></textf></boxf>

<!--- 3 неделя --->
<boxf><em class="numbrow">3 неделя</em><div class="boxcat">04/10 - 10/10</div>
<textf>
<p>...</p>
<p>...</p>
<p>...</p></textf></boxf>

<!--- 4 неделя --->
<boxf><em class="numbrow">4 неделя</em><div class="boxcat">11/10 - 17/10</div>
<textf>
<p>...</p>
<p>...</p>
<p>...</p></textf></boxf>

<!--- 5 неделя --->
<boxf><em class="numbrow">5 неделя</em><div class="boxcat">18/10 - 24/10</div>
<textf>
<p>...</p>
<p>...</p>
<p>...</p></textf></boxf>

<!--- 6 неделя --->
<boxf><em class="numbrow">6 неделя</em><div class="boxcat">25/10 - 31/10</div>
<textf>
<p>...</p>
<p>...</p>
<p>...</p>
</textf></boxf>

<!--- 7 неделя --->
<boxf><em class="numbrow">7 неделя</em><div class="boxcat">01/11 - 07/11</div>
<textf>
<p>...</p>
<p>...</p>
<p>...</p>
</textf></boxf>

<!--- 8 неделя --->
<boxf><em class="numbrow">8 неделя</em><div class="boxcat">08/11 - 14/11</div>
<textf>
<p>...</p>
<p>...</p>
<p>...</p>
</textf></boxf>

<!--- 9 неделя --->
<boxf><em class="numbrow">9 неделя</em><div class="boxcat">15/11 - 21/11</div>
<textf>
<p>...</p>
<p>...</p>
<p>...</p>
</textf></boxf>

<!--- 10 неделя --->
<boxf><em class="numbrow">10 неделя</em><div class="boxcat">22/11 - 28/11</div>
<textf>
<p>...</p>
<p>...</p>
<p>...</p>
</textf></boxf>

<!--- КОНЕЦ БЛОКОВ ---></div>[/html]