From 4a675a35cf9014cc87a02511c597c4f899c6d420 Mon Sep 17 00:00:00 2001
From: Jean-Laurent de Morlhon <jeanlaurent@morlhon.net>
Date: Wed, 24 Jan 2024 15:28:43 -0800
Subject: [PATCH] Changing the way text is displayed

Signed-off-by: Jean-Laurent de Morlhon <jeanlaurent@morlhon.net>
---
 static/index.html | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)
diff --git a/static/index.html b/static/index.html
index abee7ef..e8bb990 100644
--- a/static/index.html
+++ b/static/index.html
@@ -53,12 +53,34 @@
       to {background-position: 201px 0;}
     }
   </style>
+  <script>
+    var sentences = [
+        "Hello, World!",
+        "System.out.println(\"Hello, World!\");",
+        "console.log(\"Hello, World!\");",
+        "printf(\"Hello, World!\n\");",
+        "cout << \"Hello, World!\" << endl;"
+      ];
+    var txt = sentences[Math.floor(Math.random() * sentences.length)];
+    var i = 0;
+    var speed = 100;
+    function typeWriter() {
+      if (i < txt.length) {
+        document.getElementById("hello").innerHTML += txt.charAt(i);
+        i++;
+        setTimeout(typeWriter, speed);
+      }
+    }
+    window.onload = function() {
+      typeWriter();
+    };
+  </script>
 </head>
 <body>
   <img id="whale" src="whale300.png"/>
   <div id="waves"></div>
   <div id="sea">
-    <div id="hello">Hello from Docker !</div>
+    <div id="hello"></div>
   </div>
 </body>
 </html>
