Dmitry Navikov | Demigod of Perun
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;900&family=Noto+Sans+Thai:wght@100;300;400;700&family=Syncopate:wght@400;700&family=Cormorant+Garamond:ital,wght@1,700&display=swap');
:root {
--dmitry-steel: #b0bec5;
--dmitry-electric: #2196f3;
--dmitry-wrath: #d32f2f;
--dmitry-dark: #0f1214;
--dmitry-border: rgba(33, 150, 243, 0.3);
}
.dmitry-frame {
max-width: 950px;
margin: 50px auto;
background: var(--dmitry-dark);
border: 1px solid #333;
position: relative;
overflow: hidden;
box-shadow: 0 40px 100px rgba(0,0,0,0.8);
}
/* --- Interactive Identity Header --- */
.dmitry-identity {
height: 600px;
position: relative;
background: #000;
cursor: crosshair;
overflow: hidden;
border-bottom: 2px solid var(--dmitry-electric);
}
/* ภาพหลังถอดหน้ากาก (ชั้นล่าง) */
.identity-unmasked {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background: url('https://i.imgur.com/PRpZ4kK.png') center/cover;
}
/* ภาพหน้ากาก (ชั้นบน - ค่อยๆ หายไปเมื่อ Hover) */
.identity-masked {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background: url('https://i.imgur.com/UBpscm1.png') center/cover;
transition: 0.7s ease-in-out;
z-index: 2;
}
.dmitry-identity:hover .identity-masked {
opacity: 0;
transform: scale(1.05);
}
.identity-overlay {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background: linear-gradient(to top, var(--dmitry-dark) 5%, transparent 40%);
z-index: 3;
pointer-events: none;
}
/* --- Name & Rank --- */
.dmitry-title-box {
position: absolute;
bottom: 40px;
left: 60px;
z-index: 4;
}
/* --- Content Body --- */
.dmitry-body {
padding: 80px 60px;
background-image:
radial-gradient(circle at 100% 100%, rgba(33, 150, 243, 0.05) 0%, transparent 50%),
url('https://www.transparenttextures.com/patterns/carbon-fibre.png');
}
.dmitry-section {
margin-bottom: 70px;
display: grid;
grid-template-columns: 250px 1fr;
gap: 40px;
}
.sec-label {
font-family: 'Syncopate', sans-serif;
font-size: 10px;
letter-spacing: 5px;
color: var(--dmitry-electric);
border-right: 1px solid var(--dmitry-electric);
display: flex;
align-items: center;
}
.sec-content {
line-height: 2.2;
color: #cfd8dc;
font-family: 'Noto Sans Thai', sans-serif;
}
/* --- Power Timeline --- */
.power-timeline {
position: relative;
padding-left: 30px;
border-left: 1px solid #333;
}
.power-node {
position: relative;
margin-bottom: 50px;
}
.power-node::before {
content: '';
position: absolute;
left: -35px; top: 10px;
width: 8px; height: 8px;
background: var(--dmitry-electric);
box-shadow: 0 0 10px var(--dmitry-electric);
}
.lvl-tag {
font-family: 'Orbitron', sans-serif;
font-size: 11px;
color: var(--dmitry-steel);
background: rgba(255,255,255,0.05);
padding: 2px 10px;
margin-bottom: 10px;
display: inline-block;
}
.power-wrath {
border-left: 3px solid var(--dmitry-wrath) !important;
background: rgba(211, 47, 47, 0.05);
padding: 20px;
}
/* --- Footer --- */
.dmitry-footer {
padding: 40px;
background: #000;
text-align: center;
border-top: 1px solid #222;
}
</style>
<div class="dmitry-frame">
<div class="dmitry-identity">
<div class="identity-unmasked"></div>
<div class="identity-masked"></div>
<div class="identity-overlay"></div>
<div class="dmitry-title-box">
<font face="Orbitron" size="7" color="#ffffff" style="letter-spacing: 8px; font-weight: 900; text-transform: uppercase;">
Dmitry<br>Navikov
</font><br>
<font face="Syncopate" size="2" color="#2196f3" style="letter-spacing: 10px;">DEMIGOD OF PERUN</font>
</div>
</div>
<div class="dmitry-body">
<div class="dmitry-section">
<div class="sec-label">DATA DECRYPTED</div>
<div class="sec-content">
<font size="3">
<font color="#90a4ae"><b>BIRTH:</b></font> 12 ธันวาคม 2000 <br>
<font color="#90a4ae"><b>BLOODLINE:</b></font> เทพเปรุน (SLAVIC DEITY) <br>
<font color="#90a4ae"><b>AFFILIATION:</b></font> ค่ายสลาฟ (SLAVIC CAMP) <br>
<font color="#90a4ae"><b>ENEMY:</b></font> - Eloise & Half-Blood Camp -
</font>
</div>
</div>
<div class="dmitry-section">
<div class="sec-label">CHRONICLE</div>
<div class="sec-content">
<font size="3">
มนุษย์กึ่งเทพชาวรัสเซียผู้สืบสายเลือดจาก <font color="#2196f3"><b>เทพเปรุน</b></font> เทพแห่งสายฟ้า ท้องนภา และสงคราม ดีมิทรีคือตัวแทนของความหยิ่งทรนงและความเป็นผู้นำที่เข้มงวด เขาปกครองด้วยแนวคิดเผด็จการที่เป็นที่ตั้ง ไม่ยอมลดราวาศอกให้ใคร <br><br>
ภายใต้หน้ากากที่ไม่มีใครเคยได้เห็นใบหน้าจริง (ยกเว้นคนในค่าย) เขาอุทิศตนเพื่อสร้างแสนยานุภาพที่ไร้เทียมทานให้แก่รัสเซีย ด้วยเป้าหมายอันแรงกล้าที่จะผลักดันให้มาตุภูมิเป็นประเทศอันดับหนึ่งของโลกผ่านพลังอำนาจศักดิ์สิทธิ์ที่เขามี
</font>
</div>
</div>
<div class="dmitry-section">
<div class="sec-label">แสนยานุภาพ</div>
<div class="sec-content">
<div class="power-timeline">
<div class="power-node">
<span class="lvl-tag">LEVEL 05</span><br>
<font size="4" color="#ffffff"><b>ความแข็งแกร่ง (STRENGTH)</b></font><br>
<font size="2" color="#90a4ae">สกิลติดตัวที่เพิ่มพูนพละกำลังทางกายภาพขั้นสูงให้แก่สายเลือดกึ่งเทพ</font>
</div>
<div class="power-node">
<span class="lvl-tag">LEVEL 15</span><br>
<font size="4" color="#ffffff"><b>ควบคุมสายลม I (AERO-CONTROL)</b></font><br>
<font size="2" color="#90a4ae">แปรเปลี่ยนอากาศรอบกายเป็นก้อนพลังงานหนาแน่น ซัดเข้าใส่ศัตรูอย่างรุนแรง (+15 POW)</font>
</div>
<div class="power-node power-wrath">
<span class="lvl-tag" style="background: #d32f2f;">LEVEL 20</span><br>
<font size="4" color="#ffffff"><b>บูสต์พาวเวอร์ (WRATH MODE)</b></font><br>
<font size="2" color="#cfd8dc">ปลดปล่อยโทสะขั้นสุด ออร่าสีแดงเข้มปกคลุมร่างกาย สีผมเปลี่ยนเป็นสีฟ้า พายุและไฟฟ้าสถิตย์จะหมุนวนรอบตัว เพิ่มพละกำลังและความถึกทวีคูณ</font>
</div>
<div class="power-node">
<span class="lvl-tag">LEVEL 30</span><br>
<font size="4" color="#ffffff"><b>คำรามดุจฟ้าร้อง (THUNDER ROAR)</b></font><br>
<font size="2" color="#90a4ae">เปล่งวาจาศักดิ์สิทธิ์ที่สร้างแรงกดดันมหาศาลประดุจแรงโน้มถ่วงที่หนักอึ้ง บังคับให้ศัตรูต้องศิโรราบและสูญเสียพละกำลังในการต่อสู้</font>
</div>
</div>
</div>
</div>
</div>
<div class="dmitry-footer">
<font face="Orbitron" size="1" color="#2196f3" style="letter-spacing: 12px; opacity: 0.5;">POWERED BY PERUN • THE SLAVIC SUPREMACY</font><br>
<font face="Cormorant Garamond" size="2" color="#ffffff" style="font-style: italic; opacity: 0.3; margin-top: 10px; display: block;">"Russia will stand above all heavens."</font>
</div>
</div>
หน้า:
[1]