redesign
This commit is contained in:
Tolstoevsky
toltoevsky
parent
d6ab4c806d
commit
cf37c0e08b
9 changed files with 800 additions and 304 deletions
160
im.html
160
im.html
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="icon"
|
||||
type="image/png"
|
||||
href="favicon.png" />
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>У вас всегда есть выбор! — Мессенджеры</title>
|
||||
|
|
@ -96,7 +95,7 @@
|
|||
<div class="menu">
|
||||
<a href="mail.html" class="pseudo button">Почта</a>
|
||||
<a href="im.html" class="pseudo button">Мессенджеры</a>
|
||||
<a href="im.html" class="pseudo button">Соцсети</a>
|
||||
<a href="social.html" class="pseudo button">Соцсети</a>
|
||||
<a href="search.html" class="pseudo button">Поисковики</a>
|
||||
<a href="extra.html" class="pseudo button">Документы и агитматериалы</a>
|
||||
<a href="info.html" class="pseudo button">Подробнее</a>
|
||||
|
|
@ -108,22 +107,27 @@
|
|||
|
||||
<article class="four-fifth-1000">
|
||||
|
||||
<header>Децентрализованные мессенджеры</header>
|
||||
<header><h3>Децентрализованные мессенджеры<h3></header>
|
||||
<p>Способы быстро списаться и созвониться с нужным человеком. Общение через сеть должно быть безопасным, приватным и неподцензурным. И вот сервисы, которые вам помогут в этом:
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="four-fifth-1000">
|
||||
<header>XMPP (он же Jabber) - на замену WhatsApp и Telegram</header>
|
||||
<a href="images/movim.png" >
|
||||
<picture>
|
||||
<source srcset="images/conversations.png" media="(max-width: 700px)">
|
||||
<source srcset="images/movim.png">
|
||||
<img src="images/movim.png" width=45% max-width=100% alt="Jabber" class="zoom" >
|
||||
</picture></a>
|
||||
|
||||
<p>
|
||||
<h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3>
|
||||
<article class="card four-fifth-1000">
|
||||
<header><h3>XMPP (он же Jabber) — на замену WhatsApp и Telegram</h3></header>
|
||||
<center><label for="modal_jab"><img src="images/movim.png" width="80%"></label> </center>
|
||||
<div class="modal">
|
||||
<input id="modal_jab" type="checkbox" />
|
||||
<label for="modal_jab" class="overlay"></label>
|
||||
<article>
|
||||
<header>
|
||||
<h3>Jabber</h3>
|
||||
<label for="modal_jab" class="close">×</label>
|
||||
</header>
|
||||
<section class="content">
|
||||
<img src="images/movim.png" width="100%">
|
||||
</section>
|
||||
</article>
|
||||
</div>
|
||||
<span>
|
||||
Широко используемый свободный и открытый стандарт интернет-сообщений.
|
||||
Весьма прост в использовании — устанавливаем приложение, регистрируем аккаунт, общаемся.
|
||||
|
|
@ -133,36 +137,46 @@
|
|||
все пользователи доступны для вас.
|
||||
</p>
|
||||
</p>
|
||||
<div class="textblock">
|
||||
<h4>Где зарегистрироваться</h4>
|
||||
|
||||
<a class="Button" href="https://xmpp.netwhood.online">Network Neighborhood</a>
|
||||
<a class="Button" href="https://xmpp.jp">xmpp.jp</a>
|
||||
<a class="Button" href="https://blabber.im">blabber.im</a>
|
||||
<a class="Button" href="https://jabber.ru">jabber.ru</a>
|
||||
</div>
|
||||
<center>
|
||||
<div class="tabs two">
|
||||
<input id='tab-1' type='radio' name='tabgroupB' checked />
|
||||
<label class="pseudo button toggle" for="tab-1">Где зарегистрироваться</label>
|
||||
<input id='tab-2' type='radio' name='tabgroupB'>
|
||||
<label class="pseudo button toggle" for="tab-2">Приложения</label>
|
||||
|
||||
<div class="row">
|
||||
<div><center><button class="warning"><a href="https://xmpp.netwhood.online">Network Neighborhood</a></button>
|
||||
<button class="warning"><a href="https://xmpp.jp">XMPP.jp</a></button>
|
||||
<button class="warning"><a href="https://blabber.im">Blabber</a></button>
|
||||
<button class="warning"><a href="https://jabber.ru">Jabber.ru</a></button>
|
||||
|
||||
</center></div>
|
||||
<div><center><button class="pseudo"><a href="https://f-droid.org/packages/eu.sum7.conversations/"><img src="images/fdroid.png">Conv6ations</a></button><br>
|
||||
<button class="pseudo"><a href="https://play.google.com/store/apps/details?id=de.pixart.messenger"><img src="images/google.png">Pix-Art Messenger</a></button>
|
||||
<button class="pseudo"><a href="https://apps.apple.com/app/tigase-messenger/id1153516838"><img src="images/apple.png">Siskin IM</a></button>
|
||||
</center></div>
|
||||
</div>
|
||||
</div>
|
||||
</center>
|
||||
</article>
|
||||
|
||||
<article class="card four-fifth-1000">
|
||||
<header><h3>Jitsi Meet и Jami — на замену Skype</h3></header>
|
||||
<center><label for="modal_meet"><img src="images/jitsi.png" width="80%"></label> </center>
|
||||
<div class="modal">
|
||||
<input id="modal_meet" type="checkbox" />
|
||||
<label for="modal_meet" class="overlay"></label>
|
||||
<article>
|
||||
<header>
|
||||
<h3>Jitsi Meet</h3>
|
||||
<label for="modal_meet" class="close">×</label>
|
||||
</header>
|
||||
<section class="content">
|
||||
<img src="images/jitsi.png" width="100%">
|
||||
</section>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="textblock">
|
||||
<h4>Мобильные приложения</h4>
|
||||
<a class="Button2" href="https://f-droid.org/packages/eu.sum7.conversations/">
|
||||
<IMG src="images/fdroid.png" width="24" height="24">Conv6ations (Android / F-Droid)</a>
|
||||
<a class="Button2" href="https://play.google.com/store/apps/details?id=de.pixart.messenger">
|
||||
<IMG src="images/google.png" width="24" height="24">Pix-Art Messenger (Google Play)</a>
|
||||
<a class="Button2" href="https://apps.apple.com/app/tigase-messenger/id1153516838">
|
||||
<IMG src="images/apple.png" width="24" height="24">Siskin IM (iOS)</a>
|
||||
</div>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
<div class="imgblock">
|
||||
<a href="images/jitsi.png" >
|
||||
<picture>
|
||||
<source srcset="images/jitsi2.png" media="(max-width: 700px)">
|
||||
<source srcset="images/jitsi.png">
|
||||
<img src="images/jitsi.png" width=45% max-width=100% alt="Jitsi" class="zoom"></a>
|
||||
</picture>
|
||||
<h3>Jitsi Meet и Jami - на замену Skype</h3>
|
||||
<span>
|
||||
Свободные открытые приложения для чатов и видеозвонков, разрабатываемые командами добровольцев.
|
||||
|
||||
|
|
@ -174,35 +188,45 @@
|
|||
В Jami дела обстоят схожим образом — каждому пользователю выдаётся уникальный код,
|
||||
которым можно поделиться с другими участниками (аналог номера аськи/телефона...)
|
||||
</p>
|
||||
<div class="textblock" >
|
||||
<h4>Приложения</h4>
|
||||
<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-macos/"><IMG src="images/apple.png" width="24" height="24">Jami (MacOS)</a>
|
||||
</div>
|
||||
<div class="textblock">
|
||||
|
||||
<center>
|
||||
<div class="tabs two">
|
||||
<input id='tab-11' type='radio' name='tabgroupC' checked />
|
||||
<label class="pseudo button toggle" for="tab-11">Приложения</label>
|
||||
<input id='tab-21' type='radio' name='tabgroupC'>
|
||||
<label class="pseudo button toggle" for="tab-21">Мобильные приложения</label>
|
||||
|
||||
<h4>Мобильные приложения</h4>
|
||||
<a class="Button2" href="https://f-droid.org/packages/org.jitsi.meet"><img src="images/fdroid.png" width="24" height="24"> Jitsi (Android / F-Droid)</a>
|
||||
<a class="Button2" href="https://f-droid.org/packages/cx.ring"><IMG src="images/fdroid.png" width="24" height="24">Jami (Android / F-Droid)</a>
|
||||
<a class="Button2" href="https://play.google.com/store/apps/details?id=cx.ring"><IMG src="images/google.png" width="24" height="24">Jami (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://apps.apple.com/app/jitsi-meet/id1165103905"><IMG src="images/apple.png" width="24" height="24">Jitsi (iOS)</a>
|
||||
<a class="Button2" href="https://apps.apple.com/app/ring-a-gnu-package/id1306951055"><IMG src="images/apple.png" width="24" height="24">Jami (iOS)</a>
|
||||
</div>
|
||||
<div class="textblock">
|
||||
<h4>Web</h4>
|
||||
<a class="Button" href="https://meet.jit.si/">meet.jit.si</a>
|
||||
<div class="row">
|
||||
<div><center><button class="warning"><a href="https://jami.net/download-jami-linux/"><img src="images/linux.png">Jami (Linux)</a></button>
|
||||
<button class="warning"><a href="https://jami.net/download-jami-windows/"><img src="images/windows.png">Jami (Windows)</a></button>
|
||||
<button class="warning"><a href="https://jami.net/download-jami-macos/"><img src="images/apple.png">Jami (MacOS)</a></button>
|
||||
<button class="warning"><a href="https://meet.jit.si/">Jitsi (Web)</a></button>
|
||||
</center></div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<center><button class="pseudo"><a href="https://f-droid.org/packages/org.jitsi.meet"><img src="images/fdroid.png">Jitsi (F-Droid)</a></button>
|
||||
<button class="pseudo"><a href="https://f-droid.org/packages/cx.ring"><img src="images/fdroid.png">Jami (F-Droid)</a></button>
|
||||
|
||||
<button class="pseudo"><a href="https://play.google.com/store/apps/details?id=cx.ring"><img src="images/google.png">Jami (G-Play)</a></button>
|
||||
|
||||
<button class="pseudo"><a href="https://play.google.com/store/apps/details?id=cx.ring"><img src="images/google.png">Jitsi (G-Play)</a></button>
|
||||
<button class="pseudo"><a href="https://apps.apple.com/app/jitsi-meet/id1165103905"><img src="images/apple.png">Jitsi (iOS)</a></button>
|
||||
|
||||
</div>
|
||||
<hr>
|
||||
<a href="https://tolstoevsky.ml"><img src="banner.gif"</a>
|
||||
<button class="pseudo"><a href="https://apps.apple.com/app/ring-a-gnu-package/id1306951055"><img src="images/apple.png">Jami (iOS)</a></button>
|
||||
</center></div>
|
||||
</div>
|
||||
</div>
|
||||
</center>
|
||||
</article>
|
||||
</article>
|
||||
</section>
|
||||
</main>
|
||||
<section>
|
||||
<hr>
|
||||
<center>
|
||||
<a href="https://tolstoevsky.ml"><img src="banner.gif"></a> | Created with <a href="https://picnicss.com/">PicniCSS</a>
|
||||
</center>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue