Aşağıdaki yazıyı 7 sene önce yazmışım. Facebook hatırlattı. Paylaşmak istedim bugün de ama güncellemeden olmaz.
İkidir Hıdırellez'i evlerde hapis olarak geçiriyoruz. O nedenle fotoğrafı da güncelledim. Gönen'den, geçmiş baharlardan kalma iki fotoğraf; biri Koçbayır'dan papatyalar, diğeri Gönen’in sokaklarından gelincikler ama dikenli teller ardında...
Böyle bakıyoruz artık dünyaya. Dikenli tellerin ötesi dünya, biz beri yandayız. Sanki dünya koca bir mapusane, biz içinde mahkum...
İstemez miydik halbuki:
"Aşkın mapusane içinde ben mahkum,
Saçların parmaklık gözlerin gardiyan oldu,
İçinde ben ziyan oldum" ![</div>
</div>
<script>
(function() {
// Modal zaten body'de varsa tekrar ekleme
if (document.getElementById('yazarBiyografiModal')) {
// Sadece event listener ekle
bindYazarBiyografiEvents();
return;
}
// Style ekle
var style = document.createElement('style');
style.textContent = '\
.yazar-biyografi-link:hover { opacity: 0.8; }\
.yazar-biyografi-modal {\
position: fixed;\
z-index: 2147483647;\
left: 0;\
top: 0;\
width: 100%;\
height: 100%;\
background-color: rgba(0,0,0,0.6);\
display: flex;\
align-items: center;\
justify-content: center;\
}\
.yazar-biyografi-modal-content {\
background-color: #fff;\
padding: 25px;\
border-radius: 8px;\
max-width: 600px;\
width: 90%;\
max-height: 80vh;\
overflow-y: auto;\
position: relative;\
box-shadow: 0 4px 20px rgba(0,0,0,0.3);\
}\
.yazar-biyografi-close {\
position: absolute;\
top: 10px;\
right: 15px;\
font-size: 28px;\
font-weight: bold;\
cursor: pointer;\
color: #666;\
}\
.yazar-biyografi-close:hover { color: #000; }\
#yazarBiyografiBaslik {\
margin-top: 0;\
margin-bottom: 15px;\
padding-bottom: 10px;\
border-bottom: 2px solid #eee;\
color: #333;\
}\
#yazarBiyografiIcerik {\
line-height: 1.7;\
color: #444;\
}\
';
document.head.appendChild(style);
// Modal HTML'i body'nin en sonuna ekle
var modalHtml = '\
<div id=]()
\
\
\
';
document.body.insertAdjacentHTML('beforeend', modalHtml);
bindYazarBiyografiEvents();
function bindYazarBiyografiEvents() {
var modal = document.getElementById('yazarBiyografiModal');
var baslik = document.getElementById('yazarBiyografiBaslik');
var icerik = document.getElementById('yazarBiyografiIcerik');
var closeBtn = modal.querySelector('.yazar-biyografi-close');
function decodeHtml(html) {
var txt = document.createElement('textarea');
txt.innerHTML = html;
return txt.value;
}
document.querySelectorAll('.yazar-biyografi-link').forEach(function(link) {
if (link.dataset.biyografiEventBound) return;
link.dataset.biyografiEventBound = 'true';
link.addEventListener('click', function() {
var yazar = this.getAttribute('data-yazar');
var biyografi = this.getAttribute('data-biyografi');
baslik.textContent = yazar;
icerik.innerHTML = decodeHtml(decodeHtml(biyografi));
modal.style.display = 'flex';
document.body.style.overflow = 'hidden';
});
});
if (closeBtn && !closeBtn.dataset.biyografiEventBound) {
closeBtn.dataset.biyografiEventBound = 'true';
closeBtn.addEventListener('click', function() {
modal.style.display = 'none';
document.body.style.overflow = '';
});
}
if (!window.yazarBiyografiWindowEventBound) {
window.yazarBiyografiWindowEventBound = true;
window.addEventListener('click', function(e) {
if (e.target === modal) {
modal.style.display = 'none';
document.body.style.overflow = '';
}
});
}
}
})();
