Compare commits

...

38 Commits
0.1 ... master

Author SHA1 Message Date
Tolstoevsky b0f2e0477c Merge branch 'master' of Tolstoevsky/switching into master 2019-08-12 10:53:06 +00:00
Tolstoevsky d35613d7ad дополнительная информация 2019-08-12 12:53:09 +03:00
Tolstoevsky 075dd44d85 Устав и агитки 2019-08-12 11:28:40 +03:00
Tolstoevsky 5f07b883be Устав и агитки 2019-08-12 11:27:55 +03:00
a 524190e57c git link added 2019-08-10 22:09:16 +03:00
Tolstoevsky 189e27908c Merge branch 'master' of Tolstoevsky/switching into master 2019-08-10 04:25:29 +00:00
Tolstoevsky 1eaecef642 links 2019-08-10 07:24:23 +03:00
Tolstoevsky 8ea661f36c links 2019-08-10 07:19:09 +03:00
Tolstoevsky 5cc7b809ca typo 2019-08-09 22:03:05 +03:00
Tolstoevsky 1dff632d71 typo 2019-08-09 22:01:30 +03:00
Tolstoevsky 6c374d35fb Merge branch 'master' of Tolstoevsky/switching into master 2019-08-09 18:37:52 +00:00
Tolstoevsky 905aa5ce1e +pleroma 2019-08-09 21:35:06 +03:00
Tolstoevsky 577025830d Merge branch 'master' of Tolstoevsky/switching into master 2019-08-09 16:53:46 +00:00
Tolstoevsky 8c867d77d2 fix 2019-08-09 19:46:09 +03:00
Tolstoevsky 98500064f0 mastodonsocial.ru removed from recommendations 2019-08-09 19:36:00 +03:00
Tolstoevsky 5f0c2dbac6 Merge branch 'master' of Tolstoevsky/switching into master 2019-07-31 14:13:11 +00:00
Tolstoevsky 7cccfa10bc index + button 2019-07-31 17:07:32 +03:00
Tolstoevsky c6a180d46f inedx 2019-07-31 16:59:51 +03:00
Tolstoevsky c58ed0ad7f index 2019-07-31 16:58:37 +03:00
Tolstoevsky 2a791ed8dc lesser resolutions 2019-07-31 16:53:55 +03:00
Tolstoevsky 46f0cf0f83 Merge branch 'master' of Tolstoevsky/switching into master 2019-07-31 13:36:20 +00:00
Tolstoevsky f4c4305d8a Каскадная (1024-800-640) ширина основного раздела 2019-07-31 14:29:44 +03:00
Blue 40be83613e a lil bit of tweaks for addaptive, some unification 2019-07-30 19:56:50 +03:00
Blue 2d8640ab34 Merge remote-tracking branch 'tolstoevsky/master' 2019-07-30 19:21:15 +03:00
Tolstoevsky 2146889197 актуализация 2019-07-29 17:20:44 +03:00
Tolstoevsky c11cd3eda4 low resolutiin fix 2019-07-29 16:29:12 +03:00
Tolstoevsky b21bf24ea3 low resolution fix 2019-07-29 16:28:26 +03:00
EOIN GAIRLEOG 1f27043784 Еще пара мелочей в тексте 2019-07-29 18:09:57 +05:00
EOIN GAIRLEOG 6f629d33a0 Пара опечаток и оборотов 2019-07-29 18:00:58 +05:00
Tolstoevsky 43d7ff294c Merge branch 'master' of Tolstoevsky/switching into master 2019-07-29 12:38:07 +00:00
Tolstoevsky f8472036f3 tutanota f-droid 2019-07-29 15:35:44 +03:00
Tolstoevsky 7ba223f17d tutanota is back 2019-07-29 15:33:55 +03:00
Tolstoevsky f184d99b72 cock.li 2019-07-29 15:15:11 +03:00
Tolstoevsky 018213e444 sdasdd 2019-07-29 14:06:46 +03:00
Tolstoevsky f0d657ad7f Merge branch 'master' of http://git.macaw.me:3000/blue/switching 2019-07-29 14:02:44 +03:00
Tolstoevsky bfa3ad3876 одного забыл 2019-07-29 13:59:11 +03:00
Tolstoevsky 4b7ee5a670 footer position 2019-07-29 13:56:11 +03:00
Tolstoevsky b0b1e7b18b Switching.social copyleft added 2019-07-29 13:47:37 +03:00
19 changed files with 600 additions and 86 deletions

158
coc.html Normal file
View File

@ -0,0 +1,158 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Устав Федерации</title>
<link rel="stylesheet" href="style/reset.css">
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/blue.css">
</head>
<body>
<div class="mainContainer">
<nav id="header">
<a href="index.html"><div>Главная</div></a>
<a href="social.html"><div>Социальные сети</div></a>
<a href="im.html"><div>Сервисы мгновенных сообщений</div></a>
<a href="mail.html"><div>Почтовые сервисы</div></a>
<a href="search.html"><div>Поисковые сервисы</div></a>
<a href="info.html"><div>Зачем?</div></a>
</nav>
<div class="content">
<h3>Рекомендованные практики для пользователей</h3>
<p>Данные практики рекомендуются пользователям для поддержания этичного общения и улучшения качества жизни в сети.</p>
<h4>Принципы неагрессивного поведения</h4>
<p>Как пользователь Fediverse, свободной сети социального общения, в целом, вы можете делать все, что пожелаете в тех пределах, которые вам позволяют правила вашего сервера, правила серверов пользователей, с которыми идет переписка и лично административный персонал вашего сервера. В общих чертах, для поддержания дружеского климата общения и избегания конфликтов, необходимо придерживаться трех правил:</p>
<ul>
<li>Не будь некорректным по отношению к другим</li>
<li>Не раздражайся слишком легко из-за некорректного поведения по отношению к себе</li>
<li>Не делай другим того, чего не желаешь себе самому</li>
</ul>
<p>Другими словами, каких-либо строгих правил не существует, однако ожидается вежливое поведение.</p>
<h4>Своевременная настройка профилей</h4>
<p>После создания учетной записи рекомендуется немедленно заполнить профиль. Желательно, чтобы информция в профиле была осмыслена и дескриптивна. Это даст модераторам понять, что за учетной записью стоит живой человек, а не потенциально нежелательная автоматизированная система.</p>
<h4>Ознакомление с особыми положениями сервера</h4>
<p>Иногда для бесконфликтного общения на каком-либо сервера недостаточно знать только общие положения устава. У некоторых серверов могут быть особые положения в отношении административных, модераторских процедур или контентной политики. Настоятельно рекомендуется регулярно ознакамливаться с правилами сервера, на котором вы зарегистрированы. Дополнительно, поощряется ознакомление с правилами других серверов. Вполне возможно, вы пожелаете мигрировать.</p>
<h4>Предупреждения о чувствительном материале</h4>
<p>Многие социальные движки позволяют скрыть содержимое поста до того момента, как читатель сознательно выберет увидеть содержимое. Подобное скрытие сопровождается текстовым описанием скрытого содержимого.</p>
<p>Данная функция позволяет читателям сделать осознанный выбор просматривать или не просматривать контент, который они, возможно, не хотели бы увидеть или не хотели бы быть замечены за его просмотром. Главным образом, это откровенный сексуальный контент, контент связанный с насилием, контент, связанный с психоактивными веществами, спорный контент политического характера, спойлеры к произведениям, и тому подобные темы.</p>
<p>При публикации материала с предупреждением, хорошим тоном является описание предупреждения, наиболее точно передающее суть скрытого контента. Если чувствительный контент опубликован с явным, понятным и дескриптивным предупреждением, за последствия просмотра этого контента для себя и окружающих ответственен сам читатель, жалобы связанные с публикацией такого контента, как правило, будут разрешены в пользу опубликовавшего.</p>
<h4>Активное участие в жизни сети</h4>
<p>Ввиду своей технической организации, Fediverse не имеет эффективных механизмов автоматического нахождения и предложения новым пользователям интересных лент для подписки. Если вы новый пользователь, то для того, чтобы сеть раскрылась для вас в полной мере, чтобы находить интересных людей и чтобы люди находили вас, придется потрудиться больше, чем это могло бы быть в централизованных социальных сетях. Пишите больше о том, что вам нравится или о том, что вас волнует. Встревайте в любые диалоги, которые вас хотя бы немного заинтересовали. Отыскивайте новичков и помогайте им освоиться. Не гнушайтесь спросить совета сами, вам обязательно помогут. Не забывайте, взаимопомощь выгодна и для вас, и для сети в целом. Вы делаете свою ленту более заметной, а сеть пополняется вашими материалами. Много отличных мыслей приходят когда вы отвечаете кому-то, ведете с кем-то диалог.</p>
<h4>Финансирование сети</h4>
<p>Fediverse - добровольная, в основном любительская сеть. Это значит, что люди, которые администрируют, модерируют и в целом обслуживают эту сеть, тратят на нее свое свободное время. Обслуживание инфраструктуры и модерирование диспутов - это огромный интеллектуальный, моральный, а порой и физический труд. У Fediverse нет и не может быть общего фонда, в который можно отправлять пожертвования, поэтому многие администраторы имеют способы прямой финансовой поддержки. Как правило, это - сервисы регулярных микроплатежей вроде Patreon или Liberapay. Поддерживайте администраторов и модераторов, своих или просто тех, кто вам понравится. Если административный персонал таких способов поддержки не предоставляет, не стесняйтесь спросить, нужна ли помощь.</p>
<h4>Свободная миграция</h4>
<p>Fediverse - это единое пространство. Каждый сервер здесь способен общаться со всеми остальными серверами (за исключением случаев блокировки, безусловно). Каким сервером или каким движком вы будете пользоваться - зависит всецело только от вас. Если вас не устраивают правила вашего сервера, или административный состав, или местные пользователи - смело переходите на другой сервер. Если вас не устраивают ограничения вашего движка, не задумываясь переходите на другой движок. Все ваши подписчики смогут подписаться на ваш новый профиль, где бы он ни оказался.</p>
<h4>Поощрение вступления в сеть новых пользователей</h4>
<p>Как любой инструмент социального взаимодействия, Fediverse не может существовать без своих пользователей. Поэтому, поощряется распространение информации о сети среди друзей и знакомых. Если вы пришли сюда сами - приведите своих товарищей. Это важно для роста и развития сети, чем больше людей ей будет пользоваться, тем лучше, функциональнее и удобнее она будет становиться впоследствии. Если ваши друзья испытывают трудности в использовании сети, обязательно помогайте им и отвечайте на их вопросы. Будьте терпеливы и приветливы к новичкам. Обязательно ознакамливайте их с текстом этого раздела.</p>
<hr style="clear: right">
<h3>Некорректное поведение</h3>
<h4>Некорректное поведение пользователя</h4>
<p>Ниже приведен список иллюстрирующих примеров поведения пользователей сети, которые являются раздражающими или недопустимыми. Многие из них не являются строгими запретами, однако уже являются серьезными поводами для подачи жалобы административному составу.</p>
<h5>Оскорбительное поведение</h5>
<p>Оскорбительным поведением считаются любые попытки преследования, угроз, запугивания, пожелания серьезного вреда здоровью, необоснованная агрессия, сексуальные домогательства, оскорбления на почве лчиных характеристик (национальности, цвета кожи/глаз/волос, сексуальности, пола, роста, других врожденных/неизменных качеств), и т.д. Подобное поведение может явиться поводом для административных действий, направленных на понижение прав пользователя, вплоть до погашения учетной записи.</p>
<h5>Размещение коммерческих сообщений</h5>
<p>Размещение одиночных личных коммерческих сообщений, в целом, является допустимым. Если пользователь желает купить или продать какие-то товары или же получить или предоставить какие-либо услуги своим друзьям или другим пользователям сети - у них должна быть возможность это сделать. Однако, создание аккаунтов, одной единственной целью которых является распространение рекламных сообщений (проще говоря, спам), является раздражающим поведением, и на серверах со свободным доступом является некорректным. Подобное поведение допустимо, однако, на серверах, принадлежащих коммерческим компаниям.</p>
<h5>Имперсонация</h5>
<p>Недопустимой считается эффективная выдача себя за другого пользователя сети - имитация его адреса, ника, аватара, стиля общения - с целью опорочить этого человека, или произвести мошеннические действия. Подобное поведение недопустимо, и является поводом для немедленного понижения в правах вплоть до погашения и закрытия учетной записи.</p>
<h5>Троллинг</h5>
<p>Умышленная провокация конфликта или выведение других пользователей из себя является самым классическим примером раздражающего поведения (поскольку имеет целью, собственно, вызвать раздражение у окружающих), и его следует избегать.</p>
<h5>Автоматизированные активности</h5>
<p>Автоматическая публикация материалов считается допустимой, если до сведения других пользователей доведено, что работает автоматическая система. Некоторые движки предоставляют возможность извещения других пользователей о том, что актор является ботом. В противном случае, автоматизированные рассылки материалов и активностей (например, накрутка лайков и репостов) считается раздражающим поведением.</p>
<h5>Публикация материала, защищенного авторским правом</h5>
<p>В сети Fediverse приветствуется публикация свободного материала и развитие свободной культуры. Публикация материала, защищенного авторским правом допускается в двух случаях: либо если вы - полноправный владелец этого материала и вы имеете право выкладывать его в свободный доступ, либо если материал публикуется на условиях добросовестного использования (а именно, в информационных, научных, учебных или культурных целях). Пиратство не поощряется.</p>
<h5>Публикация материала, противоречащего законодательству</h5>
<p>Строго запрещается публикация материала, противоречащего действующему законодательству той страны, в чьей юрисдикции расположен сервер. К примеру, материал, содержащий детскую порнографию должен быть удален с сервера сразу после обнаружения.</p>
<h5>Публикация материала, содержащего вредооносное ПО</h5>
<p>Публикация материалов, содержащих вредоносное ПО - вирусы, черви, трояны, блокировщики, XSS-скрипты, ссылки на фишинг-сайты, и тому подобное, является недопустимой. Пользователям рекомендуется проверять публикуемые материалы на наличие вредоносного ПО.</p>
<h5>Спам жалобами</h5>
<p>Рассмотрение формальной жалобы - это действие, к которому не следует легкомысленно относиться. Расследование и принятие мер по жалобе требует времени и энергии, которое администраторы предпочли бы потратить на более конструктивную деятельность. Настойчивая отправка большого количества мелких жалоб, в особености без попытки самостоятельного урегулирования конфликта, и в особенности без доказательств, является раздражающей.</p>
<h4>Некорректное поведение административного персонала</h4>
<p>Ниже приведено несколько иллюстрирующих примеров поведения администраторов и модераторов сети, которые являются раздражающими или недопустимыми.</p>
<h5>Неработоспособность сервера</h5>
<p>Если сервер необходимо остановить в целях технического обслуживания, хорошим тоном является предупреждение пользователей сервера. Главным образом это производится через учетную запись администратора. Также, в некоторых движках может быть предусмотрен механизм административного оповещения пользователей. Частая неработоспособность сервера без предупреждения и без объяснения причин является некорректным поведением.</p>
<h5>Сохранение удаляемых объектов</h5>
<p>В ответ на <a href="https://www.w3.org/TR/2018/REC-activitypub-20180123/#delete-activity-outbox">активность Delete</a>, изданную владельцем объекта, сервер обязан удалить данные связанного с активностью объекта. Удержание чужих данных, подвергающихся удалению, недопустимо. Если сервер замечен в сохранении данных удаляемых объектов, администраторы должны как можно скорее исправить эту ситуацию.</p>
<h5>Раскрытие персональных данных и личной корреспонденции</h5>
<p>Раскрытие персональных данных о пользователе (как то фамилия, имя и отчество, год рождения, место проживания, место учебы или работы, текущее местоположение) по инициативе административного персонала является грубейшим нарушением приватности пользователя, и серьезно подрывает доверие пользователей сети и других администраторов к вам лично и к вашему серверу в целом. Подобное поведение является недопустимым.
То же самое касается и личной корреспонденции пользователей. Раскрытие или использование в любой форме информации, содержащейся в личных сообщениях, не адресованных вам и не написанных вами, считается некорректным поведением, если сообщения не были переданы как часть aормальной жалобы.</p>
<hr style="clear: right">
<h3>Прочие моменты</h3>
<h4>Отказ администраторов от ответственности за оконечно-зашифрованный трафик</h4>
<p>Административный персонал сервера принципиально не может нести ответственность за сообщения, которые они физически не в состоянии прочитать. Безусловно, если вскрывается грубое нарушение со стороны пользователей, использовавших до этого момента end-to-end-шифрование, к нарушителям должны быть применены меры, однако в силу невозможности узнать намерения нарушителей заранее, административный персонал не может считаться сопричастным к нарушению.</p>
<h4>Свобода слова и удализм</h4>
<p>Серверы могут различаться в своих специальных политиках. Администрация некоторых серверов может разрешать любой контент, ссылаясь на право пользователей на свободу слова и самовыражения. Администрация других серверов, однако, может жестко пресекать попытки обсуждения каких бы то ни было неприемлемых по их мнению тем. И на то, и на другое администрация каждого конкретного сервера имеет право. Удализм не является цензурой по двум причинам:</p>
<p>1) Сервер Fediverse - не СМИ. Администрация по умолчанию лично вам ничем не обязана, в случае если сама администрация не указывает обратного. Администрация свободна не являться проводником вашего мнения абсолютно так же как вы свободны ваше мнение выражать;
2) Если вам указали на то, что на данном сервере некоторые темы строго запрещены, вы имеете возможность мигрировать на другой сервер или зарегистрировать запасную учетную запись на сервере, где такого запрета нет. Внимательно изучайте особые положения правил серверов.</p>
<p>Если вы являетесь администратором сервера со свободным доступом без ограничений, убедительно рекомендуется явным образом обозначить данную политику в особых положениях вашего сервера.</p>
</div>
</div>
<footer class="footer">
Copyleft Доктор и компания.
</footer>
</body>
</html>

82
extra.html Normal file
View File

@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Дополнительная информация</title>
<link rel="stylesheet" href="style/reset.css">
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/blue.css">
</head>
<body>
<div class="mainContainer">
<nav id="header">
<a href="index.html"><div>Главная</div></a>
<a href="social.html"><div>Социальные сети</div></a>
<a href="im.html"><div>Сервисы мгновенных сообщений</div></a>
<a href="mail.html"><div>Почтовые сервисы</div></a>
<a href="search.html"><div>Поисковые сервисы</div></a>
<a href="info.html"><div>Зачем?</div></a>
</nav>
<div class="content">
<h1>Дополнительная информация</h1>
<h2 id="agit" >Агитационные материалы</h2>
<div>
Вы можете помочь распространению информации о свободных альтернативах централизованным сервисам, дав ссылку на этот сайт, либо распечатав и распространив
листовки (не исключаем, что одна из них и привела вас сюда). Вливайтесь в ряды просветителей, доносите до людей информацию о существовании другой цифровой
Вселенной!
<div>
<a href="files/agita500.pdf"><img src="images/thumb1.png" width="180"></a>
<a href="files/agita501.pdf"><img src="images/thumb2.png" width="180"></a>
<a href="files/agita502.pdf"><img src="images/thumb3.png" width="180"></a>
<a href="files/agita503.pdf"><img src="images/thumb4.png" width="180"></a>
</div>
</div>
<hr style="clear: right">
<h2 id="coc" >Устав сообщества</h2>
<div>
Свободные сообщества не регулируются жёсткими правиламии и пользвательскими соглашениями, тем не менее существует рекомендуемый к соблюдению Устав,
следуя положениям которого, вы — будь вы пользователем, модератором или администратором узла — сделаете вхождение и пребывание людей в Сети
простым и комфортным. Общение свободных людей основано на терпимости, неагрессивности и взаимном уважении. Пользователи, администраторы и модераторы
являются равноправными участниками сообщества.
<ul>
<li>С выдержкой из Устава, содержащей рекомендации по поведению пользователей, вы можете ознакомиться → <a href="coc.html">по этой ссылке</a> ← </li>
<li>Полная версия, содержащая все положения, определения и рекомендации, находится → <a href="https://github.com/drequivalent/ru-fediverse-policy/blob/master/README.md">здесь</a></li>
</ul>
</div>
<hr style="clear: right">
<h2 id="kb" >База знаний</h2>
<div>
Сообщество не было бы сообществом, если бы не свободный обмен знаниями. Организуются группы по интересам в соцсетях, создаются тематические Вики — любой способ,
которым вы можете помочь окружащим, доступен, любая помощь приветствуется. Вот примеры информационных ресурсов, которые могут помочь вам в освоении
альтернативной Сети:
<ul>
<li><a href="https://switching.social">Switching.Social</a> ← англоязычный сайт с огромным количеством информации на тему "чем заменить
неэтичные централизованные сервисы, следящие собственнические приложения, и так далее". Именно его перевод использовался при создании списков
в заголовке этого сайта.
</li>
<li><a href="https://wiki.phreedom.tk">Phreedom Wiki</a> ← русскоязычная вики для администраторов Fediverse. В процессе создания.</li>
<li><a href="https://communitywiki.org/wiki">Community Wiki</a> ← англоязычная Wiki, цель которой упростить процесс вхождения людей в сообщество.</li>
<li><a href="https://communitywiki.org/trunk">Trunks</a> ← большой список групп по интересам.</li>
</ul>
</div>
<hr style="clear: right">
</div>
</div>
<footer class="footer">
<a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a>
Толстоевский, Попугай и компания. Использован также перевод оригинального английского текста
<a href="https://switching.social">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</a>.
</footer>
</body>
</html>

BIN
files/agita500.pdf Normal file

Binary file not shown.

BIN
files/agita501.pdf Normal file

Binary file not shown.

BIN
files/agita502.pdf Normal file

Binary file not shown.

BIN
files/agita503.pdf Normal file

Binary file not shown.

20
im.html
View File

@ -23,7 +23,7 @@
<h1>Сервисы мгновенных сообщений</h1>
<h2>Альтернативы WhatsApp, Viber, Skype</h2>
<h3 id="xmpp">XMPP (он же Jabber)</h3>
<img src="images/conversations.jpg" class="margin" style="float: right;" width="560">
<img src="images/conversations.jpg" class="margin floatRight" width="520">
<p>
Широко используемый свободный и открытый стандарт интернет-сообщений.
Весьма прост в использовании — регистрируем аккаунт, устанавливаем приложение.
@ -42,7 +42,7 @@
<li><a href="https://404.city">404.city</a></li>
<li><a href="https://jabber.ru">jabber.ru</a></li>
</ul>
<img src="images/kaidan.png" class="margin" style="float: right;" width="560">
<img src="images/kaidan.png" class="margin floatRight" width="520">
<h4>Приложения</h4>
<ul>
<li>
@ -79,7 +79,7 @@
</li>
<li>
<img src="images/movim.png" class="margin" style="float: right;" width="560">
<img src="images/movim.png" class="margin floatRight" width="520">
<h5>Mac</h5>
<ul>
<li><a href="https://apps.apple.com/us/app/beagleim-by-tigase-inc/id1445349494">BeagleIM</a></li>
@ -97,12 +97,12 @@
<hr style="clear: right">
<h3 id="quicksy">Quicksy</h3>
<img src="images/quicksy.png" class="margin" style="float: right;">
<img src="images/quicksy.png" class="margin floatRight">
<p>
Очень простой в использовании чатик. Регистрация по номеру телефона.
</p>
<p>
Базируется на стандарте XMPP, так что вы сможете общаться со всеми пользователями XMPP(Jabber).
Базируется на стандарте XMPP, так что вы сможете общаться со всеми пользователями XMPP (Jabber).
</p>
<h4>Приложения</h4>
<ul>
@ -115,7 +115,7 @@
</ul>
<hr style="clear: right">
<img src="images/signal.jpg" class="margin" style="float: right;" width="560">
<img src="images/signal.jpg" class="margin floatRight" width="520">
<h3 id="signal">Signal</h3>
<p>
Популярное приложение для обмена сообщениями, голосовых- и видеозвонков, для регистрации нужен номер телефона.
@ -210,6 +210,12 @@
</ul>
</div>
</div>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
<footer class="footer">
<a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a>
Толстоевский, Попугай и компания. Использован также перевод оригинального английского текста
<a href="https://switching.social">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</a>.
</footer>
</body>
</html>

BIN
images/pleroma.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
images/thumb1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 KiB

BIN
images/thumb2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 KiB

BIN
images/thumb3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

BIN
images/thumb4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 298 KiB

BIN
images/tutanota.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 138 KiB

View File

@ -21,8 +21,9 @@
</nav>
<div class="content">
<h1>У вас всегда есть выбор.</h1>
<p> Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? <a class="button" href="info.html">Узнать подробности</a>
Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как.
<p><a class="button" href="info.html">Узнать подробности</a>
Чем плохи привычные централизованные соцсети и сервисы?
Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как.
</p>
<br>
<hr style="clear: right">
@ -35,15 +36,30 @@
</p>
<br>
<nav id="masto">
<a href="https://mastodonsocial.ru"><div>MastodonSocial</div></a>
<a href="https://va11hal.la"><div>Valhalla</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>
<a href="https://aspirant.de"><div>Aspirant</div></a>
<a href="https://embracing.space"><div>Embracing Space</div></a>
</nav>
</p>
</div>
</div>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
<br>
<hr style="clear: right">
<br>
<h1>Дополнительная информация</h1>
<br>
<nav id="extra">
<a href="extra.html#agit"><div>Агитационные материалы</div></a>
<a href="extra.html#coc"><div>Устав сообщества</div></a>
<a href="extra.html#kb"><div>База знаний</div></a>
</nav>
</div>
</div>
<footer class="footer">
<a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a>
Толстоевский, Попугай и компания. Использован также перевод оригинального английского текста
<a href="https://switching.social">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</a>.
</footer>
</body>
</html>

View File

@ -22,7 +22,7 @@
<div class="content">
<h1>Fediverse или как стать Неуловимым Джо</h1>
<h3>Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать?</h3>
<img src="images/koshka.jpg" style="float: left; width: 500px; margin: 15px 15px 15px 0"/>
<img src="images/koshka.jpg" class="margin floatLeft" width="520"/>
<p>
Знакомая картинка? Смешно или грустно? Постоянное опасение, что за любое неверно истолкованное
слово "за вами придут", но с людьми в сети общаться хочется, хочется постить котиков и смешные
@ -57,7 +57,7 @@
потребителю. У каждого есть свой предпочтительный формат общения — кто-то любит потоки
молниеносных сообщений Твиттера, кто-то сложный формат взаимодействия ВК и Facebook, кто-то
предпочитает видео или фото... Теперь представьте, что из Твиттера вы можете
комментировать/лайкать/репостить посты Youtube, Instagram, ВК, а авторы, вещающие
комментировать/лайкать/репостить посты YouTube, Instagram, ВК, а авторы, вещающие
в удобном для них формате, оттуда вам отвечают, поддерживая полноценное общение,
и никуда не надо перелогиниваться. <b>Удобно? У нас так можно</b>.
</p>
@ -100,9 +100,9 @@
<p>
Ну и коль скоро мы затронули тему мессенджеров, стоит кратко упомянуть достойные альтернативы перечисленным в
начале статьи корпоративным следилкам, радосто сотрудничающим со спецслужбами (или кто-то до сих пор верит, что
начале статьи корпоративным следилкам, радостно сотрудничающим со спецслужбами (или кто-то до сих пор верит, что
коммерческая контора Telegram LLC будет тратить кучу ресурсов на защиту Васи от товарища майора?). Мессенджеры
непосредственно в Fediverse не входят, но в большинстве своём (речь, опять же идёт о рекомендованых) основаны на
непосредственно в Fediverse не входят, но в большинстве своём (речь опять же идёт о рекомендованных) основаны на
принципах федерации либо на peer-to-peer. <a href="im.html">вот здесь</a> вы можете подобрать себе подходящую
альтернативу.
</p>
@ -112,8 +112,14 @@
Вливайтесь!
</p>
</div>
</div>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
<footer class="footer">
<a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a>
Толстоевский, Попугай и компания. Использован также перевод оригинального английского текста
<a href="https://switching.social">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</a>.
</footer>
</body>
</html>

View File

@ -41,7 +41,8 @@
</p>
<h3 id="tutanota">Tutanota</h3>
<p>
<img src="images/tutanota.png" class="margin floatRight" width="240">
<p>
Сервис, расположенный в Германии, без рекламы и с фокусом на приватность.
Базовая учётная запись бесплатна, за деньги можно получить больше места и возможностей.
</p>
@ -55,6 +56,7 @@
<h5>Android</h5>
<ul>
<li><a href="https://play.google.com/store/apps/details?id=de.tutao.tutanota">Tutanota</a></li>
<li><a href="https://f-droid.org/en/packages/de.tutao.tutanota/">Tutanota (F-Droid)</a></li>
</ul>
</li>
<li>
@ -66,9 +68,21 @@
</ul>
<hr style="clear: right">
<h3 id="cock.li">Cock.li</h3>
<p>
Сервис, поддерживающий множество доменов. Существует на добровольные пожертвования пользователей, которые
принимаются в том числе в криптовалютах. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.
</p>
<h4>Где зарегистрироваться?</h4>
<ul>
<li><a href="https://cock.li/register">https://cock.li/register</a></p></li>
</ul>
<hr style="clear: right">
<h3 id="proton">ProtonMail</h3>
<p>
Расположенный в Швейцарии сервис без рекламы, с заявленой максимально возможной приватностью для
Расположенный в Швейцарии сервис без рекламы, с заявленной максимально возможной приватностью для
пользователей, содержится исключительно за счёт пожертвований и платных подписок. Базовая учётная
запись бесплатна, за деньги можно получить больше места и возможностей.
</p>
@ -108,30 +122,6 @@
<ul>
<li><a href="https://posteo.de/en">posteo.de</a></li>
</ul>
<h3 id="cock.li">Cock.li</h3>
<p>
Сервис, поддерживающий множество доменов на выбор, включая такие замечательные, как cocaine.ninja,
rape.lol, cock.li и море других. Существует на добровольные пожертвования пользователей, которые
принимаются в том числе и криптовалютами. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.
</p>
<h4>Где зарегистрироваться?</h4>
<ul>
<li><a href="https://cock.li/register">https://cock.li/register</a></p></li>
</ul>
<h3 id="cock.li">Cock.li</h3>
<p>
Сервис, поддерживающий множество доменов на выбор, включая такие замечательные, как cocaine.ninja,
rape.lol, cock.li и море других. Существует на добровольные пожертвования пользователей, которые
принимаются в том числе и криптовалютами. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.
</p>
<h4>Где зарегистрироваться?</h4>
<ul>
<li><a href="https://cock.li/register">https://cock.li/register</a></p></li>
</ul>
<hr style="clear: right">
<h3 id="fastmail">FastMail</h3>
@ -205,7 +195,7 @@
<h3 id="mailbox">Mailbox.org</h3>
<p>
Семейный бизнес в Германии, предоставляет электронную почту, хранилище файлов и функции онлайн-офиса,
такие, как, например, календарь. Бесплатный пробный период - 1 месяц.
такие, как, например, календарь. Бесплатный пробный период 1 месяц.
</p>
<h4>Где зарегистрироваться?</h4>
<ul>
@ -213,7 +203,11 @@
</ul>
</div>
</div>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
<footer class="footer">
<a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a>
Толстоевский, Попугай и компания. Использован также перевод оригинального английского текста
<a href="https://switching.social">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</a>.
</footer>
</body>
</html>

View File

@ -22,14 +22,14 @@
<div class="content">
<h1>Поисковые сервисы</h1>
<h3 id="duckduckgo">DuckDuckGo</h3>
<img src="images/ddg.png" class="margin" style="float: right;" width="560">
<img src="images/ddg.png" class="margin floatRight" width="520">
<p>
Самая популярная и простая в использовании поисковая система,
заботящаяся о конфиденциальности. DuckDuckGo финансируется за счет рекламы,
но не отслеживает своих пользователей. Находится в США.
</p>
<p>
Поиск осуществляется так же, как и в Google, имеются приложения для телефона,
Поиск осуществляется так же, как и в Google. Имеются приложения для телефона,
которые обеспечивают дополнительную защиту при просмотре веб-страниц.
Можно настроить свой веб-браузер на использование DuckDuckGo в качестве поисковой системы по умолчанию.
</p>
@ -57,9 +57,9 @@
<hr style="clear: right">
<h3 id="searx">Searx</h3>
<img src="images/searx.png" class="margin" style="float: right;" width="560">
<img src="images/searx.png" class="margin floatRight" width="520">
<p>
Searx - это метапоисковой движок с открытым исходным кодом,
Searx это метапоисковой движок с открытым исходным кодом,
который ищет с помощью других поисковых систем, не сообщая им о вас ничего.
</p>
<h4>Сайты</h4>
@ -92,7 +92,7 @@
<h3 id="qwant">Qwant</h3>
<p>
Qwant - это поисковая система, базирующаяся в Европе, которая не отслеживает пользователей
Qwant это поисковая система, базирующаяся в Европе, которая не отслеживает пользователей
и не персонализирует результаты.
</p>
<p>
@ -144,7 +144,7 @@
<h4>Сайт</h4>
<ul>
<li>
<a href="https://www.startpage.com/">www.ptartpage.com</a>
<a href="https://www.startpage.com/">www.startpage.com</a>
</li>
</ul>
<hr style="clear: right">
@ -226,6 +226,12 @@
</ul>
</div>
</div>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
<footer class="footer">
<a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a>
Толстоевский, Попугай и компания. Использован также перевод оригинального английского текста
<a href="https://switching.social">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</a>.
</footer>
</body>
</html>

View File

@ -22,26 +22,26 @@
<h1>Социальные сети</h1>
<h2>Альтернативы Вконтакте/Facebook и Twitter</h2>
<h3 id="mastodon">Mastodon</h3>
<iframe class="margin" style="float: right" width="560" height="315" sandbox="allow-same-origin allow-scripts" src="https://open.tube/videos/embed/d7fabc85-f110-4699-beb0-7edf6d4082ba" frameborder="0" allowfullscreen></iframe>
<iframe class="margin floatRight" width="560" height="315" sandbox="allow-same-origin allow-scripts" src="https://open.tube/videos/embed/d7fabc85-f110-4699-beb0-7edf6d4082ba" frameborder="0" allowfullscreen></iframe>
<p>
На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
Справа приведено официальное англоязычное видео, объясняющее, как работает эта сеть.
Больше всего напоминает Твиттер, только с большим лимитом символов и более гибким интерфейсом.
</p>
<p>
Под капотом Мастодон несколько отличается от большинства привычных соцсетей - вместо того,
Под капотом Мастодон несколько отличается от большинства привычных соцсетей вместо того,
чтоб являть собой один сайт, он представляет из себя сеть маленьких независимых
сайтов (т.н. "инстанций"). На какой бы из них вы ни зарегистрировались, вы можете общаться
с друзьями, находящимися на любой из тысяч инстанций, потому что они связаны в единую сеть.
</p>
<p>
Инстанции, составляющие сеть Мастодон, объединены между собой процессом, называемым "федерацией".
Может показаться сложным, но на самом деле это не так - всё происходит незаметно для вас.
Может показаться сложным, но на самом деле это не так всё происходит незаметно для вас.
</p>
<p>
Более того, ваша учётная запись в Мастодоне позволяет общаться с людьми из
других распределённых сетей - например Friendica (см. ниже), PixelFed
(замена Instagram, коим владеет Facebook), PeerTube (замена Youtube) и многих других.
Более того, ваша учётная запись в Мастодоне позволяет общаться с пользователями
других распределённых сетей например Friendica (см. ниже), PixelFed
(аналог Instagram, принадлежит Facebook), PeerTube (аналог YouTube) и многих других.
Это объединение альтернативных соцсетей называется Федивёрс
(от federation - федерация и universe - вселенная).
</p>
@ -52,11 +52,12 @@
</p>
<h4>Где зарегистрироваться?</h4>
<ul>
<li><a href="https://mastodonsocial.ru">mastodonsocial.ru</a></li>
<li><a href="https://soc.ialis.me">soc.ialis.me</a></li>
<li><a href="https://lor.sh">lor.sh</a></li>
<li><a href="https://va11hal.la">va11hal.la</a></li>
<li><a href="https://embracing.space">embracing.space</a></li>
<li><a href="https://phreedom.tk">phreedom.tk</a></li>
<li><a href="https://mstdn.su">mstdn.su</a></li>
<li><a href="https://quey.org">quey.org</a></li>
<li><a href="https://aspirant.de">aspirant.de</a></li>
</ul>
<p>
Кроме того, можете <a href="https://instances.social/list#lang=ru&allowed=&prohibited=&users=">самостоятельно подобрать</a>
@ -65,16 +66,16 @@
<p>Основные отличия между разными инстанциями, на которые стоит обратить внимание:</p>
<ul>
<li>Максимальное количество символов, которые инстанция позволяет включать в один пост;</li>
<li>Для какого круга людей создана инстанция - от этого зависит, насколько вам будет интересна локальная лента.</li>
<li>Для какого круга людей создана инстанция от этого зависит, насколько вам будет интересна локальная лента.</li>
</ul>
<p>
Например, qoto.org - инстанция Мастодон, которая позволяет своим пользователям публиковать посты
Например, qoto.org инстанция Мастодон, которая позволяет своим пользователям публиковать посты
до 65,535 знаков (обычно в других инстанциях лимит 500 знаков). Вместе с тем, эта инстанция
позиционируется как узел общения для математиков и других представителей точных наук, так что
гуманитарию локальная лента может показаться скучноватой.
"гуманитарию" локальная лента может показаться скучноватой.
</p>
<h4>Приложения</h4>
<img src="images/mastodon.png" class="margin" style="float: right;" width="560">
<img src="images/mastodon.png" class="margin floatRight" width="520">
<ul>
<li>
<h5>Android</h5>
@ -103,14 +104,14 @@
</p>
<hr>
<h3 id="frendica">Friendica</h3>
<h3 id="frendica">Friendica</h3>
<p>Альтернатива Вконтакте и Facebook, с теми же фишками, включая события и фотоальбомы.</p>
<p>
Также, как и Мастодон, Friendica создана из множества мелких сайтов,
связанных воедино посредством федерации. Мелкие сайты, составляющие
Френдику, называются "нодами".
</p>
<img src="images/frendica.png" class="margin" style="float: right;" width="560">
<img src="images/frendica.png" class="margin floatRight" width="520">
<p>
Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и
всеми остальными альтернативными соцсетями, так что завести друзей
@ -139,8 +140,40 @@
</ul>
<hr style="clear: right">
<h3 id="pleroma">Pleroma</h3>
<p>
Представляет собой облегчённую альтернативу Мастодону. Работает быстрее, обладает минималистичным интерфейсом, но несколько меньшим
функционалом. Подойдёт сторонникам минимализма, и, как ни странно, любителями писать длинные тексты — стандартное ограничение на
длину сообщения составляет 5000 символов.
</p>
<img src="images/pleroma.png" class="margin floatRight" width="520">
<h4>Где зарегистрироваться?</h4>
<ul>
<li><a href="https://freespeechextremist.com">FreeSpeechExtremist</a></li>
<li><a href="https://pleroma.site">Pleroma.site</a></li>
<li><a href="https://kawen.space">Kawen space</a></li>
</ul>
<p>
Кроме того, можете <a href="https://fediverse.network/pleroma">самостоятельно подобрать</a>
себе инстанцию под ваши предпочтения!
</p>
<h4>Приложения</h4>
<p>
<ul>
<li>
<h5>Android</h5>
<ul>
<li><a href="https://play.google.com/store/apps/details?id=app.fedilab.android">Fedilab</a> (Платный)</li>
<li><a href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/">Fedilab</a> (Бесплатный на F-Droid)</li>
</ul>
</li>
</ul>
<hr style="clear: right">
<h3>Diaspora</h3>
<img src="images/diaspora.png" class="margin" style="float: right;" width="560">
<img src="images/diaspora.png" class="margin floatRight" width="520">
<p>
Одна из старейших альтернатив ВК и Facebook.
Диаспора также состоит из множества мелких сайтов,
@ -164,12 +197,12 @@
<h2>Альтернатива Instagram</h2>
<h3 id="pixelfed">Pixelfed</h3>
<p>
Открытая распределённая альтернатива Instagram ( а Instagram — собственность Facebook ) —
Открытая распределённая альтернатива Instagram (собственность Facebook) —
с фильтрами, комментариями, лайками, репостами и так далее, но без рекламы и слежки.
Пример аккаунта — <a href="https://pixelfed.social/earth">https://pixelfed.social/earth</a> ,
пример поста — <a href="https://pixelfed.social/p/earth/22346">https://pixelfed.social/p/earth/22346</a>
</p>
<img src="images/pixelfed.png" class="margin" style="float: right;" width="560">
<img src="images/pixelfed.png" class="margin floatRight" width="520">
<p>
Сеть состоит из мелких независимых сайтов, способных общаться между собой,
так что вы можете свободно фолловить людей с других сайтов PixelFed,
@ -177,7 +210,7 @@
крупном сервере вы зарегистрируетесь — вся сеть в вашем распоряжении.
</p>
<p>
Кроме того, так как сайты PixelFed взаимодейстувют между собой по протоколу
Кроме того, так как сайты PixelFed взаимодействуют между собой по протоколу
ActivityPub, вы сможете общаться с людьми из остальных сетей,
таких как Мастодон или Френдика.
</p>
@ -198,14 +231,14 @@
<h2>Альтернатива YouTube</h2>
<h3 id="peertube">PeerTube</h3>
<iframe class="margin" style="float: right" width="560" height="315" sandbox="allow-same-origin allow-scripts" src="https://peertube.video/videos/embed/217eefeb-883d-45be-b7fc-a788ad8507d3" frameborder="0" allowfullscreen=""></iframe>
<iframe class="margin floatRight" width="560" height="315" sandbox="allow-same-origin allow-scripts" src="https://peertube.video/videos/embed/217eefeb-883d-45be-b7fc-a788ad8507d3" frameborder="0" allowfullscreen=""></iframe>
<p>
PeerTube — открытая распределённая альтернатива YouTube (принадлежащей Google).
PeerTube — открытая распределённая альтернатива YouTube (принадлежит Google).
Это соцсеть, приспособленная для распространения видео, без рекламы и слежки.
Она пока не очень велика, но растёт стремительно.
</p>
<p>
В отличие от Youtube, PeerTube состоит из множества независимых сайтов,
В отличие от YouTube, PeerTube состоит из множества независимых сайтов,
способных общаться между собой. Не имеет значения,
на каком вы зарегистрируетесь — вся сеть в вашем распоряжении.
Плюс вы можете встроить видео с PeerTube куда угодно (см. пример выше).
@ -237,7 +270,12 @@
</ul>
</div>
</div>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
<footer class="footer">
<a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a>
Толстоевский, Попугай и компания. Использован также перевод оригинального английского текста
<a href="https://switching.social">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</a>.
</footer>
</body>
</html>

View File

@ -9,12 +9,11 @@ html, body {
}
.button {
width: 180px;
border-radius: 5px;
border-radius: 5px;
display: block;
padding: 20px;
padding: 15px;
background-color: #cde6ea;
box-sizing: border-box;
box-sizing: content-box;
text-decoration: none;
font-weight: bold;
color: inherit;
@ -31,10 +30,10 @@ nav {
}
nav > a {
padding: 20px;
flex: auto;
display: block;
padding: 20px;
box-sizing: border-box;
box-sizing: content-box;
text-decoration: none;
font-weight: bold;
color: inherit;
@ -69,6 +68,15 @@ nav > a > div {
overflow: hidden;
}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.mainContainer {
font-size: 14px;
color: #333;
@ -107,7 +115,6 @@ nav > a > div {
.mainContainer p {
margin: 5px 5px 0 10px;
}
.mainContainer strong {
@ -130,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;
@ -184,4 +196,200 @@ nav > a > div {
box-sizing: border-box;
}
img, iframe {
max-width: 100%;
}
@media only screen and (max-width : 1024px) {
nav {
display: block;
overflow: hidden;
background-color: #93ff83;
}
.mainContainer {
width: 968px;
}
.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;
}
}
@media only screen and (max-width : 968px) {
nav {
display: block;
overflow: hidden;
background-color: #93ff83;
}
.mainContainer {
width: 800px;
}
.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;
}
}
@media only screen and (max-width : 800px) {
nav {
display: block;
overflow: hidden;
background-color: #93ff83;
}
.mainContainer {
width: 640px;
}
.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;
}
}
@media only screen and (max-width : 640px) {
nav {
display: block;
overflow: hidden;
background-color: #93ff83;
}
.mainContainer {
width: 520px;
}
.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;
}
}
@media only screen and (max-width : 520px) {
nav {
display: block;
overflow: hidden;
background-color: #93ff83;
}
.mainContainer {
width: 480px;
}
.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;
}
}
@media only screen and (max-width : 480px) {
nav {
display: block;
overflow: hidden;
background-color: #93ff83;
}
.mainContainer {
width: 375px;
}
.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;
}
}