Browse Source

images

tags/1.0
Tolstoevsky 11 months ago
parent
commit
ca03c43058
5 changed files with 509 additions and 160 deletions
  1. BIN
      images/mastodon2.png
  2. BIN
      images/mastodon3.png
  3. BIN
      images/peertube.png
  4. +294
    -0
      index.html~
  5. +215
    -160
      work-single.html

BIN
images/mastodon2.png View File

Before After
Width: 1920  |  Height: 1055  |  Size: 483 KiB

BIN
images/mastodon3.png View File

Before After
Width: 1920  |  Height: 1055  |  Size: 119 KiB

BIN
images/peertube.png View File

Before After
Width: 1434  |  Height: 864  |  Size: 415 KiB

+ 294
- 0
index.html~ View File

@@ -0,0 +1,294 @@
<!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">

<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />

<!-- 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">
<h1>Огорчи силовика <br> — удаляйся из ВК!</h1>
<h2>Привычные централизованные соцсети не защитят вас от произвола и слежки</h2></font>
<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>
</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">
<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>
</li>
<li style="background-image: url(images/img_bg_3.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">
<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>
</li>
<li style="background-image: url(images/img_bg_4.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">
<h1>Стать невидимкой, но только для Большого Брата</h1>
<h2>Общайтесь с друзьями, не подвергаясь цензуре и слежке!</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>
</li>
</ul>
</div>
</aside>
<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 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/mastodon.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 class="container-wrap">
<footer id="fh5co-footer" role="contentinfo">
<div class="row">
<div class="col-md-3 fh5co-widget">
<h4>About </h4>
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
</div>
<div class="col-md-3 col-md-push-1">
<h4>info1</h4>
<ul class="fh5co-footer-links">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>

<div class="col-md-3 col-md-push-1">
<h4>Links</h4>
<ul class="fh5co-footer-links">
<li><a href="#">Home</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About us</a></li>
</ul>
</div>

<div class="col-md-3">
<h4>Contact Information</h4>
<ul class="fh5co-footer-links">
<li><a href="#">aaaaa</a></li>
<li><a href="#">bbbbb</a></li>
<li><a href="#">cccc</a></li>
</ul>
</div>

</div>

<div class="row copyright">
<div class="col-md-12 text-center">
<p>
<small class="block">Copyleft (CC4.0-BY-SA) Tolstoevsky</small>
<small class="block">Designed by <a href="http://freehtml5.co/" target="_blank">FreeHTML5.co</a> Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
</p>
<p>
<ul class="fh5co-social-icons">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-linkedin"></i></a></li>
<li><a href="#"><i class="icon-dribbble"></i></a></li>
</ul>
</p>
</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>


+ 215
- 160
work-single.html View File

@@ -3,39 +3,8 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Neat &mdash; Free Website Template, Free HTML5 Template by freehtml5.co</title>
<title>Социальные сети</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Website Template by freehtml5.co" />
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
<meta name="author" content="freehtml5.co" />

<!--
//////////////////////////////////////////////////////

FREE HTML5 TEMPLATE
DESIGNED & DEVELOPED by FreeHTML5.co
Website: http://freehtml5.co/
Email: info@freehtml5.co
Twitter: http://twitter.com/fh5co
Facebook: https://www.facebook.com/fh5co

//////////////////////////////////////////////////////
-->

<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />

<link href="https://fonts.googleapis.com/css?family=Oxygen:300,400" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
@@ -71,23 +40,14 @@
<div class="top-menu">
<div class="row">
<div class="col-xs-2">
<div id="fh5co-logo"><a href="index.html">Neat</a></div>
<div id="fh5co-logo"><a href="index.html">Главная</a></div>
</div>
<div class="col-xs-10 text-right menu-1">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="work.html">Work</a></li>
<li class="has-dropdown">
<a href="blog.html">Blog</a>
<ul class="dropdown">
<li><a href="#">Web Design</a></li>
<li><a href="#">eCommerce</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">API</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="index.html">Главная</a></li>
<li class="active"><a href="social.html">Соцсети</a></li>
<li><a href="mail.html">Почтовые сервисы</a></li>
<li><a href="im.html">Мессенджеры</a></li>
</ul>
</div>
</div>
@@ -104,8 +64,8 @@
<div class="row">
<div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
<div class="slider-text-inner text-center">
<h1>Work</h1>
<h2>Free html5 templates Made by <a href="http://freehtml5.co/" target="_blank">freehtml5.co</a></h2>
<h1>Распределённые социальные сети</h1>
<h2>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами</h2>
</div>
</div>
</div>
@@ -115,141 +75,236 @@
</aside>
<div id="fh5co-work">
<div class="row">
<div class="col-md-8">
<a href="images/portfolio-1.jpg" class="image-popup img-portfolio-detail">
<img src="images/portfolio-1.jpg" alt="Free HTML5 Template by FreeHTML5.co" class="img-responsive">
<div class="col-md-6">
<a href="images/mastodon.png" class="image-popup">
<img src="images/mastodon.png" alt="Мастодон — многоколоночный интерфейс, тёмная тема" class="img-responsive">
</a>
<a href="images/portfolio-2.jpg" class="image-popup img-portfolio-detail">
<img src="images/portfolio-2.jpg" alt="Free HTML5 Template by FreeHTML5.co" class="img-responsive">
<a href="images/mastodon2.png" class="image-popup">
<img src="images/mastodon2.png" alt="Мастодон - одноколоночный интерфейс, светлая тема" class="img-responsive">
</a>
<a href="images/portfolio-3.jpg" class="image-popup img-portfolio-detail">
<img src="images/portfolio-3.jpg" alt="Free HTML5 Template by FreeHTML5.co" class="img-responsive">
<a href="images/mastodon3.png" class="image-popup">
<img src="images/mastodon3.png" alt="Мастодон - настройки, светлая тема" class="img-responsive">
</a>
</div>
<div class="col-md-4 fh5co-project-detail">
<h2 class="fh5co-project-title">Project Title</h2>
<span class="fh5co-project-sub">Package of the year</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet ullam ab perferendis aut repellat maxime reiciendis doloremque atque ipsa nostrum et at nihil quae placeat eum corporis laboriosam culpa, consequuntur aperiam praesentium rem totam fuga deleniti laborum! Possimus, hic, itaque?</p>

<div class="fh5co-project-service">
<h3>Services</h3>
<ul>
<li>Package Design</li>
<li>Printing</li>
<li>Branding</li>
</ul>
</div>
</div>
<!-- <div class="col-md-4 text-center animate-box">
<a href="#" class="work" style="background-image: url(images/portfolio-1.jpg);">
<div class="desc">
<h3>Project Name</h3>
<span>Illustration</span>
</div>
</a>
<div class="col-md-4">
<h2>#вместотвиттера Mastodon</h2>
<span>На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
Больше всего напоминает Твиттер, только с большим лимитом символов и более гибким интерфейсом.
</span>
<p>
Ваша учётная запись в Мастодоне позволяет общаться с пользователями
других распределённых сетей — например Friendica (см. ниже), PixelFed
(взамен принадлежащего корпорации Facebook сервиса Instagram), PeerTube (аналог YouTube) и многих других.
Это объединение альтернативных соцсетей называется Fediverse (Федивёрс)
(от federation - федерация и universe - вселенная).
</p>
<p>
Вы можете зайти в Мастодон, зарегистрировавшись на одном из сайтов, указанных ниже,
можете использовать эту учётную запись в одном из приложений Mastodon для вашего мобильника.
</p>
</div>
<div class="col-md-4 text-center animate-box">
<a href="#" class="work" style="background-image: url(images/portfolio-2.jpg);">
<div class="desc">
<h3>Project Name</h3>
<span>Brading</span>
</div>
</a>
<div class="row">
<div class="col-md-4">
<h3>Где зарегистрироваться</h3>
<ul>
<li><a href="https://mastodon.ml">Russian Mastodon</a></li>
<li><a href="https://phreedom.tk">Svoboda</a></li>
<li><a href="https://va11hal.la">Valhalla</a></li>
<li><a href="https://embracing.space">Embracing Space</a></li>
<li><a href="https://quey.org">Quey</a></li>
<li><a href="https://aspirant.de">Aspirant</a></li>
</ul>
<h3> Мобильные приложения</h3>
<ul>
<li>
<h4>Android</h4>
<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>
<li><a href="https://play.google.com/store/apps/details?id=jp.juggler.subwaytooter">Subway Tooter</a></li>
<li><a href="https://play.google.com/store/apps/details?id=com.keylesspalace.tusky">Tusky</a></li>
</ul>
</li>
<li>
<h4>iOS</h4>
<ul>
<li><a href="https://itunes.apple.com/app/toot/id1229021451">Toot!</a></li>
<li><a href="https://itunes.apple.com/app/mast/id1437429129">Mast</a></li>
<li><a href="https://itunes.apple.com/app/amarok-for-mastodon/id1214116200">Amaroq</a></li>
</ul>
</li>
</ul>

</div>
<div class="col-md-4 text-center animate-box">
<a href="#" class="work" style="background-image: url(images/portfolio-3.jpg);">
<div class="desc">
<h3>Project Name</h3>
<span>Illustration</span>
</div>
</a>
</div>
<div class="col-md-4 text-center animate-box">
<a href="#" class="work" style="background-image: url(images/portfolio-4.jpg);">
<div class="desc">
<h3>Project Name</h3>
<span>Illustration</span>
</div>

</div>
<div class="row">
<div class="col-md-6">
<a href="images/frendica.png" class="image-popup">
<img src="images/frendica.png" alt="Friendica" class="img-responsive">
</a>
</div>
<div class="col-md-4 text-center animate-box">
<a href="#" class="work image-popup" style="background-image: url(images/portfolio-5.jpg);">
<div class="desc">
<h3>Project Name</h3>
<span>Brading</span>
</div>
</a>

<div class="col-md-4">
<h2>#вместоВК Friendica</h2>
<span>
Альтернатива Вконтакте и Facebook, с теми же фишками, включая события и фотоальбомы
</span>
<p>
Также, как и Мастодон, Friendica создана из множества мелких сайтов,
связанных воедино посредством федерации. Мелкие сайты, составляющие
Френдику, называются "нодами".
</p>
<p>
Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и
всеми остальными альтернативными соцсетями, так что завести друзей
в этих сетях не составит труда.
</p>

<div>
<h3>Где зарегистрироваться</h3>
<ul>
<li><a href="https://nerdica.net">nerdica.net</a></li>
<li><a href="https://libranet.de">libranet.de</a></li>
<li><a href="https://social.isurf.ca/">social.isurf.ca/</a></li>
<li><a href="https://friendica.hubup.pro">friendica.hubup.pro</a></li>
</ul>
<h3> Мобильные приложения</h3>
<ul>
<li>
<h4>Android</h4>
<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>

</div>

</div>
<div class="col-md-4 text-center animate-box">
<a href="#" class="work image-popup" style="background-image: url(images/portfolio-6.jpg);">
<div class="desc">
<h3>Project Name</h3>
<span>Illustration</span>
</div>
</a>
</div> -->
</div>
</div>
</div><!-- END container-wrap -->

<div class="container-wrap">
<footer id="fh5co-footer" role="contentinfo">
<div class="row">
<div class="col-md-3 fh5co-widget">
<h4>About Neat</h4>
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
</div>
<div class="col-md-3 col-md-push-1">
<h4>Latest Posts</h4>
<ul class="fh5co-footer-links">
<li><a href="#">Amazing Templates</a></li>
<li><a href="#">100+ Free Download Templates</a></li>
<li><a href="#">Neat is now available</a></li>
<li><a href="#">Download 1000+ icons</a></li>
<li><a href="#">Big Deal for this month of March, Join Us here</a></li>
</ul>
<div class="row">
<div class="col-md-6">
<a href="images/pixelfed.png" class="image-popup">
<img src="images/pixelfed.png" alt="Friendica" class="img-responsive">
</a>
</div>

<div class="col-md-3 col-md-push-1">
<h4>Links</h4>
<ul class="fh5co-footer-links">
<li><a href="#">Home</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About us</a></li>
</ul>
<div class="col-md-4">
<h2>#вместоinstagram PixelFed</h2>
<span>
Открытая распределённая альтернатива Instagram — с фильтрами, комментариями, лайками, репостами и так далее, но без рекламы и слежки.
</span>
<p>
Сеть состоит из мелких независимых сайтов, способных общаться между собой,
так что вы можете свободно фолловить людей с других сайтов PixelFed,
зарегистрировавшись на любом из них. И не важно, на маленьком или
крупном сервере вы зарегистрируетесь — вся сеть в вашем распоряжении.
Любые другие сети (например, Mastodon и Friendica) также доступны для взаимодействия
</p>
<p>
В отличие от Instagram, для использования PixelFed не нужно специальное приложение — оно работает
в любом браузере на компьютере, телефоне или планшете.
</p>


<div>
<h3>Где зарегистрироваться</h3>
<ul>
<li><a href="https://pixelfed.de">pixelfed.de</a></li>
<li><a href="https://pxlfd.me">pxlfd.me</a></li>
<li><a href="https://pix.tedomum.net">pix.tedomum.net</a></li>
<li><a href="https://pix.diaspodon.fr">pix.diaspodon.fr</a></li>

</ul>
</div>

</div>
</div>

<div class="col-md-3">
<h4>Contact Information</h4>
<ul class="fh5co-footer-links">
<li>198 West 21th Street, <br> Suite 721 New York NY 10016</li>
<li><a href="tel://1234567920">+ 1235 2355 98</a></li>
<li><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
<li><a href="http://gettemplates.co">gettemplates.co</a></li>
</ul>

<div class="row">
<div class="col-md-6">
<a href="images/peertube.png" class="image-popup">
<img src="images/peertube.png" alt="peertube" class="img-responsive">
</a>
</div>

</div>
<div class="col-md-4">
<h2>#вместоyoutube PeerTube</h2>
<span>
PeerTube — открытая распределённая альтернатива YouTube (принадлежит Google).
Это соцсеть, приспособленная для распространения видео, без рекламы и слежки.

</span>
<p>
В отличие от YouTube, PeerTube состоит из множества независимых сайтов,
способных общаться между собой. Не имеет значения,
на каком вы зарегистрируетесь — вся сеть в вашем распоряжении.
Плюс вы можете встроить видео с PeerTube куда угодно (см. пример выше).
</p>
<p>
Ну и вишенкой на торте — PeerTube также использует стандарт ActivityPub,
и подписаться на ваш канал там смогут все пользователи PeerTube, Mastodon,
Friendica и так далее.
</p>




<div>
<h3>Где зарегистрироваться</h3>
<ul>
<li><a href="https://peertube.social">peertube.social</a></li>
<li><a href="https://pe.ertu.be">pe.ertu.be</a></li>
<li><a href="https://video.tedomum.net">video.tedomum.net</a></li>
<li><a href="https://peertube.linuxrocks.online">peertube.linuxrocks.online</a></li>
<li><a href="https://share.tub">share.tub</a></li>

</ul>
<h3>Мобильные приложения</h3>
<h4>Android</h4>
<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>
<li><a href="https://play.google.com/store/apps/details?id=net.schueller.peertube">PeerTube Player</a></li>
</ul>


</div>

<div class="row copyright">
<div class="col-md-12 text-center">
<p>
<small class="block">&copy; 2016 Free HTML5. All Rights Reserved.</small>
<small class="block">Designed by <a href="http://freehtml5.co/" target="_blank">FreeHTML5.co</a> Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
</p>
<p>
<ul class="fh5co-social-icons">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-linkedin"></i></a></li>
<li><a href="#"><i class="icon-dribbble"></i></a></li>
</ul>
</p>
</div>
</div>
</div>





</div><!-- END container-wrap -->

<div class="container-wrap">
<footer role="contentinfo">
<div class="row">
<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>
</footer>
</div><!-- END container-wrap -->
</div>


Loading…
Cancel
Save