From ccc5852629d68160bd6cb850f38ebb38711dcf49 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=AE=D1=80=D0=B8=D0=B9=20=D0=93=D1=83=D0=B1=D0=B8=D1=87?= Date: Sun, 28 Jul 2019 13:46:34 +0300 Subject: [PATCH] merge --- im.html | 9 +-- index.html | 2 +- info.html | 19 +++++- mail.html | 20 +++++- search.html | 24 +++---- social.html | 14 ++-- style/grey.css | 131 +++++++++++++++++++++++++++++++++++++ main.css => style/main.css | 18 ++++- style/reset.css | 53 +++++++++++++++ 9 files changed, 263 insertions(+), 27 deletions(-) create mode 100644 style/grey.css rename main.css => style/main.css (86%) create mode 100644 style/reset.css diff --git a/im.html b/im.html index 49582f5..3394853 100644 --- a/im.html +++ b/im.html @@ -4,10 +4,11 @@ Сервисы мгновенных сообщений - + -
+
+
-

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

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

XMPP (он же Jabber)

@@ -205,6 +205,7 @@ +
- \ No newline at end of file + diff --git a/index.html b/index.html index d54f259..46c4ba3 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ Альтернативы - +
diff --git a/info.html b/info.html index 1e3676a..30ffedd 100644 --- a/info.html +++ b/info.html @@ -4,7 +4,7 @@ Альтернативы - +
@@ -92,7 +92,22 @@ И, наконец, YouTube заменяется PeerTube — видео здесь, как и сообщения перечисленных выше сетей, расходятся по всему Федивёрсу и доступны (при желании автора) всем. - + + +

+ Ну и коль скоро мы затронули тему мессенджеров, стоит кратко упомянуть достойные альтернативы перечисленным в + начале статьи корпоративным следилкам, радосто сотрудничающим со спецслужбами (или кто-то до сих пор верит, что + коммерческая контора Telegram LLC будет тратить кучу ресурсов на защиту Васи от товарища майора?). Мессенджеры + непосредственно в Fediverse не входят, но в большинстве своём (речь, опять же идёт о рекомендованых) основаны на + принципах федерации либо на peer-to-peer. вот здесь вы можете подобрать себе подходящую + альтернативу. +

+ +

+ Смело проходите по ссылкам выше, мы ждём вас в Fediverse. Новичкам тут всегда помогут, а несогласных не забанят. + Вливайтесь! +

+
\ No newline at end of file diff --git a/mail.html b/mail.html index 9b7d154..4d9a796 100644 --- a/mail.html +++ b/mail.html @@ -4,7 +4,7 @@ Почтовые сервисы - +
@@ -17,6 +17,8 @@
Зачем?
 +
+

Почтовые сервисы

Альтернативы Gmail/Яндекс.почте/mail.ru

@@ -105,6 +107,19 @@
  • posteo.de
    • +

    Cock.li

    +

    + Сервис, поддерживающий множество доменов на выбор, включая такие замечательные, как cocaine.ninja, + rape.lol, cock.li и море других. Существует на добровольные пожертвования пользователей, которые + принимаются в том числе и криптовалютами. Быстр, бесплатен и надёжен. Как и в случае с Posteo, + отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются. +

    +

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

    + +
    +

    FastMail

    Австралийская компания, содержащаяся исключительно на деньги пользователей, без рекламы и отслеживания. @@ -182,6 +197,7 @@

    +
    - \ No newline at end of file + diff --git a/search.html b/search.html index 019fec9..01036fb 100644 --- a/search.html +++ b/search.html @@ -4,18 +4,19 @@ Поисковые сервисы - + -
    - +
    +
    +

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

    DuckDuckGo

    @@ -217,6 +218,7 @@ anonymousengine.com +

    - \ No newline at end of file + diff --git a/social.html b/social.html index 333bfb5..25da1eb 100644 --- a/social.html +++ b/social.html @@ -4,10 +4,12 @@ Социальные сети - + + -
    +
    +
    -

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

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

    Mastodon

    @@ -61,10 +62,10 @@ себе инстанцию под ваши предпочтения!

    Основные отличия между разными инстанциями, на которые стоит обратить внимание:

    - +
    • Максимальное количество символов, которые инстанция позволяет включать в один пост;
    • Для какого круга людей создана инстанция - от этого зависит, насколько вам будет интересна локальная лента.
      • - +

    Например, qoto.org - инстанция Мастодон, которая позволяет своим пользователям публиковать посты до 65,535 знаков (обычно в других инстанциях лимит 500 знаков). Вместе с тем, эта инстанция @@ -233,6 +234,7 @@ +

    - \ No newline at end of file + diff --git a/style/grey.css b/style/grey.css new file mode 100644 index 0000000..54703b8 --- /dev/null +++ b/style/grey.css @@ -0,0 +1,131 @@ +.header { + width: 100%; + min-height: 50px; + + padding: 5px 20px; + + background-color: rgba(10, 10, 10, .2); + + line-height: 40px; + + font-size: 28px; + font-weight: 800; + color: #fff; +} + +.footer { + width: 100%; + min-height: 30px; + + padding: 10px 20px; + + background-color: rgba(10, 10, 10, .1); + + font-size: 14px; + color: #777; + + text-align: left; +} + +.wrap { + width: 1024px; + min-height: 100vh; + + margin: 0 auto; + + background-color: rgba(200,200,200,.2); +} + +nav { + background-color: rgba(200,200,200,.2); +} + +.top-nav__item { + display: block; + + float: left; + + padding: 10px 15px 12px; + + border-radius: 2px; + + transition: .2s ease; + + color: #333; +} + +.top-nav__item:hover { + background-color: #3ce; + + color: #fff; +} + +.mainContainer { + padding: 20px; + + font-size: 14px; + color: #333; + + text-align: left; +} + +.mainContainer h1 { + margin: 10px 0 5px 0; + + font-size: 24px; + font-weight: 600; + color: #000; +} + +.mainContainer h2 { + margin: 10px 0 5px 0; + + font-size: 22px; + font-weight: 600; + color: #000; +} + +.mainContainer h3 { + margin: 10px 0 5px 0; + + font-size: 18px; + font-weight: 600; + color: #000; +} + +.mainContainer h4 { + margin: 10px 0 5px 0; + + font-size: 14px; + font-weight: 600; + color: #000; +} + + +.mainContainer p { + margin: 5px 5px 0 10px; + +} + +.mainContainer strong { + font-weight: 600; +} + +.mainContainer ul, +.mainContainer ol { + margin: 5px 5px 10px 10px; + + list-style-position: outside; +} + +.mainContainer ul li { + margin: 5px 5px 0 15px; +} + +.mainContainer img { + margin: 10px; +} + + + +/*!** end-reset ***/ diff --git a/main.css b/style/main.css similarity index 86% rename from main.css rename to style/main.css index c6cb2e2..f9d68b3 100644 --- a/main.css +++ b/style/main.css @@ -29,8 +29,9 @@ nav > a { color: inherit; text-align: center; background-color: transparent; + font-size: 18px; - transition: background-color 0.2s; + transition: background-color 0.2s ease; } nav > a.current { @@ -100,4 +101,19 @@ nav > a > div { .c4 { color: aliceblue; background-color: seagreen; +} + +.clearfix { + *zoom: 1; +} + +.clearfix:before, +.clearfix:after { + content: ''; + display: table; + line-height: 0; +} + +.clearfix:after { + clear: both; } \ No newline at end of file diff --git a/style/reset.css b/style/reset.css new file mode 100644 index 0000000..6820f77 --- /dev/null +++ b/style/reset.css @@ -0,0 +1,53 @@ +* { + + padding: 0; + margin: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + box-sizing: border-box; + position: relative; +} + +*:before, +*:after { + box-sizing: inherit; +} + +*:focus { + outline: none; +} + +html, body { + margin: 0; + padding: 0; + font-family: sans-serif; +} + +html { + box-sizing: border-box; +} + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} + +a { + background-color: transparent; +} + +a:active, +a:hover { + outline: none; +} + +b, +strong { + font-weight: bold; +} + +img { + border: 0; +} \ No newline at end of file