Add creative Hola Mundo with particles, glitch effect and typewriter

- index.html: structure linking external CSS and JS - style.css: futuristic dark theme with glitch animation and scanlines - main.js: canvas particle field, typewriter loop, live uptime counter Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-30 11:34:58 +07:00
parent 2e46b22e75
commit bbb5076da9
3 changed files with 251 additions and 3 deletions
--- a/index.html
+++ b/index.html
@@ -2,9 +2,20 @@
 <html lang="es">
 <head>
  <meta charset="UTF-8">
-  <title>Hola mundo</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Hola Mundo</title>
+  <link rel="stylesheet" href="style.css">
 </head>
 <body>
-  <h1>Hola mundo 11</h1>
+  <canvas id="particles"></canvas>
+  <div class="scanline"></div>
+
+  <div class="container">
+    <h1 class="glitch" data-text="Hola Mundo">Hola Mundo</h1>
+    <p class="subtitle"><span id="typed"></span></p>
+    <p class="counter" id="counter"></p>
+  </div>
+
+  <script src="main.js"></script>
 </body>
-</html>
+</html>