Animasi di GitHub, tanpa GIF
GitHub membuang <script> dan <style> dari markdown, tapi gambar dilewatkan apa adanya. Jadi animasinya dititipkan di dalam SVG, pakai SMIL — <animate> dan <animateTransform>, markup gerak bawaan SVG yang tidak butuh stylesheet sama sekali. Ukurannya kecil, tajam di layar retina, dan tidak ada GIF 4 MB yang harus di-render ulang tiap ganti kata.
Satu batasan yang menentukan bentuknya: font eksternal tidak ikut termuat — SVG dirender pakai font milik pembaca. Makanya aksara ꦕ tidak dipakai di dalam banner (di Windows sering jadi kotak kosong); lambangnya dibangun dari geometri cincin yang sudah jadi motif situs, dan teksnya cuma mono dan sans generik. Aksara tetap ada di badan README, tempat GitHub menanganinya sebagai teks biasa.
assets/banner.svg.txtGerbang membuka, cincin berputar, utusan menelusuri lemniskat.
assets/flow.svg.txtPaket berjalan Telegram → caraka → agent, dan progres balik lagi.
org-profile/assets/banner.svg.txtDua utusan berjalan saling mendekat, gerbang approval naik di tengah.
.txt karena editor ini membuang markup gerak dari berkas .svg. Buang akhiran .txt-nya saat commit — isinya sudah final, tidak ada yang perlu diubah.Loop delapan detik: dua utusan berjalan saling mendekat, berhenti di gerbang yang naik di tengah, gerbang menyala hijau ✓ human, lalu keduanya lewat. Legendanya berakhir dengan dua mayat; animasinya berakhir dengan dua yang selamat. Itu seluruh tesis organisasinya, tanpa satu kalimat pun.
Profil organisasi butuh repo publik bernama persis .github di bawah CarakaDev. Isinya muncul otomatis di halaman depan organisasi.
Buang akhiran .txt saat menaruh berkasnya di repo. Markdown-nya sudah menunjuk ke assets/banner.svg, jadi tidak ada yang perlu disesuaikan lagi.
Pakai path relatif di markdown, bukan URL raw.githubusercontent — path relatif ditulis ulang GitHub jadi URL satu origin dan disajikan langsung, sehingga animasinya jalan. URL ke host lain lewat proksi gambar camo, dan animasinya tidak selamat.
Kartu ini gelap di kedua tema GitHub, jadi tidak perlu dua berkas <picture>.
Animasi mulai ulang tiap gambar dimuat, jadi bagian intronya selalu terlihat oleh pengunjung baru — sisanya loop pelan supaya tidak mengganggu saat orang membaca.
npm tidak menampilkan gambar berpath relatif. Diagram teks polos sengaja disimpan di <details> supaya pembaca npm tetap kebagian.