Life at Riverside Heights : โคดโรลเพลย์

<!--
[คู่มือการแก้ไขโคด]
สีหลัก: --apt-primary: red;

ปรับตำแหน่งรูป เพิ่ม --apt-pos: 50% 50%; ต่อท้ายลิงก์รูป
- ตัวแรก ขยับซ้ายขวา <50% ขยับไปทางขวา >50% ขยับไปทางซ้าย
- ตัวหลัง ขยับขึ้นลง <50% ขยับไปข้างบน >50% ขยับไปข้างล่าง

ปรับขนาดรูป เพิ่ม --apt-size: cover; ต่อท้ายลิงก์รูป
- cover ขยายเต็มพื้นที่
- 100% กว้างเท่าพื้นที่
- <100% กว้างน้อยกว่าพื้นที่ (ย่อรูป)
- >100% กว้างมากกว่าพื้นที่ (ขยายรูป)

หากนำไปใช้ข้างนอกที่ div class="apt-pic-2" ให้ลบ data="Riverside Heights" ออก
-->

<link href="https://savant777.github.io/zoecode/apartment/apartment.css" rel="stylesheet">
<div id="Apartment"><a href="https://discord.com/users/625292873914515456/"></a><div id="apt-role" class="apt-box" style="--apt-primary: red;">
<div class="apt-head">
<div><i class="fa-solid fa-calendar"></i> --วันเวลา--</div>
<div><i class="fa-solid fa-location-dot"></i> --สถานที่--</div>
<div><i class="fa-solid fa-phone fa-xs"></i> <i class="fa-solid fa-sliders fa-xs"></i> <i class="fa-solid fa-message fa-xs"></i> <i class="fa-solid fa-toggle-on fa-flip-horizontal fa-xl"></i></div></div><div class="apt-pic-grid">
<div class="apt-pic-1" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div>
<div class="apt-pic-2" data="Riverside Heights" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div>
<div class="apt-pic-3" style="--apt-pic: url(--ลิงก์รูปภาพ--);">
<div class="apt-room"><i class="fa-solid fa-key fa-rotate-90"></i> --ชั้น-- Floor, Room --เลขห้อง--</div></div></div>
<div class="apt-info">
<div class="apt-pfpic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div>
<div class="apt-nameset">
<div class="apt-name">--Name--</div>
<div class="apt-desc">--ข้อความสั้น ๆ--</div>
<div class="apt-gear"><i class="fa-solid fa-gear fa-xs"></i></div></div></div>
<div class="apt-content"><div>
--เนื้อหาโรลเพลย์--
</div></div>
<div class="apt-psset"><div class="apt-ps">[b]หมายเหตุ:[/b] --หมายเหตุ--</div>
<div class="apt-send"><i class="fa-regular fa-paper-plane"></i></div></div></div></div>