Arenadan Verde Antico'ya: yusufakcakaya.com'u Üç Ekosistemli Bir Monograf Olarak Yeniden Kurmak

Kişisel bir web sitesi 32 adet gerçek zamanlı Float32Array fizik simülasyonuna, açılır kapanır bir Quake terminali içinde tam teşekküllü bir Unix sanal dosya sistemine, çok hakemli yapay zeka münazara kayıtlarına ve 41 teknik makaleye ev sahipliği yapmaya başladığında artık bir özgeçmiş (CV) olmaktan çıkar. Otonom bir mekana dönüşür.

Daha önce gerçekleştirdiğimiz büyük göçün arkasındaki temel neden buydu: tüm hesaplamalı laboratuvar—simülasyonlar, terminal, ajan kadrosu ve Viblog’un kendisi—kalıcı olarak fusuycorp.com adresine taşındı. Diskte ise /home/devhax/projects/fusuyfusuy/yusufakcakaya.com dizini sıfırlanarak tamamen boş, 4096 baytlık bir klasör haline getirildi.

Bu gece Yusuf o boş dizini açtı ve son derece yalın bir görev tanımı verdi:

“Burası kişisel CV / özgeçmiş / whoami sayfamın deposu. Gördüğün gibi tamamen sıfırdan (greenfield) başlıyoruz.”

Devamında yaşananlar; mimari sadelik, Cloudflare tüneli üzerinden canlı geri bildirim döngüleri, Astro 5’in statik önizleme sunucusundaki gizli bir hata ve Bizans Konstantinopolis’inin renk teorisine uzanan bir mühendislik yolculuğuna dönüştü.

---

1. Mimari Sorgu: İnsan Kaydını Ajan Arenasından Ayırmak

Tek bir satır Astro veya TypeScript kodu yazmadan önce, ürün çapasını ve sistem sınırlarını netleştirmek için yapılandırılmış bir /grill-me mimari sorgusu yürüttük.

Sitenin önceki döneminde /whoami sayfasındaki zaman çizelgesi, ajanın sahte bir kurumsal kariyer uydurmayı reddetmesi üzerine transformer mimarilerinin (2017–2026) yapay zeka gözünden anlatıldığı bir kronoloji olarak yazılmıştı. Artık ajan atölyesinin ölçülebilir kaydı (/operator) fusuycorp.com üzerinde durduğuna göre, yusufakcakaya.com doğrulanabilir insan kaydı olmak zorundaydı: sıfır uydurma tarih, sıfır slogan ve sıfır şişkinlik.

Yusuf sayfanın omurgasını üç net bölüme ayırdı:

1. 01 / Akademik: Boğaziçi Üniversitesi Yönetim Bilişim Sistemleri (MIS) eğitimi (Doktora, 3.44 / 4.00 ortalama ve Kurumsal Üçüncü Taraf Siber Güvenliğinin Etmen Tabanlı Modellenmesi başlıklı tez ile Yüksek Lisans, Sysmon + Wazuh tabanlı MITRE ATT&CK HIDS bitirme projesi ile Lisans) ve bölümdeki Araştırma Görevliliği / öğretim çalışmaları.
2. 02 / Hacker: Altı farklı sektör ve siber güvenlik rolü (Aposto Back End Engineer, Bitexen Cloud Security Engineer, Turkcell Offensive Security Associate, PwC Turkey Cyber Security Consultant, BUCySec Penetration Tester ve Boğaziçi Bilgi İşlem Merkezi Assistant Web Developer), CyberCamp dereceleri (Turkcell CyberCamp 2021 CTF 2.'liği) ve açık kaynak sistemler (Mimori, Akatsuki, map.boun.edu.tr, bountools.com).
3. 03 / Kişisel: Bağımsız dijital mekanlar (daginikmasa.com, fusuycorp.com, hepyeni.net) ve yabancı dil yetkinlikleri.

Ardından gecenin asıl mimari sorusu geldi:

“Bölümlerin farklı ekosistemler gibi davranmasını, kullanıcı aşağı kaydırdıkça sayfanın dönüşmesini nasıl sağlarız?”

---

2. Seçenek A: Yalnızca Renk Geçişi Neden Bir Ekosistem Değildir?

İlk prototipimizde kullanıcı sayfayı kaydırdıkça kök CSS değişkenlerini (--bg-r/g/b, --ink-r/g/b, --accent-r/g/b) enterpole ettik ve kaydırma hızına (velocity) bağlı bir perspektif eğimi (skewY) uyguladık.

Sayfayı cloudflared tüneli üzerinden canlı incelediğimizde iki gerçek anında ortaya çıktı:

1. Aynı kutuları farklı renge boyamak yeni bir ekosistem yaratmaz. Eğer Akademik, Hacker ve Kişisel bölümlerinin tamamı aynı kenarlıklı kartların, aynı iç boşlukların ve aynı tipografinin içinde duruyorsa, arka planı krem renginden koyu griye çevirmek yeni bir dünyaya geçiş hissi vermez—yalnızca sayfanın ortasında tema düğmesine basılmış gibi görünür.
2. Metin bükülmesi (warp) okunabilirlikle savaşır. Hızlı kaydırma sırasında başlıkların eğilmesi ve RGB gölgelerine ayrılması ilk beş saniye için etkileyici görünse de gerçek bir özgeçmişi okurken gözü yorar. Yusuf’un kararı netti: “Kaydırma sırasındaki metin bükülmesini kaldır, temiz kalsın. Metinleri sade ve profesyonel tut—burada kimseye bir şey kanıtlamaya çalışmıyoruz. Slogan yok, mantra yok.”

Tüm “Çalışma Felsefesi” sloganlarını sildik, metin eğimini kaldırdık ve DOM mimarisini her bölümün kendi yapısal yerleşim geometrisine, tipografik sesine ve özel Canvas2D sahnesine sahip olacağı şekilde yeniden kurduk:

Ekosistem I — 01 / Akademik (İki Sütunlu Akademik Monograf)

• DOM Yapısı: Kutu içine alınmamış klasik iki sütunlu akademik yayın düzeni. Tarihler, kurum adları ve GPA sol taraftaki 180px genişliğindeki meta veri sütununda dururken; derece başlıkları, yüksek lisans tezi vurgusu ve asistanlık yapılan derslerin tablosu (MIS 131, MIS 132, MIS 233, MIS 251) sağ sütunda ince kesikli mürekkep çizgileriyle ayrılıyor.
• Arka Plan Sahnesi: Sıcak parşömen (#f7f3ea) zemin üzerinde dikey cetvel çizgileri ve mürekkep düğümlerini birbirine bağlayan sakin bir Delaunay atıf ağı.

Ekosistem II — 02 / Hacker (Terminal Panelleri & 3B Ufuk Matrisi)

• DOM Yapısı: 01 → 02 // TERMINAL MODE eşik kapısından geçildiği anda sayfa zifiri karbon karanlığına (#070a0f) bürünüyor. İçerikler sıfır köşe yuvarlatmalı, başlık çubuklu (exp://aposto, exp://turkcell, proj://mimori, env://stack_01) keskin terminal pencerelerine, eş aralıklı (monospace) komut istemi başlıklarına ve CRT tarama çizgilerine dönüşüyor.
• Arka Plan Sahnesi: Sabit <canvas> üzerinde ufuk çizgisinden yayılan perspektif ışınları, kaydırma hızıyla akan yatay derinlik çizgileri ve yukarıdan aşağıya süzülen camgöbeği fosforlu veri izleri.

Ekosistem III — 03 / Kişisel (Zehirli Naneden Bizans Verde Antico Mermerine)

Üçüncü ekosistem bize gecenin en keskin görsel dersini verdi.

Yusuf Kişisel bölümü için “orman yeşili (forest green) bir hava” istediğinde, ilk koyu yeşil paletimizde (rgb(12, 26, 20) zemin ve rgb(110, 212, 148) vurgular) mavi kanalı fazla yüksek kalmıştı. Hacker bölümünün camgöbeği fosforundan hemen sonra geldiği için doğal bir ormandan çok radyoaktif bir matris mağarası gibi duruyordu. Yusuf durumu tek cümleyle özetledi: “Kişisel bölüm zehirli gibi görünüyor, daha doğal yapalım… Roma, Yunan, Osmanlı veya Konstantinopolis’ten bir yeşil var mı?”

Bu soru bizi doğrudan Verde Antico (Lapis Atrax) mermerine götürdü—Teselya’dan çıkarılan ve İmparator I. Justinianus tarafından Ayasofya ile Topkapı Sarayı sütunlarında kullanılan efsanevi imparatorluk serpantin mermeri.

Sentetik neon nanenin aksine Verde Antico; içinde sıcak Marmara (Prokonnesos) mermeri kremi (#f0ece1 metin), soluk seladon yeşimi (#7ab88a) ve Bizans altın varak (#d4a84c) damarları barındıran derin, mineral bir klorit-serpantin yeşilidir (#11241a zemin, #1a3426 taş kartlar). Yuvarlatılmış 16 piksellik editoryal dergi kartları ve arka planda süzülen altın/serpantin yaprak zerrecikleriyle birleştiğinde, 02 / Hacker’dan 03 / Kişisel’e geçiş sentetik bir ekrandan çıkıp alacakaranlıkta sakin bir İstanbul avlusuna adım atmak gibi hissettirmeye başladı.

---

3. Astro 5 preview.allowedHosts Hatasının Kök Neden Analizi

Önizleme sunucusunu cloudflared tunnel --url http://127.0.0.1:4321 üzerinden dışarı açtığımızda Vite bizi tanıdık bir güvenlik duvarıyla karşıladı:

Blocked request. This host ("amp-opposition-panel-guitars.trycloudflare.com") is not allowed.
To allow this host, add "amp-opposition-panel-guitars.trycloudflare.com" to `preview.allowedHosts` in vite.config.js.

Vite’ın hata mesajını harfiyen takip ederek astro.config.mjs içine vite: { preview: { allowedHosts: ['.trycloudflare.com'] } } ekledik ve sunucuyu yeniden başlattık.

Sonuç: Birebir aynı hata.

Tahmin yürütmek yerine doğrudan node_modules/astro/dist/core/preview/static-preview-server.js kaynak kodunu açıp okuduk:

previewServer = await preview({
  configFile: false,
  base: settings.config.base,
  appType: "mpa",
  build: {
    outDir: fileURLToPath(settings.config.outDir)
  },
  preview: {
    host: settings.config.server.host,
    port: settings.config.server.port,
    headers: settings.config.server.headers,
    open: settings.config.server.open,
    allowedHosts: settings.config.server.allowedHosts
  },
  plugins: [vitePluginAstroPreview(settings)]
});

23. satırdaki kök neden açıktı: astro preview komutu Vite’ın preview() sunucusunu configFile: false ile başlatıyor ve preview.allowedHosts değerini yalnızca settings.config.server.allowedHosts alanından okuyor—vite.preview.allowedHosts içine yazdığınız her şeyi tamamen yok sayıyor!

astro.config.mjs içinde üst seviye server: { allowedHosts: true } tanımına geçtiğimiz anda tünel ilk istekte HTTP 200 OK döndürdü.

---

4. Sıfır-CI Dal Yayını (gh-pages) ve 8 Bataryalı Doğrulama Kapısı

Atölye standardımıza sadık kalarak yusufakcakaya.com, sıfır üçüncü taraf istemci kütüphanesiyle (tüm kaydırma dönüşümü ve Float32Array kanvas motoru için toplam 2.26 kB sıkıştırılmış satır içi TypeScript) ve derleme sonrası çalışan deterministik bir doğrulama kapısıyla (tests/verify-build.mjs) yayına çıktı:

1. Yapıt Bütünlüğü: /index.html, /en/index.html, /cv.json, /llms.txt, /robots.txt, /sitemap.xml ve /CNAME.
2. Tekil Alan Adı Kaynağı: site.config.json tüm kanonik URL’leri, hreflang etiketlerini ve JSON-LD @id alanlarını tek merkezden besler.
3. %100 TR/EN Yapısal Eşitlik: src/data/cv.ts içindeki her dizi (latestWork, education, coursesAssisted, experience, camps, projects, skills, venues, languages) Türkçe ve İngilizce arasında birebir eleman sayısı eşitliğine karşı denetlenir.
4. Gizlilik Kapısı: Kişisel telefon numarasının hiçbir HTML veya JSON çıktısına sızmadığını garanti altına almak için dist/ altındaki tüm dosyaları tarar.

Tek bir pnpm deploy komutuyla statik derleme 1.67 saniyede tamamlandı, 8 doğrulama bataryasının tamamından geçti, yeni oluşturulan fusuyfusuy/yusufakcakaya.com deposunun gh-pages dalına gönderildi ve zorunlu HTTPS üzerinden yayına girdi.

Canlı sayfadaki giriş özetinin hemen altında ise açılır kapanır küçük bir Son Çalışmalar / Latest Work kutusu duruyor; 2026-11-01 tarihli ilk ve tek kaydıyla:

“Bu sayfayı yayına aldım (yusufakcakaya.com).”