diff --git a/css/base.css b/css/base.css index 6d3cd54..c1fe0f3 100644 --- a/css/base.css +++ b/css/base.css @@ -24,10 +24,14 @@ height: 90%; color: #bbb; padding: 2% 2% 2% 2%; - margin: 1% 1% 1% 1%; + margin: 3% 3% 3% 3%; text-align: justify; } +.imgblock img { + padding: 2% 2% 2% 2%; + margin: 3% 3% 3% 3%; +} body { font: 110%/180% exo2; diff --git a/css/btn.css b/css/btn.css index 9510d0b..61f8a1c 100644 --- a/css/btn.css +++ b/css/btn.css @@ -4,7 +4,7 @@ background-color:#77b55a; border-radius:4px; border:1px solid #4b8f29; - display:inline-block; + display:flex; cursor:pointer; color:#ffffff; font-size:13px; @@ -28,7 +28,7 @@ background-color:#2dabf9; border-radius:3px; border:1px solid #0b0e07; - display:inline-block; + display:flex; cursor:pointer; color:#ffffff; font-size:15px; diff --git a/css/menu.css b/css/menu.css index bc49490..6ba6830 100644 --- a/css/menu.css +++ b/css/menu.css @@ -1,4 +1,3 @@ - .topnav { overflow: hidden; background-color: #333; @@ -6,11 +5,12 @@ .topnav a { float: left; - display: block; + display: flex; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; + border-radius: 2px; } @@ -19,8 +19,8 @@ } .dropdown { - float: left; overflow: hidden; + display: flex; } .dropdown .dropbtn { @@ -30,9 +30,9 @@ outline: none; color: #bbb; background-color: #335; - padding: 14px 16px; + padding: 16px 16px; font-family: inherit; - margin: 0; + display: flex; } .dropdown-content { @@ -51,13 +51,13 @@ float: none; padding: 12px 16px; text-decoration: none; - display: block; + display: flex; text-align: left; } .dropdown:hover .dropdown-content { - display: block; + display: flex; } @media screen and (max-width: 600px) { @@ -66,7 +66,7 @@ } .topnav a.icon { float: right; - display: block; + display: flex; } } @@ -79,14 +79,20 @@ } .topnav.responsive a { float: none; - display: block; + display: flex; text-align: left; } .topnav.responsive .dropdown {float: none;} .topnav.responsive .dropdown-content {position: relative;} .topnav.responsive .dropdown .dropbtn { - display: block; + display: flex; width: 100%; text-align: left; } } + +.active a { + color: #433; +} + + diff --git a/im.html b/im.html index c8a94ca..13dfa89 100644 --- a/im.html +++ b/im.html @@ -36,13 +36,14 @@

Децентрализованные мессенджеры

Способы быстро списаться и созвониться с нужным человеком

- - - -

XMPP (он же Jabber) - на замену WhatsApp/Telegram

+

+

XMPP (он же Jabber) - на замену WhatsApp и Telegram

Широко используемый свободный и открытый стандарт интернет-сообщений. Весьма прост в использовании — устанавливаем приложение, регистрируем аккаунт, общаемся. @@ -52,6 +53,7 @@ все пользователи доступны для вас. Если выбор среди тысяч чатов и десятков приложений для вас сложен — используйте указанный ниже Quicksy - он тоже часть этой сети.

+

Где зарегистрироваться

@@ -112,7 +114,10 @@ Jami (Linux) Jami (Windows) Jami (MacOS) -

Мобильные приложения

+
+
+ +

Мобильные приложения

Jitsi (Google Play) Jitsi (F-Droid) Jami (F-Droid) @@ -120,11 +125,12 @@ Jitsi (iOS) Jami (iOS) - -

Web

+
+
+

Web

meet.jit.si - +
diff --git a/index.html b/index.html index d6f037c..b62dee0 100644 --- a/index.html +++ b/index.html @@ -35,7 +35,7 @@

Где я? О чём речь?

- Вы на официальной странице русского ответвления Fediverse — глобальной сети взаимосвязанных соцсетей. Мы предлагаем свободные + Вы на странице русского ответвления Fediverse — глобальной сети взаимосвязанных соцсетей. Мы предлагаем свободные альтернативы популярным сервисам, сделанные людьми и для людей, а не корпорациями с целью извлечения прибыли.
По сути, это — Сеть, как она была задумана.
diff --git a/mail.html b/mail.html index 2f98f30..6bed21d 100644 --- a/mail.html +++ b/mail.html @@ -103,6 +103,8 @@

Где зарегистрироваться

TheXYZ +
+

Мобильные приложения

Thexyz Thexyz