From 67784ff09d1e87294bb99f448645cba24ea85b4d Mon Sep 17 00:00:00 2001 From: Tolstoevsky Date: Tue, 18 Feb 2020 10:29:13 +0300 Subject: [PATCH] dark theme --- css/base.css | 48 +++++++++++++++++------ index.html | 105 +++++++++++++++++++++++++++++---------------------- 2 files changed, 96 insertions(+), 57 deletions(-) diff --git a/css/base.css b/css/base.css index 098c56e..dcb6d61 100644 --- a/css/base.css +++ b/css/base.css @@ -3,12 +3,36 @@ src:url('../fonts/exo2.ttf'); } +.textblock { + background-color:#224; + border-radius:4px; + border:1px solid #667; + display:inline-block; + width: 90%; + height: 90%; + color: #bbb; + +} + +.imgblock { + background-color:#334; + border-radius:4px; + border:1px solid #667; + display:inline-block; + width: 90%; + height: 90%; + color: #bbb; + padding: 1% 1% 1% 1%; + text-align: justify; +} + + body { - font: 90%/160% exo2; - color: #666; + font: 110%/180% exo2; width: 900px; max-width: 96%; margin: 0 auto; + background-color:#335; } p { margin: 0 0 20px; @@ -21,13 +45,13 @@ a:hover { color: #F60; } h1, h2, h3 { - color: #000; + color: #eee; line-height: 120%; margin: 30px 0 10px; } h1 { font-size: 1.7em; - color: #000; + color: #bbb; } h2 { font-size: 1.4em; @@ -56,15 +80,15 @@ h3 { .nav a { padding: 3px 12px; text-decoration: none; - color: #999; + color: #eee; line-height: 100%; } .nav a:hover { - color: #000; + color: #333; } .nav .current a { - background: #999; - color: #fff; + background: #eee; + color: #888; border-radius: 5px; } @@ -90,7 +114,7 @@ h3 { top: 0; left: 0; border: solid 1px #aaa; - background: #fff url(images/icon-menu.png) no-repeat 10px 11px; + background: #000 url(images/icon-menu.png) no-repeat 10px 11px; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.3); } @@ -108,7 +132,7 @@ h3 { } .nav .current a { background: none; - color: #666; + color: #333; } /* on nav hover */ @@ -137,10 +161,12 @@ h3 { h1, h2, h3 { - color: #000; + color: #999; line-height: 120%; margin: 30px 0 10px; font-family: "exo2"; } + + diff --git a/index.html b/index.html index 52efd9f..82a8cc8 100644 --- a/index.html +++ b/index.html @@ -21,56 +21,69 @@ -
-

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

-

- - Вы на официальной странице русского ответвления Fediverse — глобальной сети взаимосвязанных соцсетей. Мы предлагаем свободные - альтернативы популярным сервисам, сделанные людьми и для людей, а не корпорациями с целью извлечения прибыли. -
- По сути, это — Сеть, как она была задумана
- Огромное количество равноправных серверов, прозрачно взаимодействующих между собой. Пользователи и администраторы взаимодействуют - на равных и обладают равными правами. +

+

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

+

+ + Вы на официальной странице русского ответвления Fediverse — глобальной сети взаимосвязанных соцсетей. Мы предлагаем свободные + альтернативы популярным сервисам, сделанные людьми и для людей, а не корпорациями с целью извлечения прибыли. +
+ По сути, это — Сеть, как она была задумана
+ Огромное количество равноправных серверов, прозрачно взаимодействующих между собой. Пользователи и администраторы взаимодействуют + на равных и обладают равными правами. +

-

Зачем это мне?

-

- - В двух словах — Неподцензурность пользователя
- Представьте, что у вас возник конфликт с администрацией вашей любимой сети, ваши сообщения удаляют, аккаунт блокируют. - И заново зайти в привычный уже Вконтакте/Facebook — в лучшем случае через долгое унижение в чате техподдержки, фотографии - паспорта и прочую дурь. Хотелось бы вам в этом случае просто по щелчку мышки зайти в "другой" ВК/FB и продолжить общение - с теми же друзьями, обсуждать те же темы, но уже в недосягаемости от обозлённой администрации? У нас так можно. И даже больше - — никто не мешает самому стать полновластным админом (при наличии минимальной технической подготовки). -

+
+

Зачем это мне?

+

+ + В двух словах — Неподцензурность пользователя
+ Представьте, что у вас возник конфликт с администрацией вашей любимой сети, ваши сообщения удаляют, аккаунт блокируют. + И заново зайти в привычный уже Вконтакте/Facebook — в лучшем случае через долгое унижение в чате техподдержки, фотографии + паспорта и прочую дурь. Хотелось бы вам в этом случае просто по щелчку мышки зайти в "другой" ВК/FB и продолжить общение + с теми же друзьями, обсуждать те же темы, но уже в недосягаемости от обозлённой администрации? У нас так можно. И даже больше + — никто не мешает самому стать полновластным админом (при наличии минимальной технической подготовки). +

+
-

Чем вы лучше?

-

- - И снова два слова — абсолютная взаимосвязанность
+

+

Чем вы лучше?

+

+ + И снова два слова — абсолютная взаимосвязанность
+ + У каждого есть свой предпочтительный формат общения — кто-то любит потоки молниеносных сообщений Твиттера, кто-то — + сложный формат взаимодействия ВК и Facebook, кто-то предпочитает видео или фото... Теперь представьте, что из Твиттера + вы можете комментировать/лайкать/репостить посты YouTube, Instagram, ВК, а авторы, вещающие в удобном для них формате, + оттуда вам отвечают, поддерживая полноценное общение, и никуда не надо перелогиниваться. Удобно? У нас так можно. +

+
- У каждого есть свой предпочтительный формат общения — кто-то любит потоки молниеносных сообщений Твиттера, кто-то — - сложный формат взаимодействия ВК и Facebook, кто-то предпочитает видео или фото... Теперь представьте, что из Твиттера - вы можете комментировать/лайкать/репостить посты YouTube, Instagram, ВК, а авторы, вещающие в удобном для них формате, - оттуда вам отвечают, поддерживая полноценное общение, и никуда не надо перелогиниваться. Удобно? У нас так можно. +
+ +
+

Ну ладно. Что дальше?

+

+

Просто попробуйте свободную альтернативу:

+ + Замените Twitter на Mastodon — он намного удобней. (На данный момент + — самая популярная из этичных социальных сетей с миллионами пользователей. Больше всего напоминает Твиттер, + только с большим лимитом символов и более гибким интерфейсом.) +
+ +
+ + Замените Facebook/ВК на Friendica — она умеет больше. ( Также, как и Мастодон, + Friendica создана из множества мелких сайтов, связанных воедино посредством федерации. Мелкие сайты, составляющие Френдику, называются "нодами". + Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и всеми остальными альтернативными соцсетями, так что завести друзей в этих сетях не составит труда) +
+
+ + А вместо Instagram есть прекрасный PixelFed — работает в любом браузере, между прочим. +
+

И ведь на безопасные для вас альтернативы можно заменить очень многое... Пройдитесь по разделам сайта — вы будете приятно удивлены.

- -

Ну ладно. Что дальше?

-

-

    Просто попробуйте свободную альтернативу:

    -
  • Замените Twitter на Mastodon — он намного удобней. (На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей. Больше всего напоминает Твиттер, - только с большим лимитом символов и более гибким интерфейсом.)


    • - - -
  • Замените Facebook/ВК на Friendica — она умеет больше. ( Также, как и Мастодон, Friendica создана из множества мелких сайтов, связанных воедино посредством федерации. Мелкие сайты, составляющие Френдику, называются "нодами". - -Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и всеми остальными альтернативными соцсетями, так что завести друзей в этих сетях не составит труда).
    • -
    -
  • А вместо Instagram есть прекрасный PixelFed — работает в любом браузере, между прочим. -
-
-

И ведь на безопасные для вас альтернативы можно заменить очень многое... Пройдитесь по разделам сайта — вы будете приятно удивлены. -

- +