goloschain/index.html at main · GolosChain/goloschain · GitHub

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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>GOLOS.io - Децентрализованная платформа для социальных сетей</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico" />
  <link rel="stylesheet" href="index.css" />
</head>
<body>
<!-- Header -->
<header class="header-bg bg-opacity-90 py-4 sticky top-0 z-50">
  <div class="max-w-4xl mx-auto px-4 flex justify-between items-center">
    <a href="/"><h1 class="text-2xl font-bold text-white">GOLOS.io</h1></a>
    <div class="flex flex-row gap-4">
      <nav class="hidden sm:block">
        <ul class="flex space-x-6">
          <li><a href="#about" class="text-gray-300 hover:text-white transition">О нас</a></li>
          <li><a href="#projects" class="text-gray-300 hover:text-white transition">Проекты</a></li>
          <li><a href="#source" class="text-gray-300 hover:text-white transition">Исходный код</a></li>
        </ul>
      </nav>
      <a href="en">EN</a>
    </div>
  </div>
</header>

<!-- Hero Section -->
<section id="home" class="hero-section px-4 py-20">
  <div class="max-w-4xl mx-auto">
    <div class="flex flex-col sm:flex-row items-center gap-8">
      <div class="sm:w-4/5">
        <h2 class="text-5xl font-bold text-white mb-4">Добро пожаловать</h2>
        <p class="text-xl text-gray-200 mb-8">
          Golos.io был первой децентрализованной социальной платформой на блокчейне, созданной для русскоязычного сообщества.</p>
        <a href="#about"
           class="inline-block bg-[#007bff] text-white py-3 px-6 rounded-full hover:bg-[#53A2FD] transition">
          Подробней
        </a>
      </div>
      <div>
        <img src="images/banner-img.svg" alt="">
      </div>
    </div>
  </div>
</section>

<!-- About Section -->
<section id="about">
  <div class="max-w-4xl mx-auto px-4 py-16">
    <div class="flex flex-col sm:flex-row items-center gap-8">
      <div>
        <img src="images/about-img.svg" alt="">
      </div>
      <div>
        <h2 class="text-4xl font-bold text-white mb-8">О нас</h2>
        <div class="max-w-3xl mx-auto text-white">
          <p class="mb-4">Платформу запустили 18 октября 2016 года как форк блокчейна Steem. В её основе лежал
            код Graphene 2.0, а консенсус достигался с помощью механизма Delegated Proof-of-Stake (DPoS).</p>
          <p>В 2019 году Golos.io перешёл на блокчейн CyberWay, что позволило повысить скорость
            работы и улучшить масштабируемость платформы.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Related Projects Section -->
<section id="projects" class="py-16 bg-[#0000007F]">
  <div class="max-w-4xl mx-auto px-4">
    <h2 class="text-4xl font-bold text-white mb-8">Вдохновленные проекты</h2>
    <p class="mb-8">Golos.io вдохновил последователей на создание других децентрализованных соцсетей, среди которых</p>
    <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
      <a
        class="flex flex-row items-start gap-4 bg-[#007BFF76] hover:bg-[#007BFFAD] transition-all p-6 rounded-lg shadow-lg"
        href="https://ui.savva.app/new" target="_blank">
        <img src="images/pr-icon-4-2.svg" alt="">
        <div>
          <h3 class="text-2xl font-semibold text-white mb-2">Savva.app</h3>
          <p class="text-white">Децентрализованный социальный медиа-проект, вдохновленный Golos.io и
            предлагающий инновационные функции, управляемые сообществом.</p>
        </div>
      </a>
      <a
        class="flex flex-row items-start gap-4 bg-[#007BFF76] hover:bg-[#007BFFAD] transition-all p-6 rounded-lg shadow-lg"
        href="https://golos.id/" target="_blank">
        <img src="images/pr-icon-3-2.svg" alt="">
        <div>
          <h3 class="text-2xl font-semibold text-white mb-2">Golos.id</h3>
          <p class="text-white">Еще одна платформа, созданная под влиянием Golos.io, ориентированная
            на децентрализованное создание и обмен контентом.</p>
        </div>
      </a>
    </div>
  </div>
</section>

<!-- Source Code Section -->
<section id="source" class="py-16">
  <div class="max-w-4xl mx-auto px-4">
    <h2 class="text-4xl font-bold text-white mb-8">Открытый исходный код</h2>
    <div class="mx-auto">
      <p class="text-white mb-4">Исходный код проекта открыт для сообщества на GitHub</p>
      <div class="flex flex-col sm:flex-row gap-6 w-full">
        <div class="flex flex-row items-center gap-4 bg-[#0000007F] transition-all p-4 rounded-lg shadow-lg">
          <div class="w-[50px]">
            <img src="images/cyberway.png" alt="" />
          </div>
          <div class="flex flex-col gap-[2px]">
            <a href="http://cyberway.io/" target="_blank" class="text-white hover:underline">CyberWay Blockchain</a>
            <a href="https://github.com/cyberway" target="_blank" class="text-white hover:underline">GitHub</a>
          </div>
        </div>
        <div class="flex flex-row items-center gap-4 bg-[#0000007F] transition-all p-4 rounded-lg shadow-lg">
          <div class="w-[50px]">
            <img src="images/golos.png" alt="" />
          </div>
          <div class="flex flex-col gap-[2px]">
            <a href="http://golos.io/" target="_blank" class="text-white hover:underline">Golos.io Front-End</a>
            <a href="https://github.com/GolosChain/golos.io" target="_blank"
               class="text-white hover:underline">GitHub</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Footer -->
<footer class="bg-gray-900 py-6">
  <div class="max-w-4xl mx-auto px-4">
    <p class="text-white">&copy; 2016 Golos.io | Все права защищены</p>
  </div>
</footer>

<script>
  // Smooth scrolling for navigation links
  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function(e) {
      e.preventDefault();
      document.querySelector(this.getAttribute('href')).scrollIntoView({
        behavior: 'smooth'
      });
    });
  });
</script>
</body>
</html>