Jekyll tabanlı kişisel blog (mkemal.blog). Bootstrap 5.3 kullanıyor.

• Layout: _layouts/post.html, _layouts/page.html — içerik col-md-8 mx-auto içinde
• CSS: assets/css/style.css — tipografi ve özel stiller
• Şablonlar: _layouts/, _includes/ altında Liquid şablonları
• Build: bundle exec jekyll build (jekyll komutu direkt çalışmıyor)

Home page mimarisi (2026-05):

• index.html saf statik HTML — Jekyll layout’u KULLANMIYOR, style.css YÜKLEMİYOR
• Kendi <style> bloğu, bubble JS ve Bootstrap CSS/JS inline
• Navbar ve footer hardcoded (Jekyll includes değil)

Jekyll sayfaları mimarisi (2026-05):

• _layouts/default.html — <div class="page"> wrapper ile sarılı (home ile aynı genişlik)
• .page CSS: width: min(1160px, calc(100% - 42px)); margin: 0 auto; — style.css’te tanımlı
• Arkaplan: body { background: radial-gradient(...), var(--bg); } tüm sayfalara uygulandı
• --bs-body-bg: var(--bg) ile Bootstrap’in white default’u override edildi
• Navbar: _includes/navbar.html — pt-4 (py-4 değil, alta padding yok)
• Footer: _includes/footer.html — <footer> tag içinde, border-top CSS’te

Tipografi:

• Hero (home h1): PP Neue Montreal 700, letter-spacing: clamp(-0.072em, -0.42vw, -0.045em)
• Blog/post başlıkları (.entry-title, .page-header h1): PP Neue Montreal 700, letter-spacing: clamp(-0.03em, -0.18vw, -0.015em) — hero’dan daha az negatif
• PP Neue Montreal: https://fonts.cdnfonts.com/css/pp-neue-montreal (head.html’de)

Why: Home page için statik HTML tercih edildi — animasyonlu bubble tasarımı Jekyll layout’uyla çakışıyordu. Jekyll sayfaları home ile aynı genişlik ve arkaplan stilini paylaşıyor. How to apply: Home değişiklikleri → index.html. Blog/post değişiklikleri → _layouts/, _includes/, assets/css/style.css. Her değişiklikten sonra bundle exec jekyll build.