yanichegoneznayu

��

mybb@mybb.ru (liria) — Thu, 14 May 2026 13:53:13 +0300

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Lynn Resume</title>

.scene{
position:relative;
width:900px;
height:650px;
}

.resume{
position:absolute;
left:70px;
top:160px;
width:580px;
background:#fffff;
padding:45px;
box-shadow:0 15px 40px rgba(0,0,0,.4);

}.top{
display:flex;
justify-content:flex-end;
}

.contact{
font-size:12px;
color:#fffff;
line-height:1.8;
text-align:center;
}

.contact .line{
width:120px;
height:2px;
background:#000000;
margin-bottom:10px;
}

.photo{
width:180px;
height:210px;
margin-top: -10px;
background:#fff;
padding:8px;
transform:rotate(6deg);
box-shadow:0 5px 15px rgba(0,0,0,.2);

position: relative; /* �� */
}

.photo img{
width:100%;
height:100%;
object-fit:cover;
}

/* �� */
.photo .overlay{
position: absolute;
width:30px;
height:30px;
top: -5px; /* �� */
right: -3px; /* �� */
}

.title{
margin-top:-150px;
}

.title h1{
font-family:'Great Vibes', cursive;
font-size:60

58px;
color:#00000;
line-height:0.9;
letter-spacing: 6px;
margin-left:30px;
}

.title span{
font-family:'Great Vibes', cursive;
font-size:45px;
color:#2b2b2b;
letter-spacing: 4px;
line-height:0.9;
margin-left:43px;
}

.section{
margin-top:40px;
}

.section-title{
display:flex;
align-items:center;
gap:100px;
margin-bottom:20px;
color:#fffff;
font-weight:700;
}

.dot{
width:12px;
height:12px;
border-radius:50%;
background:#fff
;margin-left: 38px;
}

.dot::after {
content: attr(data-text);
margin-left: 18px;
vertical-align: middle;
width:100px;
}

.grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}

.education{
margin-top:20px;
border-top:1px dashed #ffffff;
padding-top:25px;
display:flex;
gap:10px;
text-align:center;

}
.education1{
margin-top:50px;
padding-top:25px;
display:flex;
gap:10px;
text-align:center;

}
.education2{
margin-top:2px;
padding-top:5px;
display:flex;
gap:10px;
color: #000;
text-align:center;
border: 1px solid #fff;
border-radius: 15px;
padding: 15px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.edu-photo{
width:100px;
height:100px;
object-fit:cover;
border-radius:10px;

}

.edu h4{
color:#fffff;
font-family:'Great Vibes', cursive;
font-size:40px;
margin-bottom:10px;
margin-top: -55px;
}

.edu p{
color:#fffff;
font-size:13px;

}

@media(max-width:900px){

.scene{
width:100%;
height:auto;
padding:40px 20px;
}

.resume{
position:relative;
width:100%;
left:0;
top:0;
padding:25px;
}

.title h1{
font-size:54px;
}

.grid{
grid-template-columns:1fr;
}

</style>
</head>
<body>

<div class="contact">
<div class="line"></div>
<p>stray kids</p>
</div>

</div>

<div class="title">
<h1>Chittaphon</h1>
<span> Leechaiyapornkul</span>
</div>

</div>

<div class="edu">
<h4>Vibes</h4>
</div>
</div>
</td>
<td style="width: 300px; height: 20px;"><div class="education2">�� BMW ;; �� ;; �� ;; �� ;; �� ;; ��, �� ;; �� ;; �� ;; �� ;; �� ;; </div></td>
</tr>
<tr>
<td style="width: 300px; height: 50px;"><div class="education">
<img src="https://upforme.ru/uploads/001c/b5/80/5/395996.jpg" alt="��" class="edu-photo">
<img src="https://upforme.ru/uploads/001c/b5/80/5/395996.jpg" alt="��" class="edu-photo">
<img src="https://upforme.ru/uploads/001c/b5/80/5/395996.jpg" alt="��" class="edu-photo">
<img src="https://upforme.ru/uploads/001c/b5/80/5/395996.jpg" alt="��" class="edu-photo">
</div></td>
</tr>
</table>

</div>

</body>
</html>[/html]

��

mybb@mybb.ru (��) — Wed, 13 May 2026 19:38:37 +0300

[hideprofile][html]
<div style="max-width:900px;margin:auto;font-family:'Trebuchet MS',sans-serif;color:#eee;">

<div style="height:190px;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 70%,rgba(0,247,255,.35),transparent 35%),radial-gradient(circle at 85% 35%,rgba(255,60,172,.32),transparent 38%),linear-gradient(135deg,#08101d,#1a0d23 55%,#07070c);border-bottom:1px solid rgba(255,255,255,.08);">
<div style="position:absolute;left:55px;top:18px;font-size:82px;font-weight:900;letter-spacing:8px;color:rgba(255,255,255,.035);">ON:AIR</div>
<div style="position:absolute;right:35px;bottom:28px;font-size:11px;letter-spacing:4px;color:rgba(255,255,255,.42);text-transform:uppercase;">weekly broadcast ✦ live update</div>
</div>

<div style="font-size:12px;letter-spacing:2px;line-height:1.7;color:rgba(255,255,255,.75);">
�� <br>
WEEKLY UPDATE ✦ 07.04
</div>

</div>

<div style="width:145px;border-right:1px solid rgba(255,255,255,.14);padding-right:18px;">
<div style="color:#ff7fbd;font-size:15px;letter-spacing:5px;font-weight:bold;margin-bottom:18px;text-shadow:0 0 8px rgba(255,127,189,.65);">LINKS</div>
<div style="font-size:13px;line-height:2.4;letter-spacing:1px;">
<a href="#" style="color:#eee;text-decoration:none;">✦ ��</a><br>
<a href="#" style="color:#eee;text-decoration:none;">✦ �� </a><br>
<a href="#" style="color:#eee;text-decoration:none;">✦ ��</a><br>
<a href="#" style="color:#eee;text-decoration:none;">✦ ��</a>
</div>
</div>

<div style="flex:1;">
<div style="color:#00f7ff;font-size:17px;letter-spacing:5px;font-weight:bold;margin-bottom:18px;text-shadow:0 0 10px rgba(0,247,255,.7);">WEEKLY NEWS</div>

<div style="font-size:13px;line-height:1.9;color:rgba(255,255,255,.82);max-height:180px;overflow-y:auto;padding-right:8px;">
��! �� ✦<br><br>
� �� <br>
� �� wanted<br>
� �� <br>
� �� ♡<br><br>
��, �� .
</div>

</div>

<div style="width:240px;">
<div style="text-align:center;color:#00f7ff;font-size:13px;letter-spacing:5px;font-weight:bold;margin-bottom:12px;text-shadow:0 0 8px rgba(0,247,255,.7);">ACTIVISTS</div>
<div style="display:flex;justify-content:center;gap:8px;">
<div style="text-align:center;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.75);"><img src="��_ARCHEN_AYDIN" style="width:58px;height:58px;border-radius:50%;border:2px solid #00f7ff;object-fit:cover;box-shadow:0 0 10px rgba(0,247,255,.55);"><br>ARCHEN<br>AYDIN</div>
<div style="text-align:center;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.75);"><img src="��_LEGO_RAPEEPONG" style="width:58px;height:58px;border-radius:50%;border:2px solid #00f7ff;object-fit:cover;box-shadow:0 0 10px rgba(0,247,255,.55);"><br>LEGO<br>RAPEEPONG</div>
<div style="text-align:center;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.75);"><img src="��_SANTA_PONGSAPAK" style="width:58px;height:58px;border-radius:50%;border:2px solid #00f7ff;object-fit:cover;box-shadow:0 0 10px rgba(0,247,255,.55);"><br>SANTA<br>PONGSAPAK</div>
</div>
</div>

<div style="width:240px;">
<div style="text-align:center;color:#ff7fbd;font-size:13px;letter-spacing:5px;font-weight:bold;margin-bottom:12px;text-shadow:0 0 8px rgba(255,127,189,.7);">POSTEPISTS</div>
<div style="display:flex;justify-content:center;gap:8px;">
<div style="text-align:center;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.75);"><img src="��_BANG_CHAN" style="width:58px;height:58px;border-radius:50%;border:2px solid #ff7fbd;object-fit:cover;box-shadow:0 0 10px rgba(255,127,189,.55);"><br>BANG<br>CHAN</div>
<div style="text-align:center;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.75);"><img src="��_YAGI_YUSEI" style="width:58px;height:58px;border-radius:50%;border:2px solid #ff7fbd;object-fit:cover;box-shadow:0 0 10px rgba(255,127,189,.55);"><br>YAGI<br>YUSEI</div>
<div style="text-align:center;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.75);"><img src="��_PARK_SEONGHWA" style="width:58px;height:58px;border-radius:50%;border:2px solid #ff7fbd;object-fit:cover;box-shadow:0 0 10px rgba(255,127,189,.55);"><br>PARK<br>SEONGHWA</div>
</div>
</div>

</div>

</div>
</div>
[/html]

��

mybb@mybb.ru (liria) — Tue, 12 May 2026 14:54:45 +0300

[html]<style> .block { width: 300px; padding: 15px;border: 1px solid black;border-radius: 20px; padding-left: 45px; background:transparent; position: relative; margin-bottom:10px; margin-top: 10px; margin-left:100px; font-size: 18px;font-family: Arial; text-align: center; } .block::before { content: " 📎"; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);} .text {padding-left:20px;}</style>
<div class="block"> �� </div>
<div class="text">
� �� ;<br>
� �� , � �� , �� .�. ��;<br>
� �� , � �� .</div>
<div class="block"> �� </div>
<div class="text">
- �� ;<br>
- �� , �� - �� ;<br>
- �� (��. choi san);<br>
- �� ;<br>
- �� ;<br>
- �� ;<br>
- �� , �� .<br></div>
<div class="block"> �� </div>
<div class="text">
- �� , �� ;<br>
- �� , �� . �� , �� ;<br>
- �� , �� - �� ;<br>
- �� , � ��, �� . </div>
<div class="block"> ��</div>
<div class="text">
- �� - ��;<br>
- �� 4 ��, �� ;<br>
- �� , �� ;<br>
- �� 200 ��/1��/10��;<br>
- �� ;<br>
- �� (��, ��) �� N �� .</div>
<div class="block"> ��</div>
<div class="text">
- �� - ��, �� - ��. �� ;<br>
- �� - 10, �� :<br>
► 1 ��/10�� 250 �� ;<br>
► �� +�� /��.<br></div>
<div class="block"> �� </div>
<div class="text">
- �� ;<br>
- �� �� �� �� ��;<br>
- �� <br></div>[/html]

��

mybb@mybb.ru (night warrior) — Mon, 11 May 2026 18:54:27 +0300

�� (?)

�� - �� .

� �� :

- �� - ��-�� , � �� /��/ ��.
�� , �� , � �� , �� �� .

- �� 1-�� - �� . �� -�� .

- �� 2-�� - �� . �� , �� 1-�� -��. �� , �� .

�� 2.0

mybb@mybb.ru (_j_) — Mon, 11 May 2026 16:25:47 +0300

2-15

��

mybb@mybb.ru (chaos) — Sat, 09 May 2026 12:59:47 +0300

2-15

��

mybb@mybb.ru (��) — Thu, 07 May 2026 11:34:22 +0300

https://dropmefiles.com/qzyA9

��

mybb@mybb.ru (��) — Wed, 06 May 2026 22:29:51 +0300

��
��
��
��
��
��
��
�� 1 ��

��

mybb@mybb.ru (��) — Wed, 06 May 2026 22:02:33 +0300

�� :

1. �� + ��
2. �� + 2 �� + ��
3. �� (�� ), �� .�� + �� (?)

��

mybb@mybb.ru (��) — Wed, 06 May 2026 22:00:36 +0300

��:

��
��

��
��
��-��
�� 5 ��
��
��
�� 1000 ��
�� 5 ��

�� .��
�� .��
�� 5 �� .��

100 ��
100 ��
100 ��

��
�� 10 ��
�� 10 ��
�� 50 ��

��:

��
��

��

��
��
��

��

mybb@mybb.ru (��) — Tue, 05 May 2026 16:34:44 +0300

[hideprofile]
[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>�� | ON:AIR � K-pop ��</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: system-ui, 'Segoe UI', 'Poppins', 'Noto Sans KR', sans-serif;
}

body {
background: linear-gradient(145deg, #faf0f5 0%, #f7e9f0 90%);
min-height: 50vh;
padding: 2rem 1.5rem;
}

.container {
max-width: 700px;
margin: 0 auto;
}

/* �� */
.hero {
text-align: center;
margin-bottom: 20px;
}

.hero h1 {
font-size: 23px;
background: linear-gradient(135deg, #FF3B6F, #8B5CF6, #2DD4BF);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
letter-spacing: -0.5px;
display: inline-block;
text-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.hero p {
color: #4a4a5a;
font-size: 15px;
margin-top: 0.5rem;
font-weight: 100;
}

.badge-live {
background: #ff2e63;
color: white;
font-size: 10px;
padding: 0.2rem 0.8rem;
border-radius: 20px;
display: inline-block;
margin-top: 0.8rem;
font-weight: 300;
letter-spacing: 1px;
}

/* �� : 2 �� (��/��) */
.two-columns {
display: flex;
flex-wrap: wrap;
gap: 2rem;
margin-bottom: 3rem;
}

.column {
flex: 1;
min-width: 180px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(2px);
border-radius: 2rem;
box-shadow: 0 20px 35px -12px rgba(0,0,0,0.15);
overflow: hidden;
transition: transform 0.2s;
border: 1px solid rgba(255,255,240,0.8);
}

.column:hover {
transform: translateY(-5px);
}

.column-header {
padding: 1.2rem 1.5rem;
background: white;
border-bottom: 3px solid;
display: flex;
align-items: center;
gap: 0.6rem;
}

.boys .column-header {
border-bottom-color: #3b82f6;
background: #f0f9ff;
}

.girls .column-header {
border-bottom-color: #ec489a;
background: #fff0f7;
}

.column-header h2 {
font-size: 15px;
font-weight: 300;
}

.boys h2 { color: #2563eb; }
.girls h2 { color: #db2777; }

.entry-list {
padding: 1rem 1.2rem;
max-height: 150px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 0.9rem;
background: rgba(255,248,245,0.5);
}

/* �� : ateez - (��) choi san */
.guest-card {
background: white;
border-radius: 1.2rem;
padding: 0.9rem 1.2rem;
box-shadow: 0 4px 10px rgba(0,0,0,0.02);
transition: all 0.2s;
border: 1px solid #ffe7f0;
word-break: break-word;
}

.guest-card:hover {
border-color: #ffb7c5;
background: #fffbfd;
}

.guest-line {
font-size: 15px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.3rem 0.5rem;
}

.group-name {
font-weight: 100;
color: #1e293b;
background: #f1f5f9;
padding: 0.2rem 0.6rem;
border-radius: 40px;
font-size: 15px;
}

.guest-link {
color: #6366f1;
text-decoration: none;
font-weight: 100;
border-bottom: 1px dashed #cbd5e1;
}

.guest-link:hover {
color: #ec489a;
border-bottom-color: #f472b6;
}

.guest-name {
font-weight: 100;
background: linear-gradient(145deg, #2d2f36, #1f1f2a);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
font-size: 15px;
}

.empty-message {
text-align: center;
color: #aaa8b8;
font-style: italic;
padding: 2rem;
font-size: 0.9rem;
}

/* �� (�� ) */
.form-section {
background: white;
border-radius: 2rem;
padding: 1.8rem;
margin-top: 1rem;
box-shadow: 0 20px 35px -12px rgba(0,0,0,0.1);
border: 1px solid #ffe2ef;
}

.form-title {
font-size: 1.5rem;
font-weight: 200;
margin-bottom: 1.2rem;
display: flex;
align-items: center;
gap: 0.6rem;
}

.form-title span {
background: #fdeef4;
padding: 0.2rem 0.8rem;
border-radius: 50px;
font-size: 0.8rem;
}

.form-grid {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 1.5rem;
}

.input-group {
flex: 1;
min-width: 170px;
}

.input-group label {
display: block;
font-size: 15px;
font-weight: 100;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #6b6b7e;
margin-bottom: 0.3rem;
}

.input-group input, .input-group select {
width: 100%;
padding: 0.8rem 1rem;
border-radius: 1.2rem;
border: 1.5px solid #edd3df;
background: #fefafc;
font-size: 15px;
transition: 0.2s;
}

.input-group input:focus, .input-group select:focus {
outline: none;
border-color: #f472b6;
box-shadow: 0 0 0 3px rgba(236,72,153,0.1);
}

.gender-selector {
display: flex;
gap: 1rem;
align-items: center;
background: #faf3f7;
padding: 0.4rem 1rem;
border-radius: 3rem;
}

.gender-selector label {
display: flex;
align-items: center;
gap: 0.4rem;
font-weight: 200;
color: #4a4a5e;
}

.add-button {
background: linear-gradient(95deg, #FF3B6F, #C850C0);
border: none;
padding: 0.8rem 2rem;
border-radius: 3rem;
color: white;
font-weight: bold;
font-size: 1rem;
cursor: pointer;
transition: 0.2s;
box-shadow: 0 5px 12px rgba(255,59,111,0.3);
}

.add-button:hover {
transform: scale(1.02);
background: linear-gradient(95deg, #f82b61, #b53cad);
box-shadow: 0 8px 18px rgba(255,59,111,0.4);
}

.sample-note {
font-size: 5px;
color: #857e8c;
margin-top: 0.8rem;
text-align: center;
background: #fcf4f8;
padding: 0.5rem;
border-radius: 2rem;
}

hr {
margin: 1rem 0;
border-color: #ffdae9;
}

footer {
text-align: center;
margin-top: 2rem;
font-size: 10px;
color: #a48f9b;
}

@media (max-width: 480px) {
body {
padding: 1rem;
}
.hero h1 {
font-size: 15px;
}
.column-header h2 {
font-size: 10px;
}
}

/* �� */
.entry-list::-webkit-scrollbar {
width: 5px;
}
.entry-list::-webkit-scrollbar-track {
background: #ffecf0;
border-radius: 10px;
}
.entry-list::-webkit-scrollbar-thumb {
background: #f4a0bd;
border-radius: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="hero">
<h1>🎤 ON:AIR <span style="font-size: 2rem;">🎶</span></h1>
<p>�� | �� </p>
<div class="badge-live">✨ LIVE EDITION ✨</div>
</div>

<div class="two-columns">

<div class="column boys">
<div class="column-header">
<span>🧑🎤</span>
<h2>��</h2>
<span style="font-size: 0.75rem; background:#eef2ff; padding:0.2rem 0.7rem; border-radius: 30px;">보이그룹</span>
</div>
<div id="boysList" class="entry-list">

<div class="empty-message">✨ �� , �� ✨</div>
</div>
</div>

<div class="column girls">
<div class="column-header">
<span>👩🎤</span>
<h2>��</h2>
<span style="font-size: 0.75rem; background:#ffe4f0; padding:0.2rem 0.7rem; border-radius: 30px;">걸그룹</span>
</div>
<div id="girlsList" class="entry-list">
<div class="empty-message">🌸 �� 🌸</div>
</div>
</div>
</div>

<div class="form-section">
<div class="form-title">
📝 ��
<span>ON:AIR</span>
</div>
<div class="form-grid">
<div class="input-group">
<label>🌟 �� / ��</label>
<input type="text" id="artistName" placeholder="��: Choi San, Hanni, Karina ..." autocomplete="off">
</div>
<div class="input-group">
<label>🎤 �� / �� </label>
<input type="text" id="groupName" placeholder="��: ATEEZ, NewJeans, IVE ..." autocomplete="off">
</div>
<div class="input-group">
<label>🔗 �� (YouTube, Twitter, ��-��...)</label>
<input type="url" id="linkUrl" placeholder="https://..." autocomplete="off">
</div>
<div class="input-group">
<label>⚧ ��</label>
<div class="gender-selector">
<label>
<input type="radio" name="gender" value="boy" checked> 🧑 ��
</label>
<label>
<input type="radio" name="gender" value="girl"> 👩 ��
</label>
</div>
</div>
</div>
<div style="display: flex; justify-content: center; margin-top: 0.5rem;">
<button class="add-button" id="addEntryBtn">➕ �� →</button>
</div>
<div class="sample-note">
💡 �� : <strong>ATEEZ</strong> - <a href="#" style="text-decoration:none;">(��)</a> <strong>Choi San</strong><br>
�� .
</div>
</div>
<footer>
🌟 �� ON:AIR � K-pop ��-��. �� - (��) �� 🌟
</footer>
</div>

// �� localStorage, ��
function loadFromStorage() {
const saved = localStorage.getItem('onair_guestbook');
if (saved) {
try {
entries = JSON.parse(saved);
} catch(e) { console.warn(e); entries = []; }
}
if (!entries || entries.length === 0) {
// �� -�� , �� (�� , �� )
entries = [
{ id: Date.now() + 1, name: "Choi San", group: "ATEEZ", link: "https://youtu.be/dQw4w9WgXcQ?feature=shared", gender: "boy" },
{ id: Date.now() + 2, name: "Hongjoong", group: "ATEEZ", link: "https://youtube.com", gender: "boy" },
{ id: Date.now() + 3, name: "Hanni", group: "NewJeans", link: "https://youtu.be/example", gender: "girl" },
{ id: Date.now() + 4, name: "Karina", group: "aespa", link: "https://youtu.be/example2", gender: "girl" },
{ id: Date.now() + 5, name: "Yeonjun", group: "TXT", link: "https://youtu.be/example3", gender: "boy" },
{ id: Date.now() + 6, name: "Winter", group: "aespa", link: "https://youtu.be/example4", gender: "girl" }
];
saveToStorage();
}
}

function saveToStorage() {
localStorage.setItem('onair_guestbook', JSON.stringify(entries));
}

// �� (�� / ��)
function renderEntries() {
const boysContainer = document.getElementById('boysList');
const girlsContainer = document.getElementById('girlsList');

// ��
const boys = entries.filter(entry => entry.gender === 'boy');
const girls = entries.filter(entry => entry.gender === 'girl');

// ��
if (boys.length === 0) {
boysContainer.innerHTML = '<div class="empty-message">🎤 �� , �� !</div>';
} else {
boysContainer.innerHTML = boys.map(entry => createGuestCardHTML(entry)).join('');
}

// ��
if (girls.length === 0) {
girlsContainer.innerHTML = '<div class="empty-message">💖 �� , �� !</div>';
} else {
girlsContainer.innerHTML = girls.map(entry => createGuestCardHTML(entry)).join('');
}
}

// �� HTML �� : ateez - (��) choi san
// �� "ateez - (��) choi san"
function createGuestCardHTML(entry) {
// �� XSS
const safeGroup = escapeHtml(entry.group) || "��";
const safeName = escapeHtml(entry.name) || "��";
let safeLink = entry.link ? entry.link.trim() : "#";
// �� , �� , ��
if (safeLink === "" || (!safeLink.startsWith("http://") && !safeLink.startsWith("https://"))) {
// �� , �� , �� https ��? ��
if(safeLink !== "#" && safeLink !== "") {
safeLink = "https://" + safeLink;
} else {
safeLink = "#";
}
}
// �� target blank ��
// �� : �� - (��) ��
// ��: "<span class=\"group-name\">ATEEZ</span> - <a href='��' class='guest-link' target='_blank'>(��)</a> <span class='guest-name'>Choi San</span>"
return `
<div class="guest-card" data-id="${entry.id}">
<div class="guest-line">
<span class="group-name">${safeGroup}</span>
<span> - </span>
<a href="${safeLink}" class="guest-link" target="_blank" rel="noopener noreferrer">(��)</a>
<span class="guest-name">${safeName}</span>
</div>
</div>
`;
}

// ��
function escapeHtml(str) {
if (!str) return '';
return str.replace(/[&<>]/g, function(m) {
if (m === '&') return '&';
if (m === '<') return '<';
if (m === '>') return '>';
return m;
}).replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, function(c) {
return c;
});
}

// ��
function addEntry() {
// ��
const nameInput = document.getElementById('artistName');
const groupInput = document.getElementById('groupName');
const linkInput = document.getElementById('linkUrl');
const genderRadio = document.querySelector('input[name="gender"]:checked');

let name = nameInput.value.trim();
let group = groupInput.value.trim();
let link = linkInput.value.trim();
const gender = genderRadio ? genderRadio.value : 'boy';

// ��: ��
if (name === "") {
alert("❄ ��, �� / ��!");
return;
}
if (group === "") {
alert("🎶 �� !");
return;
}
// �� , �� , ��
let finalLink = link;
if (finalLink !== "" && !finalLink.startsWith("http://") && !finalLink.startsWith("https://")) {
// �� -�� "youtube.com/..." �� https
finalLink = "https://" + finalLink;
}
// �� , �� , �� #, �� -
// �� "(��)" � �� .
// �� createGuestCardHTML �� safeLink ��, �� "#".
if(finalLink === "") finalLink = ""; // �� '#', �� .

// ��
const newEntry = {
id: Date.now() + Math.random() * 10000,
name: name,
group: group,
link: finalLink,
gender: gender,
};

entries.push(newEntry);
saveToStorage();
renderEntries();

// �� , �� (�� , ��)
nameInput.value = "";
groupInput.value = "";
linkInput.value = "";
// ��
nameInput.focus();

// �� (��)
const toastMsg = document.createElement('div');
toastMsg.innerText = `✨ ${name} �� ${gender === 'boy' ? '��' : '��'} ✨`;
toastMsg.style.position = 'fixed';
toastMsg.style.bottom = '20px';
toastMsg.style.left = '50%';
toastMsg.style.transform = 'translateX(-50%)';
toastMsg.style.backgroundColor = '#1e1a2f';
toastMsg.style.color = '#fff0f5';
toastMsg.style.padding = '0.5rem 1.2rem';
toastMsg.style.borderRadius = '3rem';
toastMsg.style.fontSize = '0.8rem';
toastMsg.style.zIndex = '999';
toastMsg.style.backdropFilter = 'blur(4px)';
toastMsg.style.fontWeight = '500';
document.body.appendChild(toastMsg);
setTimeout(() => toastMsg.remove(), 2000);
}

function initDemoIfEmpty() {
if (entries.length === 0) {
entries = [
{ id: Date.now() + 10, name: "Choi San", group: "ATEEZ", link: "https://youtu.be/ATEEZ_SAN_fancam", gender: "boy" },
{ id: Date.now() + 11, name: "Jeon Soyeon", group: "(G)I-DLE", link: "https://youtu.be/soyeon_queen", gender: "girl" },
{ id: Date.now() + 12, name: "Felix", group: "Stray Kids", link: "https://youtu.be/felix_skz", gender: "boy" },
{ id: Date.now() + 13, name: "Wonyoung", group: "IVE", link: "https://youtu.be/wonyoung_star", gender: "girl" },
{ id: Date.now() + 14, name: "Beomgyu", group: "TXT", link: "https://youtu.be/beomgyu_melody", gender: "boy" }
];
saveToStorage();
}
}

// ��
document.getElementById('addEntryBtn').addEventListener('click', addEntry);

// �� Enter � �� (�� Enter � �� )
const inputs = ['artistName', 'groupName', 'linkUrl'];
inputs.forEach(id => {
const el = document.getElementById(id);
if(el) {
el.addEventListener('keypress', function(e) {
if(e.key === 'Enter') {
e.preventDefault();
addEntry();
}
});
}
});

// ��
loadFromStorage();
initDemoIfEmpty(); // ��
renderEntries();
</script>
</body>
</html>[/html]