From 7eac1e55e63dcc9882217dcf4b94fffc22802ac6 Mon Sep 17 00:00:00 2001 From: bilalgursen Date: Fri, 9 Oct 2026 00:40:17 +0300 Subject: [PATCH] =?UTF-8?q?fix(tema):=20logodaki=20ay=20yatayda=20=C3=A7ev?= =?UTF-8?q?rildi=20(s=C4=B1rt=C4=B1=20solda,=20y=C4=B1ld=C4=B1zlar=20sa?= =?UTF-8?q?=C4=9F=C4=B1nda)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- src/components/animasyonlu-mark.tsx | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) diff --git a/src/components/animasyonlu-mark.tsx b/src/components/animasyonlu-mark.tsx index 98350a6..083e1a3 100644 --- a/src/components/animasyonlu-mark.tsx +++ b/src/components/animasyonlu-mark.tsx @@ -112,10 +112,10 @@ const SEKIL_SURE = 1700; const SEKIL_DURAKLAR = [0, 0.3, 0.7, 1]; type SekilHedefi = { translate: string; scale: string; opacity: number }; -// Ay kompozisyonu kutunun merkezine (90) göre küçültülür ve sola kaydırılır: -// hilalin sağ kenarı logonun sağ kenarını (151) pek aşmaz, yazıya değmez. +// Ay kompozisyonu kutunun merkezine (90) göre küçültülür ve logonun alanına +// (x 27–151) oturacak kadar kaydırılır: sağdaki yıldız yazıya değmez. const AY_OLCEK = 0.82; -const AY_KAYMA_X = -8; +const AY_KAYMA_X = 8; function ay(nokta: number, kayma = AY_KAYMA_X): number { return 90 + (nokta - 90) * AY_OLCEK + kayma; } @@ -125,12 +125,13 @@ function sekilHedefi(i: number, koyu: boolean): SekilHedefi { const b = KARELER[i].boyut; if (koyu) { return [ - // Biçim tema-ikonu.tsx'teki ay ikonuyla aynı (gövde r74 @ (104,92), - // yıldızlar r15 @ (40,42) ve r10 @ (74,92)); `ay` onu logonun kendi - // alanına sığdırır — ikon kutuyu doldurur, logoda sağında yazı var. - { translate: merkezde(ay(40), ay(42, 0), b), scale: String((30 * AY_OLCEK) / b), opacity: 1 }, // yıldız - { translate: merkezde(ay(104), ay(92, 0), b), scale: String((148 * AY_OLCEK) / b), opacity: 1 }, // hilal - { translate: merkezde(ay(74), ay(92, 0), b), scale: String((20 * AY_OLCEK) / b), opacity: 1 }, // yıldız + // Biçim tema-ikonu.tsx'teki ay ikonunun YATAYDA ÇEVRİLMİŞ hâli (ikonda + // gövde r74 @ (104,92), yıldızlar r15 @ (40,42) ve r10 @ (74,92); burada + // x → 180 − x): hilalin sırtı solda, yıldızlar sağında. `ay` onu logonun + // kendi alanına sığdırır — ikon kutuyu doldurur, logoda sağında yazı var. + { translate: merkezde(ay(140), ay(42, 0), b), scale: String((30 * AY_OLCEK) / b), opacity: 1 }, // yıldız + { translate: merkezde(ay(76), ay(92, 0), b), scale: String((148 * AY_OLCEK) / b), opacity: 1 }, // hilal + { translate: merkezde(ay(106), ay(92, 0), b), scale: String((20 * AY_OLCEK) / b), opacity: 1 }, // yıldız ][i]; } return [ @@ -351,11 +352,11 @@ export function AnimasyonluMark({ const renk = getComputedStyle(el).backgroundColor; const w = el.offsetWidth; const dolu = `inset 0 0 0 ${w}px ${renk}`; - // tema-ikonu.tsx'teki hilalle aynı kesim: gövde r74'ten, (-40,-16) - // kaydırılmış r66 daire çıkar — sırtı sağ altta, sağa bakan hilal. + // tema-ikonu.tsx'teki hilalin yatayda çevrilmişi: gövde r74'ten, + // (+40,-16) kaydırılmış r66 daire çıkar — sırtı sol altta. // İç gölgede: kaydırma = kesim dairesinin kayması, yayılma = iki // yarıçapın farkı (hepsi gövde çapı 148'e oranla). - const hilal = `inset ${(-40 / 148) * w}px ${(-16 / 148) * w}px 0 ${(8 / 148) * w}px ${renk}`; + const hilal = `inset ${(40 / 148) * w}px ${(-16 / 148) * w}px 0 ${(8 / 148) * w}px ${renk}`; animasyonlar.push( el.animate( [