From c3b5c17197e357adbfcfd1b847f757c9614643ee Mon Sep 17 00:00:00 2001
From: Tolstoevsky <tolstoevsky@tolstoevsky.ml>
Date: Mon, 29 Jul 2019 12:23:56 +0300
Subject: [PATCH] Buttons and GLAGNE

---
 index.html     | 26 +++++++++++++++++++-------
 style/main.css | 22 +++++++++++++++++++++-
 2 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 914e99e..476ffa6 100644
--- a/index.html
+++ b/index.html
@@ -20,13 +20,25 @@
         <a href="info.html"><div>Зачем?</div></a>
     </nav>
     <div class="content">
-        <h1>
-            Альтернативы - есть.<br>
-            Выбор - есть.<br>
-            Ваш выбор - важен.<br>
-            Вы - важны!<br>
-        </h1>
+        <h1>У вас всегда есть выбор.</h1>
+	<p> Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? <a class="button" href="info.html">Узнать подробности</a>
+ Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно бытьхакером, для этого не нужны особые знания. Мы расскажем, как.
+	</p>
+	<hr style="clear: right">
+	<p>
+	<a class="button" href="social.html">Узнать подробности</a>
+	Флагман перемен в области соцсетей - некоммерческая распределённая сеть Mastodon. Не умеет значения, на каком из тысяч её серверов вы зарегистрируетесь - общаться сможете со всем миром. Подробности и другие альтернативы - по ссылке справа. 
+	<br>
+	А вот рекомендуемые места для регистрации русскоязычных пользователей:
+	</p>
+	<nav id="masto">
+		<a href="https://mastodonsocial.ru"><div>MastodonSocial</div></a>
+		<a href="https://phreedom.tk"><div>Svoboda</div></a>
+		<a href="https://soc.ialis.me"><div>Socialisme</div></a>
+		<a href="https://lor.sh"><div>LinuxOrgRu</div></a>
+	</nav>
+	</p>
     </div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/style/main.css b/style/main.css
index dbe3f12..c187810 100644
--- a/style/main.css
+++ b/style/main.css
@@ -8,6 +8,26 @@ html, body {
     min-height: 100%;
 }
 
+.button {
+    width: 180px;
+    flex: auto;
+    display: block;
+    padding: 20px;
+    background-color:  #cde6ea;
+    box-sizing: border-box;
+    text-decoration: none;
+    font-weight: bold;
+    color: inherit;
+    text-align: center;
+    float: right;
+    font-size: 18px;
+    transition: background-color 0.2s ease;
+}
+
+.button:hover {
+	background-color: rgba(0, 0, 0, 0.2);
+}
+
 nav {
     display: flex;
     overflow: hidden;
@@ -150,4 +170,4 @@ nav > a > div {
 
 .content {
     padding: 10px;
-}
\ No newline at end of file
+}