چرا صفحهٔ اول سایتم یک شاخه در یک کاسه است

این سایت را در یک ماه سه بار از نو ساختم. نسخهٔ اول یک مانگا بود. نسخهٔ دوم یک دسکتاپ لینوکس ساختگی با یک ترمینال نئونی وسطش. هر دو بد نبودند، ولی هر دو شبیه چیزی بودند که یک مدل هوش مصنوعی می‌سازد اگر از آن «پورتفولیوی خلاقانهٔ برنامه‌نویس» بخواهید. پس کنارشان گذاشتم.

این نسخه از یک ایده شروع می‌شود: توکونوما، طاقچه‌ای در خانه‌های ژاپنی که در آن یک طومار آویزان و یک گل‌آرایی می‌گذارند و بقیهٔ دیوار را عمداً خالی نگه می‌دارند.

شاخه واقعی است

چیزی که در کاسه است، مسیر کاری من است که به شکل یک شاخهٔ گیت کشیده شده. ساقهٔ ضخیم شاخهٔ اصلی است، حلقه‌های کوچک روی آن کامیت‌ها هستند و سه غنچهٔ لیمویی چیزهایی‌اند که همین حالا زنده‌اند: اینولرن، آرمانی انگلیش و همین یادداشت‌ها. روی هر غنچه بزنید تا به آنجا بروید.

$ git log --oneline --graph
* innolearn   (2025, remote, Melbourne)
* armani      (2022, Tehran)
* notes       (you are here)

این یک مسیر SVG دست‌نویس با pathLength="1" است، پس رشد کردنش فقط یک انیمیشن stroke-dashoffset از ۱ به ۰ است. بدون کتابخانه، بدون canvas.

چرا سریع است

همهٔ صفحات HTML ایستای Astro هستند. صفحهٔ اول فقط ترمینال، دکمهٔ عکس و کلید روز و شب را می‌فرستد. عکس بزرگ‌ترین چیز صفحهٔ اول است، پس به‌صورت یک WebP کوچک از قبل بارگذاری می‌شود.

/* کل تم فقط دو دسته متغیر CSS است */
:root { --plaster: oklch(0.936 0.013 128); --ink: oklch(0.25 0.014 112); }
:root[data-theme='dark'] { --plaster: oklch(0.205 0.009 128); --ink: oklch(0.93 0.012 115); }

قدم بعدی

صفحهٔ آزمایشگاه برای یک رادیوی لوفای و تایمر پومودورو نگه داشته شده. موقع جابه‌جایی بین صفحه‌ها هم پخش می‌شوند.