From 51352af2eae160b1ee8f9f9072f934495282d339 Mon Sep 17 00:00:00 2001
From: Richard Zink <Richard Zink>
Date: Wed, 7 Oct 2026 06:48:50 +0200
Subject: [PATCH] Replace with Vanta clouds animation

---
 Dockerfile         |  4 ++++
 default.conf       | 10 ++++++++++
 docker-compose.yml |  8 ++++++++
 index.html         | 34 ++++++++++++++++++++++++++++++++++
 4 files changed, 56 insertions(+)
 create mode 100644 Dockerfile
 create mode 100644 default.conf
 create mode 100644 docker-compose.yml
 create mode 100644 index.html

diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..292e407
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,4 @@
+FROM nginx:alpine
+COPY index.html /usr/share/nginx/html/index.html
+EXPOSE 58881
+CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file
diff --git a/default.conf b/default.conf
new file mode 100644
index 0000000..ae3f6ff
--- /dev/null
+++ b/default.conf
@@ -0,0 +1,10 @@
+server {
+    listen 58881 default_server;
+    server_name localhost;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri $uri/ =404;
+    }
+}
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..e38eebf
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,8 @@
+version: '3.8'
+
+services:
+  wireframe:
+    build: .
+    ports:
+      - "58881:58881"
+    restart: unless-stopped
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..a8619f3
--- /dev/null
+++ b/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vanta Clouds</title>
+    <style>
+        body { margin: 0; overflow: hidden; }
+    </style>
+</head>
+<body>
+    <div id="vanta"></div>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.clouds.min.js"></script>
+    <script>
+        VANTA.CLOUDS({
+            el: "#vanta",
+            mouseControls: true,
+            touchControls: true,
+            gyroControls: false,
+            minHeight: 200.00,
+            minWidth: 200.00,
+            scale: 1.00,
+            scaleMobile: 4,
+            speed: 0.1,
+            backgroundColor: 0x0,
+            backgroundAlpha: 1,
+            skyColor: 0x5cb800,
+            cloudColor: 0x335b00,
+            lightColor: 0xffffff
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file