Merge branch 'master' of Tolstoevsky/switching into master

This commit is contained in:
Blue 2019-07-29 10:17:13 +00:00 committed by Gitea
commit fa68128556
9 changed files with 108 additions and 43 deletions

View File

@ -210,5 +210,6 @@
</ul>
</div>
</div>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
</body>
</html>

BIN
images/ddg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

BIN
images/searx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 KiB

View File

@ -20,13 +20,30 @@
<a href="info.html"><div>Зачем?</div></a>
</nav>
<div class="content">
<h1>
Альтернативы - есть.<br>
Выбор - есть.<br>
Ваш выбор - важен.<br>
Вы - важны!<br>
</h1>
<h1>У вас всегда есть выбор.</h1>
<p> Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? <a class="button" href="info.html">Узнать подробности</a>
Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как.
</p>
<br>
<hr style="clear: right">
<br>
<p>
<a class="button" href="social.html">Узнать подробности</a>
Флагман перемен в области соцсетей - некоммерческая распределённая сеть Mastodon. Не имеет значения, на каком из тысяч её серверов вы зарегистрируетесь - общаться сможете со всем миром. Подробности и другие альтернативы - по ссылке справа.
<br><br>
А вот рекомендуемые места для регистрации русскоязычных пользователей:
</p>
<br>
<nav id="masto">
<a href="https://mastodonsocial.ru"><div>MastodonSocial</div></a>
<a href="https://phreedom.tk"><div>Svoboda</div></a>
<a href="https://soc.ialis.me"><div>Socialisme</div></a>
<a href="https://lor.sh"><div>LinuxOrgRu</div></a>
</nav>
</p>
</div>
</div>
</div>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
</body>
</html>
</html>

View File

@ -113,5 +113,7 @@
</p>
</div>
</div>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
</body>
</html>
</html>

View File

@ -213,5 +213,7 @@
</ul>
</div>
</div>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
</body>
</html>

View File

@ -22,6 +22,7 @@
<div class="content">
<h1>Поисковые сервисы</h1>
<h3 id="duckduckgo">DuckDuckGo</h3>
<img src="images/ddg.png" class="margin" style="float: right;" width="560">
<p>
Самая популярная и простая в использовании поисковая система,
заботящаяся о конфиденциальности. DuckDuckGo финансируется за счет рекламы,
@ -53,39 +54,10 @@
</ul>
</li>
</ul>
<h3 id="qwant">Qwant</h3>
<p>
Qwant - это поисковая система, базирующаяся в Европе, которая не отслеживает пользователей
и не персонализирует результаты.
</p>
<p>
Он также включает Qwant Junior (детский поиск) и Qwant Music.
</p>
<h4>Сайт</h4>
<ul>
<li>
<a href="https://www.qwant.com/">Qwant</a>
</li>
</ul>
<h4>Приложения</h4>
<ul>
<li>
<h5>Android</h5>
<ul>
<li><a href="https://play.google.com/store/apps/details?id=com.qwant.liberty">Qwant</a></li>
</ul>
</li>
<li>
<h5>iOS</h5>
<ul>
<li><a href="https://itunes.apple.com/app/qwant/id924470452">Qwant</a></li>
</ul>
</li>
</ul>
<hr style="clear: right">
<h3 id="searx">Searx</h3>
<img src="images/searx.png" class="margin" style="float: right;" width="560">
<p>
Searx - это метапоисковой движок с открытым исходным кодом,
который ищет с помощью других поисковых систем, не сообщая им о вас ничего.
@ -118,6 +90,38 @@
</ul>
<hr style="clear: right">
<h3 id="qwant">Qwant</h3>
<p>
Qwant - это поисковая система, базирующаяся в Европе, которая не отслеживает пользователей
и не персонализирует результаты.
</p>
<p>
Он также включает Qwant Junior (детский поиск) и Qwant Music.
</p>
<h4>Сайт</h4>
<ul>
<li>
<a href="https://www.qwant.com/">Qwant</a>
</li>
</ul>
<h4>Приложения</h4>
<ul>
<li>
<h5>Android</h5>
<ul>
<li><a href="https://play.google.com/store/apps/details?id=com.qwant.liberty">Qwant</a></li>
</ul>
</li>
<li>
<h5>iOS</h5>
<ul>
<li><a href="https://itunes.apple.com/app/qwant/id924470452">Qwant</a></li>
</ul>
</li>
</ul>
<hr style="clear: right">
<h3 id="startpage">StartPage</h3>
<p>
Это мощная поисковая система, которая отображает результаты Google,
@ -222,5 +226,6 @@
</ul>
</div>
</div>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
</body>
</html>

View File

@ -22,10 +22,10 @@
<h1>Социальные сети</h1>
<h2>Альтернативы Вконтакте/Facebook и Twitter</h2>
<h3 id="mastodon">Mastodon</h3>
<iframe class="margin" style="float: right" width="560" height="315" sandbox="allow-same-origin allow-scripts" src="https://video.deadsuperhero.com/videos/embed/adffa7af-6063-4e09-8c1c-e8252167315d" frameborder="0" allowfullscreen=""></iframe>
<p>
<iframe class="margin" style="float: right" width="560" height="315" sandbox="allow-same-origin allow-scripts" src="https://open.tube/videos/embed/d7fabc85-f110-4699-beb0-7edf6d4082ba" frameborder="0" allowfullscreen></iframe>
<p>
На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
Выше приведено официальное англоязычное видео, объясняющее, как работает эта сеть.
Справа приведено официальное англоязычное видео, объясняющее, как работает эта сеть.
Больше всего напоминает Твиттер, только с большим лимитом символов и более гибким интерфейсом.
</p>
<p>
@ -237,5 +237,7 @@
</ul>
</div>
</div>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
</body>
</html>

View File

@ -8,6 +8,26 @@ html, body {
min-height: 100%;
}
.button {
width: 180px;
flex: auto;
display: block;
padding: 20px;
background-color: #cde6ea;
box-sizing: border-box;
text-decoration: none;
font-weight: bold;
color: inherit;
text-align: center;
float: right;
font-size: 18px;
transition: background-color 0.2s ease;
}
.button:hover {
background-color: rgba(0, 0, 0, 0.2);
}
nav {
display: flex;
overflow: hidden;
@ -150,4 +170,20 @@ nav > a > div {
.content {
padding: 10px;
}
}
.footer {
width: 100%;
min-height: 30px;
padding: 10px 20px;
background-color: rgba(10, 10, 10, .1);
font-size: 14px;
color: #777;
text-align: left;
}