[โครงการสร้างวิหารโอลิมปัส]
<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Noto+Sans+Thai:wght@300;400;700&family=Montserrat:wght@300;600&display=swap');
/* --- 🏛️ ARCHITECTURAL PROJECT WRAPPER --- */
.blueprint-wrapper {
max-width: 950px;
margin: 50px auto;
background: #f4f7f9; /* สีขาวอมฟ้าสไตล์กระดาษพิมพ์เขียวสมัยใหม่ */
border: 2px solid #2c3e50;
box-shadow: 0 30px 60px rgba(0,0,0,0.1);
font-family: 'Noto Sans Thai', sans-serif;
position: relative;
overflow: hidden;
}
/* เส้นตารางพิมพ์เขียวจางๆ */
.blueprint-grid {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background-image: linear-gradient(#d1d9e0 1px, transparent 1px), linear-gradient(90deg, #d1d9e0 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.3;
pointer-events: none;
}
/* --- 📜 HEADER --- */
.blueprint-header {
background: #2c3e50;
padding: 60px 40px;
text-align: center;
border-bottom: 5px solid #c5a059;
position: relative;
}
/* --- 📊 FUNDING PROGRESS BAR --- */
.progress-section {
margin: 40px 0;
padding: 30px;
background: rgba(255,255,255,0.8);
border: 1px solid #c5a059;
}
.bar-container {
width: 100%;
background: #e0e0e0;
height: 30px;
border-radius: 15px;
overflow: hidden;
margin: 15px 0;
border: 1px solid #ccc;
}
.bar-fill {
width: 100%; /* 1000 จาก 3000 */
background: linear-gradient(90deg, #2c3e50, #c5a059);
height: 100%;
border-radius: 15px 0 0 15px;
}
/* --- 📄 BLUEPRINT CONTENT --- */
.blueprint-body {
padding: 60px 80px;
position: relative;
z-index: 2;
}
.draft-note {
border-left: 5px solid #2c3e50;
padding: 20px 30px;
background: #fff;
margin-bottom: 40px;
box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
}
.temple-unlock-box {
display: flex;
justify-content: space-around;
gap: 20px;
margin: 40px 0;
}
.temple-card {
background: #fff;
border: 1px solid #2c3e50;
padding: 20px;
text-align: center;
flex: 1;
transition: 0.3s;
}
.temple-card:hover { border-color: #c5a059; transform: translateY(-5px); }
/* --- 💎 DONATION BOX --- */
.donation-incentive {
background: #2c3e50;
padding: 40px;
border-radius: 4px;
margin-top: 50px;
}
.reward-item {
display: inline-block;
border: 1px solid rgba(197, 160, 89, 0.5);
padding: 10px 20px;
margin: 5px;
background: rgba(255,255,255,0.05);
}
/* --- 🏁 FOOTER --- */
.blueprint-footer {
background: #1a1a1a;
padding: 25px;
text-align: center;
border-top: 1px solid #333;
}
</style>
<div class="blueprint-wrapper">
<div class="blueprint-grid"></div>
<div class="blueprint-header">
<font face="Cinzel Decorative" size="6" color="#c5a059" style="letter-spacing: 3px;"><b>OLYMPUS TEMPLE PROJECT</b></font><br>
<font face="Montserrat" size="2" color="#ffffff" style="letter-spacing: 5px; opacity: 0.8;">CHASE ARCHITECTURAL STUDIO</font>
</div>
<div class="blueprint-body">
<div class="draft-note">
<font size="3" color="#2c3e50">
โครงการก่อสร้างวิหารเพื่อสานต่อปณิธานของ <b>เจสัน เกรซ</b> ที่ต้องการระดมทุนสร้างสถานที่ศักดิ์สิทธิ์ ณ ค่ายฮาล์ฟบลัด<br>
<b>แอนนาเบธ เชส</b> ได้รับช่วงต่อและปรับปรุงงานออกแบบให้มีความทันสมัยตามหลักสถาปนิกดาวเด่นแห่งโอลิมปัส<br>
โดยโครงการเฟสแรกจะเริ่มต้นจากการสร้างวิหารประธานเทพทั้งสามหลัง
</font>
</div>
<div class="temple-unlock-box">
<div class="temple-card">
<font face="Cinzel Decorative" size="2" color="#2c3e50"><b>ZEUS</b></font><br>
<font size="1" color="#888888">KING OF GODS</font>
</div>
<div class="temple-card">
<font face="Cinzel Decorative" size="2" color="#2c3e50"><b>HERA</b></font><br>
<font size="1" color="#888888">QUEEN OF HEAVEN</font>
</div>
<div class="temple-card">
<font face="Cinzel Decorative" size="2" color="#2c3e50"><b>ATHENA</b></font><br>
<font size="1" color="#888888">WISDOM & WAR</font>
</div>
</div>
<div class="progress-section">
<font face="Montserrat" size="3" color="#2c3e50"><b>PROJECT FUNDING STATUS</b></font><br>
<div class="bar-container">
<div class="bar-fill"></div>
</div>
<div style="display: flex; justify-content: space-between;">
<font size="4" color="#2c3e50"><b>3000</b> <font size="2" color="#888888">DRACHMAS</font></font>
<font size="4" color="#c5a059"><b>3000</b> <font size="2" color="#888888">GOAL</font></font>
</div>
</div>
<div style="margin: 40px 0;">
<font size="4" color="#2c3e50"><b>แผนการดำเนินงาน</b></font><hr style="border: 0; border-top: 1px solid #ccc; margin: 10px 0;">
<font size="3" color="#555555">
● ระดมทุนเพื่อเป็นงบประมาณโครงการก่อสร้างวิหารโอลิมปัส<br>
● สมาชิกทั้งค่ายสามารถร่วมบริจาคได้โดยไม่จำกัดจำนวนครั้ง<br>
● หลังสร้างวิหาร 3 หลังแรกสำเร็จ แอนนาเบธจะเริ่มร่างแผนวิหารประจำบ้านพักอื่นๆ ต่อไป
</font>
</div>
<div class="donation-incentive">
<font face="Cinzel Decorative" size="4" color="#c5a059"><b>CONTRIBUTOR REWARDS</b></font><br>
<font size="2" color="#ffffff" style="opacity: 0.7;">ทุกการบริจาคครบ 100 ดรักม่า จะได้รับรางวัลตอบแทนดังนี้:</font><br><br>
<div class="reward-item">
<font size="3" color="#ffffff"><b>+30 EXP</b></font> <font size="1" color="#888888">(LV. MAX +1 POINT)</font>
</div>
<div class="reward-item">
<font size="3" color="#ffffff"><b>+50 เกียรติยศ</b></font>
</div>
<div class="reward-item">
<font size="3" color="#ffffff"><b>ป้ายเกียรติยศ 5</b></font>
</div>
<div class="reward-item">
<font size="3" color="#ffffff"><b>ศิลาก่อกำเนิด 1</b></font>
</div>
</div>
<div style="margin-top: 40px; text-align: center;">
<font size="3" color="#ad1718"><b>รางวัลสำเร็จโครงการ:</b> ปลดล็อกสามวิหารชุดแรกอย่างเป็นทางการ</font>
</div>
</div>
<div class="blueprint-footer">
<font face="Cinzel Decorative" size="1" color="#555555" style="letter-spacing: 5px;">OFFICIAL BLUEPRINT // PROPERTY OF CAMP HALF-BLOOD</font>
</div>
</div> แก้ไขครั้งสุดท้ายโดย Xolotl เมื่อ 2026-1-19 15:25
แบบฟอร์มรับรางวัลชื่อเต็ม: คีอาร์ โซล็อตล์ สังกัดบ้านหมายเลข: 28สายเลือด: บอเรอัส
บริจาค: 2000 ดรักม่า
รางวัล: LV. MAX +20 POINT, +1000 เกียรติยศ, 100 ป้ายเกียรติยศ, 20 ศิลาก่อกำเนิด(ทุก ๆ การบริจาค 100 ดรักม่าจะได้รับ 30 EXP (LV. MAX +1 POINT), +50 เกียรติยศ, 5 ป้ายเกียรติยศ, 20 ศิลาก่อกำเนิด
https://marketeeronline.co/wp-content/uploads/2018/05/1.png
หน้า:
[1]