# Enerji Üreten Yapılar

Kendi enerjisini üreten konsept binalar üzerine hazırlanmış tek sayfalık, sürdürülebilir ve doğal görsel dilli kişisel portföy sitesi.

## Çalıştırma

Node.js 22 veya üzeri gerekir.

```bash
npm start
```

Ardından `http://localhost:3000` adresini aç.

## İçerik değiştirme

Tüm metinleri `content.js` dosyasında bulabilirsin. `brand`, `hero`, `projects`, `approach` ve `about` bölümleri sitenin ilgili alanlarını doldurur. Yeni bir proje eklemek için `projects` dizisine aynı alanlara sahip yeni bir nesne ekle.

## Renk değiştirme

`styles.css` dosyasının en üstündeki `:root` bölümünde yer alan değişkenleri değiştir:

- `--forest`: ana koyu yeşil
- `--terracotta`: vurgu ve buton rengi
- `--cream`: açık arka plan
- `--moss` ve `--sage`: ikincil yeşiller
- `--ink` ve `--muted`: metin renkleri

Bir renk değişkenini güncellediğinde, onu kullanan bütün bölümler birlikte güncellenir.

## Görsel değiştirme

`content.js` içindeki `hero.image` ve her proje nesnesindeki `image` alanı görsel adresleridir. Yeni bir görseli `public/images` içine koyup `/images/dosya-adi.jpg` şeklinde yazabilir veya herkese açık bir görsel URL’si kullanabilirsin. En iyi sonuç için hero görselinde geniş yatay, proje görsellerinde dikey veya 4:5 oran kullan.

## Sayfa yapısı ve davranış

- `index.html`: sayfa iskeleti ve erişilebilir semantik yapı
- `styles.css`: renkler, tipografi, düzen ve responsive davranış
- `app.js`: merkezi içerik render’ı, mobil menü, scroll reveal ve proje detay penceresi
- `content.js`: değiştirmek isteyeceğin içerik merkezi
- `public/manus-routes.json`: site rotası bildirimi

Kod değişikliklerini yaptıktan sonra sunucuyu yeniden başlatman yeterlidir. Site tek sayfa olduğu için menü bağlantıları aynı sayfadaki bölümlere gider.

## GitHub ve yayınlama

Bu proje GitHub’a gönderilmemiş ve canlı yayınlanmamıştır. GitHub bağlantısı veya yayınlama ancak açık onaydan sonra yapılmalıdır.