Skip to content

Commit 5555557

Browse files
arraylasarraylas
committed
small presission
1 parent 4bfb4b9 commit 5555557

1 file changed

Lines changed: 62 additions & 50 deletions

File tree

‎index.html‎

Lines changed: 62 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Shadow Validator Portfolio</title>
6+
<title>About Me - Shadow Node</title>
77
<link rel="stylesheet" href="styles.css">
88
<style>
99
body {
10-
font-family: Arial, sans-serif;
10+
font-family: 'Arial', sans-serif;
1111
background-color: #121212;
12-
color: white;
12+
color: #ddd;
1313
text-align: center;
1414
margin: 0;
1515
padding: 0;
@@ -20,75 +20,87 @@
2020
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
2121
}
2222
nav a {
23-
color: white;
23+
color: #00bfff;
2424
text-decoration: none;
25-
margin: 0 10px;
26-
padding: 10px;
25+
margin: 0 15px;
26+
font-size: 18px;
27+
padding: 8px 12px;
2728
border-radius: 5px;
28-
transition: background 0.3s;
29+
transition: background 0.3s, color 0.3s;
2930
}
3031
nav a:hover {
3132
background: #333;
33+
color: white;
34+
}
35+
section {
36+
max-width: 800px;
37+
margin: 40px auto;
38+
padding: 20px;
39+
background: #1a1a1a;
40+
border-radius: 10px;
41+
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
42+
}
43+
h1 {
44+
font-size: 36px;
45+
color: #00bfff;
46+
}
47+
h2 {
48+
font-size: 28px;
49+
color: #fff;
50+
}
51+
p {
52+
font-size: 18px;
53+
line-height: 1.6;
3254
}
33-
#validators {
34-
margin-top: 30px;
55+
#validator-list {
56+
display: flex;
57+
flex-direction: column;
58+
align-items: center;
59+
justify-content: center;
3560
}
3661
#validator-list h3 {
37-
background: #222;
38-
padding: 10px;
39-
border-radius: 5px;
40-
display: inline-block;
41-
transition: transform 0.3s;
62+
margin: 10px 0;
63+
}
64+
#validator-list a {
65+
display: flex;
66+
align-items: center;
67+
font-size: 20px;
68+
color: #00bfff;
69+
text-decoration: none;
70+
transition: color 0.3s;
4271
}
43-
#validator-list h3:hover {
44-
transform: scale(1.05);
72+
#validator-list a:hover {
73+
color: #ffcc00;
4574
}
46-
img {
47-
vertical-align: middle;
48-
margin-right: 8px;
49-
width: 20px;
50-
height: 20px;
75+
.validator-icon {
76+
width: 24px;
77+
height: 24px;
78+
margin-right: 10px;
5179
}
5280
</style>
5381
</head>
54-
<body class="index-page">
82+
<body>
5583
<header>
56-
<h1>Shadow Validator Portfolio</h1>
84+
<h1>About Me</h1>
5785
<nav>
5886
<a href="index.html">Home</a>
59-
<a href="about.html">About Me</a>
60-
<a href="https://t.me/lastarray" target="_blank" rel="noopener noreferrer">
61-
<img src="https://upload.wikimedia.org/wikipedia/commons/8/82/Telegram_logo.svg"> Telegram
62-
</a>
63-
<a href="https://x.com/mikicatsman" target="_blank" rel="noopener noreferrer">
64-
<img src="https://abs.twimg.com/icons/apple-touch-icon-192x192.png"> Twitter
65-
</a>
6687
</nav>
6788
</header>
68-
89+
<section>
90+
<h2>Your Trusted Validator</h2>
91+
<p>Shadow Node is a trusted validator utility provider. With a few simple steps, you can delegate funds to our trusted validators or explore our services, where you can find tools useful for node operators and developers.</p>
92+
</section>
6993
<section id="validators">
7094
<h2>Registered Validators</h2>
7195
<div id="validator-list">
72-
<h3><a href="https://testnet.artela.explorers.guru/validator/artvaloper18a3rh4ct5h3xcscek4we9k4l4zpm52wvna3jcj" target="_blank" rel="noopener noreferrer">
73-
<img src="images/artela.png"> 1. Validator - Artela</a></h3>
74-
<h3><a href="https://explorer.testnet.analog.one/#/account/an6JW3PVZuv4Qzsvh7D78GPpV9ZwWLfQUMJN4xz8YyLk8GFMg" target="_blank" rel="noopener noreferrer">
75-
<img src="images/Analog.png"> 2. Validator - Analog</a></h3>
76-
<h3><a href="https://socotra.juneoscan.io/validator/NodeID-CoK8S8F9VHLjc6imqrw6oLAZXoEjtkKpR" target="_blank" rel="noopener noreferrer">
77-
<img src="images/juneo.jpeg"> 3. Validator - Juneo</a></h3>
78-
<h3><a href="https://app.testnet.initia.xyz/validator/initvaloper1wnpv6359y4exw0gnx56gt3uvlgq870m0fly0as" target="_blank" rel="noopener noreferrer">
79-
<img src="images/Initia.jpeg"> 4. Validator - Initia</a></h3>
80-
<h3><a href="https://testnet.allora.explorers.guru/account/allo1erknv8k82pz5nn26n2xzfxjank3lg0zxz0p3e5" target="_blank" rel="noopener noreferrer">
81-
<img src="images/allora.jpeg"> 5. Validator - Allora</a></h3>
82-
<h3><a href="https://testnet.nillion.explorers.guru/account/nillion1x7hgacgzm3q0qlghjuscdska93hnnd4japqy3a" target="_blank" rel="noopener noreferrer">
83-
<img src="images/nillion.jpeg"> 6. Validator - Nillion</a></h3>
96+
<h3><a href="https://testnet.artela.explorers.guru/validator/artvaloper18a3rh4ct5h3xcscek4we9k4l4zpm52wvna3jcj" target="_blank"><img class="validator-icon" src="artela.png" alt="Artela"> 1. Validator - Artela</a></h3>
97+
<h3><a href="https://explorer.testnet.analog.one/#/account/an6JW3PVZuv4Qzsvh7D78GPpV9ZwWLfQUMJN4xz8YyLk8GFMg" target="_blank"><img class="validator-icon" src="analog.png" alt="Analog"> 2. Validator - Analog</a></h3>
98+
<h3><a href="https://socotra.juneoscan.io/validator/NodeID-CoK8S8F9VHLjc6imqrw6oLAZXoEjtkKpR" target="_blank"><img class="validator-icon" src="juneo.png" alt="Juneo"> 3. Validator - Juneo</a></h3>
99+
<h3><a href="https://app.testnet.initia.xyz/validator/initvaloper1wnpv6359y4exw0gnx56gt3uvlgq870m0fly0as" target="_blank"><img class="validator-icon" src="initia.png" alt="Initia"> 4. Validator - Initia</a></h3>
100+
<h3><a href="https://testnet.allora.explorers.guru/account/allo1erknv8k82pz5nn26n2xzfxjank3lg0zxz0p3e5" target="_blank"><img class="validator-icon" src="allora.png" alt="Allora"> 5. Validator - Allora</a></h3>
101+
<h3><a href="https://testnet.nillion.explorers.guru/account/nillion1x7hgacgzm3q0qlghjuscdska93hnnd4japqy3a" target="_blank"><img class="validator-icon" src="nillion.png" alt="Nillion"> 6. Validator - Nillion</a></h3>
84102
</div>
85103
</section>
86-
87-
<script>
88-
document.querySelectorAll('#validator-list h3 a').forEach(link => {
89-
link.addEventListener('mouseover', () => link.style.color = '#00bfff');
90-
link.addEventListener('mouseout', () => link.style.color = 'white');
91-
});
92-
</script>
93104
</body>
94105
</html>
106+

0 commit comments

Comments
 (0)