LibreHacker/switching
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
c56d0ccda8
switching/index.html

346 lines
19 KiB
HTML
Raw Normal View History

getting started
2019-08-21 09:57:48 +00:00
<!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]-->
MIT License for JavaScript
2019-12-12 19:23:34 +00:00
<script>
/*
@licstart
The MIT License (MIT)
js license fix
2019-12-12 19:34:54 +00:00
Copyright JS Foundation and other contributors, https://js.foundation/
MIT License for JavaScript
2019-12-12 19:23:34 +00:00
js license fix
2019-12-12 19:34:54 +00:00
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
MIT License for JavaScript
2019-12-12 19:23:34 +00:00
js license fix
2019-12-12 19:34:54 +00:00
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
MIT License for JavaScript
2019-12-12 19:23:34 +00:00
js license fix
2019-12-12 19:34:54 +00:00
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
MIT License for JavaScript
2019-12-12 19:23:34 +00:00
js license fix
2019-12-12 19:34:54 +00:00
@licend The above is the entire license notice
MIT License for JavaScript
2019-12-12 19:23:34 +00:00
for the JavaScript code in this page.
*/
</script>
getting started
2019-08-21 09:57:48 +00:00
</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">
заголовок
2019-08-24 06:33:03 +00:00
<div id="fh5co-logo"><a href="index.html">Fediverse</a></div>
getting started
2019-08-21 09:57:48 +00:00
</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>
чёрный текст, доп. материалы, устав
2019-08-28 08:56:54 +00:00
<li><a href="mail.html">Почта</a></li>
menu
2019-08-28 08:08:34 +00:00
<li><a href="info.html">Подробнее</a></li>
чёрный текст, доп. материалы, устав
2019-08-28 08:56:54 +00:00
<li><a href="extra.html">Доп. материалы</a></li>
getting started
2019-08-21 09:57:48 +00:00
</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">
размытые карточки под текстом над изображением
2019-08-22 13:37:58 +00:00
<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>
getting started
2019-08-21 09:57:48 +00:00
</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">
размытые карточки под текстом над изображением
2019-08-22 13:37:58 +00:00
<div class="blurred-card">
<!--
Будьте внимательны! В этой и других карточках текст дублируется умышленно!
Одно повторение нужно для того, что бы автоматически подобрались размеры блока
с учетом переносов строк
Другое повторение нужно для отображения текста поверх абсолютно позицированного блока.
Это плохое решение, но другого я не нашел
-->
<h1>Надоело быть товаром?</h1>
...
2019-08-21 11:22:19 +00:00
<h2>Вконтакте, Facebook, Instagram — цинично торгуют данными своих пользователей. Вы - товар!</h2>
размытые карточки под текстом над изображением
2019-08-22 13:37:58 +00:00
<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>
getting started
2019-08-21 09:57:48 +00:00
</div>
</div>
</div>
</div>
</li>
допилена информация и картинки
2019-08-22 08:15:45 +00:00
<li style="background-image: url(images/corporation.jpg);">
getting started
2019-08-21 09:57:48 +00:00
<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">
размытые карточки под текстом над изображением
2019-08-22 13:37:58 +00:00
<div class="blurred-card">
<!--
Будьте внимательны! В этой и других карточках текст дублируется умышленно!
Одно повторение нужно для того, что бы автоматически подобрались размеры блока
с учетом переносов строк
Другое повторение нужно для отображения текста поверх абсолютно позицированного блока.
Это плохое решение, но другого я не нашел
-->
<h1>Что делать с корпоративной слежкой?</h1>
<h2>Корпорации Mail.ru (ВК, OK, Mail), Facebook (Instagram, WhatsApp)
и Google следят за вами</h2>
getting started
2019-08-21 09:57:48 +00:00
<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>
размытые карточки под текстом над изображением
2019-08-22 13:37:58 +00:00
<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>
getting started
2019-08-21 09:57:48 +00:00
</div>
</div>
</div>
</div>
</li>
допилена информация и картинки
2019-08-22 08:15:45 +00:00
<li style="background-image: url(images/bigbrother.jpg);">
getting started
2019-08-21 09:57:48 +00:00
<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">
размытые карточки под текстом над изображением
2019-08-22 13:37:58 +00:00
<div class="blurred-card">
<!--
Будьте внимательны! В этой и других карточках текст дублируется умышленно!
Одно повторение нужно для того, что бы автоматически подобрались размеры блока
с учетом переносов строк
Другое повторение нужно для отображения текста поверх абсолютно позицированного блока.
Это плохое решение, но другого я не нашел
-->
<h1><b>Стать невидимкой, но только для Большого Брата</b></h1>
<h2><b>Общайтесь с друзьями, без цензуры и слежки!</b></h2>
getting started
2019-08-21 09:57:48 +00:00
<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>
размытые карточки под текстом над изображением
2019-08-22 13:37:58 +00:00
<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>
getting started
2019-08-21 09:57:48 +00:00
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</aside>
redesign
2019-08-22 14:21:25 +00:00
<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>
getting started
2019-08-21 09:57:48 +00:00
<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
2019-08-21 12:49:06 +00:00
<footer role="contentinfo">
getting started
2019-08-21 09:57:48 +00:00
<div class="row">
Футер чуть чуть уехал, поправил и раскопировал на все строницы кроме coc
2019-08-22 17:18:47 +00:00
<div class="col-md-10 col-md-offset-1 text-center">
footer
2019-08-21 12:49:06 +00:00
<a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a>
к чёрту имена, нас много. Надо страничку контрибьюторов добавить
2019-12-10 18:36:30 +00:00
какие-то люди. Использован также перевод оригинального английского текста
switching.software
2019-10-12 17:25:50 +00:00
<a href="https://switching.software">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</a>.
donations
2019-09-06 07:38:00 +00:00
Поддержать деньгами можно <a href="https://www.patreon.com/tolstoevsky">на Patreon</a> или на <a href="https://ru.liberapay.com/tolstoevsky/donate">Liberapay</a>.
Футер чуть чуть уехал, поправил и раскопировал на все строницы кроме coc
2019-08-22 17:18:47 +00:00
</div>
</div>
getting started
2019-08-21 09:57:48 +00:00
</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>
Reference in New Issue Copy Permalink