master #1
206
grey.css
Normal file
206
grey.css
Normal file
@ -0,0 +1,206 @@
|
||||
/*!** reset ***/
|
||||
|
||||
* {
|
||||
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing inherit;
|
||||
}
|
||||
|
||||
*:focus {
|
||||
outline none;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing border-box;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section
|
||||
display block;
|
||||
|
||||
a {
|
||||
background-color transparent;
|
||||
}
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline none;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight bold;
|
||||
}
|
||||
|
||||
img {
|
||||
border 0;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: '';
|
||||
display: table;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
|
||||
padding: 5px 20px;
|
||||
|
||||
background-color: rgba(10, 10, 10, .2);
|
||||
|
||||
line-height: 40px;
|
||||
|
||||
font-size: 28px;
|
||||
font-weight: 800;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
|
||||
padding: 10px 20px;
|
||||
|
||||
background-color: rgba(10, 10, 10, .1);
|
||||
|
||||
font-size: 14px;
|
||||
color: #777;
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: 1024px;
|
||||
min-height: 100vh;
|
||||
|
||||
margin: 0 auto;
|
||||
|
||||
background-color: rgba(200,200,200,.2);
|
||||
}
|
||||
|
||||
.top-nav {
|
||||
width: 100%;
|
||||
|
||||
padding: 10px 5px;
|
||||
|
||||
background-color: rgba(200,200,200,.2);
|
||||
}
|
||||
|
||||
.top-nav__item {
|
||||
display: block;
|
||||
|
||||
float: left;
|
||||
|
||||
padding: 10px 15px 12px;
|
||||
|
||||
border-radius: 2px;
|
||||
|
||||
transition: .2s ease;
|
||||
|
||||
font-size: 18px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.top-nav__item:hover {
|
||||
background-color: #3ce;
|
||||
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
padding: 20px;
|
||||
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.mainContainer h1 {
|
||||
margin: 10px 0 5px 0;
|
||||
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.mainContainer h2 {
|
||||
margin: 10px 0 5px 0;
|
||||
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.mainContainer h3 {
|
||||
margin: 10px 0 5px 0;
|
||||
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.mainContainer h4 {
|
||||
margin: 10px 0 5px 0;
|
||||
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
.mainContainer p {
|
||||
margin: 5px 5px 0 10px;
|
||||
|
||||
}
|
||||
|
||||
.mainContainer strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.mainContainer ul,
|
||||
.mainContainer ol {
|
||||
margin: 5px 5px 10px 10px;
|
||||
|
||||
list-style-position: outside;
|
||||
}
|
||||
|
||||
.mainContainer ul li {
|
||||
margin: 5px 5px 0 15px;
|
||||
}
|
||||
|
||||
.mainContainer img {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*!** end-reset ***/
|
||||
8
im.html
8
im.html
@ -4,10 +4,11 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Сервисы мгновенных сообщений</title>
|
||||
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<link rel="stylesheet" href="grey.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainContainer">
|
||||
<div class="wrap">
|
||||
<div class="mainContainer clearflix" >
|
||||
<h1>Сервисы мгновенных сообщений</h1>
|
||||
<h2>Альтернативы WhatsApp, Viber, Skype</h2>
|
||||
<h3 id="xmpp">XMPP (он же Jabber)</h3>
|
||||
@ -186,6 +187,7 @@
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
19
info.html
19
info.html
@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Альтернативы</title>
|
||||
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<link rel="stylesheet" href="grey.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainContainer">
|
||||
@ -84,7 +84,22 @@
|
||||
И, наконец, YouTube заменяется <a href="social.html#peertube">PeerTube</a> — видео здесь,
|
||||
как и сообщения перечисленных выше сетей, расходятся по всему Федивёрсу и доступны (при желании автора) всем.
|
||||
</li>
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
Ну и коль скоро мы затронули тему мессенджеров, стоит кратко упомянуть достойные альтернативы перечисленным в
|
||||
начале статьи корпоративным следилкам, радосто сотрудничающим со спецслужбами (или кто-то до сих пор верит, что
|
||||
коммерческая контора Telegram LLC будет тратить кучу ресурсов на защиту Васи от товарища майора?). Мессенджеры
|
||||
непосредственно в Fediverse не входят, но в большинстве своём (речь, опять же идёт о рекомендованых) основаны на
|
||||
принципах федерации либо на peer-to-peer. <a href="im.html">вот здесь</a> вы можете подобрать себе подходящую
|
||||
альтернативу.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Смело проходите по ссылкам выше, мы ждём вас в Fediverse. Новичкам тут всегда помогут, а несогласных не забанят.
|
||||
Вливайтесь!
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
21
mail.html
21
mail.html
@ -4,10 +4,11 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Почтовые сервисы</title>
|
||||
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<link rel="stylesheet" href="grey.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainContainer">
|
||||
<div class="wrap">
|
||||
<div class="mainContainer">
|
||||
<h1>Почтовые сервисы</h1>
|
||||
<h2>Альтернативы Gmail/Яндекс.почте/mail.ru</h2>
|
||||
|
||||
@ -93,7 +94,20 @@
|
||||
<ul>
|
||||
<li><a href="https://posteo.de/en">posteo.de</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 id="cock.li">Cock.li</h3>
|
||||
<p>
|
||||
Сервис, поддерживающий множество доменов на выбор, включая такие замечательные, как cocaine.ninja,
|
||||
rape.lol, cock.li и море других. Существует на добровольные пожертвования пользователей, которые
|
||||
принимаются в том числе и криптовалютами. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
|
||||
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://cock.li/register">https://cock.li/register</a></p></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<h3 id="fastmail">FastMail</h3>
|
||||
<p>
|
||||
Австралийская компания, содержащаяся исключительно на деньги пользователей, без рекламы и отслеживания.
|
||||
@ -168,6 +182,7 @@
|
||||
<ul>
|
||||
<li><a href="https://mailbox.org/">mailbox.org</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@ -4,10 +4,11 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Поисковые сервисы</title>
|
||||
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<link rel="stylesheet" href="grey.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainContainer">
|
||||
<div class="wrap">
|
||||
<div class="mainContainer">
|
||||
<h1>Поисковые сервисы</h1>
|
||||
<h3 id="duckduckgo">DuckDuckGo</h3>
|
||||
<p>
|
||||
@ -204,6 +205,7 @@
|
||||
<a href="https://anonymousengine.com/">anonymousengine.com</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
13
social.html
13
social.html
@ -4,10 +4,12 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Социальные сети</title>
|
||||
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<link rel="stylesheet" href="grey.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainContainer">
|
||||
<div class="wrap">
|
||||
<div class="mainContainer">
|
||||
<h1>Социальные сети</h1>
|
||||
<h2>Альтернативы Вконтакте/Facebook и Twitter</h2>
|
||||
<h3 id="mastodon">Mastodon</h3>
|
||||
@ -52,10 +54,10 @@
|
||||
себе инстанцию под ваши предпочтения!
|
||||
</p>
|
||||
<p>Основные отличия между разными инстанциями, на которые стоит обратить внимание:</p>
|
||||
<nl>
|
||||
<ul>
|
||||
<li>Максимальное количество символов, которые инстанция позволяет включать в один пост;</li>
|
||||
<li>Для какого круга людей создана инстанция - от этого зависит, насколько вам будет интересна локальная лента.</li>
|
||||
</nl>
|
||||
</ul>
|
||||
<p>
|
||||
Например, qoto.org - инстанция Мастодон, которая позволяет своим пользователям публиковать посты
|
||||
до 65,535 знаков (обычно в других инстанциях лимит 500 знаков). Вместе с тем, эта инстанция
|
||||
@ -216,6 +218,7 @@
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user