v1-beta-tema #9

bilal · 2026-10-09T02:30:37+03:00

bilal commented

2026-10-09 02:30:37 +03:00

No description provided.

bilal added 19 commits 2026-10-09 02:30:38 +03:00

feat(tema): D kısayolu, logodan yayılan tema geçişi, /surum-notlari beta sayfası (→ 1.1.0) 5f7ea8bbcd

- lib/tema-gecisi.ts: View Transitions + CSS maskesi (kolay-tercih-mark.svg),
  merkez header'daki işaret; reduced-motion ve desteksiz tarayıcıda düz geçiş
- tema-kisayolu.tsx: D tuşu açık ↔ koyu (yazı alanı/değiştirici tuşta pasif)
- tema-secici.tsx: seçim de maskeyle oynar, altında Kbd ile D ipucu
- /surum-notlari: beta açıklaması, geri bildirim (destek@kolaytercih.com),
  sürüm günlüğü; Beta rozeti ve footer buraya bağlanır, sitemap'e eklendi
- DESIGN.md §2.3 notu

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

fix(tema): geçiş maskesinde logo görünmüyordu — SVG katmanları CSS'e gömüldü; alttan uçuş + boşluk kapanışı koreografisi 9f401602a8

Chrome, view-transition pseudo elemanında dosyadan url() ile yüklenen ikinci
maske katmanını (boyu 0'dan büyükken) tümden şeffaf çiziyor; iki SVG de
data URI olarak globals.css'e gömüldü. Koreografi (önceki oturum): işaret
ekranın altından ortaya süzülür, merkezden büyür, kareler arası boşluklar
dolu çizimle merkezden dışa kapanır; motion sürer. Geçici console tanıları
kaldırıldı, iptal edilen geçişin ready reddi yakalanıyor.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

fix(tema): geçişte tek silüet — dolu çizim katmanı kaldırıldı, boşluklar tam ekran solmayla kapanır 4c84a1a974

"Logo içinde logo" görünmesin (Bilal, 8 Eki 2026): maske artık yalnız
işaretin çizimi + alfası motion ile sürülen tam ekran dolgu. Büyümenin
ikinci yarısında kareler arasında kalan eski görüntü yeni temaya solar.
kolay-tercih-mark-dolu.svg ve --kt-tema-kapanis kaldırıldı; DESIGN §2.3 notu.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

refactor(tema): logo maskesi kaldırıldı, tema geçişi sade crossfade (640 ms) a51724fdcc

Bilal'in kararı (9 Eki 2026): SVG maskeli yayılma şimdilik yok; tüm sayfa
tek parça crossfade ile geçer, mursela-nextjs'teki tema geçişiyle aynı
süre ve eğri (640 ms, cubic-bezier(0.6, 0, 0.2, 1)). motion bağımlılığı
ve maske değişkenleri tema-gecisi.ts'ten çıktı; DESIGN §2.3 notu güncel.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

feat(tema): tema geçişi logodan piksel piksel yayılır 83dca068f8

Sitenin piksel imzasının hareketli hâli: yeni tema header'daki logodan
başlar, kare ızgarası hâlinde dağınık bir ön yüzle ekrana yayılır; her kare
sırası gelince yumuşakça belirir (900 ms, --kt-tema-sure). View Transitions
+ küçük tuvalden üretilen, önbelleklenen maske kareleri; pixelated ile keskin.
Reduced-motion ve desteksiz tarayıcıda düz geçiş. DESIGN §2.3 güncel.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

feat(tema): tema geçişi logodan yumuşak, tüylü kenarlı halka olarak açılır; logo bir etap oynar 6022319174

Piksel ızgarası sert bulundu (Bilal, 9 Eki 2026). Yeni tema radyal degrade
maskesiyle açılır: yarıçapın %55'i opak, kalanı tüy; 1100 ms yumuşak eğri.
Geçiş başlarken header'daki logonun kareleri bir etap yürüyüp yerine oturur
(kt-tema-gecis olayı). Tuval/maske karesi kodu kaldırıldı. DESIGN §2.3 güncel.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

feat(tema): geçişte logo kareleri güneşe ya da aya dönüşür 8c48303051

Koyuya geçerken şeftali kare hilale (iç gölgeyle; zemin rengine bağlı değil),
mavi ve turuncu kareler iki yıldıza; açığa geçerken turuncu kare güneşe,
şeftali kare halesine dönüşür. Kısa bir an durup logoya toplanır (1,7 sn).
Yalnız header'daki logo; hover döngüsü biçimi keser. DESIGN §2.3 güncel.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

feat(tema): tema seçici ikonları güneş, ay ve logo kareleri 316f1dafa0

Geçişte logonun dönüştüğü biçimlerin durağan hâli (tema-ikonu.tsx): Açık
için güneş ve halesi, Koyu için hilal ve iki yıldız, Sistem için logonun üç
karesi. lucide Sun/Moon/Monitor seçiciden kalktı. DESIGN §2.3 güncel.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

fix(tema): logo dönüşümü hover döngüsünden öncelikli 50c2f7f292

İmleç logonun üzerindeyken tema değişirse döngü kesilir, kareler o an
neredeyse oradan güneşe/aya geçer; biçim bitince imleç hâlâ üzerindeyse
hover döngüsü yerinden yeniden başlar. DESIGN §2.3 notu.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

fix(tema): logodaki ay seçici ikonuyla aynı biçimde (sağa bakan hilal); güneşin turuncu topu küçüldü 6ec350d68f

Morph'taki hilal tema-ikonu.tsx'teki kesimle birebir (gövde r74, (-40,-16)
kaymış r66 kesim; yıldızlar aynı yerlerde), logonun alanına sığacak ölçekte.
Güneş: morph ölçeği 1.35 → 1.1, ikon r52 → r43.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

fix(tema): logodaki ay yatayda çevrildi (sırtı solda, yıldızlar sağında) 7eac1e55e6

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

fix(tema): seçicideki ay ikonu da yatayda çevrildi; logodaki ayla yine eş 456cedeac6

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

fix(tema): ayda tek yıldız, hilalin iki ucunun tam ortasında 49d88cd72f

Logo morph'unda mavi kare yıldız olur, turuncu yıldızın yerinde söner;
seçici ikonunda tek mavi yıldız. Konum iki dairenin kesişim kirişinin orta
noktası (108,79). DESIGN §2.3 güncel.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

feat(tema): sayfa geçişi kısa ve hafif (600 ms), logo dönüşümü geçiş bitince oynar; DESIGN §4.22 logo morph 1b51903e71

- Sıra: önce sayfa geçişi biter, kısa nefes (80 ms), sonra logo güneşe/aya
  dönüşür; üst üste binmez. Geçiş iptal olsa da logo doğru biçime dönüşür.
- View Transitions olmayan tarayıcıda da logo dönüşür.
- DESIGN.md §4.22: logo biçim dönüşümü tasarım diline eklendi (biçim tablosu,
  koreografi, kurallar); §6 hareket ve §7 Yap/Yapma satırları.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

docs(tasarim): logo morph bölümü §4.34 (v2'deki 4.21–4.33 ile çakışmasın) e0d0553293

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

feat(surum-notlari): geri bildirim kutusu ve arayüz iyileştirmeleri balonu e8e2c73527

Dev CTA bandı yerine başlık + metin alanı + buton; mesaj sunucu aksiyonuyla
destek kutusuna e-posta olarak gider (IP başına 10 dk'da 3). Başlığın başı
sabit, devamı bir kez daktilo gibi yazılır.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

feat(footer): kenardan kenara dev yazı logosu; footer'lı sayfada alt boşluk kapanır 2981498f3a

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

refactor(hero): sıralama satırı, veri kutusu ve tanım paragrafı kaldırıldı 72c0bd44c2

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

docs(agents): yeni UI parçası tasarlayan ekranda bakmadan teslim etmez 7952a336d2

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

bilal merged commit fc269bc448 into main

2026-10-09 02:30:44 +03:00

bilal referenced this issue from a commit

2026-10-09 02:30:44 +03:00

Merge pull request 'v1-beta-tema' (#9) from v1-beta-tema into main

bilal deleted branch v1-beta-tema

2026-10-09 02:30:47 +03:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: bilal/kolaytercih#9