Kişisel portfolyo web sitesi — tek dosyalık, bağımsız HTML/CSS/JS. CI/CD gerektirmez, tıklanır açılır. CRT/glass-morphism estetik, özel imleç, boot animasyonlu loader, three.js 3D arka plan (CDN).
- Single-file —
portfolio.htmltek dosya; tüm CSS/JS dahil - CRT estetik — scanlines, grain, vignette, flicker katmanları
- Three.js 3D arkaplan — İstanbul havai fıskıyesi teması (CDN, runtime import)
- Özel imleç — nokta + halka kombinasyonu, hover'da büyür
- Boot loader —
bootanimasyonlu ilk ekran,transition 1.1s - Bölümler: Hakkımda · Yetenekler · Seçili Projeler · İletişim
- Reveal animasyonları — IntersectionObserver ile scroll'da yumuşak giriş
- Persistence — görünür bölüm
localStorage'da saklanır
| Token | Değer |
|---|---|
| Vurgu rengi | #ff3b3b (kırmızı) |
| Fontlar | Syne (display), Sora (body), JetBrains Mono (mono) |
| Easing | cubic-bezier(.16,1,.3,1) |
| Background | #0a0506 |
| Karakter seti | ITE |
git clone https://github.com/dehoa34-ctrl/portfolyo.git
cd portfolyo
# Tarayıcıda aç
start portfolio.html # Windows
open portfolio.html # macOS
xdg-open portfolio.html # Linuxİnternet bağlantısı: Google Fonts + Three.js CDN için gereklidir.
Statik olduğu için herhangi bir hosting'e yüklenebilir:
- GitHub Pages: repo → Settings → Pages →
mainbranch →/ (root) - Netlify / Vercel / Cloudflare Pages: sürükle bırak ile 30 saniyede yayında
- Veya raw GitHub URL ile iframe'e göm: https://dehoa34-ctrl.github.io/portfolyo/portfolio.html
Proje için bir build adımı yok — sadece HTML'i düzenleyin ve kaydedin. Tarayıcı otomatik geri yükler (Live Server VSCode eklentisi önerilir).
portfolyo/
└── portfolio.html # Tek dosya (CSS + JS inline)
Kişisel portfolyo amaçlıdır. Tasarım/hile/sistem alıntılanacaksa lütfen sahibiyle iletişime geçin.
Geliştirici: @canbilgehan · Repo: portfolyo