small fixes

This commit is contained in:
Tolstoevsky 2020-02-21 09:32:32 +03:00
parent 31fbb034ec
commit bb5408914d
No known key found for this signature in database
GPG Key ID: EDD59F3A654C596C
6 changed files with 40 additions and 22 deletions

View File

@ -24,10 +24,14 @@
height: 90%; height: 90%;
color: #bbb; color: #bbb;
padding: 2% 2% 2% 2%; padding: 2% 2% 2% 2%;
margin: 1% 1% 1% 1%; margin: 3% 3% 3% 3%;
text-align: justify; text-align: justify;
} }
.imgblock img {
padding: 2% 2% 2% 2%;
margin: 3% 3% 3% 3%;
}
body { body {
font: 110%/180% exo2; font: 110%/180% exo2;

View File

@ -4,7 +4,7 @@
background-color:#77b55a; background-color:#77b55a;
border-radius:4px; border-radius:4px;
border:1px solid #4b8f29; border:1px solid #4b8f29;
display:inline-block; display:flex;
cursor:pointer; cursor:pointer;
color:#ffffff; color:#ffffff;
font-size:13px; font-size:13px;
@ -28,7 +28,7 @@
background-color:#2dabf9; background-color:#2dabf9;
border-radius:3px; border-radius:3px;
border:1px solid #0b0e07; border:1px solid #0b0e07;
display:inline-block; display:flex;
cursor:pointer; cursor:pointer;
color:#ffffff; color:#ffffff;
font-size:15px; font-size:15px;

View File

@ -1,4 +1,3 @@
.topnav { .topnav {
overflow: hidden; overflow: hidden;
background-color: #333; background-color: #333;
@ -6,11 +5,12 @@
.topnav a { .topnav a {
float: left; float: left;
display: block; display: flex;
text-align: center; text-align: center;
padding: 14px 16px; padding: 14px 16px;
text-decoration: none; text-decoration: none;
font-size: 17px; font-size: 17px;
border-radius: 2px;
} }
@ -19,8 +19,8 @@
} }
.dropdown { .dropdown {
float: left;
overflow: hidden; overflow: hidden;
display: flex;
} }
.dropdown .dropbtn { .dropdown .dropbtn {
@ -30,9 +30,9 @@
outline: none; outline: none;
color: #bbb; color: #bbb;
background-color: #335; background-color: #335;
padding: 14px 16px; padding: 16px 16px;
font-family: inherit; font-family: inherit;
margin: 0; display: flex;
} }
.dropdown-content { .dropdown-content {
@ -51,13 +51,13 @@
float: none; float: none;
padding: 12px 16px; padding: 12px 16px;
text-decoration: none; text-decoration: none;
display: block; display: flex;
text-align: left; text-align: left;
} }
.dropdown:hover .dropdown-content { .dropdown:hover .dropdown-content {
display: block; display: flex;
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
@ -66,7 +66,7 @@
} }
.topnav a.icon { .topnav a.icon {
float: right; float: right;
display: block; display: flex;
} }
} }
@ -79,14 +79,20 @@
} }
.topnav.responsive a { .topnav.responsive a {
float: none; float: none;
display: block; display: flex;
text-align: left; text-align: left;
} }
.topnav.responsive .dropdown {float: none;} .topnav.responsive .dropdown {float: none;}
.topnav.responsive .dropdown-content {position: relative;} .topnav.responsive .dropdown-content {position: relative;}
.topnav.responsive .dropdown .dropbtn { .topnav.responsive .dropdown .dropbtn {
display: block; display: flex;
width: 100%; width: 100%;
text-align: left; text-align: left;
} }
} }
.active a {
color: #433;
}

22
im.html
View File

@ -36,13 +36,14 @@
<h2>Децентрализованные мессенджеры</h2> <h2>Децентрализованные мессенджеры</h2>
<p>Способы быстро списаться и созвониться с нужным человеком</p> <p>Способы быстро списаться и созвониться с нужным человеком</p>
<div class="imgblock"> <div class="imgblock">
<img src="images/chatsecure_messenger.png" width=30% style="float:left; margin:1%;" <img src="images/chatsecure_messenger.png" width=40% style="float:left; margin:3%;"
onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
<img src="images/movim.png" width=30% style="float:left; margin:1%;" <img src="images/movim.png" width=40% style="float:left; margin:3%;"
onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
<img src="images/conversations.jpg" width=30% style="float:left; margin:1%;" <img src="images/conversations.jpg" width=40% style="float:left; margin:3%;"
onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/> onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
<h3>XMPP (он же Jabber) - на замену WhatsApp/Telegram</h3> <p>
<h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3>
<span> <span>
Широко используемый свободный и открытый стандарт интернет-сообщений. Широко используемый свободный и открытый стандарт интернет-сообщений.
Весьма прост в использовании — устанавливаем приложение, регистрируем аккаунт, общаемся. Весьма прост в использовании — устанавливаем приложение, регистрируем аккаунт, общаемся.
@ -52,6 +53,7 @@
все пользователи доступны для вас. Если выбор среди тысяч чатов и десятков все пользователи доступны для вас. Если выбор среди тысяч чатов и десятков
приложений для вас сложен — используйте указанный ниже Quicksy - он тоже часть этой сети. приложений для вас сложен — используйте указанный ниже Quicksy - он тоже часть этой сети.
</p> </p>
</p>
<div class="textblock"> <div class="textblock">
<h4>Где зарегистрироваться</h4> <h4>Где зарегистрироваться</h4>
@ -112,7 +114,10 @@
<a class="Button2" href="https://jami.net/download-jami-linux/"><IMG src="images/linux.png" width="24" height="24">Jami (Linux)</a> <a class="Button2" href="https://jami.net/download-jami-linux/"><IMG src="images/linux.png" width="24" height="24">Jami (Linux)</a>
<a class="Button2" href="https://jami.net/download-jami-windows/"><IMG src="images/windows.png" width="24" height="24">Jami (Windows)</a> <a class="Button2" href="https://jami.net/download-jami-windows/"><IMG src="images/windows.png" width="24" height="24">Jami (Windows)</a>
<a class="Button2" href="https://jami.net/download-jami-macos/"><IMG src="images/apple.png" width="24" height="24">Jami (MacOS)</a> <a class="Button2" href="https://jami.net/download-jami-macos/"><IMG src="images/apple.png" width="24" height="24">Jami (MacOS)</a>
<h4>Мобильные приложения</h4> </div>
<div class="textblock">
<h4>Мобильные приложения</h4>
<a class="Button2" href="https://play.google.com/store/apps/details?id=org.jitsi.meet"><img src="images/google.png" width="24" height="24"> Jitsi (Google Play)</a> <a class="Button2" href="https://play.google.com/store/apps/details?id=org.jitsi.meet"><img src="images/google.png" width="24" height="24"> Jitsi (Google Play)</a>
<a class="Button2" href="https://f-droid.org/en/packages/org.jitsi.meet"><img src="images/fdroid.png" width="24" height="24"> Jitsi (F-Droid)</a> <a class="Button2" href="https://f-droid.org/en/packages/org.jitsi.meet"><img src="images/fdroid.png" width="24" height="24"> Jitsi (F-Droid)</a>
<a class="Button2" href="https://f-droid.org/en/packages/cx.ring"><IMG src="images/fdroid.png" width="24" height="24">Jami (F-Droid)</a> <a class="Button2" href="https://f-droid.org/en/packages/cx.ring"><IMG src="images/fdroid.png" width="24" height="24">Jami (F-Droid)</a>
@ -120,11 +125,12 @@
<a class="Button2" href="https://itunes.apple.com/us/app/jitsi-meet/id1165103905"><IMG src="images/apple.png" width="24" height="24">Jitsi (iOS)</a> <a class="Button2" href="https://itunes.apple.com/us/app/jitsi-meet/id1165103905"><IMG src="images/apple.png" width="24" height="24">Jitsi (iOS)</a>
<a class="Button2" href="https://itunes.apple.com/app/ring-a-gnu-package/id1306951055"><IMG src="images/apple.png" width="24" height="24">Jami (iOS)</a> <a class="Button2" href="https://itunes.apple.com/app/ring-a-gnu-package/id1306951055"><IMG src="images/apple.png" width="24" height="24">Jami (iOS)</a>
</div>
<h4>Web</h4> <div class="textblock">
<h4>Web</h4>
<a class="Button" href="https://meet.jit.si/">meet.jit.si</a> <a class="Button" href="https://meet.jit.si/">meet.jit.si</a>
</div>
</div> </div>
</div> </div>

View File

@ -35,7 +35,7 @@
<h2>Где я? О чём речь?</h2> <h2>Где я? О чём речь?</h2>
<p> <p>
<img src="images/fedi-small.png" align="right" style="margin: 0px 0px 0px 10px;"> <img src="images/fedi-small.png" align="right" style="margin: 0px 0px 0px 10px;">
Вы на официальной странице русского ответвления Fediverse — глобальной сети взаимосвязанных соцсетей. Мы предлагаем свободные Вы на странице русского ответвления Fediverse — глобальной сети взаимосвязанных соцсетей. Мы предлагаем свободные
альтернативы популярным сервисам, сделанные людьми и для людей, а не корпорациями с целью извлечения прибыли. альтернативы популярным сервисам, сделанные людьми и для людей, а не корпорациями с целью извлечения прибыли.
<br> <br>
По сути, это — <b>Сеть, как она была задумана.</b><br> По сути, это — <b>Сеть, как она была задумана.</b><br>

View File

@ -103,6 +103,8 @@
<div class="textblock"> <div class="textblock">
<h4>Где зарегистрироваться</h4> <h4>Где зарегистрироваться</h4>
<a class="Button" href="https://www.thexyz.com/webmail.html">TheXYZ</a> <a class="Button" href="https://www.thexyz.com/webmail.html">TheXYZ</a>
</div>
<div class="textblock">
<h4>Мобильные приложения</h4> <h4>Мобильные приложения</h4>
<a class="Button2" href="https://play.google.com/store/apps/details?id=com.perrythexyz.com.perry2.thexyzwebmail"><IMG src="images/google.png" width="24" height="24">Thexyz</a> <a class="Button2" href="https://play.google.com/store/apps/details?id=com.perrythexyz.com.perry2.thexyzwebmail"><IMG src="images/google.png" width="24" height="24">Thexyz</a>
<a class="Button2" href="https://itunes.apple.com/us/app/thexyz-webmail/id741897892"><IMG src="images/apple.png" width="24" height="24">Thexyz</a> <a class="Button2" href="https://itunes.apple.com/us/app/thexyz-webmail/id741897892"><IMG src="images/apple.png" width="24" height="24">Thexyz</a>