Add Small Improve icon

arraylas · arraylas · commit e98c8234aa9b · 2025-02-16T03:37:45.000+01:00
diff --git a/index.html b/index.html
@@ -5,6 +5,49 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Shadow Validator Portfolio</title>
     <link rel="stylesheet" href="styles.css">
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #121212;
+            color: white;
+            text-align: center;
+            margin: 0;
+            padding: 0;
+        }
+        header {
+            background: #1e1e1e;
+            padding: 20px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
+        }
+        nav a {
+            color: white;
+            text-decoration: none;
+            margin: 0 10px;
+            padding: 10px;
+            border-radius: 5px;
+            transition: background 0.3s;
+        }
+        nav a:hover {
+            background: #333;
+        }
+        #validators {
+            margin-top: 30px;
+        }
+        #validator-list h3 {
+            background: #222;
+            padding: 10px;
+            border-radius: 5px;
+            display: inline-block;
+            transition: transform 0.3s;
+        }
+        #validator-list h3:hover {
+            transform: scale(1.05);
+        }
+        img {
+            vertical-align: middle;
+            margin-right: 8px;
+        }
+    </style>
 </head>
 <body class="index-page">
     <header>
@@ -31,13 +74,18 @@ <h3><a href="https://socotra.juneoscan.io/validator/NodeID-CoK8S8F9VHLjc6imqrw6o
             <h3><a href="https://app.testnet.initia.xyz/validator/initvaloper1wnpv6359y4exw0gnx56gt3uvlgq870m0fly0as" target="_blank" rel="noopener noreferrer">
                 <img src="Initia.jpeg" width="16" height="16"> 4. Validator - Initia</a></h3>
             <h3><a href="https://testnet.allora.explorers.guru/account/allo1erknv8k82pz5nn26n2xzfxjank3lg0zxz0p3e5" target="_blank" rel="noopener noreferrer">
-                <img src="allora.svg" width="16" height="16"> 5. Validator - Allora</a></h3>
+                <img src="allora.jpeg" width="16" height="16"> 5. Validator - Allora</a></h3>
             <h3><a href="https://testnet.nillion.explorers.guru/account/nillion1x7hgacgzm3q0qlghjuscdska93hnnd4japqy3a" target="_blank" rel="noopener noreferrer">
                 <img src="nillion.jpeg" width="16" height="16"> 6. Validator - Nillion</a></h3>
         </div>
     </section>
 
-    <script src="script.js"></script>
+    <script>
+        document.querySelectorAll('#validator-list h3 a').forEach(link => {
+            link.addEventListener('mouseover', () => link.style.color = '#00bfff');
+            link.addEventListener('mouseout', () => link.style.color = 'white');
+        });
+    </script>
 </body>
 </html>
 
