Piksel harita ve logo animasyonu iyileştirmeleri
Some checks failed
Deploy / deploy (push) Has been cancelled

Şehir/Türkiye piksel haritası görünüme girince oynar; animasyonlu-mark,
console-asr, use-pixel-heat ve cta-sira-form güncellendi.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-10-04 14:00:34 +03:00
parent d2359d3f3a
commit 504c5c85d9
7 changed files with 329 additions and 180 deletions

View File

@@ -97,24 +97,22 @@ function mesaj(): string[] {
bicim += "\n";
});
// Bloklar arasında birer boş satır; her blokta tek punto, tek renk.
const arapca = `font-size:18px;line-height:2.1;font-family:${ARAPCA_YAZI_TIPI}`;
ekle(`\n${BESMELE}\n`, `${arapca};color:${SILIK}`);
ekle(`${ASR.join("\n")}\n`, arapca);
ekle(`\n${MEAL[0]}\n`, `font-size:12px;line-height:1.8;color:${SILIK}`);
ekle(`${MEAL.slice(2).join("\n")}\n`, "font-size:12px;line-height:1.8");
ekle("Asr Sûresi (103) · Diyanet İşleri meali\n", `font-size:11px;line-height:2.2;color:${SILIK}`);
ekle(
`\n${BESMELE}\n${ASR.join("\n")}\n`,
`font-size:22px;line-height:2;font-family:${ARAPCA_YAZI_TIPI}`,
);
ekle(`\n${MEAL.join("\n")}\n`, "font-size:13px;line-height:1.7");
ekle("Asr Sûresi (103) · Diyanet İşleri meali\n\n", `font-size:11px;color:${SILIK}`);
ekle(
"«Vakit bir kılıçtır; sen onu kesmezsen o seni keser.»\n",
`font-size:13px;font-weight:600;line-height:1.8;color:${TURUNCU}`,
"\n«Vakit bir kılıçtır; sen onu kesmezsen o seni keser.»\n",
`font-size:12px;font-style:italic;line-height:1.8;color:${TURUNCU}`,
);
ekle(
"İmam Şâfiî’nin sûfîlerden öğrendiğini söylediği söz\n\n",
`font-size:11px;color:${SILIK}`,
);
ekle(
`Meraklısına: ${window.location.origin}/meraklisina`,
`font-size:11px;color:${SILIK}`,
"İmam Şâfiî’nin sûfîlerden öğrendiğini söylediği söz\n",
`font-size:11px;line-height:2.2;color:${SILIK}`,
);
ekle(`\n${window.location.origin}/meraklisina`, `font-size:11px;color:${SILIK}`);
return [bicim, ...stiller];
}
@@ -126,7 +124,12 @@ export function ConsoleAsr() {
// Hidrasyon ve ilk etkileşimle yarışmasın: tarayıcı boşa çıkınca bas.
// Safari'de requestIdleCallback yok, orada kısa bir gecikme yeter.
const bas = () => console.log(...mesaj());
// Önce konsolu temizle: eklenti uyarıları ve çerçeve satırları sürprizi
// aşağı itmesin, konsolu açan yalnız bunu görsün.
const bas = () => {
console.clear();
console.log(...mesaj());
};
if (typeof window.requestIdleCallback === "function") {
window.requestIdleCallback(bas, { timeout: 3000 });
} else {