blue/switching
2
0
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity

Merge branch 'master' of Tolstoevsky/switching into master

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
im.html
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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
images/searx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 188 KiB

29
index.html
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>
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
</body>
</html>

2
info.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>

2
mail.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>

69
search.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,6 +54,41 @@
</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 - это метапоисковой движок с открытым исходным кодом,
который ищет с помощью других поисковых систем, не сообщая им о вас ничего.
</p>
<h4>Сайты</h4>
<p>
Существует много сайтов, на которых запущен Searx,
вы можете использовать любой из них (или, если вы технически грамотны,
вы даже можете запустить свой собственный сервер).
</p>
<ul>
<li>
<a href="https://search.privacytools.io/">search.privacytools.io</a>
</li>
<li>
<a href="https://search.jpope.org/">search.jpope.org</a>
</li>
<li>
<a href="https://search.kosebamse.com/">search.kosebamse.com</a>
</li>
<li>
<a href="https://bamboozle.it/">bamboozle.it</a>
</li>
<li>
<a href="https://www.skyn3t.in/search">www.skyn3t.in</a>
</li>
<li>
<a href="https://github.com/asciimoo/searx/wiki/Searx-instances">Полный список</a>
</li>
</ul>
<hr style="clear: right">
<h3 id="qwant">Qwant</h3>
<p>
@ -85,38 +121,6 @@
</ul>
<hr style="clear: right">
<h3 id="searx">Searx</h3>
<p>
Searx - это метапоисковой движок с открытым исходным кодом,
который ищет с помощью других поисковых систем, не сообщая им о вас ничего.
</p>
<h4>Сайты</h4>
<p>
Существует много сайтов, на которых запущен Searx,
вы можете использовать любой из них (или, если вы технически грамотны,
вы даже можете запустить свой собственный сервер).
</p>
<ul>
<li>
<a href="https://search.privacytools.io/">search.privacytools.io</a>
</li>
<li>
<a href="https://search.jpope.org/">search.jpope.org</a>
</li>
<li>
<a href="https://search.kosebamse.com/">search.kosebamse.com</a>
</li>
<li>
<a href="https://bamboozle.it/">bamboozle.it</a>
</li>
<li>
<a href="https://www.skyn3t.in/search">www.skyn3t.in</a>
</li>
<li>
<a href="https://github.com/asciimoo/searx/wiki/Searx-instances">Полный список</a>
</li>
</ul>
<hr style="clear: right">
<h3 id="startpage">StartPage</h3>
<p>
@ -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>

6
social.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>
<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>

36
style/main.css
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;
@ -151,3 +171,19 @@ 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;
}