«Пятиминутные битвы рождают легенды, живущие тысячелетия».

[html]
<div id="prprInfo" class="prprInfo-wrapper">
<div class="b-tabs-wrapper"><div class="b-tabs">

<a href="#nav-story" data-tab="story" class="b-nav-tab active">О персонаже</a>
<a href="#nav-story1" data-tab="story1" class="b-nav-tab">«Ветвь Корня»</a>
<a href="#nav-story2" data-tab="story2" class="b-nav-tab">Одна рука из тысячи</a>
<a href="#nav-story3" data-tab="story3" class="b-nav-tab">...палач и коронер</a>
<a href="#nav-story4" data-tab="story4" class="b-nav-tab">Игра окончена</a>

</div></div>
<div class="b-tabs-content">

<div id="story" class="b-tab active">
<p><img class="char-icon" loading="lazy" src="https://forumupload.ru/uploads/001a/74/14/3/104889.jpg">
Сенджу Ясуо – непростой человек с тяжелым характером. Суровая и стойкая женщина не даром получила звание Белой Ведьмы; жесткая и непоколебимая куноичи, стремящаяся к благу селения.
<br />
<br />
Прошедшая войны, закаленная не столь битвами, сколь интригами и заговорами, она предпочитает держать все под контролем, раскидывая свои сети в самые укромные уголки страны. Требовательная, педантичная и невыносимо настойчивая; Белая Ведьма – это длань, закованная в стальную перчатку.
<br />
<br />
«Власть Хокаге простирается далеко, но тянется всегда его левая рука. Это море лжи. Море крови и предательств».
</p>
</div>

<div id="story1" class="b-tab">
<p>Идеи «Корня» оказались слишком близки Ясуо, а потому, было не удивительно, что женщина присоединиться к возрожденной внутренней организации и встанет плечом к плечу с его основателем. Несмотря на противоречивые действия и сомнительные контакты Сенджу, как агента нового «Корня», она никогда не предавала идеалов Шимуры Кенджи, окольными путями добиваясь поставленных целей и задач. В то время, как Шимура Кенджи и Хатаке Шо действовали за кулисами, набирая силу и уничтожая ключевые действующие фигуры, Ясуо – вместе со своим неизменным спутником, Учихой Катсураги – рассеивали внимание предателя инфильтрацией и диверсиями.
<br />
<br />
Во время сражения в Каменном городе, на территориях бывшего Альянса, погиб Шимура Кенджи, и, подозревают, что новоиспеченный «Корень» канул в небытие вместе с лидером, но метка на языке Сенджу все также свежа, как и пятнадцать лет назад.
<br />
<br />
«Любой, кто угрожает моим подчиненным и моей цели — ждет смерть». </p>
</div>

<div id="story2" class="b-tab">
<p>Возвращение в клан было долгожданным, но обременительным. Спустя столько времени, омытая позором и подозрением, Ясуо впервые перешагнула величественные врата кланового поместья, чтобы встретиться лицом к лицу со множеством из своих страхов.
Впервые – наверняка – за много лет, она с сожалением размышляла о своей непререкаемой, непоколебимой преданности идеалам; откажись она от них, то все было бы в тысячу раз проще. Холод, что ранее источала она сама, ранил то немногое, что осталось в ней от сентиментальных чувств, особенно – разрушенные отношения с сестрой, Сенджу Рангику, что стала главой дома.
<br />
<br />
Несмотря на проложенную между родственницами пропасть, Ясуо не отказала себе в честолюбии и амбициозности – достаточно быстро возвратив украденное влияние, она встала подле сестры, дабы помочь ей с управлением клана. Впрочем, совсем скоро Белая Ведьма поняла, что ее помощь не требуется; Сенджу Рангику, все же, сумела отрастить зубы и клыки. </p>
<br />
<br />
«Я больше не допущу прошлой ошибки, и просто не отпущу тебя».</p>
</div>

<div id="story3" class="b-tab">
<p>Становление нового Хокаге, чистки и реструктуризация главных организаций селения повлекли за собой немало недовольств и проблем. Немудрено, ведь несмотря на то, что Хатаке Шо зарекомендовал себя как один из сильнейших, и, – вопреки ожиданиям – умнейших шиноби селения, никто не хотел повторения прошедших событий. Ослабшее, но очищенное от «болезни», селение требовало решительных действий; и, если уж, Шимура Кенджи не смог встать у руля и задать верный курс, то подобная честь – быть одной из самых молодых Советников Хокаге – выпала на долю Ясуо. </p>
<br />

Ясуо никогда не отличалась миролюбивыми методами. Показательные – и тайные – казни, репрессии, ужесточение порядков внутри селения; Хокаге в очередной раз мог прикрываться Ведьмой, что щитом, играя роль миротворца и добродетели в глазах как гражданских, так и подчиненных. </p>
<br />
<br />
«Однако, как и заметил Кенджи, конкретно Ясуо — можно было доверить даже саму жизнь. и Шо знал это давно — и намного лучше Кенджи».
</p>
</div>

<div id="story4" class="b-tab">
<p>Со временем Ясуо отстранили от титула джонина-ханчо, взамен дав возможность возродить нечто для Ведьмы более ценное. Детище и наследие Второго Хокаге, Тобирамы Сенджу – Военную полицию Листа.
Многолетний и кропотливый труд, плоды которого еще не пришло время собирать. Ясуо собрала под своим крылом тех, кому могла доверять; и таких, признаться честно, было совсем немного. Подозрительная, на грани с паранойей, Сенджу готова была залезть по локоть в чужую душу, в попытках выискать все самые сокровенные тайны и чаяния.
<br />
<br />
Под руководством Ведьмы в юрисдикцию военной полиции вернулись отряд допросов, пыток и дознания; и, памятуя о прошлых делах, в ее ведомство были перенесены архивы Конохи – никому более тайны страны и селения она доверить попросту не в состоянии. <br />
Иногда она думает, что ее время прошло; на смену приходит подрастающее поколение – дети ее сослуживцев, товарищей, друзей, и, в частности, ее собственный сын. Быть может, скоро подступит тот момент, когда ей придется смириться и принять, что судьбу целой страны будут вершить другие.<br />
<br />
«О ней погрустят, может, всплакнут, но всё равно забудут, как и многих других».</p>
</div>

</div></div>
<style>
  #prprInfo {
    --width: 656px;     /* ширина блока */
    --bg: transparent;  /* фон блока */
    --accent: #5a2865;  /* цвет активной вкладки */
  }
 
  #prprInfo .prprInfo-wrapper {
    background: var(--bg);
    width: var(--width);
  }

  #prprInfo .prprInfo-wrapper {
    box-sizing: border-box;
  }

  #prprInfo .b-tabs-wrapper {
    width: var(--width);
    overflow: hidden;
  }

  #prprInfo .b-tabs {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
 
  #prprInfo .b-tabs-content {
    overflow: hidden;
    width: var(--width);
  }

  #prprInfo .b-tab {
    padding: 12px;
    display: none;
  }

  #prprInfo .b-tab.active {
    display: block;
  }

#prprInfo .b-tab p.forgotten span { opacity: 0.05; transition: opacity .5s ease; }
#prprInfo .b-tab p.forgotten span:hover { opacity: 0.8; }

  #prprInfo .b-nav-tab {
    display: inline-block;
    text-decoration: none;
    color: #333;
    border-bottom: 3px solid transparent;
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    height: 32px;
    font-size: 10px;
  }

  #prprInfo .b-nav-tab.active {
    color: var(--accent);
    border-bottom: 3px solid var(--accent);
    background: rgba(0, 0, 0, .1)
  }

  #prprInfo .b-nav-tab.disabled {
    color: #666 !important;
    pointer-events: none;
    cursor: default;
  }

  #prprInfo .char-icon {
    width: 180px;
    float: right;
    margin-left: 12px;
    margin-bottom: 12px;
  }
</style>
<script>
  'use strict';

  function Tabs() {
    var bindAll = function() {
      var menuElements = document.querySelectorAll('[data-tab]');
      for (var i = 0; i < menuElements.length; i++) {
        menuElements[i].addEventListener('click', change, false);
      }
    }
    var clear = function() {
      var menuElements = document.querySelectorAll('[data-tab]');
      for (var i = 0; i < menuElements.length; i++) {
        menuElements[i].classList.remove('active');
        var id = menuElements[i].getAttribute('data-tab');
        document.getElementById(id).classList.remove('active');
      }
    }
    var change = function(e) {
      e.preventDefault();
      clear();
      e.target.classList.add('active');
      var id = e.currentTarget.getAttribute('data-tab');
      document.getElementById(id).classList.add('active');
    }
    bindAll();
  }
  var connectTabs = new Tabs();
</script>[/html]

Отредактировано Karatachi Murasaki (19.04.2024 23:08)