не придумал смешное название

[html]

<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Главная карточка */
.shinobi-sheet {
max-width: 1350px;
width: 100%;
padding: 1.8rem 2rem;
}
.shinobi-sheet::before {
content: "";
position: absolute;
top: -1px;
left: 10%;
width: 80%;
height: 3px;
background: linear-gradient(90deg, transparent, #CC3638, #FC8589, #642D33, transparent);
border-radius: 3px;
}
/* Заголовок */
.sheet-header {
text-align: center;
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: 2px solid rgb(158 0 0 / 60%);
position: relative;
}
.char-name {
font-family: 'Cinzel', serif;
font-weight: 900;
font-size: 2.8rem;
letter-spacing: 2px;
background: linear-gradient(135deg, #CC3638, #642D33);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
margin-bottom: 0.3rem;
}
.char-details {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.5rem;
font-size: 1.1rem;
font-weight: 500;
color: #6c7fc0;
}
.char-details span {
background: #fff;
padding: 0.2rem 1rem;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
font-family: 'Cinzel', serif;
font-size: 1rem;
}
.char-details i {
margin-right: 8px;
color: #3e91b6;
}
/* Двухколононная сетка */
.sheet-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 2rem;
margin-top: 1rem;
}
/* Левая панель */
.left-panel {
display: flex;
flex-direction: column;
gap: 1.8rem;
}
/* Портрет */
.portrait-icon {
max-height: 222px;
overflow: hidden;
}
.portrait-card {
background: #fff;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 1rem;
text-align: center;
}
.portrait-card img {
width: 222px;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
transform: scale(1);
transition: transform 0.3s ease-in-out;
}
.portrait-card img:hover {
transform: scale(1.1);
transition: transform 0.3s ease-in-out;
}
/* Блоки статистики */
.stat-block {
background: #fff;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 1.2rem 1rem;
}
.stat-title {
font-family: 'Cinzel', serif;
font-size: 1.2rem;
font-weight: 600;
color: #a95062;
border-left: 4px solid #9b3135;
padding-left: 12px;
margin-bottom: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
}
.ninja-stats-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.8rem 1.2rem;
}
.stat-item {
display: flex;
align-items: baseline;
justify-content: space-between;
border-bottom: 1px dotted rgba(108, 143, 156, 0.4);
padding: 5px 0;
font-size: 1rem;
}
.stat-item span:first-child {
font-weight: 600;
font-size: 0.9rem;
}
.stat-item span:last-child {
font-weight: bold;
}
.sharingan-level {
margin-top: 10px;
background: #f5f5f5;
border-radius: 6px;
padding: 6px 12px;
text-align: center;
font-size: 0.9rem;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.inventory-list {
list-style: none;
font-size: 0.85rem;
display: flex;
flex-wrap: wrap;
gap: 0.4rem 0.8rem;
}
.inventory-list li {
background: #f5f5f5;
padding: 3px 10px;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
/* Правая панель */
.right-panel {
display: flex;
flex-direction: column;
gap: 1.8rem;
}
/* Атрибуты в виде карточек */
.attributes-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 0.8rem;
margin-bottom: 1rem;
}
.attr-card {
background: #f5f5f5;
border-radius: 6px;
padding: 0.5rem 1rem;
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.attr-name {
font-weight: 600;
font-size: 0.95rem;
color: #4b4b4b;
}
.attr-name i {
margin-right: 8px;
width: 24px;
}
.attr-value {
font-weight: bold;
font-size: 1rem;
}
.feature-block {
background: rgb(245 245 245);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 6px;
padding: 8px 14px;
margin-top: 8px;
font-size: 0.9rem;
}
/* Список техник и способностей */
.techniques-list {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
margin-top: 6px;
}
.tech-tag {
background: #f5f5f5;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 5px 16px;
font-size: 0.85rem;
}
.tech-tag i {
margin-right: 6px;
color: #9b3135;
}
.water-style {
border-left: 4px solid #0358ad;
}
@media (max-width: 700px) {
.sheet-grid { grid-template-columns: 1fr; gap: 1.5rem; }
body { padding: 1rem; }
.char-name { font-size: 2rem; }
}
@media (max-width: 450px) {
.attributes-grid { grid-template-columns: 1fr; }
.ninja-stats-grid { grid-template-columns: 1fr; }
.shinobi-sheet { padding: 1.2rem; }
}

::-webkit-scrollbar { width: 5px; background: #11161f; }
::-webkit-scrollbar-thumb { background: #6c9eb0; border-radius: 8px; }
.gold-accent { color: #7fc1db; }
hr {
border-color: #3a5f6e;
margin: 6px 0;
}
</style>
<div class="shinobi-sheet">
<div class="sheet-header">
<div class="char-name">Raiden · Thunderous Requiem</div>
</div>

<div class="sheet-grid">

<div class="right-panel">

<div class="stat-block">
<div class="stat-title"><i class="fa-solid fa-shirt"></i> Внешность</div>
<ul class="inventory-list">
<li><i class="fas fa-ruler-vertical"></i> Рост - 187 см </li>
<li><i class="fas fa-weight-hanging"></i> Вес - 93 кг </li>
<li><i class="fa-solid fa-scissors"></i> Бордовые волосы </li>
<li><i class="fa-regular fa-eye"></i> Черные глаза </li>
<li><i class="fa-solid fa-hand-holding-droplet"></i> Кровь - B </li>
<li><i class="fa-solid fa-bandage"></i> Протектор на поясе</li>
</ul>
<p><i class="fa-solid fa-dumbbell"></i> Райдэн выглядит как прокаченный представитель мужской части особого батальона Юкигакуре - боевых горничных Джингасы. Красив, зараза. Высокий, мускулистый, выраженная костная структура, обладает правильными чертами лица: высокие скулы, маленькие губы, длинные ресницы. Черные глаза. Волосы бордовые, пряди ниспадают неравномерно, некоторые наружу, другие внутрь, с небольшой челкой на правой стороне лба. Обычно у него нейтральное выражение лица.</p>
<p><i class="fa-solid fa-shield-halved"></i> Некоторое время в прошлом он занимался разработкой своего особого прототипа боевой брони, однако на данном этапе все проектировочные и инженерные мероприятия приостановлены по личной инициативе [впрочем, ничего не мешает ему вернуться к идее]. В остальном Райдэн носит тёмный боди с перчатками. Его пояс украшен несколькими широкими ремнями, на которых держатся сумки и кобура. Любовь к тяжёлому обмундированию питает все его разработки. В условиях сурового климата страны предпочитает массивные зимние вещи.</p>
<p><i class="fa-solid fa-book"></i> Практически всегда можно заметить с блокнотом.</p>
</div>

<div class="stat-block">
<div class="stat-title"><i class="fas fa-brain"></i> Характер</div>
<div class="techniques-list">
<span class="tech-tag"><i class="fa-solid fa-icons"></i> Хобби: черчение, игра на кото</span>
<span class="tech-tag"><i class="fa-solid fa-thumbs-up"></i> Любит: свой блокнот, похлебка с оленины</span>
<span class="tech-tag"><i class="fa-solid fa-thumbs-down"></i> Не любит: врагов страны</span>
</div>
<p><i class="fa-solid fa-hand-fist"></i> Возможно, Райдэн плохой человек. Ведь относится к типу людей "сначала стреляй, потом спрашивай" или "лучше выстрелить, перезарядить и ещё раз выстрелить". Совершенно точно он не будет ждать чужих действий или нападения, чтобы иметь основания для защиты себя или близких себе людей. Райдэн человек военной закалки, уважает правила войны, хотя живёт по собственному моральному кодексу, в котором наибольшую важность для него имеет благополучие страны, лидера и его семьи. Если что-то будет угрожать ранее упомянутому, тот без колебаний способен прибегнуть к жестоким методам для обеспечения безопасности и защиты. Его «стрельба на опережение» — это результат мгновенного, гениального анализа. </p>
<p><i class="fa-solid fa-eye"></i> Обладает отличной наблюдательностью, гениальностью и высокими аналитическими способностями [слот гения]. Предпочитает просчитывать множество возможных исходов для тех или иных событий для того, чтобы быть максимально подготовленным к неудаче, и чтобы избрать наиболее выгодный вариант. К угрозам своей страны жёсткий и категоричный. Не любит полумеры. </p>
<p><i class="fa-solid fa-magnet"></i> Стремится доводить любое дело до идеала. Обладает высокой сосредоточенностью и большой силой воли. Его голова заточена на изобретательность оборудования и созидание инженерных приспособлений, а также различных веществ [влияние Джингасы]. Ещё во времена первого сезона были показаны различные двигатели и какое-то подобие стрелковых приспособлений, с течением времени мир стал заполняться все больше и больше различными инновационными идеями. До становления шиноби Райдэн посвятил себя кузнечному ремеслу, фармацевтике и изучению технологий, которые продавали торговцы с большого континента. Обожает разбирать предметы на составные части и досконально изучать разные явления мира ниндзя [пассивки, хидены, геномы, личные техники].</p>
<p><i class="fa-solid fa-fire-flame-curved"></i> Проникся мечтами и стремлениями Джингасы - лидера страны - они полностью соответствуют его амбициям. Его интересы направлены на благополучие Юки, и потому, если ради будущего страны ему необходимо стать врагом для неё, то он претворит этот план с максимальной отдачей ресурсов в него. Без проблем способен убивать и проворачивать любую другую деятельность, присущую ремеслу шиноби. Особенно, если это необходимо ради его родины.</p>
</div>

<div class="stat-block">
<div class="stat-title"><i class="fas fa-history"></i> Биография</div>
<div class="techniques-list">
<span class="tech-tag"><i class="fa-solid fa-lightbulb"></i> Слот: Гений Юки</span>
</div>
<p><i class="fa-solid fa-baby"></i> Райдэн родился в стране Снега за много лет до создания в ней скрытой деревни. Его родители были совершенно обычными, но обладали способностями, которые в мире назывались "навыками ниндзя". К сожалению, это не помогло им на войне при мобилизации боевых единиц Альянсом малых стран. Его родители погибли во время конфликта со страной Дождя, который обострился примерно в 606 году. Благодаря таланту, который спал внутри мальчика, и врождённому уму его жизнь не закончилась: он интуитивно производил отвары из трав и собирал простейшие приспособления разных направленностей. Три года выживания в одиночку в суровом климате закаляют. Тогда же появился его блокнот. </p>
<p><i class="fa-solid fa-person-breastfeeding"></i> Через три года Райдэн знакомится с чужеземцем. С самого начала он воспринимает его как угрозу, что способствует холодному конфликту. Однако в итоге Джингаса заслуживает его одобрения, и с этого момента их пути прочно переплетаются. Медик знакомит мальчика с многими интересными областями науки, такие как фармацевтика, токсикология. Райдэн также начинает изучать искусство ниндзя и находит увлечение в ремесле.</p>
<p><i class="fa-solid fa-person-rifle"></i> Является участником боевых действий по смещению правящей власти в стране Снега, которое поспособствовало выходу из союза малых стран - из статуса зависимого государства. Уже в своём юном возрасте зарекомендовал себя как гениального ниндзя и талантливого учёного. Благодаря таланту признан Джингасой и отправлен за границу для изучения медицинских технологий, откуда возвращается прогрессивным изобретателем спустя шесть лет.</p>
<p><i class="fa-solid fa-vihara"></i> Возвращение в 618 его приятно удивило. Как и обещал Джингаса, страна развивалась стремительно: производство материалов, изготовление химии и лекарств, строительство поселений и городов. Это взрастило в Райдэне огромное уважение к лидеру. Последний переживал за такой рост. В результате правительство приняло политическую стратегию нейтралитета. Райдэн проводит полгода в ущелье Санриндани, где изучает аномалии природы. По возвращению в столицу Джингаса поручает ему возглавить научно-исследовательский отдел, чтобы заниматься технологиями страны и разработкой новых. </p>
<p><i class="fa-solid fa-house-crack"></i> Проходит много лет работы. Некоторые труды его отдела ушли в народ. Условия нейтралитета страны позволяли свободно путешествовать по миру и заниматься изучением различных [бытовых] устройств и новинок. Во время его странствий Райдэн часто сталкивался деловыми предложениями чиновников других страны. Одни предлагали купить технологии. Другие хотели оплатить эксклюзивную переработку существующих технологий для военного использования. Он всегда отказывался, видя в этом предательство нейтрального курса страны. Немного позже Райдэн впадает в депрессию, когда несколько его коллег оказываются убиты внешними вторженцами. Лидер смог вернуть в строй своего бойца, предлагая новый этап развития для страны Снега.</p>
<p><i class="fa-solid fa-handshake-angle"></i> До момента когда Джингаса решается создать скрытое селение Райдэн посвящал много времени различному ремеслу [ювелир, кузнец, оружейник, деревообработчик] и оттачивал свои познания в медицине [препараты, лекарства, яды]. Он уже знает о нездоровом интересе некоторых стран к технологиям страны. В его голове созревает необходимая стратегия по защите родины. В личном разговоре с Джингасой они оба приходят к единому мнению касательно безопасности. Райдэн начинает заниматься подготовкой. Как и большинство ниндзя деревни, проходит экзамен по оказанию медицинской помощи. Глава деревни наделяет его рангом чунина. Уже тогда оба понимали, что через несколько месяцев им суждено будет сыграть конфликтующие роли - Райдэн покинет Юкигакуре и станет преступником, чтобы защитить мечты двух, а то и более, человек. </p>
</div>
</div>

<div class="left-panel">
<div class="portrait-card">
<div class="portrait-inner">
<div class="portrait-icon">
<img src="https://i.pinimg.com/736x/11/92/9b/11929b0b4410ee4b26d9f647e959fc4b.jpg">
</div>
<span style="font-size: 10px;font-family: Helvetica Neue Medium;">Vivian Hugo | Blue Lock</span>
</div>
</div>

<div class="stat-block">
<div class="stat-title"><i class="fas fa-tag"></i> Настоящее имя:</div>
<div class="attributes-grid">
<div class="attr-card"><span class="attr-name">Райдэн</span></div>
</div>
<div class="stat-title"><i class="fas fa-crown"></i> Прозвища:</div>
<div class="attributes-grid">
<div class="attr-card"><span class="attr-name">«Гром», «Глушитель»</span></div>
</div>
<div class="stat-title"><i class="fas fa-calendar-alt"></i> Возраст:</div>
<div class="attributes-grid">
<div class="attr-card"><span class="attr-name">28 лет, 1 сентября</span></div>
</div>
<div class="stat-title"><i class="fas fa-chart-line"></i> Ранг:</div>
<div class="attributes-grid">
<div class="attr-card"><span class="attr-name">Чунин</span></div>
</div>
<div class="stat-title"><i class="fas fa-balance-scale"></i> Статус:</div>
<div class="attributes-grid">
<div class="attr-card"><span class="attr-name">глава Научно-исследовательского отдела деревни Юкигакуре</span></div>
</div>
<div class="stat-title"><i class="fas fa-map-marker-alt"></i> Скрытая деревня:</div>
<div class="attributes-grid">
<div class="attr-card"><span class="attr-name">Юкигакуре (Страна Снега)</span></div>
</div>
<div class="stat-title"><i class="fas fa-dove"></i> Цель:</div>
<div class="attributes-grid">
<div class="attr-card"><span class="attr-name">защита и усиление деревни, служба на благо Джингасе</span></div>
</div>
</div>

<div class="stat-block">
<div class="stat-title"><i class="fa-solid fa-microphone"></i> Голос</div>
<div class="attributes-grid">
<div class="attr-card"><span class="attr-name"><a href="https://www.youtube.com/watch?v=jUbmjz4zYyQ">VOICE LINES</a> | <a href="https://www.youtube.com/watch?v=wTMs_Ftjb2Q">BATTLE VOICE LINES</a></span></div>
</div>
</div>
</div>

</div>
</div>
</div>

</div>
[/html]

NARUTO: Exile

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

не придумал смешное название

Сообщений 1 страница 1 из 1

Поделиться1Сегодня 04:03