Difference between r1.19 and the current
@@ -1,5 +1,147 @@
{{{#!html
<div style="width: 100%; height: 100%; background: black;"></div>
<div style="width: 100%; height: 100vh; background: black; position: relative; overflow: hidden; max-width: 860px;">
<div style="width: 100%; height: 80px; background-image: url(https://i.ibb.co/DgKbvQQR/dca.png); background-size: contain; position: absolute; z-index: 1; box-shadow: 0 0px 80px 110px black;">
<div style="width: calc(160px + 80px); position: absolute; left: calc(50% - (160px + 80px) / 2); padding-top: 100px; display: flex; justify-content: space-between;">
<a href="#1" style="display: block; cursor: pointer; width: 40px; height: 40px; background-image: url(https://i.ibb.co/1fJ0kVXq/dc2.png); background-size: cover; color: white; text-decoration: none; font-weight: 900; background-color: white; border-radius: 50%;">
<p style="margin: 0; width: 40px; text-align: center; font-family: 한글재민체30; position: absolute; padding-top: 50px; line-height: 1.4em;">
소<br>개
<small style="position: absolute; top: 47px; font-size: 75%; padding-left: 1px; color: #ffffffdd; line-height: 1.2em;">紹<br>介</small>
</p>
</a>
<a href="#2" style="display: block; cursor: pointer; width: 40px; height: 40px; background-image: url(https://i.ibb.co/DPMjr7c6/dc4.png); background-size: cover; color: white; text-decoration: none; font-weight: 900;">
<p style="margin: 0; width: 40px; text-align: center; font-family: 한글재민체30; position: absolute; padding-top: 50px; line-height: 1.4em;">
인<br>연
<small style="position: absolute; top: 47px; font-size: 75%; padding-left: 1px; color: #ffffffdd; line-height: 1.2em;">因<br>緣</small>
</p>
</a>
<a href="#3" style="display: block; cursor: pointer; width: 40px; height: 40px; background-image: url(https://i.ibb.co/1tBK4hkh/dc3.png); background-size: cover; color: white; text-decoration: none; font-weight: 900; background-color: white; border-radius: 50%;">
<p style="margin: 0; width: 40px; text-align: center; font-family: 한글재민체30; position: absolute; padding-top: 50px; line-height: 1.4em;">
운<br>명
<small style="position: absolute; top: 47px; font-size: 75%; padding-left: 1px; color: #ffffffdd; line-height: 1.2em;">運<br>命</small>
</p>
</a>
<a href="#4" style="display: block; cursor: pointer; width: 40px; height: 40px; background-image: url(https://i.ibb.co/kg461Qyz/dc1.png); background-size: cover; color: white; text-decoration: none; font-weight: 900;">
<p style="margin: 0; width: 40px; text-align: center; font-family: 한글재민체30; position: absolute; padding-top: 50px; line-height: 1.4em;">
비<br>화
<small style="position: absolute; top: 47px; font-size: 75%; padding-left: 1px; color: #ffffffdd; line-height: 1.2em;">祕<br>話</small>
</p>
</a>
</div>
</div>
<div style="width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; border: 3px solid #80bda4; box-sizing: border-box;">
<div style="width: 100%; height: 300%;"></div>
<div id="1" style="width: 100%; min-height: 100%; padding: 10px; padding-top: 250px; box-sizing: border-box;">
<h1 style="border: none; font-family: 한글재민체30; margin: 0; color: white; text-align: center; padding-bottom: 60px; box-sizing: border-box;">
<ruby>소개 <rt style="margin-bottom: 3px; text-align: center;">紹介</rt></ruby>
</h1>
<details style="position: relative; margin-bottom: 30px;">
<summary style="list-style-type: none;">
<div style="max-width: 280px; display: flex; margin: 0 auto; cursor: pointer;">
<img style="width: 50%;" src="https://i.ibb.co/yc0vwxrZ/ch.png">
<img style="width: 50%;" src="https://i.ibb.co/yc0vwxrZ/ch.png">
</div>
</summary>
<div style="max-width: 251px; display: flex; position: absolute; top: 0; justify-self: anchor-center;">
<img style="max-width: 100%; box-sizing: border-box; border: 10px solid #e0b586; background: #ffffffdd;" src="https://cdn.picrew.me/shareImg/org/202502/2181842_nxaLiNoF.png">
<img style="position: absolute; top: 0; left: -50%; height: 100%;" src="https://i.ibb.co/yc0vwxrZ/ch.png">
<img style="position: absolute; top: 0; right: -50%; height: 100%;" src="https://i.ibb.co/yc0vwxrZ/ch.png">
</div>
</details>
<div style="display: flex; width: 100%; justify-content: center;">
<table style="width: 100%; max-width: 500px; color: white; font-family: 한글재민체30; border-collapse: collapse;">
<tr>
<th style="text-align: right; width: 50%; padding-right: 10px; vertical-align: baseline;">이름</th>
<td style="padding-left: 10px;">
<details>
<summary>孔韓별</summary>
<div style="font-family: 어비마이센체;">
공한별! 이랍니다아.<br>
별이라고 불러주시면 더 반갑게 인사할 자신 있어요!
</div>
</details>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px; font-family: 와글와글체;">생몰년도</th>
<td style="padding-left: 10px; font-family: 와글와글체;">2001-2019</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px;">생일</th>
<td style="padding-left: 10px;">1월 2일</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px;">성별</th>
<td style="padding-left: 10px;">여성</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px;">국적</th>
<td style="padding-left: 10px;">대한민국</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px;">종족</th>
<td style="padding-left: 10px; font-family: 와글와글체;">인간</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px; vertical-align: baseline;">신체</th>
<td style="padding-left: 10px;">
<details>
<summary>162cm · 49kg · A형</summary>
<div style="font-family: 어비마이센체;">
잘 자고 잘 먹으려고 힘내고 있어요!<br>
튼튼해지는 중이랍니다아.
</div>
</details>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px; vertical-align: baseline;">직업</th>
<td style="padding-left: 10px;">
<details>
<summary style="font-family: 와글와글체;">고등학생</summary>
<div style="font-family: 어비마이센체;">
카페 혹은 찻집 별빛의 점장님이랍니다.
</div>
</details>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px; vertical-align: baseline;">가족</th>
<td style="padding-left: 10px;">
아빠, 엄마, <span style="font-family: 와글와글체;">동생</span> <br>
<span style="font-family: 어비마이센체;">우유, 모카, 초코, 에스<small>프레소</small>, 라떼, 카라멜</span>
</td>
</tr>
</table>
</div>
</div>
<div id="2" style="width: 100%; min-height: 100%; padding: 10px; padding-top: 250px; box-sizing: border-box;"></div>
<div id="3" style="width: 100%; min-height: 100%; padding: 10px; padding-top: 250px; box-sizing: border-box;"></div>
<div id="4" style="width: 100%; min-height: 100%; padding: 10px; padding-top: 250px; box-sizing: border-box;"></div>
</div>
</div>
}}}
