From d5b7f6eca49c86f5af17903d0b8ac412e21bf66c Mon Sep 17 00:00:00 2001
From: TheErrorExe <error.exe@outlook.de>
Date: Sun, 9 Mar 2025 03:19:17 +0100
Subject: [PATCH] Mifos Minecraft skin

---
 index.html    |  8 ++++--
 mifoskin.html | 70 +++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 76 insertions(+), 2 deletions(-)
 create mode 100644 mifoskin.html
diff --git a/index.html b/index.html
index 66c7061..0754d06 100644
--- a/index.html
+++ b/index.html
@@ -14,11 +14,14 @@ THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR I
 <!--
 
 This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and will be a Copyright Holder of this Software.
-
+ integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
+ integrity="sha256-NGC9JEuTWN4GhTj091wctgjzftr+8WNDmw0H8J5YPYE=" 
 -->
 <!DOCTYPE html>
 <html lang="de">
-
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/94/three.min.js" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/gh/InventivetalentDev/MineRender@1.4.6/dist/skin.min.js"></script>
 <head>
 
 <!-- Google tag (gtag.js) -->
@@ -177,6 +180,7 @@ This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and wi
                 href="https://www.youtube.com/@DrMifo">Dr. Mifo auf YouTube</a>
                 <a href="/drmifo/#streamingplan">Streamingplan</a>
         </div>
+<iframe src="/mifoskin.html" frameborder="0" width="300" height="400"></iframe>
     </section>
 
     <script>
diff --git a/mifoskin.html b/mifoskin.html
new file mode 100644
index 0000000..f92bf67
--- /dev/null
+++ b/mifoskin.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DrMifo Iframe</title>
+    
+    <style>
+        body, html {
+            margin: 0;
+            overflow: hidden;
+        }
+
+        canvas {
+            width: 100%;
+            height: 100%;
+            filter: drop-shadow(5px 5px 5px #222);
+        }
+    </style>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/94/three.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/gh/InventivetalentDev/MineRender@1.4.6/dist/skin.min.js"></script>
+</head>
+<body>
+<h1><pre>Mifos Skin</pre></h1>
+    <script>
+        let skinRender;
+        let animate = true;
+        let startTime = Date.now();
+
+        function renderSkin() {
+            if (skinRender) skinRender.clearScene();
+
+            skinRender = new SkinRender({
+                autoResize: true,
+                render: { taa: true }
+            }, document.body);
+
+            skinRender.render({
+                username: "DrMifoYT",
+                capeUrl: "https://minerender.org/img/optifine_cape.png",
+                optifine: true
+            });
+
+            document.body.addEventListener("skinRender", startAnimation);
+        }
+
+        function startAnimation() {
+            requestAnimationFrame(animateModel);
+        }
+
+        function animateModel() {
+            if (!animate || !skinRender || !skinRender.playerModel) return;
+
+            let t = (Date.now() - startTime) / 1000;
+            let model = skinRender.playerModel.children;
+
+            model[2].rotation.x = Math.sin(t * 5) / 2;
+            model[3].rotation.x = -Math.sin(t * 5) / 2;
+            model[4].rotation.x = Math.sin(t * 5) / 2;
+            model[5].rotation.x = -Math.sin(t * 5) / 2;
+
+            requestAnimationFrame(animateModel);
+        }
+        renderSkin();
+    </script>
+
+</body>
+</html>
