more translation, add unity for defences

content/project/2022-04-30-lusatia/index.de.md

@@ -1,7 +1,7 @@
 +++
-title = "Übersetzung: Lusatia - an immersion in (De)Fences"
+title = "Lausitz - eine Immersion in (Ent)Zäunung"
 authors = ["Aron Petau"]
-description = "A selection of images from the D+C Studio Class 2023"
+description = "Eine Auswahl von Bildern aus dem D+C Studio Kurs 2023"
 banner =  "/images/lusatia/lusatia_excavator.jpg"
 date = 2023-07-27
 
@@ -32,9 +32,51 @@ show_shares = true
 
 {{ youtube(id="kx6amt2jY7U") }}
 
-On an Excursion to Lusatia, a project with the Working Title (De)Fences was born.
-Here are the current materials.
+Bei einer Exkursion in die Lausitz entstand ein Projekt mit dem Arbeitstitel (Ent)Zäunung.
+Hier sind die aktuellen Materialien.
 
 <iframe width="100%" height="1024" frameborder="0" allow="xr-spatial-tracking; gyroscope; accelerometer" allowfullscreen scrolling="no" src="https://kuula.co/share/collection/7F22J?logo=1&info=1&fs=1&vr=0&zoom=1&autop=5&autopalt=1&thumbs=3&alpha=0.60"></iframe>
 
-TODO: upload unity project
+## Interaktive Unity-Erfahrung
+
+Erkunde das (Ent)Zäunung-Projekt in dieser interaktiven 3D-Umgebung. Verwende WASD zum Bewegen
+und die Maus zum Umsehen.
+
+<div style="margin-bottom: 10px;">
+  <button id="muteBtn" onclick="toggleMute()" style="padding: 8px 16px; background: #333; color: white; border: none; border-radius: 4px; cursor: pointer;">
+    🔊 Stummschalten
+  </button>
+</div>
+
+<iframe
+  id="unityFrame"
+  src="/webgl/lusatia/index.html"
+  width="100%"
+  height="650"
+  frameborder="0"
+  allowfullscreen
+  style="border: 1px solid #ccc; border-radius: 4px;">
+</iframe>
+
+<script>
+let isMuted = false;
+function toggleMute() {
+  const btn = document.getElementById('muteBtn');
+  const frame = document.getElementById('unityFrame');
+  
+  // Send message to Unity (requires Unity listener setup)
+  if (frame.contentWindow) {
+    frame.contentWindow.postMessage({type: 'toggleMute', muted: !isMuted}, '*');
+  }
+  
+  // Update button
+  isMuted = !isMuted;
+  btn.innerHTML = isMuted ? '🔇 Ton an' : '🔊 Stummschalten';
+}
+</script>
+
+**Steuerung:**
+
+- **WASD** oder **Pfeiltasten** - Bewegung
+- **Maus** - Umsehen
+- **F** - Vollbild umschalten

content/project/2022-04-30-lusatia/index.md

@@ -37,4 +37,46 @@ Here are the current materials.
 
 <iframe width="100%" height="1024" frameborder="0" allow="xr-spatial-tracking; gyroscope; accelerometer" allowfullscreen scrolling="no" src="https://kuula.co/share/collection/7F22J?logo=1&info=1&fs=1&vr=0&zoom=1&autop=5&autopalt=1&thumbs=3&alpha=0.60"></iframe>
 
-TODO: upload unity project
+## Interactive Unity Experience
+
+Explore the (De)Fences project in this interactive 3D environment. Use WASD to move and mouse to
+look around.
+
+<div style="margin-bottom: 10px;">
+  <button id="muteBtn" onclick="toggleMute()" style="padding: 8px 16px; background: #333; color: white; border: none; border-radius: 4px; cursor: pointer;">
+    🔊 Mute
+  </button>
+</div>
+
+<iframe
+  id="unityFrame"
+  src="/webgl/lusatia/index.html"
+  width="100%"
+  height="650"
+  frameborder="0"
+  allowfullscreen
+  style="border: 1px solid #ccc; border-radius: 4px;">
+</iframe>
+
+<script>
+let isMuted = false;
+function toggleMute() {
+  const btn = document.getElementById('muteBtn');
+  const frame = document.getElementById('unityFrame');
+  
+  // Send message to Unity (requires Unity listener setup)
+  if (frame.contentWindow) {
+    frame.contentWindow.postMessage({type: 'toggleMute', muted: !isMuted}, '*');
+  }
+  
+  // Update button
+  isMuted = !isMuted;
+  btn.innerHTML = isMuted ? '🔇 Unmute' : '🔊 Mute';
+}
+</script>
+
+**Controls:**
+
+- **WASD** or **Arrow Keys** - Move around
+- **Mouse** - Look around
+- **F** - Toggle fullscreen