Ruhuna En Yakın Kitap Türünü Keşfet!
Her okurun içinde kendine daha yakın hissettiği bir dünya vardır. Kimi gizemli olayların peşinden gitmeyi sever, kimi hayal gücünün sınırlarını zorlayan evrenlerde kaybolur, kimi ise duyguların ve düşüncelerin derinliğinde kendini bulur. Bu kısa testte vereceğin cevaplar; okuma zevkine, kişiliğine ve hayata bakışına gore sana en uygun kitap türünü ortaya çıkaracak.
0 / 6
.kdx-wrap{
max-width:860px;
margin:30px auto;
font-family:Arial,sans-serif;
}
.kdx-hero{
margin-bottom:20px;
}
.kdx-badge{
display:inline-block;
padding:7px 12px;
border-radius:999px;
background:#e8f0ff;
color:#2563eb;
font-size:12px;
font-weight:700;
letter-spacing:.3px;
margin-bottom:12px;
}
.kdx-hero h2{
margin:0 0 12px;
font-size:34px;
line-height:1.2;
color:#0f172a;
font-weight:800;
}
.kdx-hero p{
margin:0 0 12px;
color:#475569;
font-size:15px;
line-height:1.9;
}
.kdx-subnote{
display:inline-block;
padding:10px 14px;
border-radius:14px;
background:#f8fbff;
border:1px solid #dbe7f7;
color:#2563eb;
font-size:13px;
font-weight:700;
line-height:1.6;
}
.kdx-card{
margin-bottom:16px;
padding:22px;
border-radius:24px;
background:linear-gradient(180deg,#ffffff,#fcfdff);
border:1px solid #e7edf5;
box-shadow:0 10px 26px rgba(15,23,42,.05);
}
.kdx-question{
font-size:21px;
font-weight:800;
line-height:1.4;
color:#0f172a;
margin-bottom:16px;
}
.kdx-options{
display:flex;
flex-direction:column;
gap:10px;
}
.kdx-option{
position:relative;
display:block;
cursor:pointer;
}
.kdx-option input{
position:absolute;
opacity:0;
pointer-events:none;
}
.kdx-option span{
position:relative;
display:flex;
align-items:center;
min-height:62px;
padding:14px 16px 14px 68px;
border-radius:12px;
background:#dfe5e7;
border:1px solid #d3dbe0;
color:#2f2f2f;
font-size:17px;
line-height:1.45;
font-weight:500;
transition:all .15s ease;
}
.kdx-option span::before{
content:””;
position:absolute;
left:18px;
top:50%;
transform:translateY(-50%);
width:26px;
height:26px;
border-radius:50%;
border:3px solid #000;
background:transparent;
box-sizing:border-box;
}
.kdx-option span::after{
content:””;
position:absolute;
left:27px;
top:50%;
transform:translateY(-50%) scale(0);
width:8px;
height:8px;
border-radius:50%;
background:#000;
transition:all .15s ease;
}
.kdx-option:hover span{
background:#d7dee2;
}
.kdx-option input:checked + span{
background:#3bb273; /* YEŞİL */
border-color:#3bb273;
color:#fff;
box-shadow:0 8px 18px rgba(59,178,115,.25);
}
.kdx-option input:checked + span::after{
transform:translateY(-50%) scale(1);
}
.kdx-bottom-progress{
margin:8px 0 16px;
padding:14px 16px;
border-radius:18px;
background:#fbfdff;
border:1px solid #e7edf5;
box-shadow:0 8px 22px rgba(15,23,42,.04);
}
.kdx-bottom-progress-top{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
margin-bottom:8px;
font-size:13px;
color:#475569;
font-weight:700;
}
.kdx-bottom-progress-bar{
height:8px;
border-radius:999px;
background:#eaf0f6;
overflow:hidden;
}
.kdx-bottom-progress-fill{
width:0%;
height:100%;
border-radius:999px;
background:linear-gradient(90deg,#2563eb,#60a5fa);
transition:width .25s ease;
}
.kdx-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:4px;
}
.kdx-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 22px;
border:none;
border-radius:16px;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#fff;
font-size:15px;
font-weight:700;
cursor:pointer;
box-shadow:0 12px 24px rgba(37,99,235,.20);
transition:all .18s ease;
}
.kdx-btn:hover{
transform:translateY(-1px);
}
.kdx-btn-light{
background:#eef4ff;
color:#2563eb;
box-shadow:none;
border:1px solid #dbe7f7;
}
.kdx-result{
display:none;
margin-top:18px;
padding:24px;
border-radius:24px;
background:linear-gradient(135deg,#f8fbff,#eef5ff);
border:1px solid #dbe7f7;
box-shadow:0 12px 28px rgba(15,23,42,.06);
}
.kdx-result-badge{
display:inline-block;
padding:7px 12px;
border-radius:999px;
background:#e5efff;
color:#2563eb;
font-size:12px;
font-weight:700;
letter-spacing:.3px;
margin-bottom:12px;
}
.kdx-result h3{
margin:0 0 10px;
font-size:28px;
line-height:1.3;
color:#0f172a;
}
.kdx-result p{
margin:0 0 16px;
color:#475569;
font-size:15px;
line-height:1.8;
}
.kdx-score{
margin:0 0 18px;
}
.kdx-score-top{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:8px;
font-size:13px;
font-weight:700;
color:#475569;
}
.kdx-score-bar{
height:10px;
border-radius:999px;
background:#e7edf5;
overflow:hidden;
}
.kdx-score-fill{
height:100%;
border-radius:999px;
background:linear-gradient(90deg,#2563eb,#60a5fa);
}
.kdx-share{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.kdx-share a,
.kdx-share button{
display:inline-flex;
align-items:center;
justify-content:center;
padding:11px 14px;
border-radius:14px;
text-decoration:none;
border:1px solid #dbe7f7;
background:#fff;
color:#0f172a;
font-size:14px;
font-weight:700;
cursor:pointer;
}
.kdx-error{
color:#b91c1c;
font-weight:700;
font-size:15px;
}
@media (max-width:768px){
.kdx-hero h2{
font-size:26px;
}
.kdx-card{
padding:16px;
border-radius:18px;
}
.kdx-question{
font-size:18px;
}
.kdx-option span{
min-height:56px;
font-size:15px;
padding:12px 14px 12px 60px;
}
.kdx-option span::before{
width:22px;
height:22px;
left:16px;
border-width:3px;
}
.kdx-option span::after{
left:23px;
width:8px;
height:8px;
}
.kdx-bottom-progress{
padding:12px 14px;
border-radius:16px;
}
.kdx-actions{
flex-direction:column;
}
.kdx-btn{
width:100%;
border-radius:14px;
}
.kdx-result{
padding:18px 16px;
border-radius:18px;
}
.kdx-result h3{
font-size:22px;
}
}
(function(){
const names = [‘kdx1′,’kdx2′,’kdx3′,’kdx4′,’kdx5′,’kdx6’];
function updateProgress(){
let answered = 0;
names.forEach(function(name){
if(document.querySelector(‘input[name=”‘+name+'”]:checked’)) answered++;
});
const percent = (answered / names.length) * 100;
const fill = document.getElementById(‘kdx-progress-fill’);
const text = document.getElementById(‘kdx-progress-text’);
if(fill) fill.style.width = percent + ‘%’;
if(text) text.textContent = answered + ‘ / ‘ + names.length;
}
document.addEventListener(‘change’, function(e){
if(e.target.matches(‘.kdx-option input’)){
updateProgress();
}
});
window.kdxReset = function(){
document.querySelectorAll(‘.kdx-option input’).forEach(function(input){
input.checked = false;
});
const result = document.getElementById(‘kdx-result’);
result.style.display = ‘none’;
result.innerHTML = ”;
updateProgress();
const wrap = document.querySelector(‘.kdx-wrap’);
if(wrap) wrap.scrollIntoView({behavior:’smooth’, block:’start’});
};
window.kdxCopyLink = function(){
const bağlantı = window.location.href;
if(navigator.clipboard && window.isSecureContext){
navigator.clipboard.writeText(bağlantı).then(function(){
alert(‘Sayfa linki kopyalandı.’);
});
} else {
const ta = document.createElement(‘textarea’);
ta.value = bağlantı;
document.body.appendChild(ta);
ta.select();
document.execCommand(‘copy’);
ta.remove();
alert(‘Sayfa linki kopyalandı.’);
}
};
window.kdxCalc = function(){
const result = document.getElementById(‘kdx-result’);
const counts = {1:0,2:0,3:0,4:0,5:0,6:0};
for(let i=0;i<names.length;i++){
const checked = document.querySelector('input[name="'+names[i]+'"]:checked');
if(!checked){
result.style.display = 'block';
result.innerHTML = '
‘;
result.scrollIntoView({behavior:’smooth’, block:’center’});
return;
}
counts[checked.value]++;
}
let winner=”1″;
let max = 0;
for(const key in counts){
if(counts[key] > max){
max = counts[key];
winner = key;
}
}
const percentage = Math.round((max / names.length) * 100);
const results = {
1: {
title: ‘Sana en yakın tür: Roman’,
text: ‘Sen kuvvetli karakterleri, yaşamın içinden anlatıları ve derin insan hikâyelerini seviyorsun. Bir kitapta en oldukca gerçek duygulara ve karakterlerin iç yaşamına bağlanıyorsun.’
},
2: {
title: ‘Sana en yakın tür: Polisiye’,
text: ‘Merak duygusu senin için olmazsa olmaz. Gizem, ipuçları, beklenmedik gelişmeler ve çözülmeyi bekleyen sırlar seni sayfalara daha da bağlıyor.’
},
3: {
title: ‘Sana en yakın tür: Fantastik’,
text: ‘Hayal gücün kuvvetli ve sınırların ötesine geçmeyi seviyorsun. Esrarengiz dünyalar, olağan dışı karakterler ve muhteşem vakalar tam sana gore.’
},
4: {
title: ‘Sana en yakın tür: Kişisel Gelişim’,
text: ‘Okuduklarının sana bir şey katmasını istiyorsun. İlham veren, düşündüren ve hayatına dokunan fikirler senin için devamlı daha kıymetli.’
},
5: {
title: ‘Sana en yakın tür: Şiir’,
text: ‘Sen kelimelerin duygusuna ehemmiyet veriyorsun. Güzel duyu ifade, yoğun hisler ve altı çizilecek cümleler seni en oldukca etkileyen şeyler içinde.’
},
6: {
title: ‘Sana en yakın tür: Tarih’,
text: ‘Geçmişin izlerini sürmeyi seviyorsun. Gerçek vakalar, zamanı kişiler ve geçmişten bugüne uzanan anlatılar senin ilgini daha oldukca çekiyor.’
}
};
const currentUrl = window.location.href;
const shareText = results[winner].title + ‘ — ‘ + currentUrl;
const whatsappUrl=”https://wa.me/?text=” + encodeURIComponent(shareText);
const twitterUrl=”https://twitter.com/intent/tweet?text=” + encodeURIComponent(shareText);
result.style.display = ‘block’;
result.innerHTML = `
Kontrol Sonucun
${results[winner].text}
%${percentage}
`;
result.scrollIntoView({behavior:’smooth’, block:’center’});
};
updateProgress();
})();
The post Sen Aslında Hangi Kitabın Okurusun? first appeared on Kitap Diyarı.
