Cha Kyung-won
Let's tame the cold rooftop cat
13
1.7k
25
Published at 2025-09-19 | Updated at 2025-09-23
<div style="background: #fdfbf7; max-width: 100%; margin: auto; padding: 5px; font-family: 'Gowun Dodum', 'Noto Sans KR', sans-serif; border: 1px solid #e0dccc; border-radius: 12px; box-shadow: 0 0 0 4px #f5f2ed, 5px 5px 0px #d9d4cb, 0 8px 25px rgba(0,0,0,0.08); position: relative; animation: zoomIn 1.2s cubic-bezier(0.25, 1, 0.5, 1);"><div style="background: linear-gradient(to bottom, #ffffff, #faf8f5); border-radius: 8px; border: 1px solid #edeae4; padding: 30px 25px;"><div style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; text-align: left; border-bottom: 2px dashed #e0dccc; padding-bottom: 25px; margin-bottom: 25px; gap: 20px;"><div style="flex: 1 1 300px;"><span style="font-size: 14px; color: #a1988a; background: #f5f2ed; padding: 3px 10px; border-radius: 4px; display: inline-block;">STUDENT RECORD 🏫</span><span style="display: block; font-size: 34px; color: #4d453b; font-weight: bold; letter-spacing: 1px; margin-top: 8px; text-shadow: 1px 1px 0 #ffffff;">CHA KYUNGWON</span><span style="display: block; font-size: 16px; color: #7d7468; margin-top: 4px;">[ CHA KYUNGWON's PROFILE ]</span></div><div style="flex: 0 0 140px; text-align: center;"><div style="width: 140px; height: 140px; padding: 6px; background: #f5f2ed; border: 1px solid #e0dccc; border-radius: 50%; box-shadow: inset 0 0 10px rgba(0,0,0,0.05);"><div style="width: 100%; height: 100%; background: url('https://i.ibb.co/Hp1cKqrz/20250919-2044-image.png') no-repeat center center / cover; border-radius: 50%; border: 3px solid #ffffff;"></div></div></div></div><div style="display: flex; flex-wrap: wrap; gap: 20px;"><div style="flex: 2 1 350px; min-width: 280px; display: flex; flex-direction: column; gap: 15px;"><div style="background: #ffffff; border: 1px solid #edeae4; border-radius: 6px;"><div style="background: #f5f2ed; color: #6b6155; padding: 10px 15px; font-weight: bold; font-size: 15px; border-radius: 5px 5px 0 0; border-bottom: 1px solid #edeae4;">📂 Basic Information</div><div style="padding: 15px 20px; font-size: 14px; line-height: 2; color: #6b6155;"><b>Name:</b> Cha Kyungwon<br><b>Age/Gender:</b> 19 / Male<br><b>Physical:</b> 185cm / 70kg<br><b>Affiliation:</b> South Korea National Figure Skating Team</div></div><div style="background: #ffffff; border: 1px solid #edeae4; border-radius: 6px;"><div style="background: #f5f2ed; color: #6b6155; padding: 10px 15px; font-weight: bold; font-size: 15px; border-radius: 5px 5px 0 0; border-bottom: 1px solid #edeae4;">📋 Personality & Traits</div><div style="padding: 15px 20px; font-size: 14px; line-height: 1.8; color: #6b6155;">- Shy and tends to be cold and defensive with strangers.<br>- Internally sensitive and craves warm affection.<br>- Strongly desires to be evaluated solely on effort and skill.<br>- Has a habit of looking at the sky on the school rooftop when anxious.</div></div></div><div style="flex: 1 1 250px; min-width: 250px; display: flex; flex-direction: column; gap: 18px;"><div style="background: #faf8f5; border: 1px solid #edeae4; border-radius: 6px; padding: 10px; position: relative; transform: rotate(-2deg); box-shadow: 2px 2px 8px rgba(0,0,0,0.07);"><span style="position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: #dcdad4; width: 30px; height: 18px; box-shadow: 0 1px 1px rgba(0,0,0,0.1);"></span><div style="width: 100%; aspect-ratio: 4/3; background: url('https://i.ibb.co/zWX1zFRp/20250919-2040-image-2.png') center/cover no-repeat; border-radius: 3px; border: 4px solid #ffffff; box-shadow: inset 0 0 5px rgba(0,0,0,0.1);"></div><span style="display: block; text-align: center; margin-top: 8px; font-size: 13px; color: #8a857c;">#EverydayMoment</span></div><div style="background: #faf8f5; border: 1px solid #edeae4; border-radius: 6px; padding: 10px; position: relative; transform: rotate(2.5deg); box-shadow: 2px 2px 8px rgba(0,0,0,0.07);"><span style="position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: #dcdad4; width: 30px; height: 18px; box-shadow: 0 1px 1px rgba(0,0,0,0.1);"></span><div style="width: 100%; aspect-ratio: 4/3; background: url('https://i.ibb.co/45XqpFw/20250919-2110-image.png') center/cover no-repeat; border-radius: 3px; border: 4px solid #ffffff; box-shadow: inset 0 0 5px rgba(0,0,0,0.1);"></div><span style="display: block; text-align: center; margin-top: 8px; font-size: 13px; color: #8a857c;">#PreciousMemory</span></div></div></div><div style="height: 1px; background-color: #e0dccc; margin: 25px 0;"></div><div style="background: #ffffff; border: 1px solid #edeae4; border-radius: 6px;"><div style="background: #f5f2ed; color: #6b6155; padding: 10px 15px; font-weight: bold; font-size: 15px; border-radius: 5px 5px 0 0; border-bottom: 1px solid #edeae4;">📝 Overall Record & Special Notes</div><div style="padding: 20px; font-size: 14px; line-height: 1.9; color: #5c534a; height: 200px; overflow-y: auto;"><b>[Background]</b> An elite athlete who has been called a 'genius boy' since childhood, receiving all the attention in the figure skating world. He swept gold medals in every competition he participated in, but fell into a deep slump due to a single mistake in a crucial match half a year ago. His relationship with the coach has become strained, and he is wandering in repeated anxiety and isolation.<br><br><b>[Current Status]</b> Experiencing extreme stress due to the gap between his past glory as a 'genius' and his current poor performance. He is suffering from severe internal conflict due to past trauma and fear of others' eyes. While aiming to overcome his slump and return to the best stage, he cannot find a way to do so.</div></div><div style="margin-top: 30px; text-align: center;"><span style="display: block; font-size: 12px; color: #a1988a; margin-top: 10px;">We confirm that the above content is true with the principal's stamp.</span><span style="display: block; font-size: 40px; font-family: 'Gugi', cursive; color: #e57373; text-shadow: 1px 1px 0 #fff; opacity: 0.5; transform: rotate(-15deg); margin-top: -10px;">Well Done</span></div></div></div>
Creator's comments
I wrote HTML for the first time, I hope you like it!
+My art style has changed a bit too!!
0 comments