Bu site nasıl yapıldı

Astro her sayfa ve dil için bir HTML dosyası üretir; sunucuda bir şey çalışmaz.

Renk

Kâğıt, mürekkep ve tek vurgu rengi: kırmızı. Her renk iki tema için light-dark() ile bir kez tanımlanır; bir test her yazı ve zemin çiftini iki temada da WCAG AA kontrastına göre kontrol eder.

Animasyon

İki tür, tek easing: bir çizgi çizilir (raporun yükseklik profili, aktif sekmenin ikonu), bir blok yerine oturur (görünür olan bölümler, ismin kelimeleri, geçişte sayfa). Hepsi CSS ile: scroll-driven animation ve view transition. Hiçbiri için script çalışmaz; hareket azaltma tercihinde hiçbiri çalışmaz. Yalnız opacity ve transform animasyonu var, layout değişmez.

Ağırlık

Web fontu yok. Bir metin sayfası bir HTML dosyası, bir stylesheet ve tema için bir kilobaytın altında bir inline script: favicon ile üç istek, yaklaşık 10 KB. Fotoğraflar build sırasında yeniden boyutlandırılıp WebP’ye çevrilir, videolar yalnız oynatılınca yüklenir.

İçerik

Bir proje, bir rapor, bir not: tek bir Markdown dosyası; bilgiler front matter’da, build sırasında şemaya göre kontrol edilir. Bir sayfa, yolu adresi olan tek bir dosya.

Kontroller

Her push’tan önce: lint, tipler, unit ve component testleri, build, build edilmiş sayfaların kontrolü, dört genişlikte tarayıcı testleri ve yavaşlatılmış telefonda bütçeye karşı Lighthouse.