Modern Link Portal with Tailwind CSS

Bu proje, kullanıcıların sosyal medya, portföy veya diğer bağlantılarını şık bir şekilde sunacak, modern ve animasyonlarla zenginleştirilmiş bir dijital bağlantı portalı (linktree tarzı) sunar. Tailwind CSS CDN ile oluşturulmuştur.

Özellikler

- Şık glassmorphism tasarım
- Dinamik link yükleme
- Scroll reveal animasyonları
- Parçacık animasyonlu arka plan
- Responsive tasarım (mobil uyumlu)
- Hover animasyonları
- Font Awesome ikonlar
- Tailwind CSS ile oluşturulmuş utility-first tasarım

Renk Paleti

Varsayılan renk paleti:

- #0D1321: Ana arka plan
- #1D2D44: İkincil arka plan/arka plan detayları
- #3E5C76: Buton ve kart zeminleri
- #748CAB: Hover efektleri, vurgular ve geçiş detayları
- #F0EBD8: Metin, ikon ve kontrast ögeler

Kullanılan Teknolojiler

- HTML5
- Tailwind CSS (CDN üzerinden)
- JavaScript (ES6+)
- Particles.js (Arka plan animasyonu)
- Font Awesome (İkonlar)

Başlangıç

Projeyi çalıştırmak için:

1. Repoyu klonlayın veya dosyaları indirin
2. index.html dosyasını bir tarayıcıda açın

Özelleştirme

Projeyi kendi ihtiyaçlarınıza göre özelleştirmek için:

1. data.js dosyasındaki linkleri kendi bağlantılarınızla değiştirin
2. index.html dosyasındaki profil bilgilerini güncelleyin
3. Tailwind CSS renk paletini index.html içindeki script etiketinde değiştirebilirsiniz
4. Particles.js ayarlarını script.js içinde değiştirebilirsiniz

Avantajlar

- Herhangi bir npm, Node.js veya derleme aracı gerektirmez
- CDN üzerinden Tailwind CSS kullanılır, böylece ek kurulum gerekmez
- Tüm stil ve etkileşimler tarayıcıda doğrudan çalışır
- Kolayca özelleştirilebilir ve paylaşılabilir

Lisans

MIT © 2025 Wyltre

İletişim

[Buraya iletişim bilgilerinizi ekleyin]

Wylink

Modern, özelleştirilebilir link portal (Linktree tarzı) oluşturmak için komut satırı aracı.

!Wylink Preview

Özellikler

- Terminal üzerinden kolay kurulum
- Komut satırı aracılığıyla kişiselleştirme
- Dinamik link ekleme
- Modern, duyarlı (responsive) tasarım
- Glassmorphism efektleri
- Animasyonlar
- Özelleştirilmiş kaydırma çubuğu
- Particles.js arka plan animasyonu

Kurulum

Wylink'i npm üzerinden evrensel olarak kurabilirsiniz:

``bash
npm install -g wylink
`

Veya npm kurulumu olmadan npx ile doğrudan çalıştırabilirsiniz:

`bash
npx wylink [komut]
`

Kullanım

$3

`bash
npx wylink create
`

Bu komut, size birkaç soru soracak:
- İsim ve soyisim
- Unvan/meslek
- Çıktı dizini
- Profil resmi URL'si

$3

`bash
npx wylink add-link --dir ./my-wylink
`

Bu komut, eklemek istediğiniz bağlantı hakkında size sorular soracak:
- Bağlantı başlığı
- URL
- Açıklama
- İkon

$3

Wylink portal oluşturulduktan sonra, çıktı dizinindeki dosyaları manuel olarak düzenleyebilirsiniz:
- index.html: Ana sayfa yapısı ve stiller
- data.js: Bağlantı verileri
- script.js: JavaScript fonksiyonları

Site Yükleme

Oluşturulan dosyalar tamamen statiktir ve herhangi bir web sunucusuna yüklenebilir. Önerilen yükleme seçenekleri:

- GitHub Pages
- Netlify
- Vercel
- Amazon S3
- Herhangi bir statik web hosting hizmeti

Örnekler

$3

`bash

Kurulum

npm install -g wylink

Yeni bir wylink portal oluşturun

wylink create

Bağlantı ekleyin

wylink add-link --dir ./my-wylink
`

$3

`bash

Doğrudan npx ile çalıştırma

npx wylink create

Bağlantı ekleme

npx wylink add-link --dir ./my-wylink
``

Teknik Detaylar

Wylink portallar şu özelliklere sahiptir:

- Tailwind CSS (CDN üzerinden)
- JavaScript (ES6+)
- Font Awesome ikonlar
- Particles.js arka plan animasyonu
- Özelleştirilmiş kaydırma çubuğu

Lisans

MIT