Caleb Reed | Magician of LoNex
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;900&family=Noto+Sans+Thai:wght@100;300;400;700&family=Tenor+Sans&family=Marcellus&display=swap');
:root {
--caleb-gold: #c5a059;
--caleb-blood: #7b0000;
--caleb-onyx: #0a0a0a;
}
.cr-wrapper {
max-width: 980px;
margin: 50px auto;
background: var(--caleb-onyx);
font-family: 'Noto Sans Thai', sans-serif;
position: relative;
overflow: hidden;
border: 1px solid #222;
box-shadow: 0 80px 120px rgba(0,0,0,0.9);
}
/* --- Visual Header Collage --- */
.cr-visual-header {
height: 650px;
position: relative;
display: flex;
background: #000;
border-bottom: 2px solid var(--caleb-blood);
}
.vis-bg {
position: absolute;
width: 100%; height: 100%;
background: url('https://iili.io/fvgWlJj.png') center/cover;
opacity: 0.3;
filter: grayscale(1) contrast(1.5);
}
.vis-main {
position: absolute;
left: 0; bottom: 0;
width: 55%; height: 100%;
background: url('https://img2.imgbiz.com/imgbiz/Froy-main.jpg') no-repeat left bottom/cover;
z-index: 3;
clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
border-right: 3px solid var(--caleb-gold);
}
.vis-texture {
position: absolute;
right: 0; top: 0;
width: 50%; height: 100%;
background: url('https://iili.io/fvgWyB9.png') center/cover;
z-index: 2;
opacity: 0.5;
filter: sepia(1) hue-rotate(-30deg) brightness(0.6);
}
.cr-title-block {
position: absolute;
right: 50px;
bottom: 50px;
z-index: 5;
text-align: right;
}
/* --- Data Grid --- */
.cr-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
background: var(--caleb-onyx);
border-bottom: 1px solid #333;
}
.stat-cell {
padding: 30px;
border-right: 1px solid #222;
text-align: center;
}
/* --- Content Body --- */
.cr-body {
padding: 80px;
background-image:
linear-gradient(to bottom, rgba(10,10,10,0.92), rgba(10,10,10,0.92)),
url('https://iili.io/fvgWyB9.png');
background-attachment: fixed;
}
.cr-section {
margin-bottom: 80px;
position: relative;
}
.cr-sec-head {
border-bottom: 1px solid var(--caleb-blood);
padding-bottom: 15px;
margin-bottom: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
.cr-text-box {
background: rgba(255,255,255,0.02);
padding: 50px;
border: 1px solid #1a1a1a;
line-height: 2.2;
}
.lonex-indicator {
position: absolute;
top: -15px; right: 40px;
background: var(--caleb-blood);
padding: 5px 20px;
}
.power-lock {
padding: 60px;
border: 2px dashed #222;
text-align: center;
background: rgba(123, 0, 0, 0.05);
}
.cr-footer {
padding: 100px 80px;
background: #000;
text-align: center;
border-top: 1px solid var(--caleb-gold);
}
</style>
<div class="cr-wrapper">
<div class="cr-visual-header">
<div class="vis-bg"></div>
<div class="vis-texture"></div>
<div class="vis-main"></div>
<div class="cr-title-block">
<font face="Cinzel Decorative" size="7" color="#ffffff" style="line-height: 0.8; text-shadow: 0 0 20px #7b0000;">
CALEB<br>REED
</font><br>
<font face="Cinzel Decorative" size="5" color="#c5a059" style="letter-spacing: 15px;">
VESSEL
</font>
</div>
</div>
<div class="cr-stats">
<div class="stat-cell">
<font face="Tenor Sans" size="1" color="#c5a059" style="letter-spacing: 2px; text-transform: uppercase;">BIRTH</font><br>
<font size="3" color="#d1d1d1">10 OCT 2000</font>
</div>
<div class="stat-cell">
<font face="Tenor Sans" size="1" color="#c5a059" style="letter-spacing: 2px; text-transform: uppercase;">HOST OF</font><br>
<font size="3" color="#e2c08d">SEKHMET</font>
</div>
<div class="stat-cell">
<font face="Tenor Sans" size="1" color="#c5a059" style="letter-spacing: 2px; text-transform: uppercase;">AFFILIATION</font><br>
<font size="3" color="#7b0000"><b>LONEX</b></font>
</div>
<div class="stat-cell" style="border:none;">
<font face="Tenor Sans" size="1" color="#c5a059" style="letter-spacing: 2px; text-transform: uppercase;">WEAPON</font><br>
<font size="3" color="#d1d1d1">UNKNOWN</font>
</div>
</div>
<div class="cr-body">
<div class="cr-section">
<div class="cr-sec-head">
<font face="Cinzel Decorative" size="6" color="#c5a059">PERSONALITY</font>
<font face="Tenor Sans" size="1" color="#7b0000" style="letter-spacing: 5px; opacity: 0.5;">SEKHMET'S WILL</font>
</div>
<div class="cr-text-box">
<div class="lonex-indicator">
<font face="Tenor Sans" size="1" color="#ffffff" style="letter-spacing: 3px;">LONEX AGENT</font>
</div>
<font size="4" color="#d1d1d1">
คาเลบ รีด มีบุคลิกภายนอกที่น่าเชื่อถือและปรับตัวเก่ง เขามีเป้าหมายชัดเจนและพร้อมทำทุกวิถีทางเพื่อให้บรรลุเป้าหมายนั้น <br><br>
เขาโดดเด่นในการ <font color="#c5a059"><b>เสแสร้งและตีสองหน้า</b></font> สามารถแสดงออกได้อย่างแนบเนียนเพื่อให้ผู้อื่นตายใจ ทักษะนี้ถูกพัฒนาขึ้นเพื่อปกปิดความแค้นที่มีต่อเหล่าเทพอียิปต์ จากการสูญเสียพ่อแม่ในอดีต ลึกๆ แล้วเขาเต็มไปด้วยความเจ็บปวดที่แปรเปลี่ยนเป็นความแค้น ผลักดันให้เขาหันหลังให้ผู้ใช้เวทมนตร์ทั่วไป และเข้าร่วมกับ <font color="#c5a059"><b>องค์กร LoNex</b></font> เพื่อกวาดล้างทวยเทพทุกตำนาน
</font>
</div>
</div>
<div class="cr-section">
<div class="cr-sec-head">
<font face="Cinzel Decorative" size="6" color="#c5a059">BIOGRAPHY</font>
</div>
<div class="cr-text-box" style="border-right: 3px solid #c5a059;">
<font size="3" color="#d1d1d1">
ผู้สืบเชื้อสายเวทมนตร์อียิปต์โบราณมาจากทางฝั่งมารดา หลังจากโศกนาฏกรรมในวัยเด็ก คาเลบได้จุดประกายความแค้นต่อเทพอียิปต์ที่ไม่สามารถช่วยชีวิตพ่อแม่เขาไว้ได้ แม้ในปี 2022 เขาจะเข้าร่วมโนมแห่งคาร์เตอร์ เคน เพื่อฝึกฝนเวทมนตร์ แต่ความแค้นนั้นกลับยิ่งสุมทรวง <br><br>
จนในปี 2024 เขาได้พบกับ <font color="#c5a059"><b>จักรพรรดิโรมัน xxx</b></font> และเข้าร่วม <font color="#c5a059"><b>LoNex</b></font> องค์กรที่มีเป้าหมายกวาดล้างทวยเทพเพื่อสร้างระเบียบโลกใหม่ เพียงสามเดือนหลังจากนั้น คาเลบได้ปลุกความบ้าคลั่งดั้งเดิมของ <font color="#c5a059"><b>เทพีเซคเมต</b></font> (เทพีแห่งสงครามและโรคระบาด) และควบคุมมาเป็นร่างสถิตย์ได้สำเร็จ การรวมเป็นหนึ่งกับพลังทำลายล้างทำให้เขากลายเป็นเครื่องมือที่น่าสะพรึงกลัวที่สุดในแผนการกวาดล้างทวยเทพทุกตำนาน
</font>
</div>
</div>
<div class="cr-section">
<div class="cr-sec-head">
<font face="Cinzel Decorative" size="6" color="#c5a059">POWER UNLOCK</font>
</div>
<div class="power-lock">
<font size="7" color="#7b0000">◈</font><br>
<font face="Tenor Sans" size="4" color="#ffffff" style="letter-spacing: 5px;">CLASSIFIED INFORMATION</font><br>
<font size="2" color="#666666">- ข้อมูลถูกปกปิดโดยองค์กร LoNex -</font>
</div>
</div>
</div>
<div class="cr-footer">
<font face="Marcellus" size="5" color="#c5a059" style="letter-spacing: 10px;">THE WRATH OF SEKHMET</font><br>
<font size="1" color="#444444" style="letter-spacing: 2px;">10.10.2000 // AGENT ID: LONEX-REED</font>
</div>
</div>
หน้า:
[1]