Skip to content

Commit 6745378

Browse files
arraylasarraylas
committed
refresh
1 parent b6b7db2 commit 6745378

3 files changed

Lines changed: 118 additions & 122 deletions

File tree

‎images/background.jpeg‎

-111 KB
Loading

‎index.html‎

Lines changed: 11 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -3,119 +3,32 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Shadow</title>
6+
<title>Shadow Validator</title>
77
<link rel="stylesheet" href="styles.css">
8-
<style>
9-
body {
10-
font-family: 'Arial', sans-serif;
11-
background: url('/images/background.jpeg') no-repeat center center fixed;
12-
background-size: cover;
13-
color: #ddd;
14-
text-align: center;
15-
margin: 0;
16-
padding: 0;
17-
}
18-
header {
19-
background: #1e1e1e;
20-
padding: 20px;
21-
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
22-
}
23-
section {
24-
max-width: 800px;
25-
margin: 40px auto;
26-
padding: 20px;
27-
background: rgba(26, 26, 26, 0.9);
28-
border-radius: 10px;
29-
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
30-
text-align: left;
31-
}
32-
h1 {
33-
font-size: 36px;
34-
color: #00bfff;
35-
}
36-
h2 {
37-
font-size: 28px;
38-
color: #fff;
39-
text-align: center;
40-
}
41-
p {
42-
font-size: 18px;
43-
line-height: 1.6;
44-
}
45-
#validator-list {
46-
display: flex;
47-
flex-direction: column;
48-
align-items: flex-start;
49-
justify-content: center;
50-
}
51-
#validator-list h3 {
52-
margin: 10px 0;
53-
}
54-
#validator-list a {
55-
display: flex;
56-
align-items: center;
57-
font-size: 20px;
58-
color: #00bfff;
59-
text-decoration: none;
60-
transition: color 0.3s;
61-
}
62-
#validator-list a:hover {
63-
color: #ffcc00;
64-
}
65-
.validator-icon {
66-
width: 24px;
67-
height: 24px;
68-
margin-right: 10px;
69-
}
70-
footer {
71-
background: rgba(0, 0, 0, 0.9);
72-
padding: 20px;
73-
margin-top: 40px;
74-
text-align: center;
75-
}
76-
.footer-text {
77-
margin-bottom: 10px;
78-
font-size: 14px;
79-
}
80-
.social-icons {
81-
display: flex;
82-
justify-content: center;
83-
gap: 20px;
84-
}
85-
.social-icons a {
86-
display: flex;
87-
align-items: center;
88-
text-decoration: none;
89-
}
90-
.social-icons a img {
91-
width: 50px;
92-
height: 50px;
93-
transition: transform 0.3s;
94-
}
95-
.social-icons a img:hover {
96-
transform: scale(1.2);
97-
}
98-
</style>
998
</head>
1009
<body>
10110
<header>
10211
<h1>Shadow Validator Node</h1>
10312
</header>
13+
10414
<h2>Your Trusted Validator</h2>
15+
10516
<section>
10617
<p>Shadow Validator 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>
10718
</section>
19+
10820
<section id="validators">
10921
<h2>Registered Validators</h2>
11022
<div id="validator-list">
111-
<h3><a href="#"><img class="validator-icon" src="images/artela.png"> 1. Validator - Artela</a></h3>
112-
<h3><a href="#"><img class="validator-icon" src="images/analog.png"> 2. Validator - Analog</a></h3>
113-
<h3><a href="#"><img class="validator-icon" src="images/juneo.png"> 3. Validator - Juneo</a></h3>
114-
<h3><a href="#"><img class="validator-icon" src="images/initia.png"> 4. Validator - Initia</a></h3>
115-
<h3><a href="#"><img class="validator-icon" src="images/allora.png"> 5. Validator - Allora</a></h3>
116-
<h3><a href="#"><img class="validator-icon" src="images/nillion.png"> 6. Validator - Nillion</a></h3>
23+
<h3><a href="#"><img class="validator-icon" src="images/artela.png"> 1. Validator - Artela <span class="archived"><span class="red-dot"></span> ARCHIVED</span></a></h3>
24+
<h3><a href="#"><img class="validator-icon" src="images/analog.png"> 2. Validator - Analog <span class="archived"><span class="red-dot"></span> ARCHIVED</span></a></h3>
25+
<h3><a href="#"><img class="validator-icon" src="images/juneo.png"> 3. Validator - Juneo <span class="archived"><span class="red-dot"></span> ARCHIVED</span></a></h3>
26+
<h3><a href="#"><img class="validator-icon" src="images/initia.png"> 4. Validator - Initia <span class="archived"><span class="red-dot"></span> ARCHIVED</span></a></h3>
27+
<h3><a href="#"><img class="validator-icon" src="images/allora.png"> 5. Validator - Allora <span class="archived"><span class="red-dot"></span> ARCHIVED</span></a></h3>
28+
<h3><a href="#"><img class="validator-icon" src="images/nillion.png"> 6. Validator - Nillion <span class="archived"><span class="red-dot"></span> ARCHIVED</span></a></h3>
11729
</div>
11830
</section>
31+
11932
<footer>
12033
<p class="footer-text">&copy; 2025 Shadow. All rights reserved.</p>
12134
<div class="social-icons">

‎styles.css‎

Lines changed: 107 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,130 @@
11
body {
2-
background-image: url('/images/background.jpeg'); /* Ensure the correct image path */
2+
font-family: 'Arial', sans-serif;
3+
background: url('/images/background.jpeg') no-repeat center center fixed;
34
background-size: cover;
4-
background-position: center; /* Center background */
5-
background-repeat: no-repeat;
6-
background-attachment: fixed;
7-
color: white; /* Adjust text color for readability */
8-
font-family: Arial, sans-serif;
5+
color: #ddd;
6+
text-align: center;
7+
margin: 0;
8+
padding: 0;
99
}
1010

11-
/* Improve readability */
1211
header {
13-
background: rgba(0, 0, 0, 0.7); /* Slight transparency */
12+
background: #1e1e1e;
1413
padding: 20px;
14+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
15+
}
16+
17+
h1 {
18+
font-size: 36px;
19+
color: #00bfff;
20+
}
21+
22+
h2 {
23+
font-size: 28px;
24+
color: #fff;
1525
text-align: center;
16-
border-bottom: 2px solid white;
1726
}
1827

19-
nav {
28+
section {
29+
max-width: 800px;
30+
margin: 40px auto;
31+
padding: 20px;
32+
background: rgba(26, 26, 26, 0.9);
33+
border-radius: 10px;
34+
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
35+
text-align: left;
36+
}
37+
38+
p {
39+
font-size: 18px;
40+
line-height: 1.6;
41+
}
42+
43+
/* Validator List */
44+
#validator-list {
2045
display: flex;
46+
flex-direction: column;
47+
align-items: flex-start;
2148
justify-content: center;
22-
gap: 15px;
2349
}
2450

25-
nav a {
26-
color: white;
51+
#validator-list h3 {
52+
display: flex;
53+
align-items: center;
54+
justify-content: space-between;
55+
margin: 10px 0;
56+
}
57+
58+
#validator-list a {
59+
display: flex;
60+
align-items: center;
61+
font-size: 20px;
62+
color: #00bfff;
2763
text-decoration: none;
64+
transition: color 0.3s;
65+
}
66+
67+
#validator-list a:hover {
68+
color: #ffcc00;
69+
}
70+
71+
/* Validator Icons */
72+
.validator-icon {
73+
width: 30px;
74+
height: 30px;
75+
margin-right: 10px;
76+
}
77+
78+
/* ARCHIVED Label */
79+
.archived {
80+
display: flex;
81+
align-items: center;
82+
font-size: 18px;
83+
color: black;
2884
font-weight: bold;
2985
}
3086

31-
/* Center "Registered Validators" */
32-
#validators {
33-
background: rgba(0, 0, 0, 0.5); /* Transparent overlay */
87+
.red-dot {
88+
width: 10px;
89+
height: 10px;
90+
background-color: red;
91+
border-radius: 50%;
92+
margin: 0 10px; /* Added spacing to the right */
93+
}
94+
95+
/* Footer */
96+
footer {
97+
background: rgba(0, 0, 0, 0.9);
3498
padding: 20px;
35-
border-radius: 10px;
36-
margin: auto;
37-
width: 80%;
38-
max-width: 800px;
99+
margin-top: 40px;
39100
text-align: center;
40101
}
41102

42-
/* Center headings */
43-
h1, h2, h3 {
44-
text-align: center;
45-
text-shadow: 2px 2px 5px black;
103+
.footer-text {
104+
margin-bottom: 10px;
105+
font-size: 14px;
106+
}
107+
108+
/* Social Icons */
109+
.social-icons {
110+
display: flex;
111+
justify-content: center;
112+
gap: 15px;
113+
}
114+
115+
.social-icons a {
116+
display: flex;
117+
align-items: center;
118+
text-decoration: none;
119+
}
120+
121+
.social-icons a img {
122+
width: 40px;
123+
height: 40px;
124+
transition: transform 0.3s;
125+
}
126+
127+
.social-icons a img:hover {
128+
transform: scale(1.2);
46129
}
47130

0 commit comments

Comments
 (0)