This commit is contained in:
tolstoevsky 2020-03-11 11:46:22 +03:00
parent 5dc852edf2
commit 6d0c85da0c
No known key found for this signature in database
GPG key ID: EDD59F3A654C596C
6 changed files with 40 additions and 68 deletions

View file

@ -97,9 +97,12 @@
<p> <p>
<div class="imgblock"> <div class="imgblock">
<img src="images/thumb1.png" width=15% max-width=100% style="float:left;"> <a href="images/thumb1.png" target=_blank>
<img src="images/thumb2.png" width=15% max-width=100% style="float:left; margin:1%;"> <img src="images/thumb1.png" width=15% max-width=100% style="float:left;"></a>
<img src="images/transport.png" width=15% max-width=100% style="float:left; margin:1%;" > <a href="images/thumb2.png" target=_blank>
<img src="images/thumb2.png" width=15% max-width=100% style="float:left; margin:1%;"></a>
<a href="images/transport.png" target=_blank>
<img src="images/transport.png" width=15% max-width=100% style="float:left; margin:1%;" ></a>
Вы можете помочь распространению информации о свободных альтернативах централизованным сервисам, Вы можете помочь распространению информации о свободных альтернативах централизованным сервисам,
дав ссылку на этот сайт, либо распечатав и распространив листовки дав ссылку на этот сайт, либо распечатав и распространив листовки
(не исключаем, что одна из них и привела вас сюда). Вливайтесь в ряды просветителей, (не исключаем, что одна из них и привела вас сюда). Вливайтесь в ряды просветителей,

View file

@ -34,12 +34,12 @@
<h2>Децентрализованные мессенджеры</h2> <h2>Децентрализованные мессенджеры</h2>
<p>Способы быстро списаться и созвониться с нужным человеком</p> <p>Способы быстро списаться и созвониться с нужным человеком</p>
<div class="imgblock"> <div class="imgblock">
<a href="images/movim.png" target=_blank>
<picture> <picture>
<source srcset="images/conversations.png" media="(max-width: 700px)"> <source srcset="images/conversations.png" media="(max-width: 700px)">
<source srcset="images/movim.png"> <source srcset="images/movim.png">
<img src="images/movim.png" width=45% max-width=100% alt="Jabber"> <img src="images/movim.png" width=45% max-width=100% alt="Jabber">
</picture> </picture></a>
<p> <p>
<h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3> <h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3>
@ -91,10 +91,11 @@
</div> </div>
<div class="imgblock"> <div class="imgblock">
<a href="images/jitsi.png" target=_blank>
<picture> <picture>
<source srcset="images/jitsi2.png" media="(max-width: 700px)"> <source srcset="images/jitsi2.png" media="(max-width: 700px)">
<source srcset="images/jitsi.png"> <source srcset="images/jitsi.png">
<img src="images/jitsi.png" width=45% max-width=100% alt="Jitsi"> <img src="images/jitsi.png" width=45% max-width=100% alt="Jitsi"></a>
</picture> </picture>
<h3>Jitsi Meet и Jami - на замену Skype</h3> <h3>Jitsi Meet и Jami - на замену Skype</h3>
<span> <span>

View file

@ -76,20 +76,23 @@
<h3>Просто попробуйте свободную альтернативу:</h3> <h3>Просто попробуйте свободную альтернативу:</h3>
<div class="imgblock"> <div class="imgblock">
<img src="images/mastodon2.png" width=45% style="float:left; margin:1%;"> <a href="images/mastodon2.png" target=_blank>
<img src="images/mastodon2.png" width=45% style="float:left; margin:1%;"></a>
Замените Twitter на <a href="social.html#mastodon">Mastodon</a> — он намного удобней. (На данный момент Замените Twitter на <a href="social.html#mastodon">Mastodon</a> — он намного удобней. (На данный момент
— самая популярная из этичных социальных сетей с миллионами пользователей. Больше всего напоминает Твиттер, — самая популярная из этичных социальных сетей с миллионами пользователей. Больше всего напоминает Твиттер,
только с большим лимитом символов и более гибким интерфейсом). только с большим лимитом символов и более гибким интерфейсом).
</div> </div>
<div class="imgblock"> <div class="imgblock">
<img src="images/friendica.png" width=45% style= "float:left; margin:1%;"> <a href="images/friendica.png" target=_blank>
<img src="images/friendica.png" width=45% style= "float:left; margin:1%;"></a>
Замените Facebook/ВК на <a href="social.html#friendica">Friendica</a>. Также, как и Мастодон, Замените Facebook/ВК на <a href="social.html#friendica">Friendica</a>. Также, как и Мастодон,
Friendica создана из множества мелких сайтов, связанных воедино посредством федерации. Мелкие сайты, составляющие Френдику, называются "нодами". Friendica создана из множества мелких сайтов, связанных воедино посредством федерации. Мелкие сайты, составляющие Френдику, называются "нодами".
Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и всеми остальными альтернативными соцсетями, так что завести друзей в этих сетях не составит труда. Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и всеми остальными альтернативными соцсетями, так что завести друзей в этих сетях не составит труда.
</div> </div>
<div class="imgblock"> <div class="imgblock">
<img src="images/pixelfed.png" width=45% style="float:left; margin:1%;"> <a href="images/pixelfed.png" target=_blank>
<img src="images/pixelfed.png" width=45% style="float:left; margin:1%;"></a>
А вместо Instagram есть прекрасный <a href="social.html#pixelfed">PixelFed</a> — работает в любом браузере, между прочим. А вместо Instagram есть прекрасный <a href="social.html#pixelfed">PixelFed</a> — работает в любом браузере, между прочим.
</div> </div>
<p>И ведь на безопасные для вас альтернативы можно заменить очень многое... Пройдитесь по разделам сайта — вы будете приятно удивлены. <p>И ведь на безопасные для вас альтернативы можно заменить очень многое... Пройдитесь по разделам сайта — вы будете приятно удивлены.

View file

@ -10,7 +10,6 @@
<link rel="stylesheet" href="css/menu.css"> <link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/popup.css"> <link rel="stylesheet" href="css/popup.css">
<link rel="stylesheet" href="css/btn.css"> <link rel="stylesheet" href="css/btn.css">
<script src="js/popup.js"></script>
<script src="js/menu.js"></script> <script src="js/menu.js"></script>
</head> </head>
<body> <body>
@ -37,7 +36,8 @@
<p>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация. </p> <p>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация. </p>
<div class="imgblock"> <div class="imgblock">
<img src="images/mailfence.png" width=43% max-width=100% style="float:left; margin:1%" alt="MailFence"> <a href="images/mailfence.png" target=_blank>
<img src="images/mailfence.png" width=43% max-width=100% style="float:left; margin:1%" alt="MailFence"></a>
<h3>MailFence</h3> <h3>MailFence</h3>
<span> <span>
Бельгийский сервис электронной почты без рекламы и отслеживания. Поддерживает GPG-шифрование, не выдаёт данные пользователей Бельгийский сервис электронной почты без рекламы и отслеживания. Поддерживает GPG-шифрование, не выдаёт данные пользователей
@ -55,11 +55,12 @@
</div> </div>
</div> </div>
<div class="imgblock"> <div class="imgblock">
<a href="images/tutanota_w.png" target=_blank>
<picture> <picture>
<source srcset="images/tutanota.png" media="(max-width: 600px)"> <source srcset="images/tutanota.png" media="(max-width: 600px)">
<source srcset="images/tutanota_w.png"> <source srcset="images/tutanota_w.png">
<img src="images/tutanota_w.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="Tutanota"> <img src="images/tutanota_w.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="Tutanota">
</picture> </picture></a>
<h3>Tutanota</h3> <h3>Tutanota</h3>
<span> <span>
Сервис, расположенный в Германии, без рекламы и с фокусом на приватность. Сервис, расположенный в Германии, без рекламы и с фокусом на приватность.
@ -78,7 +79,8 @@
</div> </div>
</div> </div>
<div class="imgblock"> <div class="imgblock">
<img src="images/posteo.jpg" width=45% max-width="100%" style="float:left; margin:1%;" alt="Posteo"> <a href="images/posteo.jpg" target=_blank>
<img src="images/posteo.jpg" width=45% max-width="100%" style="float:left; margin:1%;" alt="Posteo"></a>
<h3>Posteo</h3> <h3>Posteo</h3>
<span> <span>
Почтовый сервис без рекламы, максимально приватный и использующий исключительно "зелёное" электричество. Почтовый сервис без рекламы, максимально приватный и использующий исключительно "зелёное" электричество.
@ -94,7 +96,8 @@
</div> </div>
</div> </div>
<div class="imgblock"> <div class="imgblock">
<img src="images/cockmail.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="CockMail"> <a href="images/cockmail.png" target=_blank>
<img src="images/cockmail.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="CockMail"></a>
<h3>Cockmail</h3> <h3>Cockmail</h3>
<span> <span>
@ -110,10 +113,11 @@
</div> </div>
</div> </div>
<div class="imgblock"> <div class="imgblock">
<a href="images/thexyz.png" target=_blank>
<picture> <picture>
<source srcset="images/thexyz_m.png" media="(max-width: 600px)"> <source srcset="images/thexyz_m.png" media="(max-width: 600px)">
<source srcset="images/thexyz.png"> <source srcset="images/thexyz.png">
<img src="images/thexyz.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="TheXYZ"> <img src="images/thexyz.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="TheXYZ"></a>
</picture> </picture>
<h3>TheXYZ</h3> <h3>TheXYZ</h3>
<span> <span>
@ -135,52 +139,6 @@
</div> </div>
</div> </div>
</div> </div>
<div id="myModal" class="modal">
<span class="close cursor" onclick="closeModal()">&times;</span>
<div class="modal-content">
<div class="mySlides">
<div class="numbertext">Tutanota</div>
<img src="images/tutanota.png" style="height:40%">
</div>
<div class="mySlides">
<div class="numbertext">Posteo</div>
<img src="images/posteo.jpg" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">Cockmail</div>
<img src="images/cockmail.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">TheXYZ</div>
<img src="images/thexyz.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">MailFence</div>
<img src="images/mailfence.png" style="width:100%">
</div>
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>
<div class="caption-container">
<p id="caption"></p>
</div>
<div class="column">
<img class="demo cursor" src="images/tutanota.png" style="width:100%" onclick="currentSlide(1)" alt="Tutanota">
</div>
<div class="column">
<img class="demo cursor" src="images/posteo.jpg" style="width:100%" onclick="currentSlide(2)" alt="Posteo">
</div>
<div class="column">
<img class="demo cursor" src="images/cockmail.png" style="width:100%" onclick="currentSlide(3)" alt="Cockmail">
</div>
<div class="column">
<img class="demo cursor" src="images/thexyz.png" style="width:100%" onclick="currentSlide(4)" alt="TheXYZ">
<div class="column">
<img class="demo cursor" src="images/mailfence.png" style="width:100%" onclick="currentSlide(4)" alt="MailFence">
</div>
</div>
</div>
</div> </div>
</body> </body>
</html> </html>

View file

@ -67,7 +67,8 @@
Это не требует больших затрат вычислительных мощностей и позволяет обходиться пожертвованиями или нетаргетированной рекламой. Это не требует больших затрат вычислительных мощностей и позволяет обходиться пожертвованиями или нетаргетированной рекламой.
</p> </p>
<div class="imgblock"> <div class="imgblock">
<img src="images/searx.png" width=50% max-width=100% style="float:left; margin:1%;" alt="SearX"> <a href="images/searx.png" target=_blank>
<img src="images/searx.png" width=50% max-width=100% style="float:left; margin:1%;" alt="SearX"></a>
<h4>Searx</h4> <h4>Searx</h4>
<p> <p>
Это метапоисковик с <a href="https://github.com/asciimoo/searx">открытым</a> исходным кодом, что позволяет каждому Это метапоисковик с <a href="https://github.com/asciimoo/searx">открытым</a> исходным кодом, что позволяет каждому
@ -91,7 +92,8 @@
грантов и пожертвований наравне с доходами от неследящей рекламы в самой поисковой системе. грантов и пожертвований наравне с доходами от неследящей рекламы в самой поисковой системе.
</p> </p>
<div class="imgblock"> <div class="imgblock">
<img src="images/ecosia.png" width=50% max-width=100% style="float:left; margin:1%;" alt="Ecosia"> <a href="images/ecosia.png" target=_blank>
<img src="images/ecosia.png" width=50% max-width=100% style="float:left; margin:1%;" alt="Ecosia"></a>
<h4>Яркий пример — Ecosia</h4> <h4>Яркий пример — Ecosia</h4>
<p> <p>
Этот поисковик направляет часть доходов от рекламы и грантов на посадку деревьев по всему миру. Задумка проста: Этот поисковик направляет часть доходов от рекламы и грантов на посадку деревьев по всему миру. Задумка проста:
@ -107,7 +109,8 @@
ресурсы. Каждый будет индексировать малюсенький кусочек сети со своего собственного слабого сервера и делиться результатами ресурсы. Каждый будет индексировать малюсенький кусочек сети со своего собственного слабого сервера и делиться результатами
с остальными. И это действительно работает! с остальными. И это действительно работает!
<div class="imgblock"> <div class="imgblock">
<img src="images/yacy.png" width=50% max-width=100% style="float:left; margin:1%;" alt="YaCy"> <a href="images/yacy.png" target=_blank>
<img src="images/yacy.png" width=50% max-width=100% style="float:left; margin:1%;" alt="YaCy"></a>
<h4>YaCy</h4> <h4>YaCy</h4>
Этот вариант подойдёт продвинутым пользователям и системным администраторам, так как проект ориентирован Этот вариант подойдёт продвинутым пользователям и системным администраторам, так как проект ориентирован
в первую очередь на развёртывание инстанции "под себя". Всё достаточно просто — вы устанавливаете приложение, в первую очередь на развёртывание инстанции "под себя". Всё достаточно просто — вы устанавливаете приложение,

View file

@ -36,7 +36,8 @@
<p>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами</p> <p>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами</p>
<div class="imgblock"> <div class="imgblock">
<img src="images/mastodon2.png" width="45%" max-width="100%" style="float:left; margin:1%;"> <a href="images/mastodon2.png" target=_blank>
<img src="images/mastodon2.png" width="45%" max-width="100%" style="float:left; margin:1%;"></a>
<h3 id="mastodon" >#вместотвиттера Mastodon</h3> <h3 id="mastodon" >#вместотвиттера Mastodon</h3>
<span> <span>
<span>На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей. <span>На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
@ -80,7 +81,8 @@
</div> </div>
</div> </div>
<div class="imgblock"> <div class="imgblock">
<img src="images/friendica.png" width=45% max-width="100%" style="float:left; margin:1%;"> <a href="images/friendica.png" target=_blank>
<img src="images/friendica.png" width=45% max-width="100%" style="float:left; margin:1%;"></a>
<h3 id="friendica">#вместоВК Friendica</h3> <h3 id="friendica">#вместоВК Friendica</h3>
<span> <span>
@ -113,7 +115,8 @@
</div> </div>
</div> </div>
<div class="imgblock"> <div class="imgblock">
<img src="images/pixelfed.png" width=45% max-width=100% style="float:left; margin:1%;"> <a href="images/pixelfed.png" target=_blank>
<img src="images/pixelfed.png" width=45% max-width=100% style="float:left; margin:1%;"></a>
<h3 id="pixelfed" >#вместоinstagram PixelFed</h3> <h3 id="pixelfed" >#вместоinstagram PixelFed</h3>
@ -152,7 +155,8 @@
</div> </div>
</div> </div>
<div class="imgblock"> <div class="imgblock">
<img src="images/peertube.png" width=45% max-width=100% style="float:left; margin:1%;"> <a href="images/peertube.png" target=_blank>
<img src="images/peertube.png" width=45% max-width=100% style="float:left; margin:1%;"></a>
<h3 id="peertube">#вместоyoutube PeerTube</h3> <h3 id="peertube">#вместоyoutube PeerTube</h3>
<span> <span>