God โพสต์ 2025-8-30 22:54:52

[ช้อตกลงการขอรีไอดีย้ายมายังค่ายจูปิเตอร์]

   
    <!-- Font Awesome for icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>

      .jupiter-container {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 130vh;
            justify-content: center;
            align-items: center;
      }
      .olympus-content {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 2rem;
            background-color: #f7f5ef;
            position: relative;
            width: 100%;
            height: 100%;
      }
      .romanus-scroll-container {
            position: relative;
            width: 80%; /* Adjusted for better responsiveness */
            height: auto;
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
            background-color: transparent; /* Changed to transparent to let image background show */
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
      }
      .romanus-scroll-container img {
            width: 100%;
            height: auto;
            object-fit: contain; /* Ensure image scales properly */
      }
      .divine-text-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: #4b4b4b;
            font-family: 'Times New Roman', serif;
            font-size: clamp(0.8rem, 2vw, 1.25rem); /* Use clamp for fluid typography */
            line-height: 1.5;
            width: 50%; /* Constrain text width to prevent overflow */
            overflow-wrap: break-word; /* Ensure long words don't overflow */
      }
      .divine-text-overlay h1 {
            font-size: clamp(1rem, 3vw, 1.75rem); /* Use clamp for fluid typography */
            font-weight: bold;
            margin-bottom: 0.5rem;
      }
      .divine-text-overlay p {
            font-size: clamp(0.7rem, 1.5vw, 1rem); /* Use clamp for fluid typography */
            margin: 0;
      }
    </style>



    <div class="jupiter-container rounded-lg shadow-xl">
      <!-- Main Content -->
      <main class="olympus-content">
            <div class="romanus-scroll-container">
                <img src="https://i.imgur.com/rHrhUvi.png" alt="Ancient Scroll">
                <div class="divine-text-overlay">
                  <h1><font face="Kanit" size="5">ช้อตกลงการรีไอดีย้ายมายังค่ายจูปิเตอร์</font></h1>
                  <p><font face="Kanit" size="4">เมื่อคุณตัดสินใจรีไอดี (ID) มายังค่ายจูปิเตอร์ จะถือว่าคุณได้ยอมรับข้อตกลงที่สำคัญดังต่อไปนี้:</font></p><font face="Kanit" size="4"><b style="background-color: transparent;">การย้ายกลับ:</b><span style="background-color: transparent;"> การตัดสินใจย้ายมายังค่ายจูปิเตอร์เป็นการตัดสินใจขั้นสุดท้าย คุณจะไม่สามารถรีไอดีนี้กลับไปค่ายฮาล์ฟบลัดได้ในทุกกรณี ต่อให้โควต้ารีไอดียังเหลือ เว้นแต่จะทำการเปิด&nbsp;(ID ที่ 2)</span><br><b style="background-color: transparent;">คำยืนยัน:</b><span style="background-color: transparent;"> หากคุณแน่ใจแล้วว่าจะย้ายค่าย และจะไม่ย้ายกลับไปยังค่ายฮาล์ฟบลัด โปรดลงชื่อในกระทู้นี้เพื่อเป็นลายลักษณ์อักษรยืนยันความประสงค์ของคุณ</span><br></font><p><b><font face="Kanit" size="4">การลงชื่อในกระทู้นี้ถือว่าเป็นการยืนยันว่าคุณเข้าใจและยอมรับข้อตกลงทั้งหมดที่กล่าวมาข้างต้น</font></b></p><p><b><font face="Kanit" size="4"><br></font></b></p><p><b><font face="Kanit" size="4">หมายเหตุ: โควต้าการรีไอดีสามารถดูได้ที่กระทู้กฎตามเดิม (</font></b><a href="https://percyjackson.mooorp.com/thread/2/1/1"><font face="Kanit" size="4">คลิก</font></a><b><font face="Kanit" size="4">)</font></b></p>
                </div>
            </div>
      </main>
    </div>

หน้า: [1]
ดูในรูปแบบกติ: [ช้อตกลงการขอรีไอดีย้ายมายังค่ายจูปิเตอร์]