diff --git a/im.html b/im.html index 81e511e..95f4e6f 100644 --- a/im.html +++ b/im.html @@ -23,7 +23,7 @@

Сервисы мгновенных сообщений

Альтернативы WhatsApp, Viber, Skype

XMPP (он же Jabber)

- +

Широко используемый свободный и открытый стандарт интернет-сообщений. Весьма прост в использовании — регистрируем аккаунт, устанавливаем приложение. @@ -42,7 +42,7 @@

  • 404.city
  • jabber.ru
    • - +

    Приложения

    - + diff --git a/index.html b/index.html index efad6db..2f88b83 100644 --- a/index.html +++ b/index.html @@ -43,7 +43,11 @@

    - + diff --git a/info.html b/info.html index 3ce3ef0..0cd220f 100644 --- a/info.html +++ b/info.html @@ -22,7 +22,7 @@

    Fediverse или как стать Неуловимым Джо

    Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать?

    - +

    Знакомая картинка? Смешно или грустно? Постоянное опасение, что за любое неверно истолкованное слово "за вами придут", но с людьми в сети общаться хочется, хочется постить котиков и смешные @@ -112,9 +112,13 @@ Вливайтесь!

    - + diff --git a/mail.html b/mail.html index b1751dd..8274502 100644 --- a/mail.html +++ b/mail.html @@ -41,7 +41,7 @@

    Tutanota

    - +

    Сервис, расположенный в Германии, без рекламы и с фокусом на приватность. Базовая учётная запись бесплатна, за деньги можно получить больше места и возможностей. @@ -203,7 +203,10 @@ -

    - + diff --git a/search.html b/search.html index d028e23..9adb26d 100644 --- a/search.html +++ b/search.html @@ -22,7 +22,7 @@

    Поисковые сервисы

    DuckDuckGo

    - +

    Самая популярная и простая в использовании поисковая система, заботящаяся о конфиденциальности. DuckDuckGo финансируется за счет рекламы, @@ -57,7 +57,7 @@

    Searx

    - +

    Searx — это метапоисковой движок с открытым исходным кодом, который ищет с помощью других поисковых систем, не сообщая им о вас ничего. @@ -226,7 +226,11 @@

    - + diff --git a/social.html b/social.html index 0dec071..a3a54b6 100644 --- a/social.html +++ b/social.html @@ -22,7 +22,7 @@

    Социальные сети

    Альтернативы Вконтакте/Facebook и Twitter

    Mastodon

    - +

    На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей. Справа приведено официальное англоязычное видео, объясняющее, как работает эта сеть. @@ -74,7 +74,7 @@ "гуманитарию" локальная лента может показаться скучноватой.

    Приложения

    - + - + diff --git a/style/main.css b/style/main.css index cf00f11..d0ec4c8 100644 --- a/style/main.css +++ b/style/main.css @@ -23,10 +23,6 @@ html, body { transition: background-color 0.2s ease; } - - - - nav { display: flex; overflow: hidden; @@ -72,54 +68,15 @@ nav > a > div { overflow: hidden; } - -@media only screen and (max-width : 640px) { - nav { - display: block; - overflow: hidden; - background-color: #93ff83; - } - - nav > a { - padding: 20px; - flex: auto; - display: block; - box-sizing: content-box; - text-decoration: none; - font-weight: bold; - color: inherit; - text-align: center; - background-color: transparent; - font-size: 18px; - - transition: background-color 0.2s ease; - } - - nav > a.current { - background-color: #5db9ef; - } - - nav > a:hover, - .button:hover { - background-color: rgba(0, 0, 0, 0.2); - } - - nav > a.current:hover { - background-color: #5397ca; - } - - nav > a:visited { - color: inherit; - } - - nav > a > div { - position: relative; - top: 50%; - transform: translateY(-50%); - overflow: hidden; - } +.floatLeft { + float: left; } +.floatRight { + float: right; +} + + .mainContainer { font-size: 14px; color: #333; @@ -158,7 +115,6 @@ nav > a > div { .mainContainer p { margin: 5px 5px 0 10px; - } .mainContainer strong { @@ -181,6 +137,11 @@ nav > a > div { margin: 15px 0 15px 15px; } +.mainContainer img.floatLeft, +.mainContainer iframe.floatLeft { + margin: 15px 15px 15px 0; +} + .c1 { color: aliceblue; background-color: darkred; @@ -235,4 +196,33 @@ nav > a > div { box-sizing: border-box; } +img, iframe { + max-width: 100%; +} +@media only screen and (max-width : 640px) { + nav { + display: block; + overflow: hidden; + background-color: #93ff83; + } + + .mainContainer > nav > a { + margin: 10px; + } + + .mainContainer > nav > a > div { + transform: initial; + top: 0; + position: static; + } + + .floatRight { + float: none; + } + + .mainContainer img, + .mainContainer iframe { + margin: 15px 0; + } +}