# 🎮 Julian's Geburtstagskarte

Eine interaktive Geburtstagskarte mit Space Invaders Minigame und Rubbelkarten für Steam-Keys!

## 📋 Setup-Anleitung

### Steam-Keys eintragen:

1. **Kopiere `keys.example.js` zu `keys.js`**:
   ```bash
   copy keys.example.js keys.js
   ```
2. **Öffne `keys.js`** in einem Texteditor
3. **Ersetze die Platzhalter-Keys** mit den echten Steam-Keys:
   ```javascript
   const STEAM_KEYS = {
       'atomic-heart': 'DEIN-ATOMIC-HEART-KEY',
       'prey': 'DEIN-PREY-KEY', 
       'elden-ring': 'DEIN-ELDEN-RING-KEY'
   };
   ```
4. **Speichere die Datei** (wird automatisch von .gitignore geschützt)

### Alternative: .env Datei verwenden:
- Bearbeite die `.env` Datei und trage dort die Keys ein
- Die Keys werden automatisch geladen

## 🎮 Spielanleitung

### Space Invaders:
- **Bewegung**: ← → Pfeiltasten ODER A D Tasten  
- **Schießen**: Leertaste ODER W Taste
- **Ziel**: Alle 15 Aliens besiegen um die Geschenke freizuschalten

### Rubbelkarten:
- **65% der Karte** muss freigerubbelt werden
- **Fortschrittsbalken** zeigt den aktuellen Stand
- **Echte Steam-Keys** werden nach dem Rubbeln enthüllt

## 🎁 Enthaltene Spiele:
1. **Atomic Heart** - Sowjetisches Sci-Fi Abenteuer
2. **Prey** - Weltraum-Horror Thriller  
3. **Elden Ring** 👑 - Das Hauptgeschenk! FromSoftware Meisterwerk

## 🛠 Technische Details:
- Vollständig in HTML5, CSS3 und JavaScript
- Funktioniert offline nach dem ersten Laden
- Responsive Design für Desktop und Mobile
- Canvas-basiertes Space Invaders Spiel
- Erweiterte Rubbelkarten mit Fortschrittsanzeige

## 🎉 Features:
- ✅ Space Invaders Minigame (15 Aliens)
- ✅ WASD + Pfeiltasten Steuerung
- ✅ Erweiterte Rubbelkarten (65% erforderlich)
- ✅ Konfigurierbare Steam-Keys
- ✅ Partikeleffekte und Animationen
- ✅ Easter Egg (Konami-Code)
- ✅ Mobile Touch-Support
- ✅ **Julian Easter Egg**: Seltenes schwebendes Julian-Bild (5% Chance) mit Celebration-Effekt! 🎂

## � Git-Sicherheit:

⚠️ **WICHTIG**: Die `.gitignore` Datei schützt automatisch:
- `keys.js` - Enthält die echten Steam-Keys
- `.env` - Alternative Konfigurationsdatei
- Alle temporären und persönlichen Dateien

✅ **Sicher zum Committen**:
- `keys.example.js` - Beispiel-Template ohne echte Keys
- Alle anderen Projektdateien

## 📁 Projektstruktur:
```
📁 geburstags karte/
├── 🌐 index.html
├── 🎨 style.css  
├── 🎮 script.js
├── 🔑 keys.example.js (Template - sicher)
├── 🔑 keys.js (Echte Keys - gitignore geschützt)
├── ⚙️ .env (Alternative Config - gitignore geschützt)  
├── 🚫 .gitignore (Schutz für sensible Daten)
├── 📖 README.md
└── 📁 images/
    ├── 🖼️ atomic-heart.png (Hover-Bild)
    ├── 🖼️ prey.png (Hover-Bild)
    └── 🎂 julian.png (Easter Egg - seltenes schwebendes Bild)
```

## �💝 Von Simon mit Liebe gemacht! ❤️

Alles Gute zum Geburtstag, Julian! 🎂