Skip to content

Commit 1b46572

Browse files
vodolazvodolaz
committed
Add site
1 parent a132991 commit 1b46572

13 files changed

Lines changed: 1090 additions & 0 deletions

‎en/index.html‎

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<base href="/">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>GOLOS.io - Decentralized Social Media Platform</title>
8+
<link rel="icon" type="image/x-icon" href="favicon.ico" />
9+
<link rel="stylesheet" href="index.css" />
10+
</head>
11+
<body>
12+
<!-- Header -->
13+
<header class="header-bg bg-opacity-90 py-4 sticky top-0 z-50">
14+
<div class="max-w-4xl mx-auto px-4 flex justify-between items-center">
15+
<a href="/en"><h1 class="text-2xl font-bold text-white">GOLOS.io</h1></a>
16+
<div class="flex flex-row gap-4">
17+
<nav class="hidden sm:block">
18+
<ul class="flex space-x-6">
19+
<li><a href="#about" class="text-gray-300 hover:text-white transition">About</a></li>
20+
<li><a href="#projects" class="text-gray-300 hover:text-white transition">Projects</a></li>
21+
<li><a href="#source" class="text-gray-300 hover:text-white transition">Source Code</a></li>
22+
</ul>
23+
</nav>
24+
<a href="/">RU</a>
25+
</div>
26+
</div>
27+
</header>
28+
29+
<!-- Hero Section -->
30+
<section id="home" class="hero-section px-4 py-20">
31+
<div class="max-w-4xl mx-auto">
32+
<div class="flex flex-col sm:flex-row items-center gap-8">
33+
<div class="sm:w-4/5">
34+
<h2 class="text-5xl font-bold text-white mb-4">Welcome</h2>
35+
<p class="text-xl text-gray-200 mb-8">
36+
The First Decentralized Social Media Platform for the Russian-Speaking Community</p>
37+
<a href="#about"
38+
class="inline-block bg-[#007bff] text-white py-3 px-6 rounded-full hover:bg-[#53A2FD] transition">
39+
Learn More
40+
</a>
41+
</div>
42+
<div>
43+
<img src="images/banner-img.svg" alt="">
44+
</div>
45+
</div>
46+
</div>
47+
</section>
48+
49+
<!-- About Section -->
50+
<section id="about">
51+
<div class="max-w-4xl mx-auto px-4 py-16">
52+
<div class="flex flex-col sm:flex-row items-center gap-8">
53+
<div>
54+
<img src="images/about-img.svg" alt="">
55+
</div>
56+
<div>
57+
<h2 class="text-4xl font-bold text-white mb-8">About us</h2>
58+
<div class="max-w-3xl mx-auto text-white">
59+
<p class="mb-4">Golos.io was launched on October 18, 2016, as the first decentralized, blockchain-based social
60+
media platform designed specifically for the Russian-speaking community. Built as a fork of the Steem
61+
blockchain, it leveraged the Graphene 2.0 codebase and operated on a Delegated Proof-of-Stake (DPoS)
62+
consensus
63+
mechanism.</p>
64+
<p>In 2019, Golos.io migrated to the CyberWay blockchain, enhancing performance and scalability to better
65+
serve
66+
its growing user base.</p>
67+
</div>
68+
</div>
69+
</div>
70+
</div>
71+
</section>
72+
73+
<!-- Related Projects Section -->
74+
<section id="projects" class="py-16 bg-[#0000007F]">
75+
<div class="max-w-4xl mx-auto px-4">
76+
<h2 class="text-4xl font-bold text-white mb-8">Inspired Projects</h2>
77+
<p class="mb-8">Golos.io also inspired the development of several other decentralized social media projects,
78+
including</p>
79+
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
80+
<a
81+
class="flex flex-row items-start gap-4 bg-[#007BFF76] hover:bg-[#007BFFAD] transition-all p-6 rounded-lg shadow-lg"
82+
href="https://ui.savva.app/new" target="_blank">
83+
<img src="images/pr-icon-4-2.svg" alt="">
84+
<div>
85+
<h3 class="text-2xl font-semibold text-white mb-2">Savva.app</h3>
86+
<p class="text-white">A decentralized social media project inspired by Golos.io, bringing innovative
87+
community-driven features.</p>
88+
</div>
89+
</a>
90+
<a
91+
class="flex flex-row items-start gap-4 bg-[#007BFF76] hover:bg-[#007BFFAD] transition-all p-6 rounded-lg shadow-lg"
92+
href="https://golos.id/" target="_blank">
93+
<img src="images/pr-icon-3-2.svg" alt="">
94+
<div>
95+
<h3 class="text-2xl font-semibold text-white mb-2">Golos.id</h3>
96+
<p class="text-white">Another platform influenced by Golos.io, focusing on decentralized content creation and
97+
sharing.</p>
98+
</div>
99+
</a>
100+
</div>
101+
</div>
102+
</section>
103+
104+
<!-- Source Code Section -->
105+
<section id="source" class="py-16">
106+
<div class="max-w-4xl mx-auto px-4">
107+
<h2 class="text-4xl font-bold text-white mb-8">Open Source Code</h2>
108+
<div class="mx-auto">
109+
<p class="text-white mb-4">The project’s source code is available to the community on GitHub</p>
110+
<div class="flex flex-col sm:flex-row gap-6 w-full">
111+
<div class="flex flex-row items-center gap-4 bg-[#0000007F] transition-all p-4 rounded-lg shadow-lg">
112+
<div class="w-[50px]">
113+
<img src="images/cyberway.png" alt="" />
114+
</div>
115+
<div class="flex flex-col gap-[2px]">
116+
<a href="http://cyberway.io/" target="_blank" class="text-white hover:underline">CyberWay Blockchain</a>
117+
<a href="https://github.com/cyberway" target="_blank" class="text-white hover:underline">GitHub</a>
118+
</div>
119+
</div>
120+
<div class="flex flex-row items-center gap-4 bg-[#0000007F] transition-all p-4 rounded-lg shadow-lg">
121+
<div class="w-[50px]">
122+
<img src="images/golos.png" alt="" />
123+
</div>
124+
<div class="flex flex-col gap-[2px]">
125+
<a href="http://golos.io/" target="_blank" class="text-white hover:underline">Golos.io Front-End</a>
126+
<a href="https://github.com/GolosChain/golos.io" target="_blank"
127+
class="text-white hover:underline">GitHub</a>
128+
</div>
129+
</div>
130+
</div>
131+
</div>
132+
</div>
133+
</section>
134+
135+
<!-- Footer -->
136+
<footer class="bg-gray-900 py-6">
137+
<div class="max-w-4xl mx-auto px-4">
138+
<p class="text-white">&copy; 2016 Golos.io | All rights reserved</p>
139+
</div>
140+
</footer>
141+
142+
<script>
143+
// Smooth scrolling for navigation links
144+
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
145+
anchor.addEventListener('click', function(e) {
146+
e.preventDefault();
147+
document.querySelector(this.getAttribute('href')).scrollIntoView({
148+
behavior: 'smooth'
149+
});
150+
});
151+
});
152+
</script>
153+
</body>
154+
</html>

‎favicon.ico‎

14.7 KB
Binary file not shown.

‎images/about-img.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎images/banner-img.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎images/chart.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎images/cyberway.png‎

6.08 KB
Loading

‎images/golos.png‎

8.98 KB
Loading

‎images/hero-bg-2.png‎

236 KB
Loading

‎images/pr-icon-3-2.svg‎

Lines changed: 34 additions & 0 deletions
Loading

‎images/pr-icon-4-2.svg‎

Lines changed: 43 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)