_blank
This commit is contained in:
tolstoevsky
parent
5dc852edf2
commit
6d0c85da0c
|
|
@ -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>
|
||||||
Вы можете помочь распространению информации о свободных альтернативах централизованным сервисам,
|
Вы можете помочь распространению информации о свободных альтернативах централизованным сервисам,
|
||||||
дав ссылку на этот сайт, либо распечатав и распространив листовки
|
дав ссылку на этот сайт, либо распечатав и распространив листовки
|
||||||
(не исключаем, что одна из них и привела вас сюда). Вливайтесь в ряды просветителей,
|
(не исключаем, что одна из них и привела вас сюда). Вливайтесь в ряды просветителей,
|
||||||
|
|
|
||||||
7
im.html
7
im.html
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>И ведь на безопасные для вас альтернативы можно заменить очень многое... Пройдитесь по разделам сайта — вы будете приятно удивлены.
|
||||||
|
|
|
||||||
62
mail.html
62
mail.html
|
|
@ -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()">×</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)">❮</a>
|
|
||||||
<a class="next" onclick="plusSlides(1)">❯</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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
Этот вариант подойдёт продвинутым пользователям и системным администраторам, так как проект ориентирован
|
Этот вариант подойдёт продвинутым пользователям и системным администраторам, так как проект ориентирован
|
||||||
в первую очередь на развёртывание инстанции "под себя". Всё достаточно просто — вы устанавливаете приложение,
|
в первую очередь на развёртывание инстанции "под себя". Всё достаточно просто — вы устанавливаете приложение,
|
||||||
|
|
|
||||||
12
social.html
12
social.html
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue