- SecimHaplari: tema seçici (kapsül) ve puan türü çipleri (hero + CTA formu);
seçili vurgu layoutId ile seçenekten seçeneğe kayar.
- SayiRulo: değişen sayılar (listem rozeti, çekmece ve durum satırı sayacı,
kredi hapları, dilim tablosu sayacı, giriş yeniden gönder sayacı, kaydet
bandı, üst şerit geri sayımı) rulo gibi döner; @number-flow/react kaldırıldı.
- DESIGN.md §4.21–4.22, components.json @uiarc kaydı.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
- Updated the app.db file to reflect recent changes in the application state.
- Modified BACKLOG.md to include new entries regarding the removal of certain wizard steps, adjustments to priority chips, and the introduction of special quota conditions for candidates.
- Added details on the decision to link priority chips to data sources and clarified the implications for user experience and data handling.
- TemaSaglayici (next-themes) + alt bilgide TemaSecici
- globals.css: .dark bloğunda palet token'ları çevrilir; bileşenlere
dark: sınıfı yazılmaz
- yüzeyler bg-white → bg-card, koyu haplar text-slate-50, SVG'lerde
sabit renk yerine değişken
- DESIGN.md §2.3 + tasarim-denetim kuralları (yuzey-beyaz,
koyu-hap-beyaz-yazi, dark-sinif), AGENTS.md karanlık mod bölümü
- docs: koyu tema denetimi raporu
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
- Footer: "Rabbi'şrah lî sadrî ve yessir lî emrî" (Tâhâ 25–26) Arapça +
Diyanet İşleri meali; Arapça Amiri Quran ile (önceden yüklenmez, ~45 KB).
Altında PixelMark'lı kaynak satırı.
- Konsol: ConsoleAsr artık kök layout'ta. Logodaki renklerle dot-matrix kum
saati, Asr Sûresi (Diyanet mushafı + Diyanet meali, kaynakla bayt bayt
aynı), İmam Şâfiî'nin sûfîlerden aktardığı vakit sözü, /meraklisina linki.
Tarayıcı boşa çıkınca bir kez basar.
- DESIGN.md §3: Arapça yazı tipinin tek işi (yalnız Kur'an metni) yazıldı.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- /universiteler/devlet ve /universiteler/vakif: şehir sayfası iskeleti,
haritada bu türden üniversitesi olan her il turuncu (yakınlaşma yok), üç
özet kartı, şehir çipleri (sayfa içi çapa), şehir şehir §4.15 satırları,
öteki türe geçiş hapı; metadata + sitemap.
- TurCipi tek kaynak: devlet/vakıf çipi tür sayfasına link (sonuç, listem,
tadımlık, bölüm, şehir/tür satırları); üniversite sayfası tür hapı ve
/universiteler başlıkları da link. UniSatirlari ortak dosyada: ad, tür ve
il ayrı linkler.
- Kompakt profilli satır (DESIGN.md §10.9): iri kupa kutusu + text-3xl/4xl
sıra, text-xl/2xl başlık, 48 px buton; telefonda alt alta, lg'de tek satır.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
- UniSatirlari: kenarlıklı liste, satırın tamamı üniversite sayfasına link,
SATIR_AD_DUZ ad (hover mavi, §2.1 istisnası), SATIR_META içinde tür çipi +
program sayısı (+ ana il farklıysa il), sağda kayan ok, active:scale-[0.99].
İki sütunlu kompakt UniLinkleri /universiteler dizininde kaldı.
- DESIGN.md §4.17 güncellendi.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
- Özet ızgarası relative isolate; konum haritası absolute katman (-inset-x-4
-inset-y-8) olarak ızgaranın tamamını kaplar, üçüncü sütun yalnız yer tutar.
lg'de sağdan sola, telefonda üst satırdan aşağı uzun rampalı mask.
- Yakınlaşma ease-out yerine spring bounce 0 (0,6 s gecikme, 1,6 s): sert
başlangıç gitti. Şehir yüzeyi mask'ları da uzatıldı.
- DESIGN.md §4.17 güncellendi.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
- Izgara 72 → 56 sütun, serpinti kaldırıldı (Bilal: "piksel detaylarını azalt").
- Harita `doldur` (slice) ile SehirYuzeyi kartını kaplar, metin üstünde; iki
katlı mask ile hiçbir kenarda kesik kare kalmaz (Bilal: "canvas net bir
şekilde kesiliyor"). Telefonda altta, lg'de sağ yarıda belirir.
- Yakınlaşma kutusu kabın oranında kurulur, il `odakHiza` ile kabın istenen
noktasına gelir (şehir sayfası: lg sağ orta, telefon alt orta; konum kartı orta).
- usePixelHeat meet/slice + ortalama ofsetini hesaba katar.
- Üniversite konum kartı: kartı doldurur, radyal erime.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
- viewBox 0,7 s gecikmeyle 1,1 s güçlü ease-out ile ilin çevresindeki kutuya
kayar (en çok 2,4 kat; ülke haritasında şehir işaretine 1,8 kat); kutu SVG
oranında ve harita dışına taşmaz. Hareketi azalt: doğrudan odak.
- usePixelHeat viewBox'ı her taramada canlı okur; yakınlaşmış haritada da
imleç doğru kareyi ısıtır (hero davranışı değişmez).
- DESIGN.md §4.17 yakınlaşma notu.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
- scripts/il-izgara-uret.ts → src/lib/il-izgara-verisi.ts: 81 il ve 7 ülke
kontürü hero'nun dot-matrix ızgarasına (72×31) rasterize; küçük iller 2×2 garanti.
- SehirPikselHaritasi: iri kareler, altı opaklık, kıyı serpintisi, usePixelHeat
ısı fırçası; bulunulan il iri turuncu karelerle sırayla belirir (kt-piksel-belir)
ve nabız atar; KKTC/yurt dışında şehir merkezinde 2×2 iri kare.
- Şehir sayfası başlığı beyaz piksel dokulu yüzeyde (SehirYuzeyi), harita sağda/altta.
- UniversiteKonumHaritasi düz SVG yerine aynı piksel haritayı kullanır.
- DESIGN.md §4.12/§4.17/§10.8 güncellendi.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
- CtaSiraForm kompakt: kayıtlı sıralamalı hâl CtaBandi kompakt kabuğuyla
birebir (bg-primary, beyaz yazı, PikselZemin); form hâli beyaz kalır.
İç boşluk ve saydam kenarlıkla iki hâlin kutusu aynı (CLS yok); telefondaki
süs piksel ayracı kaldırıldı.
- /sonuc "24 tercihlik listen hazır": beyaz kart yerine CtaBandi (seed 23),
buton sonda ArrowRight, telefonda tam genişlik.
- DESIGN.md §10.8: CtaBandi kullanım yerleri ve "piksel konmaz" listesi güncellendi.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Bilal (24 Eyl 2026): ana sayfa CTA'sında doku hiç görünmüyordu, bazı
kartlarda çok azdı; sonra "çok fazla piksel, küçük olanlar hiç olmasın"
ve "/sonuc'taki kartın arkasına da piksel koymuşsun; pikseller CTA'larda
olacak sadece".
- Kök neden: PixelMasonry sabit 420×120 çizimi kaplayacak şekilde
ölçekleniyordu; yüksek kartlarda görünen kısım boş banda düşüyordu.
Artık kabın gerçek ölçüsüne göre üretiliyor (ResizeObserver), yalnız
kenar çerçevesinde, orta boş; `haric` verilen öğenin (24'lük piksel
tablosu) çevresi her genişlikte boş. Sunucuda boş, ölçülünce belirir.
- Küçük (tek hücre) kare yok: 4×4 makro hücrede 2–4 hücrelik kareler,
iri olan seyrek ve silik. Ölçüm: kapanış kartı 1280 px'te 58 kare
(tabloya binen 0), 375 px'te 27 kare.
- Beyaz içerik kartlarından zemin geri alındı (tadımlık, /listem üretim
ve kilit kartları, boş durum, sıralama-yok, meraklısına, paket kartları,
kaydet bandı, katalog üstü kompakt satır, /sonuc "listen hazır").
Kalanlar: CtaBandi, PikselCtaYuzeyi, arama penceresi kartı.
PikselZemin'in açık tonu kaldırıldı. DESIGN.md §10.8 güncellendi.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Bilal (24 Eyl 2026): ana sayfadaki piksel tablosunun arkasına çok piksel
yığılmıştı. PixelMasonry/PikselZemin boş bant ve yoğunluk alıyor;
kapanış kartı lg'de doku yalnız sol %16'da ve seyrek, altında liste
üstte ortada boş bantta. DESIGN.md §10.8: kreatif ile doku üst üste binmez.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Bilal'in isteği (24 Eyl 2026): piksel arka planı her CTA benzeri kısmın
arkasında, büyüklü küçüklü masonry. Tek kaynak PikselZemin (açık kartta
silik mavi, koyu/mavi yüzeyde beyaz); CtaBandi ve PikselCtaYuzeyi de
onu kullanır. Eklenen yüzeyler: /sonuc "listen hazır" kartı, /listem
dört üretim kartı + boş durum + kilit kartı, tadımlık kartı, sıralama-yok
sayfası, meraklısına kapanış kartı, ana sayfa ve /paket ana paket kartı,
kaydet bandı, katalog üstü kompakt satır, arama penceresi kartı.
Kapsam dışı (form, durum kartı, modal düğmesi, 404) DESIGN.md §10.8'de.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Bilal'in isteği (24 Eyl 2026): CTA'ların arkasındaki pikseller üzerine
gelindiğinde bir şey olmasın. PixelMasonry ısı fırçasına kaydolmuyor
(data-px yok, usePixelHeat yok); yalnız seyrek turuncu vurgu kareleri
kendi kendine nefes alıyor. DESIGN.md §10.8 güncellendi.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
- Input/Select/Textarea: shadcn'in ince varsayılanı yerine üst çubuk
haplarıyla aynı kalıp (h-12, rounded-full, slate-200, 16 px; md:text-sm
yok); kullanım yerleri yalnız yerleşim sınıfı taşır. DESIGN.md §4.6
tam sınıf dizisi; denetime ince-form-alani (hata) ve ham-input (uyarı)
- CtaBandi (mavi zemin + piksel doku) tek kaynak: /sonuc iki panel, katalog
altı kart, "Kendi Listem" çekmecesi altı. Ana sayfa kapanışı koyu
PikselCtaYuzeyi + 24'lük piksel liste kreatifiyle kalır (Bilal: "orası
bayağı iyiydi"); yazılıp silinen satır kaldırıldı
- PixelMasonry: CTA arka planları büyüklü küçüklü, hafif kaymış kareler;
eşit ızgaralı PixelField kaldırıldı
- Çekmece başlığındaki 12×2 piksel liste kaldırıldı (çok dolu); sayı +
ilerleme çubuğu + risk dağılımı geri geldi
- "Saniyede gör" çekmecesi §4.10 düzeninde: ortalı DrawerTitle + bağlam,
rozet ve çizgili "neler alacaksın" listesi yok; kapı modalındaki iki
rozet kalktı; denetime modal-rozet (hata)
- Kapı panelinde 3 px odak halkası kırpılmıyor (px-px → p-1)
- Liste satırı: üniversite adı + tür/il/süre adın altında tek akan satır,
telefonda text-xs (SATIR_ALT_GRUP); katalog listelerinde ad kendi
satırında (SATIR_GRUP space-y-2). Ölçüm 375 px canlı bölüm sayfası:
satır yüksekliğini metin değil alt alta iki 44 px düğme belirliyor
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
- PikselCtaYuzeyi: koyu slate-950 yüzey, yazılıp silinen satırlar, tek
turuncu CTA (arama penceresindeki kartın dili); ana sayfa kapanışı ve
/sonuc'taki iki panelde köşeye kümelenen PixelField'in yerine
- PikselListe: 24 kare = 24 tercih; kendini kurar (5 hayal · 13 dengeli ·
6 güvenli), imlece tepki verir, CTA'ya gelince tamamı dolar, dokunmada
nabız; hareketi azalt'ta durağan; renk hep metinle
- Liste çekmecesi: ilerleme çubuğunun yerinde öğrencinin kendi listesi
pikselde (her kare o tercihin riski); başlık yan yana dizildi, liste
alanı 150 → 234 px (375 px ölçümü)
- Funnel metinleri src/lib/funnel-metinleri.ts'e taşındı
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Ana sayfa karşılaştırması telefonda/tablette yana kayıyordu: lg altında
özellik başına satır + üç sütun, sütun adları yapışık (96/128 px, ölçüldü);
lg'de tablo, taşma yok
- Liste çekmecesinde kapatma çarpısı ile satır çıkarma çarpısı aynı
görünüyordu: satırda çerçevesiz "−" (CircleMinus)
- Bildirim (toast) görünümündeki değişiklik geri alındı (uyumsuzdu)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Tür/il/süre satırı sm'den itibaren adla aynı satırda (SATIR_GRUP)
- lg'de hücre dolgusu bir kademe az, satır düğmeleri 36 px (§8)
- 1280 px ölçüm: bölüm listesi 83 → 61 px; /sonuc 68 px (uzun adda 92)
- Telefonda değişiklik yok (44 px düğme, alt alta düzen)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Risk etiketi src/components/risk-etiketi.tsx'e çıkarıldı; /sonuc,
çekmece ve rapor listesi oradan kullanıyor
- Rapor satırı §4.15: ad sarar, üniversite adı ayrı satırda, telefonda
risk + taban sıra adın altında, logo gizli (satır 214 → 152 px),
aç/kapa düğmesi 44 px, hover tek turuncu
- Açılan ayrıntı: 16 px metin, 14 px koyu etiket, rounded-xl iç kutular
- Tadımlık satırı aynı satır düzenine geçti
- Tercih değişti penceresi, liste gövdesi ve yazdırma sayfasında
10-11 px / büyük harfli etiketler kalktı
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Başlık ortalı (§4.10), çarpı ve temizle düğmesi kanonik size-9
- Satırlar çerçevesiz liste satırı; ad sarar, üniversite adı ayrı
satırda, risk etiketi metin + renkle adın altında, çıkar düğmesi 44 px
- Alt bant telefonda alt alta: başlık üç satıra kırılıp listenin yerini
yiyordu (liste 232 → 279 px, 375 px ölçümü)
- 10-11 px yazılar ve mavi hover'lar kalktı; navbar sayaç rozeti 12 px
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Liste satırı sınıfları src/components/liste-satiri.ts'e çıkarıldı;
üniversite, bölüm ve /sonuc tabloları oradan okuyor
- /sonuc satırı: ad sarar, üniversite adı ayrı satırda ve düzgün
harfle, telefonda risk + taban sıra adın altında, 44 px butonlar,
"boş kaldı" 12 px altından çıktı
- Dilim sekmeleri 375 px'te taşıyordu (418 px); telefonda üç eşit hap
- Tercih kapısında büyük harfli etiketler SectionEyebrow'a, harita
şeridinde 10 px yazılar 12 px'e
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Başlık bloğu lg altında ortalı, kimlik hapları (düzey + puan türü),
dört özet kartı (Program, Devlet, Vakıf, En iyi sıralama), piksel ayraç
- OzetKart src/components/ozet-kart.tsx'e çıkarıldı; üniversite ve bölüm
sayfası oradan kullanıyor. 6-7 haneli sayı birimle kısalıyor (ölçüldü)
- Program listesi §4.15: ad sarar, varyant ayrı satırda, 44 px butonlar,
telefonda taban sıra adın altında, butonlar alt alta
- Sayfalama 44 px, telefonda tek satır; hover'lar tek turuncu
- Denetim: kanonik liste satırı adının mavi hover'ı artık uyarı vermiyor
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Üniversite sayfası (canlı referans ekran /universite/ankara-universitesi):
- Program listesi: ad kesilmez/sarar, telefonda taban sıra alt satıra iner,
satır butonları 44 px, tür çipi okunur boyda
- Başlık bloğu lg altında ortalı (logo başlığın üstünde), kimlik hapları
(Devlet/Ankara) navbar ölçüsünde, ikon + metin
- Harita yanında 4 özet kartı (OzetKart): sayı solda iri, ikon sağda;
4. kart URAP Türkiye sırası + piksel sıra şeridi (PixelSira)
- Akademik göstergeler (URAP + YÖK İstatistik) sayfadan "Akademik
göstergeler ›" satırının açtığı alt sayfaya taşındı: kartsız, ortalı,
masonry gösterge kareleri, tek ekrana sığar
- Hover tek turuncu (orange-500); liste satırı adı mavi kalır
- Üst çubuk başlık geçişi (NavBaslik): h1 kaydırılınca üst çubukta logo +
ad belirir; bölüm sayfasında da (yalnız ad)
Tasarım dili:
- DESIGN.md: temel his (§1.1), hover kuralı (§2.1), yazı alt sınırları,
yeni tek kaynak parçalar (§4.8–4.15), lg altı ortala (§5.2), reddedilen
denemeler (§7), ölç-tahmin-etme ve tuzaklar (§9)
- Denetim: gösterge karesi renk istisnası (bg-indigo-500, bg-green-600) ve
site taraması için dört uyarı (minik-yazi, buyuk-harf-etiket, mavi-hover,
iri-sayi-tabular)
Not: universite-icerik.tsx'teki akademik göstergeler bölümü (URAP/YÖK
kartları) Bilal'in commit'lenmemiş işiydi; tasarım değişiklikleriyle aynı
dosyada iç içe olduğu için bu commit'e girdi.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
