<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>У вас всегда есть выбор!</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Animate.css --> <link rel="stylesheet" href="css/animate.css"> <!-- Icomoon Icon Fonts--> <link rel="stylesheet" href="css/icomoon.css"> <!-- Bootstrap --> <link rel="stylesheet" href="css/bootstrap.css"> <!-- Magnific Popup --> <link rel="stylesheet" href="css/magnific-popup.css"> <!-- Flexslider --> <link rel="stylesheet" href="css/flexslider.css"> <!-- Theme style --> <link rel="stylesheet" href="css/style.css"> <!-- Modernizr JS --> <script src="js/modernizr-2.6.2.min.js"></script> <!-- FOR IE9 below --> <!--[if lt IE 9]> <script src="js/respond.min.js"></script> <![endif]--> </head> <body> <div class="fh5co-loader"></div> <div id="page"> <nav class="fh5co-nav" role="navigation"> <div class="container-wrap"> <div class="top-menu"> <div class="row"> <div class="col-xs-2"> <div id="fh5co-logo"><a href="index.html">Главная</a></div> </div> <div class="col-xs-10 text-right menu-1"> <ul> <li class="active"><a href="index.html">Главная</a></li> <li><a href="social.html">Соцсети</a></li> <li><a href="im.html">Мессенджеры</a></li> <li><a href="mail.html">Почтовые сервисы</a></li> </ul> </div> </div> </div> </div> </nav> <div class="container-wrap"> <aside id="fh5co-hero"> <div class="flexslider"> <ul class="slides"> <li style="background-image: url(images/silovik.png);"> <div class="overlay-gradient"></div> <div class="container-fluid"> <div class="row"> <div class="col-md-6 col-md-offset-3 col-md-pull-3 slider-text"> <div class="slider-text-inner"> <div class="blurred-card"> <!-- Будьте внимательны! В этой и других карточках текст дублируется умышленно! Одно повторение нужно для того, что бы автоматически подобрались размеры блока с учетом переносов строк Другое повторение нужно для отображения текста поверх абсолютно позицированного блока. Это плохое решение, но другого я не нашел --> <h1><b>Огорчи силовика <br> — удаляйся из ВК!</b></h1> <h2><b>Привычные централизованные соцсети не защитят вас от произвола и слежки</b></h2> <p><a class="btn btn-primary btn-demo" href="https://phreedom.tk/about#new_user"></i>Сбежать</a> <a class="btn btn-primary btn-learn" href="info.html">Узнать подробности</a></p> <div class="background-faker"> <div style="background-image: url(images/silovik.png);"></div> </div> <div class="card-content"> <h1><b>Огорчи силовика <br> — удаляйся из ВК!</b></h1> <h2><b>Привычные централизованные соцсети не защитят вас от произвола и слежки</b></h2> <p><a class="btn btn-primary btn-demo" href="https://phreedom.tk/about#new_user"></i>Сбежать</a> <a class="btn btn-primary btn-learn" href="info.html">Узнать подробности</a></p> </div> </div> </div> </div> </div> </div> </li> <li style="background-image: url(images/zuker.jpg);"> <div class="overlay-gradient"></div> <div class="container-fluid"> <div class="row"> <div class="col-md-6 col-md-offset-3 col-md-push-3 slider-text"> <div class="slider-text-inner"> <div class="blurred-card"> <!-- Будьте внимательны! В этой и других карточках текст дублируется умышленно! Одно повторение нужно для того, что бы автоматически подобрались размеры блока с учетом переносов строк Другое повторение нужно для отображения текста поверх абсолютно позицированного блока. Это плохое решение, но другого я не нашел --> <h1>Надоело быть товаром?</h1> <h2>Вконтакте, Facebook, Instagram — цинично торгуют данными своих пользователей. Вы - товар!</h2> <p><a class="btn btn-primary btn-demo" href="https://mastodon.ml/about#new_user"></i>Освободиться</a> <a class="btn btn-primary btn-learn" href="info.html">Узнать подробности</a></p> <div class="background-faker"> <div style="background-image: url(images/zuker.jpg);"></div> </div> <div class="card-content"> <h1>Надоело быть товаром?</h1> <h2>Вконтакте, Facebook, Instagram — цинично торгуют данными своих пользователей. Вы - товар!</h2> <p><a class="btn btn-primary btn-demo" href="https://mastodon.ml/about#new_user"></i>Освободиться</a> <a class="btn btn-primary btn-learn" href="info.html">Узнать подробности</a></p> </div> </div> </div> </div> </div> </div> </li> <li style="background-image: url(images/corporation.jpg);"> <div class="overlay-gradient"></div> <div class="container-fluids"> <div class="row"> <div class="col-md-6 col-md-offset-3 slider-text"> <div class="slider-text-inner text-center"> <div class="blurred-card"> <!-- Будьте внимательны! В этой и других карточках текст дублируется умышленно! Одно повторение нужно для того, что бы автоматически подобрались размеры блока с учетом переносов строк Другое повторение нужно для отображения текста поверх абсолютно позицированного блока. Это плохое решение, но другого я не нашел --> <h1>Что делать с корпоративной слежкой?</h1> <h2>Корпорации Mail.ru (ВК, OK, Mail), Facebook (Instagram, WhatsApp) и Google следят за вами</h2> <p><a class="btn btn-primary btn-demo" href="https://va11hal.la/about#new_user"></i>Спрятаться</a> <a class="btn btn-primary btn-learn" href="info.html">Узнать больше</a></p> <div class="background-faker"> <div style="background-image: url(images/corporation.jpg);"></div> </div> <div class="card-content"> <h1>Что делать с корпоративной слежкой?</h1> <h2>Корпорации Mail.ru (ВК, OK, Mail), Facebook (Instagram, WhatsApp) и Google следят за вами</h2> <p><a class="btn btn-primary btn-demo" href="https://va11hal.la/about#new_user"></i>Спрятаться</a> <a class="btn btn-primary btn-learn" href="info.html">Узнать больше</a></p> </div> </div> </div> </div> </div> </div> </li> <li style="background-image: url(images/bigbrother.jpg);"> <div class="overlay-gradient"></div> <div class="container-fluid"> <div class="row"> <div class="col-md-6 col-md-offset-3 col-md-push-3 slider-text"> <div class="slider-text-inner"> <div class="blurred-card"> <!-- Будьте внимательны! В этой и других карточках текст дублируется умышленно! Одно повторение нужно для того, что бы автоматически подобрались размеры блока с учетом переносов строк Другое повторение нужно для отображения текста поверх абсолютно позицированного блока. Это плохое решение, но другого я не нашел --> <h1><b>Стать невидимкой, но только для Большого Брата</b></h1> <h2><b>Общайтесь с друзьями, без цензуры и слежки!</b></h2> <p><a class="btn btn-primary btn-demo" href="https://lor.sh/about#new_user"></i>Приступить</a> <a class="btn btn-primary btn-learn" href="info.html">Узнать больше</a></p> <div class="background-faker"> <div style="background-image: url(images/bigbrother.jpg);"></div> </div> <div class="card-content"> <h1><b>Стать невидимкой, но только для Большого Брата</b></h1> <h2><b>Общайтесь с друзьями, без цензуры и слежки!</b></h2> <p><a class="btn btn-primary btn-demo" href="https://lor.sh/about#new_user"></i>Приступить</a> <a class="btn btn-primary btn-learn" href="info.html">Узнать больше</a></p> </div> </div> </div> </div> </div> </div> </li> </ul> </div> </aside> <div id="fh5co-work" class="fh5co-light-grey"> <div class="row animate-box"> <div class="col-md-6 col-md-offset-3 text-center fh5co-heading"> <h2>Альтернатива</h2> <p>Мы предлагаем свободные альтернативы популярным сервисам, сделанные людьми и для людей, а не корпорациями с целью извлечения прибыли.</p> </div> </div> <div class="row"> <div class="col-md-4 text-center animate-box"> <a href="social.html#mastodon" class="work" style="background-image: url(images/mastodon2.png);"> <div class="desc"> <h3>Mastodon</h3> <span>Вместо Твиттера</span> </div> </a> </div> <div class="col-md-4 text-center animate-box"> <a href="social.html#friendica" class="work" style="background-image: url(images/frendica.png);"> <div class="desc"> <h3>Friendica</h3> <span>Вместо Facebook и ВК</span> </div> </a> </div> <div class="col-md-4 text-center animate-box"> <a href="social.html#pixelfed" class="work" style="background-image: url(images/pixelfed.png);"> <div class="desc"> <h3>PixelFed</h3> <span>Вместо Instagram</span> </div> </a> </div> </div> </div> <div id="fh5co-services"> <div class="row"> <div class="col-md-4 text-center animate-box"> <div class="services"> <span class="icon"> <i class="icon-diamond"></i> </span> <div class="desc"> <h3><a href="#">Абсолютная взаимосвязанность</a></h3> <p> У каждого есть свой предпочтительный формат общения — кто-то любит потоки молниеносных сообщений Твиттера, кто-то сложный формат взаимодействия ВК и Facebook, кто-то предпочитает видео или фото... Теперь представьте, что из Твиттера вы можете комментировать/лайкать/репостить посты YouTube, Instagram, ВК, а авторы, вещающие в удобном для них формате, оттуда вам отвечают, поддерживая полноценное общение, и никуда не надо перелогиниваться. Удобно? <b>У нас так можно.</b></p> </div> </div> </div> <div class="col-md-4 text-center animate-box"> <div class="services"> <span class="icon"> <i class="icon-lab2"></i> </span> <div class="desc"> <h3><a href="#">Неподцензурность пользователя</a></h3> <p>А представьте, что у вас возник конфликт с администрацией вашей любимой сети, ваши сообщения удаляют, аккаунт блокируют. И заново зайти в привычный уже Вконтакте/Facebook — в лучшем случае через долгое унижение в чате техподдержки, фотографии паспорта и прочую дурь. Хотелось бы вам в этом случае просто по щелчку мышки зайти в "другой" ВК/FB и продолжить общение с теми же друзьями, обсуждать те же темы, но уже в недосягаемости от обозлённой администрации?<b> У нас так можно.</b> И даже больше — никто не мешает самому стать полновластным админом (при наличии минимальной технической подготовки).</p> </div> </div> </div> <div class="col-md-4 text-center animate-box"> <div class="services"> <span class="icon"> <i class="icon-settings"></i> </span> <div class="desc"> <h3><a href="#">Сеть, как она была задумана</a></h3> <p>Огромное количество равноправных серверов, прозрачно взаимодействующих между собой. Пользователи и администраторы взаимодействуют на равных и обладают равными правами.</p> </div> </div> </div> </div> </div> <div class="container-wrap"> <footer role="contentinfo"> <div class="row"> <div class="col-md-10 col-md-offset-1 text-center"> <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>. </div> </div> </footer> </div><!-- END container-wrap --> </div> <div class="gototop js-top"> <a href="#" class="js-gotop"><i class="icon-arrow-up2"></i></a> </div> <!-- jQuery --> <script src="js/jquery.min.js"></script> <!-- jQuery Easing --> <script src="js/jquery.easing.1.3.js"></script> <!-- Bootstrap --> <script src="js/bootstrap.min.js"></script> <!-- Waypoints --> <script src="js/jquery.waypoints.min.js"></script> <!-- Flexslider --> <script src="js/jquery.flexslider-min.js"></script> <!-- Magnific Popup --> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/magnific-popup-options.js"></script> <!-- Counters --> <script src="js/jquery.countTo.js"></script> <!-- Main --> <script src="js/main.js"></script> </body> </html>