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>
<div class="imgblock">
<img src="images/thumb1.png" width=15% max-width=100% style="float:left;">
<img src="images/thumb2.png" width=15% max-width=100% style="float:left; margin:1%;">
<img src="images/transport.png" width=15% max-width=100% style="float:left; margin:1%;" >
<a href="images/thumb1.png" target=_blank>
<img src="images/thumb1.png" width=15% max-width=100% style="float:left;"></a>
<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>
<p>Способы быстро списаться и созвониться с нужным человеком</p>
<div class="imgblock">
<a href="images/movim.png" target=_blank>
<picture>
<source srcset="images/conversations.png" media="(max-width: 700px)">
<source srcset="images/movim.png">
<img src="images/movim.png" width=45% max-width=100% alt="Jabber">
</picture>
</picture></a>
<p>
<h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3>
@ -91,10 +91,11 @@
</div>
<div class="imgblock">
<a href="images/jitsi.png" target=_blank>
<picture>
<source srcset="images/jitsi2.png" media="(max-width: 700px)">
<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>
<h3>Jitsi Meet и Jami - на замену Skype</h3>
<span>

View file

@ -76,20 +76,23 @@
<h3>Просто попробуйте свободную альтернативу:</h3>
<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> — он намного удобней. (На данный момент
— самая популярная из этичных социальных сетей с миллионами пользователей. Больше всего напоминает Твиттер,
только с большим лимитом символов и более гибким интерфейсом).
</div>
<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>. Также, как и Мастодон,
Friendica создана из множества мелких сайтов, связанных воедино посредством федерации. Мелкие сайты, составляющие Френдику, называются "нодами".
Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и всеми остальными альтернативными соцсетями, так что завести друзей в этих сетях не составит труда.
</div>
<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> — работает в любом браузере, между прочим.
</div>
<p>И ведь на безопасные для вас альтернативы можно заменить очень многое... Пройдитесь по разделам сайта — вы будете приятно удивлены.

View file

@ -10,7 +10,6 @@
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/popup.css">
<link rel="stylesheet" href="css/btn.css">
<script src="js/popup.js"></script>
<script src="js/menu.js"></script>
</head>
<body>
@ -37,7 +36,8 @@
<p>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация. </p>
<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>
<span>
Бельгийский сервис электронной почты без рекламы и отслеживания. Поддерживает GPG-шифрование, не выдаёт данные пользователей
@ -55,11 +55,12 @@
</div>
</div>
<div class="imgblock">
<a href="images/tutanota_w.png" target=_blank>
<picture>
<source srcset="images/tutanota.png" media="(max-width: 600px)">
<source srcset="images/tutanota_w.png">
<img src="images/tutanota_w.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="Tutanota">
</picture>
</picture></a>
<h3>Tutanota</h3>
<span>
Сервис, расположенный в Германии, без рекламы и с фокусом на приватность.
@ -78,7 +79,8 @@
</div>
</div>
<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>
<span>
Почтовый сервис без рекламы, максимально приватный и использующий исключительно "зелёное" электричество.
@ -94,7 +96,8 @@
</div>
</div>
<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>
<span>
@ -110,10 +113,11 @@
</div>
</div>
<div class="imgblock">
<a href="images/thexyz.png" target=_blank>
<picture>
<source srcset="images/thexyz_m.png" media="(max-width: 600px)">
<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>
<h3>TheXYZ</h3>
<span>
@ -135,52 +139,6 @@
</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>
</body>
</html>

View file

@ -67,7 +67,8 @@
Это не требует больших затрат вычислительных мощностей и позволяет обходиться пожертвованиями или нетаргетированной рекламой.
</p>
<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>
<p>
Это метапоисковик с <a href="https://github.com/asciimoo/searx">открытым</a> исходным кодом, что позволяет каждому
@ -91,7 +92,8 @@
грантов и пожертвований наравне с доходами от неследящей рекламы в самой поисковой системе.
</p>
<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>
<p>
Этот поисковик направляет часть доходов от рекламы и грантов на посадку деревьев по всему миру. Задумка проста:
@ -107,7 +109,8 @@
ресурсы. Каждый будет индексировать малюсенький кусочек сети со своего собственного слабого сервера и делиться результатами
с остальными. И это действительно работает!
<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>
Этот вариант подойдёт продвинутым пользователям и системным администраторам, так как проект ориентирован
в первую очередь на развёртывание инстанции "под себя". Всё достаточно просто — вы устанавливаете приложение,

View file

@ -36,7 +36,8 @@
<p>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами</p>
<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>
<span>
<span>На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
@ -80,7 +81,8 @@
</div>
</div>
<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>
<span>
@ -113,7 +115,8 @@
</div>
</div>
<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>
@ -152,7 +155,8 @@
</div>
</div>
<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>
<span>