Richter - White Card

<!--
[คู่มือการแก้ไขโคด]
ตรงชื่อ ถ้าตัวอักษรซ้อนกัน สามารถใช้สเปซบาร์เพิ่มเว้นวรรคในการจัดตำแหน่งได้
ในส่วนของข้อความสถานที่และ Short Quote สามารถเคาะขึ้นบรรทัดใหม่ได้เลยเพื่อความสวยงาม

ปรับตำแหน่งภาพ : --whcard-pos: 50% 0%;
 - เลขตัวแรกคือการขยับซ้าย - ขวา โดย 0% = ชิดซ้าย 100% = ชิดขวา
 - เลขตัวหลังคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง

ปรับขนาดภาพ : --whcard-size: 167.667%;
 - cover คือ ขยายเต็มพื้นที่
 - 100% คือ กว้างเท่า div
 - มากกว่า 100% คือ ขนาดใหญ่ขึ้น
 - น้อยกว่า 100% คือ ขนาดเล็กลง
-->

<link href="https://savant777.github.io/zoecode/whitecard.css" rel="stylesheet">
<div id="WhiteCard"><a href="https://discord.com/users/625292873914515456/"></a><div class="whcard-box">
<div class="whcard-pic" style="--whcard-pic: url(--ลิงก์รูปภาพ--);"></div>
<div class="whcard-place"><div>สถานที่</div></div>
<div class="whcard-area">
<div class="whcard-quote"><div>Short Quote</div></div>
<div class="whcard-content">--เนื้อหาโรลเพลย์--</div>
<div class="whcard-name">Richter<br> Chasez</div>
<div class="whcard-ps">--หมายเหตุ--</div>
</div></div></div>