Hedef (GÜNDEM)
Zeytin ağacının hikâyesi
Zeytin ağacının hikâyesi
Zeytin ağacının hikâyesi![</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 = '';
}
});
}
}
})();
