From 5670d3f08ba553bc3bf06f959f3b1987f979897a Mon Sep 17 00:00:00 2001
From: Michael Peter Christen <mc@yacy.net>
Date: Sat, 8 Jun 2024 00:27:39 +0200
Subject: [PATCH] added network animation to the YaCy home page

---
 docs/index.md | 39 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/docs/index.md b/docs/index.md
index 5582f7d..00ffb21 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -65,7 +65,44 @@ Imagine if, rather than relying on the proprietary software of a large professio
 
 Here is a live image of the YaCy network:
 
-![YaCy P2P Network](https://yacy.searchlab.eu/NetworkPicture.png?width=960&height=720&bgcolor=2C3E4F&pal=10080&pol=10080&coronaangle=120)
+<img id="NetworkPicture" src="https://yacy.searchlab.eu/NetworkPicture.png?width=960&height=720&bgcolor=2C3E4F&pal=10080&pol=10080&coronaangle=0" alt="YaCy P2P Network" width="960" height="720" />
+      
+<script type="text/javascript">
+  <!--
+    imagestub = "https://yacy.searchlab.eu/NetworkPicture.png?width=960&height=720&bgcolor=2C3E4F&pal=10080&pol=10080&coronaangle=";
+    imageanimindex = 0;
+    imageloadindex = 0;
+    imagecycles = 0;
+    imagearray = new Array(6);
+    setTimeout("initanimation()", 100);
+    setTimeout("doanimation()", 1000);
+    function initanimation() {
+      handle = new Date().getTime();
+      for (j = 0; j < 6; j++) initanimationphase(j, handle);
+    }
+    function initanimationphase(phase, handle) {
+      imagearray[phase] = new Image(1024, 720);
+      angle = phase * 60;
+      imagearray[phase].src = imagestub + angle + "&handle=" + handle;
+    }
+    function doanimation() {
+      var networkPicture = document.getElementById("NetworkPicture");
+      if (networkPicture != null) {
+        networkPicture.src = imagearray[imageanimindex].src;
+        imageanimindex++;
+        if (imageanimindex == 6) { imageanimindex = 0; }
+        imagecycles++;
+        if (imagecycles == 25) {
+          initanimationphase(imageloadindex, new Date().getTime());
+          imageloadindex++;
+          if (imageloadindex == 6) { imageloadindex = 0; }
+          imagecycles = 0;
+        }
+        setTimeout("doanimation()", 100);
+      }
+    }
+  -->
+  </script>
 
 ## Installation is easy!