[html]<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"><img src="https://forumupload.ru/uploads/001b/9a/ad/2/240740.jpg"></div>
    <div class="spiritfirsttitle">эпоха гопников начинается здесь
      <subtitle>из какой ты банды, щенок?</subtitle></div>
    <div class="spiritfirsttext"><subtitle>tokyo revneges</subtitle>
      <about>Жестокая история о двадцати шести летнем парне, что потерял свою единственную девушку в разборке уличных банд и скатился к серой убогой жизни нищего неудачника на подработке, без каких-либо планов и перспектив.
Но как-то вечером, возвращаясь домой, бедолага угодил под электричку и откатился во времени на двенадцать лет. А вернувшись в прошлое, он бросает все силы, чтобы войти в среду уличных банд и не дать единственной любви погибнуть.</about></div>
  </div>

  <div class="spiritsecond">
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1">сюжет</label>

    <input id="tab2" type="radio" name="tabs">
    <label for="tab2">таймлайны</label>

    <input id="tab3" type="radio" name="tabs">
    <label for="tab3">пояснения</label>

    <section id="content-tab1">
        <p>
Сейчас бы мутить сюжет на фэндом двуходичной данвности...<br>

<br>
Всего есть два таймшифтера. Первый — Майки. Второй — Такемичи. Мы игнорируем последнюю арку более, чем полностью, а именно все, что было, начиная с <strong>204 главы</strong>. Майки - первый таймшифтер, он начал прыгать во времени раньше и точно неизвестно, в скольких вероятностях будущего он был. Изначальная причина Майки прыгать - смерть Такемичи. Она же его триггер. Буквально. Только если Такемичи мертв, он может перемещаться во времени. Триггер для Такемичи - предсмертное состояние или рукопожатие. (Мы и вы вольны трактовать способности таймшифтеров, как захотим, ибо даже Вакуи клал на лор прыжков).
<br>

Сама структура манги довольно специфична для построения общего сюжета, так как для таймшифтеров он двигается, а те, кто не прыгают, вечно все забывают и каждое будущее для них новое. Поэтому мы выделили основные таймланый, каждый из которых, в принципе, может стать конечным, уйти в долгую альтернативную ветку, вне зависимости от того, как Такемичи и Майки выебывают пространство и время.

        </p>
    </section>
    <section id="content-tab2">
        <p>
<br><strong>Первый таймлайн </strong> — это то, тот  который не трогал ни один таймшифтер. Изначальное будущее до того, как Майки или Такемичи узнали бы своих способностях. В первом таймлайне Такемичи являлся другом детства Майки, Баджи и Санзу, одним из основателей (Сназу тоже им являлся), не самым сильным бойцом, но главным мотиватором Тосвы. В данной изначальной временной линии из-за присутствия в изначальном составе Такемичи и Санзу трагедии с Шиничиро не случилось. Дракен, Баджи, Изана также остались живы. Такемичи трагически погибает в возрасте 17 лет в одной из уличных драк. Это столкновение должно было стать последним перед тем, как банда будет распущена, чтобы поставить в истории Тосвы жирную точку. Смерть Такемичи является триггером для для Майки и  он отправляется в прошлое, далее идет н-нное количество будущих, в каждом из которых, Такемичи, так или иначе, погибает.
<br>

<br><strong>Криминальная Тосва</strong> -
основные жанры арки: триллер, детектив, ужасы, маньяк, трагедия и безысходность.
для понимания и удобства, мы решили сделать микс того будущего, что было до арки рождества (на нем закончился аниме-сезон) и того, где Майки всех убил. Изначальный состав криминальной Тосвы повторяет состав банды плюс кто угодно при желании. Состав верхушки также, в принципе, опционален. Данное будущее можно назвать относительно счастливым, так как все персонажи, пусть и пошли по криминальному пути, но остались живы, однако, их отношения уже далеко не такие дружеские, как раньше. В результате внутрибандовых разборок Такемичи вновь погибает. Именно в этой арке у Майки впервые проявляется то, что называется Черным Импульсом. На момент 2017-го года у него остается один человек, которому он полностью доверяет - Кисаки. Именно ему он доверяет тайну, о своих перемещениях во времени. Верит ли Кисаки в это или нет - на откуп потенциального игрока, но факт остается фактом - он находит способ использовать начавшеся помешательство Майки в свою пользу, чтобы начать перехватывать власть и обновить состав Тосвы до максимально удобного для себя. Кисаки убеждает Майки, что второй таймшифтер - это кто-то из самого близкого круга его друзей. Он же убеждает Майки начать настоящую охоту на бывших союзников. Основа сюжета - ебанутый Майки, застрявший в Черном Ипульсе, которым манипулирует Кисаки. Жизни всех остальных в опасности, ведь, как мы помним из канона, Майки находил и избавлялся от каждого, причем не самым гуманным способом. Вас ждет игра на выживание. Возможно попытки вернуть Майки в норм, скрыться в другой банде, объединиться и забыть распри с друг другом и свалить из страны?
<br>

<br><strong>Распад Тосвы</strong> -
основные жанры арки: подростковая мылодрама, банды, терки, сопли, слюни.
<strong>в данной ветке участвуют персонажи из спин-оффа, но его знание НЕ ОБЯЗАТЕЛЬНО</strong>
Шиничиро в данной ветке не умирает, но к банде присоединяется Рюсей Сато и Чифую Мацуно. Верхушку первого отряда составляет четверка - Рюсей, Чифую, Баджи, Казутора. Все достаточно нестабильные, видящие авторитет в лучшем случае в Баджи, но никак не в Майки. В определенный момент Рюсей начинает подначивать Баджи щупать границы дозволенного, давит на гордость и прочее и прочее. Первый отряд все больше представляет собой не часть Тосвы, а банду в более крупной банде. Количество недовольных растет. Все это выливается в публичный скандал на одном из собрании. В Тосве к тому моменту достаточно недовольных, подначенных Рюсеем. Часть первого отряда и немало людей из других отрядов уходят. На территории Тосвы теперь две банды - одна, под контролем Майки, друга - под контролем Баджи.
Ветка создана, чтобы поиграть в мини-политику, поплакать, что надо пойти побить лицо другу и пожрать подросткового стекла на тему предательств.
<br>

<br><strong>Бонетн</strong> — попытка найти обоснование безумия вакуи. <strong>актуально на момент 268 главы </strong>. Суть сюжета заключается в том, что в предыдущем будущем, Майки также ушел от своих друзей, организовав Бонтен, только тогда он был куда более деятельным и относительно нормальным главой. После своего прыжка, Такемичи попытался его вернуть, но не дошел до главы и был убит Санзу. Поняв, что годы изоляции были потрачены впустую, Майки снова впал в Черный Импульс и вернулся в прошлое, после чего порвал лицо Санзу, как все думали, из-за самолетика. Свидетельницей этого является только Сенджу. Такеоми и Шиничиро пустили ситуацию на самотек. Сенджу была слишком напугана, Санзу закрылся в себе, словил стокгольм и утверждал, что покалечил себя сам. Семья Акаши перебирается в другой район и на несколько лет отношения с Сано прерываются.
Майки старается максимально отдалиться от своих друзей. Тосва организуется с другим составом - Баджи во главе и Дракеном руководителем. В 2005м Шиничиро (который не умер), после 18-летния Изаны забирает его из приюта и приводит в семью. В 2005м Майки начинает организовывать будущий Бонтен - Свастонов Канто. К 2008му Майки уходит из семьи окончательно, в 2008м происходит Битва Трех Небожителей - Тосва, Брахман и Свастоны Канто. Частью Тосвы также является Изана, который более стабильно дружит со своей головой, так как его забрали в нормальную семью, а также Какучо, который пошел за ним. Свастоны Канто побеждают. Брахманы в дальнейшем объединяются с Тосвой.
<br>

К 2017-му город делят две банды - Тосва и Бонтен. Состав Тосвы примерно следующий: во главе Баджи, заместитель - Дракен, верхушка - Шиничиро, Изана, Сенджу, Вакаса, Бенкай, Каучо, Мицуя, Нахоя, Инуи. Бонтен: во главе - Майки, заместитель - Санзу, верхушка - Такеоми, Хайтани, Ханма, Коко, Шион, Мочи. Противостояние семей и друзей, попытки вернуть друг друга, растянувшиеся на долгие годы. Майки такой, каким был показан в последнем будущем. Такемичи (ничего нового) умирает, подобно Хине, в результате столкновения двух банд. После этого Майки накрывает истерика и он рассказывает Санзу о путешествиях во времени. На момент начала сюжета в Бонтене происходят крупные шатания - о путешествиях во времени все знают, верят - не все. Харучие пичкает Майки наркотой, чтобы он не прыгал. Остальные решают, лучше для них свержение Майки или наличие невменяемого главы, которым легко манипулировать.
<br>


        </p>
    </section>
    <section id="content-tab3">
        <p>
1) Таймланы не идут последовательно друг друг. Описанные выше - полуавторские, полуканоничны, лишь те, которые мы достаточно подумали, чтобы дать пищу для игры не только себе, но и другим игрокам.
<br>
<br>
2) Вы вольны придумывать собственные таймланый для игры, собственные вариации, банды и их составы. Майки и Такемичи, в попытках спасти друг друга, наплодили их великое множество.
<br>
<br>
3) В основном сюжете, мы стараемся максимально сохранить жизни максимальному количеству персонажей.
    </p>
    </section>   
</div>
  </div>
</div>
<div class="clearer"></div>

<style>
/* код от вещего духа */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

#spiritworkroom {width: 610px;
height: 520px;
background: #fefefe;
margin:auto;
box-shadow: 0 0 0 1px rgba(0,0,0,.2)}

.spiritfirst {float: left;
  margin: 10px;
width: 190px;
height: 490px;
box-shadow: 0 0 0 1px rgba(0,0,0,.2);
overflow: hidden;
position: relative;
border: 5px solid #fefefe}

.spiritfirstpic {margin:auto;
width: 190px;
height: 490px;}

.spiritfirsttitle {font-family: playfair display;
font-weight: 900;
width: 190px;
color: #dfdfdf;
text-shadow: 1px 1px 0px #000;
font-size: 18px;
height: 73px;
margin: -80px 0 0 0px;
z-index: 10;
position: relative;
padding-left: 10px;
background: rgba(0,0,0,.65);
transition: all .7s cubic-bezier(0.25, 0.1, 0.25, 1) .15s}
.spiritfirsttitle subtitle {box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
  font-family: pt sans;
font-weight: normal;
color: #cecece;
text-shadow: 1px 1px 0px #333;
font-size: 9px;
display: block;
text-align: right;
letter-spacing: 1px;
margin-top:4px;
margin-right: 20px}
.spiritfirsttitle:before {background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.65));
content: "";
display: block;
position: absolute;
width: 100%;
height: 50px;
top: -50px;
margin-left: -10px}
.spiritfirsttext {
z-index:8;
position: relative;
background: rgba(0,0,0,.65);
width: 190px;
margin: 0px 0 0 0px;
font-family: pt sans;
font-size: 10px;
text-align: justify;
padding: 1px 0px;
  color: #efefef;}
.spiritfirsttext about {margin: 10px 15px;
display: block;
box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
padding-top:10px}
.spiritfirsttext:after {background:linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
content: "";
display: block;
position: absolute;
width: 100%;
height: 100px;
bottom: -100px;
margin-left: 0px}
.spiritfirsttext subtitle {
  text-align: center;
  display: block;
  width: 190px;
  font-size: 9px;
  font-family: pt sans;
  color: #999;
  opacity: 0;
  transform: translate(0,400px);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) .15s
}

.spiritfirst:hover .spiritfirsttitle {margin-top: -530px;
}
.spiritfirst:hover subtitle {opacity:1;
  transform: translate(0,0px)}

.spiritsecond {background: #fefefe;
width: 389px;
  margin: 10px;
  height: 500px;
  margin-top:9px;
border: 1px solid rgba(0,0,0,.2);
  position: absolute;
  margin-left: 211px
}

.tabs {
padding: 0px;
margin: 0 auto;
}

.tabs>section {
display: none;
padding: 10px;
  height: 440px;
  overflow-y: auto;
  margin: 5px;
  font-family: arial;
  font-size: 11px;
  text-align: justify
}
.tabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #383838;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@keyframes fadeIn {
from {
    transform: translate(-400px,0);
    transform-origin: 50% 0%;
}
to {
    transform: translate(0px,0);
}
}

.tabs>input {
display: none;
position: absolute;
}

.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
display: inline-grid;
margin: 0 -3px 0px;
padding: 10px 0px;
font-weight: 600;
text-align: center;
color: #aaa;
background: #fefefe;
  width: 131px;
  border: solid rgba(0,0,0,.2);
  border-width: 0px 0px 1px 0px;
  left: 3px;
  top: 0px;
  position: relative;
  font-family: pt sans;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: lighter;
  box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset
}
.tabs>label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #dfdfdf;
left:3px;
bottom:3px;
transform: scaleX(0);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabs>label:hover:after {transform: scaleX(1);
background: #888;}
.tabs>label:hover {
color: #888;
cursor: pointer;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabs>input:checked+label {
color: #555;
  background: #f1f1f1;
}
.tabs>input:checked+label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #888;
left:3px;
bottom:3px;
transform: scaleX(1);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
display: block;
}
</style> [/html]

Отредактировано Hanma Shuji (2022-09-20 18:58:09)