-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (90 loc) · 3.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ONCHAIN.RU - Trusted PoS Validator</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css">
<script src="onchaindata.js"></script>
</head>
<body>
<div class="header">
<h1>
ONCHAIN.RUN
</h1>
<h2>
Stake with us!
</h2>
</div>
<div class="container_navbar">
<div class="navbar">
<a href="#">SERVICES</a>
<a href="#">GUIDES</a>
<a href="mailto:dmitromeierchuk@gmail.com">CONTACT</a>
</div>
</div>
<h3 class="caption">
Reliability, Efficiency, Security
</h3>
<div class="container_hero">
<h4>
Creating custom infrastructure solutions, our services are meticulously tailored to meet diverse blockchain needs, driving growth and innovation within the ecosystem.
</h4>
<div class="hero">
<img src="img\cpu.webp" alt="">
</div>
</div>
<h3 class="caption">
Let's grow together
</h3>
<div class="container_info">
<div class="hero">
<img src="img\comm.webp" alt="">
</div>
<h4>
Interested in attracting an audience? Or are you looking for talent in the field of content creation? We also offer unparalleled access to deeply engaged communities in blockchain and Web3, with large Telegram and Twitter groups at our disposal. Our platforms are ideal for promoting projects and connecting with a dedicated audience keen on innovation in this space. Join us to elevate your project's visibility and reach passionate enthusiasts today.
</h4>
</div>
<div class="container_chains">
<script>
generateDivs(testnet_config_files, 'testnet', '.container_chains');
generateDivs(mainnet_config_files, 'mainnet', '.container_chains');
</script>
</div>
<footer>
<img src=""/>
</footer>
<!-- partial -->
</body>
<script>
// Auto scroll page by presing the button services to down maximum
document.querySelector('.navbar a').addEventListener('click', function (e) {
e.preventDefault();
document.querySelector('.container_chains').scrollIntoView({
behavior: 'smooth'
});
});
</script>
<!-- Hendle a pressing button in "project_item". Open new tab -->
<script>
const buttons = document.querySelectorAll('.project_item .button');
const projects_dict = {
'AVAIL': '',
'STREAMR': 'https://streamr.network/hub/network/operators/0x1253f634ae2c8004ea7c9057d6ccf201f59a4e4a',
'0G': 'https://explorer.validatorvn.com/OG-Testnet/staking/evmosvaloper1ea8sks0v0xsle0yrtxdkpsp3getn93d6v8s9m6',
'WARDEN': 'https://testnet.dashboard.onchain.run/warden/staking/wardenvaloper144nqxgt6jdrm4srzzgx4dvz04hd8q2e8hlu6gq',
'SIDE': ''
};
buttons.forEach((button, index) => {
button.addEventListener('click', function () {
if (projects_dict[button.parentElement.querySelector('.name').textContent].length < 6) {
return;
}
window.open(projects_dict[button.parentElement.querySelector('.name').textContent]);
});
});
</script>
</html>