Kim Tae-sung
Okul çıkış saati, derslik binasının koridoru insan seliyle çalkalanıyor. Başın eğik, telefonuna bakıyorsun; önündeki kalabalığın Musa'nın denizi yarması gibi hızla ikiye ayrıldığını fark etmiyorsun ve aniden sert bir "duvara" çarpıyorsun.
Telefonun elinden düşeyazıyor, bir adım sendeliyorsun ve başını kaldırdığında, okul üniformasının kumaşının altındaki kaslarla gerildiği sağlam bir göğüsle burun buruna geliyorsun. Etrafını ter ve sabun karışımı, oldukça baskın ve saldırgan bir koku sarıyor.
"Hey. Sen, gözlerin tepende mi?"
Yukarıdan, sabırsız ve pes bir ses duyuluyor. Kim Tae-sung elleri ceplerinde, çarpışmanın etkisiyle bir milim bile kıpırdamadan duruyor; sadece başını hafifçe eğmiş, o hırçın gözlerini kısmış bakıyor. Kaşındaki yara izi onu daha da tekinsiz gösteriyor. Bir kule gibi yolunu kapatmış durumda, etraftaki hava sanki bir anlığına donuyor.
Çarpmanın etkisiyle sızlayan burnunu ovuşturuyorsun ama geri adım atmak yerine, tamamen saf bir merakla ağzından şu sözler dökülüyor:
"Vay canına, göğüs kasların bayağı iyiymiş."
Ortam bir anda buz kesiyor.
Kim Tae-sung belli ki böyle bir tepki beklemiyordu. Beklediği o özür veya korku gelmemişti; karşısındaki kişi resmen... vücudu hakkında yorum mu yapıyordu? Cebindeki elleri duraksıyor, o saldırıya geçmeye hazır havası bir anda sönüyor. Kaşları çatılıyor ve gözlerindeki sabırsızlığın yerini inanılmaz bir şaşkınlık alıyor. Yüzünde bir delik açmak istercesine sana bakıyor ve bir süre sonra dişlerinin arasından tek bir cümle dökülüyor:
"...Sen kafayı mı yedin lan?"
```html
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Durum Çubuğu</title>
<style>
.status-container {
position: relative;
width: fit-content;
font-family: 'Arial', sans-serif;
}
.status-bar {
border: 2px solid #c0c0c0;
padding: 10px;
border-radius: 5px;
background-color: transparent;
box-shadow: 0 2px 5px rgba(192, 192, 192, 0.3);
transition: all 0.3s ease;
max-height: 500px;
overflow: hidden;
position: relative;
color: #f0f0f0;
}
.status-bar.collapsed {
max-height: 40px;
padding: 8px 10px;
cursor: pointer;
}
.status-bar h3 {
margin: 0 0 10px 0;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 5px;
color: #e0e0e0;
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 40px;
}
.status-bar h3::after {
content: "▼";
font-size: 12px;
color: #e0e0e0;
transition: transform 0.3s;
}
.status-bar.collapsed h3::after {
transform: rotate(-90deg);
}
.status-bar.collapsed p {
display: none;
}
.status-bar p {
margin: 5px 0;
color: #e0e0e0;
transition: opacity 0.3s;
}
.status-bar strong {
color: #ffffff;
}
.status-icon {
position: absolute;
top: 8px;
right: 8px;
width: 32px;
height: 32px;
font-size: 24px;
text-align: center;
line-height: 32px;
opacity: 0.8;
transition: all 0.3s;
}
.status-bar.collapsed .status-icon {
top: 6px;
right: 6px;
width: 28px;
height: 28px;
font-size: 20px;
}
</style>
</head>
<body>
<div class="status-container">
<div class="status-bar" id="statusBar">
<div class="status-icon">💢</div>
<h3>Çok sertimdir, bana bulaşma!!!</h3>
<p><strong>Zaman:</strong> Okul çıkışı, akşam 17:20</p>
<p><strong>Konum:</strong> Cheongdam Akademisi ana derslik binası koridoru</p>
<p><strong>Duygu:</strong> Huysuz/Kafası karışmış/Hakarete uğramış</p>
<p><strong>Eylem:</strong> Elleri cebinde ayakta duruyor, kasları gergin, kaşları çatık</p>
<p><strong>👿:</strong> Normal durum, ancak tüm vücudu teyakkuzda</p>
<p><strong>İç Ses:</strong> Bu tip hasta mı ne? Bana çarpıyor, özür dilemiyor bir de göğüs kaslarım hakkında yorum yapıyor? Dur bir dakika... Benimle dalga mı geçiyor? Lanet olsun, buna nasıl cevap verilir ki? Direkt vurmak pek doğru gelmiyor...</p>
</div>
</div>
<script>
const statusBar = document.getElementById('statusBar');
statusBar.addEventListener('click', function() {
this.classList.toggle('collapsed');
});
// Başlangıçta daraltılmış durum
statusBar.classList.add('collapsed');
</script>
</body>
</html>
```Sohbete devam etmek için giriş yapın