SimolZimol 5355e725c1 new file: .gitignore
new file:   README.md
	new file:   images/atomic-heart.png
	new file:   images/julian.png
	new file:   images/prey.png
	new file:   index.html
	new file:   keys.example.js
	new file:   script.js
	new file:   style.css
2025-10-31 16:33:22 +01:00
2025-10-31 16:33:22 +01:00
2025-10-31 16:33:22 +01:00
2025-10-31 16:33:22 +01:00
2025-10-31 16:33:22 +01:00
2025-10-31 16:33:22 +01:00
2025-10-31 16:33:22 +01:00
2025-10-31 16:33:22 +01:00

🎮 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:
    copy keys.example.js keys.js
    
  2. Öffne keys.js in einem Texteditor
  3. Ersetze die Platzhalter-Keys mit den echten Steam-Keys:
    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! 🎂

<EFBFBD> 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)

<EFBFBD>💝 Von Simon mit Liebe gemacht! ❤️

Alles Gute zum Geburtstag, Julian! 🎂

Description
No description provided
Readme 182 KiB
Languages
JavaScript 57.3%
CSS 26.4%
HTML 16.3%