localhost_frssoft
/
fedi
mirror of https://gitea.phreedom.club/tolstoevsky/fedi.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

png to webp

This commit is contained in:
Tolstoevsky 2021-10-13 08:46:39 +03:00
parent edce956bbb
commit ad8bbedcce
39 changed files with 150 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
css/gruvbox.css Normal file
View File

@ -0,0 +1,74 @@
main {
font-family: monospace, monospace;
max-width: 38rem;
padding: 2rem;
margin: auto;
}
@media only screen and (max-device-width: 736px) {
main {
padding: 0rem;
}
}
::selection {
background: #d3869b;
}
body {
background: #282828;
color: #ebdbb2;
}
pre {
background-color: #3c3836;
padding: 1em;
border: 0;
}
a, a:active, a:visited {
color: #b16286;
background-color: #1d2021;
}
h1, h2, h3, h4, h5 {
margin-bottom: .1rem;
}
blockquote {
border-left: 1px solid #bdae93;
margin: 0.5em 10px;
padding: 0.5em 10px;
}
footer {
align: center;
}
@media (prefers-color-scheme: light) {
body {
background: #fbf1c7;
color: #3c3836;
}
pre {
background-color: #ebdbb2;
padding: 1em;
border: 0;
}
a, a:active, a:visited {
color: #b16286;
background-color: #f9f5d7;
}
h1, h2, h3, h4, h5 {
margin-bottom: .1rem;
}
blockquote {
border-left: 1px solid #655c54;
margin: 0.5em 10px;
padding: 0.5em 10px;
}
}

14
extra.html
View File

@ -80,7 +80,7 @@
<body>
<nav class="fedi">
<a href="https://fedi.life" class="brand">
<img class="logo" src="images/logo.png" />
<img class="logo" src="images/logo.webp" />
<span>Fedi.Life</span>
</a>
@ -105,7 +105,7 @@
<article class="four-fifth-1000">
<header><h2>Устав сообщества</h2></header>
<p>
<img src="images/book.png" align="right" style="margin: 0px 0px 0px 10px;" alt="устав">
<img src="images/book.webp" align="right" style="margin: 0px 0px 0px 10px;" alt="устав">
Свободные сообщества не регулируются жёсткими правиламии и пользовательскими соглашениями,
тем не менее существует рекомендуемый к соблюдению Устав, следуя положениям которого,
@ -132,7 +132,7 @@
<article class="four-fifth-1000">
<header><h2>База знаний</h2></article>
<p>
<img src="images/know.png" align="right" style="margin: 0px 0px 0px 10px;" alt="база знаний">
<img src="images/know.webp" align="right" style="margin: 0px 0px 0px 10px;" alt="база знаний">
Сообщество не было бы сообществом, если бы не свободный обмен знаниями.
Организуются группы по интересам в соцсетях, создаются тематические Вики — любой способ,
которым вы можете помочь окружащим, доступен, любая помощь приветствуется. Вот примеры информационных
@ -164,9 +164,9 @@
<div>
<a href="files/agit.zip">
<img alt="Скачать архив материалов" src="images/thumb1.png" width=15% max-width=100% style="float:left;">
<img alt="Скачать архив материалов" src="images/thumb2.png" width=15% max-width=100% style="float:left; margin:1%;">
<img alt="Скачать архив материалов" src="images/transport.png" width=15% max-width=100% style="float:left; margin:1%;">
<img alt="Скачать архив материалов" src="images/thumb1.webp" width=15% max-width=100% style="float:left;">
<img alt="Скачать архив материалов" src="images/thumb2.webp" width=15% max-width=100% style="float:left; margin:1%;">
<img alt="Скачать архив материалов" src="images/transport.webp" width=15% max-width=100% style="float:left; margin:1%;">
</a>
Вы можете помочь распространению информации о свободных альтернативах централизованным сервисам,
дав ссылку на этот сайт, либо распечатав и распространив листовки
@ -184,7 +184,7 @@
<section>
<hr>
<center>
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.png" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.webp" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
</center>
</section>
</body>

32
im.html
View File

@ -84,7 +84,7 @@
<body>
<nav class="fedi">
<a href="https://fedi.life" class="brand">
<img class="logo" src="images/logo.png" />
<img class="logo" src="images/logo.webp" />
<span>Fedi.Life</span>
</a>
@ -116,7 +116,7 @@
<article class="card four-fifth-1000">
<header><h3>XMPP (он же Джаббер) — на замену WhatsApp/Viber/Telegram</h3></header>
<center><label for="modal_jab"><img src="images/conversejs.png" width="80%"></label> </center>
<center><label for="modal_jab"><img src="images/conversejs.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_jab" type="checkbox" />
<label for="modal_jab" class="overlay"></label>
@ -126,7 +126,7 @@
<label for="modal_jab" class="close">&times;</label>
</header>
<section class="content">
<img src="images/conversejs.png" width="100%">
<img src="images/conversejs.webp" width="100%">
</section>
</article>
</div>
@ -154,9 +154,9 @@
</center></div>
<div><center><a class="button" href="https://conversejs.org/fullscreen.html">ConverseJS</a></button>
<br>
<a class="button" href="https://f-droid.org/packages/eu.sum7.conversations/"><img src="images/fdroid.png"> Conv6ations</a></button><br>
<a class="button" href="https://play.google.com/store/apps/details?id=im.blabber.messenger"><img src="images/google.png"> blabber.im</a></button>
<a class="button" href="https://apps.apple.com/app/tigase-messenger/id1153516838"><img src="images/apple.png"> Siskin IM</a></button>
<a class="button" href="https://f-droid.org/packages/eu.sum7.conversations/"><img src="images/fdroid.webp"> Conv6ations</a></button><br>
<a class="button" href="https://play.google.com/store/apps/details?id=im.blabber.messenger"><img src="images/google.webp"> blabber.im</a></button>
<a class="button" href="https://apps.apple.com/app/tigase-messenger/id1153516838"><img src="images/apple.webp"> Siskin IM</a></button>
</center></div>
</div>
</div>
@ -204,22 +204,22 @@
<div><center>
<a class="button" href="https://meet.jit.si/">Jitsi (Web)</a></button>
<br>
<a class="button" href="https://jami.net/download-jami-linux/"><img src="images/linux.png">Jami (Linux)</a></button>
<a class="button" href="https://jami.net/download-jami-windows/"><img src="images/windows.png">Jami (Windows)</a></button>
<a class="button" href="https://jami.net/download-jami-macos/"><img src="images/apple.png">Jami (MacOS)</a></button>
<a class="button" href="https://jami.net/download-jami-linux/"><img src="images/linux.webp">Jami (Linux)</a></button>
<a class="button" href="https://jami.net/download-jami-windows/"><img src="images/windows.webp">Jami (Windows)</a></button>
<a class="button" href="https://jami.net/download-jami-macos/"><img src="images/apple.webp">Jami (MacOS)</a></button>
</center></div>
<div>
<center><a class="button" href="https://f-droid.org/packages/org.jitsi.meet"><img src="images/fdroid.png">Jitsi (F-Droid)</a></button>
<center><a class="button" href="https://f-droid.org/packages/org.jitsi.meet"><img src="images/fdroid.webp">Jitsi (F-Droid)</a></button>
<a class="button" href="https://play.google.com/store/apps/details?id=cx.ring"><img src="images/google.png">Jitsi (G-Play)</a></button>
<a class="button" href="https://apps.apple.com/app/jitsi-meet/id1165103905"><img src="images/apple.png">Jitsi (iOS)</a></button>
<a class="button" href="https://play.google.com/store/apps/details?id=cx.ring"><img src="images/google.webp">Jitsi (G-Play)</a></button>
<a class="button" href="https://apps.apple.com/app/jitsi-meet/id1165103905"><img src="images/apple.webp">Jitsi (iOS)</a></button>
<br>
<a class="button" href="https://f-droid.org/packages/cx.ring"><img src="images/fdroid.png">Jami (F-Droid)</a></button>
<a class="button" href="https://f-droid.org/packages/cx.ring"><img src="images/fdroid.webp">Jami (F-Droid)</a></button>
<a class="button" href="https://play.google.com/store/apps/details?id=cx.ring"><img src="images/google.png">Jami (G-Play)</a></button>
<a class="button" href="https://play.google.com/store/apps/details?id=cx.ring"><img src="images/google.webp">Jami (G-Play)</a></button>
<a class="button" href="https://apps.apple.com/app/ring-a-gnu-package/id1306951055"><img src="images/apple.png">Jami (iOS)</a></button>
<a class="button" href="https://apps.apple.com/app/ring-a-gnu-package/id1306951055"><img src="images/apple.webp">Jami (iOS)</a></button>
</center></div>
</div>
</div>
@ -231,7 +231,7 @@
<section>
<hr>
<center>
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.png" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.webp" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
</center>
</section>
</body>

BIN
images/apple.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
images/ava-min.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.9 KiB

BIN
images/book.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

BIN
images/cockmail.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 110 KiB

BIN
images/conversejs.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 165 KiB

BIN
images/disroot.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 214 KiB

BIN
images/ecosia.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 24 KiB

BIN
images/fdroid.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.8 KiB

BIN
images/fedi-small.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

BIN
images/friendica.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 149 KiB

BIN
images/globe.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

BIN
images/google.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.5 KiB

BIN
images/know.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 KiB

BIN
images/linux.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.9 KiB

BIN
images/logo-big.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
images/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/mag.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/mailfence.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 78 KiB

BIN
images/mastodon2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 191 KiB

BIN
images/movim.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 83 KiB

BIN
images/peertube.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 158 KiB

BIN
images/pixelfed.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 194 KiB

BIN
images/q.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.8 KiB

BIN
images/searx.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 95 KiB

BIN
images/thumb1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.2 KiB

BIN
images/thumb2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

BIN
images/transport.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 54 KiB

BIN
images/tutanota.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 82 KiB

BIN
images/tutanota_w.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 84 KiB

BIN
images/windows.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.7 KiB

BIN
images/yacy.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 127 KiB

22
index.html
View File

@ -86,7 +86,7 @@
<nav class="fedi">
<!-- <font size="1.5em"> -->
<a href="https://fedi.life" class="brand">
<img class="logo" src="images/logo.png" />
<img class="logo" src="images/logo.webp" />
<span>Fedi.Life</span>
</a>
@ -109,7 +109,7 @@
<section class="flex">
<article class="card four-fifth-1000">
<header>Где я? О чём речь?</header>
<img src="images/fedi-small.png" align="right">
<img src="images/fedi-small.webp" align="right">
<p>
Вы на странице русского ответвления Fediverse — глобальной сети взаимосвязанных соцсетей. Мы предлагаем свободные
альтернативы популярным сервисам, сделанные людьми и для людей, а не корпорациями с целью извлечения прибыли. (Подробности - <a href="info.html">здесь</a>).
@ -121,7 +121,7 @@
<article class="card four-fifth-1000">
<header>Зачем это мне?</header>
<p>
<img src="images/q.png" align="right">
<img src="images/q.webp" align="right">
<i>Неподцензурность пользователя, никакой рекламы и слежки.</i><br>
Представьте, что у вас возник конфликт с администрацией вашей любимой сети, ваши сообщения удаляют, аккаунт блокируют.
И заново зайти в привычный уже Вконтакте/Facebook — в лучшем случае через долгое унижение в чате техподдержки, фотографии
@ -136,7 +136,7 @@
<header>Чем вы лучше?</header>
<p>
<img src="images/globe.png" align="right">
<img src="images/globe.webp" align="right">
Всего два слова — <i>абсолютная взаимосвязанность.</i>
У каждого есть свой предпочтительный формат общения — кто-то любит потоки молниеносных сообщений Твиттера, кто-то —
@ -155,7 +155,7 @@
</article>
<article class="card four-fifth-1000">
<header>Twitter</header>
<center><label for="modal_masto"><img src="images/mastodon2.png" width="80%"></label> </center>
<center><label for="modal_masto"><img src="images/mastodon2.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_masto" type="checkbox" />
<label for="modal_masto" class="overlay"></label>
@ -165,7 +165,7 @@
<label for="modal_masto" class="close">&times;</label>
</header>
<section class="content">
<img src="images/mastodon2.png" width="100%">
<img src="images/mastodon2.webp" width="100%">
</section>
</article>
</div>
@ -177,7 +177,7 @@
<br>
<article class="card four-fifth-1000">
<header>Facebook/Вконтакте</header>
<center><label for="modal_fr"><img src="images/friendica.png" width="80%"></label> </center>
<center><label for="modal_fr"><img src="images/friendica.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_fr" type="checkbox" />
<label for="modal_fr" class="overlay"></label>
@ -187,7 +187,7 @@
<label for="modal_fr" class="close">&times;</label>
</header>
<section class="content">
<img src="images/friendica.png" width="100%">
<img src="images/friendica.webp" width="100%">
</section>
</article>
</div>
@ -199,7 +199,7 @@
</article>
<article class="card four-fifth-1000">
<header>Instagram</header>
<center><label for="modal_pf"><img src="images/pixelfed.png" width="80%"></label> </center>
<center><label for="modal_pf"><img src="images/pixelfed.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_pf" type="checkbox" />
<label for="modal_pf" class="overlay"></label>
@ -209,7 +209,7 @@
<label for="modal_pf" class="close">&times;</label>
</header>
<section class="content">
<img src="images/pixelfed.png" width="100%">
<img src="images/pixelfed.webp" width="100%">
</section>
</article>
</div>
@ -222,7 +222,7 @@
<section>
<hr>
<center>
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.png" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.webp" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
</center>
</section>
</body>

4
info.html
View File

@ -99,7 +99,7 @@
<body>
<nav class="fedi">
<a href="https://fedi.life" class="brand">
<img class="logo" src="images/logo.png" />
<img class="logo" src="images/logo.webp" />
<span>Fedi.Life</span>
</a>
@ -254,7 +254,7 @@
<section>
<hr>
<center>
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.png" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.webp" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
</center>
</section>

16
mail.html
View File

@ -84,7 +84,7 @@
<body>
<nav class="fedi">
<a href="https://fedi.life" class="brand">
<img class="logo" src="images/logo.png" />
<img class="logo" src="images/logo.webp" />
<span>Fedi.Life</span>
</a>
@ -113,7 +113,7 @@
</article>
<article class="card four-fifth-1000">
<header>MailFence</header>
<center><label for="modal_mf"><img src="images/mailfence.png" width="80%"></label> </center>
<center><label for="modal_mf"><img src="images/mailfence.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_mf" type="checkbox" />
<label for="modal_mf" class="overlay"></label>
@ -123,7 +123,7 @@
<label for="modal_mf" class="close">&times;</label>
</header>
<section class="content">
<img src="images/mailfence.png" width="100%">
<img src="images/mailfence.webp" width="100%">
</section>
</article>
</div>
@ -153,7 +153,7 @@
</article>
<article class="card four-fifth-1000">
<header>Disroot</header>
<center><label for="modal_tn"><img src="images/disroot.png" width="80%"></label> </center>
<center><label for="modal_tn"><img src="images/disroot.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_tn" type="checkbox" />
<label for="modal_tn" class="overlay"></label>
@ -163,7 +163,7 @@
<label for="modal_tn" class="close">&times;</label>
</header>
<section class="content">
<img src="images/disroot.png" width="100%">
<img src="images/disroot.webp" width="100%">
</section>
</article>
</div>
@ -232,7 +232,7 @@
</article>
<article class="card four-fifth-1000">
<header>Cockmail</header>
<center><label for="modal_cm"><img src="images/cockmail.png" width="80%"></label> </center>
<center><label for="modal_cm"><img src="images/cockmail.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_cm" type="checkbox" />
<label for="modal_cm" class="overlay"></label>
@ -242,7 +242,7 @@
<label for="modal_cm" class="close">&times;</label>
</header>
<section class="content">
<img src="images/cockmail.png" width="100%">
<img src="images/cockmail.webp" width="100%">
</section>
</article>
</div>
@ -272,7 +272,7 @@
<section>
<hr>
<center>
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.png" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.webp" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
</center>
</section>
</body>

20
search.html
View File

@ -87,7 +87,7 @@
<body>
<nav class="fedi">
<a href="https://fedi.life" class="brand">
<img class="logo" src="images/logo.png" />
<img class="logo" src="images/logo.webp" />
<span>Fedi.Life</span>
</a>
@ -112,7 +112,7 @@
<article class="four-fifth-1000">
<header><h2>Зачем вообще менять поисковик?</h2></header>
<p>
<img src="images/q.png" align="right" style="margin: 0px 0px 0px 10px;" alt="question">
<img src="images/q.webp" align="right" style="margin: 0px 0px 0px 10px;" alt="question">
Централизованные поисковые системы, ярчайшими (в негативном смысле) представителями которых являются
Google, Bing и Яндекс, строят поисковую выдачу на анализе ваших предыдущих запросов, формируя
так называемый "информационный пузырь", также известный как <b>"пузырь фильтров"</b>. Как следствие,
@ -127,7 +127,7 @@
<article class="four-fifth-1000">
<header><h2>Альтернативные варианты</h2></header>
<p>
<img src="images/mag.png" align="right" style="margin: 0px 0px 0px 10px;" alt="searching">
<img src="images/mag.webp" align="right" style="margin: 0px 0px 0px 10px;" alt="searching">
Поиск в море информации современной Сети — дело ресурсозатратное. Нужны огромные мощности для анализа и индексации
всей мудрости и глупости Человечества. Как же совместить необходимость содержать громадные датацентры с безопасностью
и неприкосновенностью личных данных, да ещё и обеспечить адекватную выдачу информации?
@ -146,7 +146,7 @@
<article class="four-fifth-1000">
<header>SearX</header>
<center><label for="modal_sx"><img src="images/searx.png" width="80%"></label> </center>
<center><label for="modal_sx"><img src="images/searx.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_sx" type="checkbox" />
<label for="modal_sx" class="overlay"></label>
@ -156,7 +156,7 @@
<label for="modal_sx" class="close">&times;</label>
</header>
<section class="content">
<img src="images/searx.png" width="100%">
<img src="images/searx.webp" width="100%">
</section>
</article>
</div>
@ -192,7 +192,7 @@
</span>
<article class="four-fifth-1000">
<header>Ecosia</header>
<center><label for="modal_ec"><img src="images/ecosia.png" width="80%"></label> </center>
<center><label for="modal_ec"><img src="images/ecosia.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_ec" type="checkbox" />
<label for="modal_ec" class="overlay"></label>
@ -202,7 +202,7 @@
<label for="modal_ec" class="close">&times;</label>
</header>
<section class="content">
<img src="images/ecosia.png" width="100%">
<img src="images/ecosia.webp" width="100%">
</section>
</article>
</div>
@ -230,7 +230,7 @@
</span>
<article class="four-fifth-1000">
<header>YaCy</header>
<center><label for="modal_yc"><img src="images/yacy.png" width="80%"></label> </center>
<center><label for="modal_yc"><img src="images/yacy.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_yc" type="checkbox" />
<label for="modal_yc" class="overlay"></label>
@ -240,7 +240,7 @@
<label for="modal_yc" class="close">&times;</label>
</header>
<section class="content">
<img src="images/yacy.png" width="100%">
<img src="images/yacy.webp" width="100%">
</section>
</article>
</div>
@ -267,7 +267,7 @@
<section>
<hr>
<center>
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.png" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.webp" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
</center>
</section>

44
social.html
View File

@ -87,7 +87,7 @@
<nav class="fedi">
<a href="https://fedi.life" class="brand">
<img class="logo" src="images/logo.png" />
<img class="logo" src="images/logo.webp" />
<span>Fedi.Life</span>
</a>
@ -116,7 +116,7 @@
</article>
<article class="card four-fifth-1000">
<header id="mastodon">#вместотвиттера Mastodon</header>
<center><label for="modal_md"><img src="images/mastodon2.png" width="80%"></label> </center>
<center><label for="modal_md"><img src="images/mastodon2.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_md" type="checkbox" />
<label for="modal_md" class="overlay"></label>
@ -126,7 +126,7 @@
<label for="modal_md" class="close">&times;</label>
</header>
<section class="content">
<img src="images/mastodon2.png" width="100%">
<img src="images/mastodon2.webp" width="100%">
</section>
</article>
</div>
@ -162,10 +162,10 @@
<a class="button" href="https://mstdn.netwhood.online/">Network Neighborhood</a></button>
</center></div>
<div><center><a class="button" href="https://play.google.com/store/apps/details?id=app.fedilab.android"><img src="images/google.png">Fedilab (платно)</a></button><br>
<a class="button" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/"><img src="images/fdroid.png">Fedilab (бесплатно)</a></button>
<a class="button" href="https://itunes.apple.com/app/toot/id1229021451"><img src="images/apple.png">Toot!</a></button>
<a class="button" href="https://itunes.apple.com/app/amarok-for-mastodon/id1214116200"><img src="images/apple.png">Amaroq</a></button>
<div><center><a class="button" href="https://play.google.com/store/apps/details?id=app.fedilab.android"><img src="images/google.webp">Fedilab (платно)</a></button><br>
<a class="button" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/"><img src="images/fdroid.webp">Fedilab (бесплатно)</a></button>
<a class="button" href="https://itunes.apple.com/app/toot/id1229021451"><img src="images/apple.webp">Toot!</a></button>
<a class="button" href="https://itunes.apple.com/app/amarok-for-mastodon/id1214116200"><img src="images/apple.webp">Amaroq</a></button>
</center></div>
</div>
@ -175,7 +175,7 @@
<article class="card four-fifth-1000">
<header id="friendica">#вместоВК Friendica</header>
<center><label for="modal_fr"><img src="images/friendica.png" width="80%"></label> </center>
<center><label for="modal_fr"><img src="images/friendica.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_fr" type="checkbox" />
<label for="modal_fr" class="overlay"></label>
@ -185,7 +185,7 @@
<label for="modal_fr" class="close">&times;</label>
</header>
<section class="content">
<img src="images/friendica.png" width="100%">
<img src="images/friendica.webp" width="100%">
</section>
</article>
</div>
@ -222,8 +222,8 @@
<a class="button" href="https://loma.ml">Loma</a></button>
</center></div>
<div><center><a class="button" href="https://play.google.com/store/apps/details?id=app.fedilab.android"><img src="images/google.png">Fedilab (платно)</a></button><br>
<a class="button" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/"><img src="images/fdroid.png">Fedilab (бесплатно)</a></button>
<div><center><a class="button" href="https://play.google.com/store/apps/details?id=app.fedilab.android"><img src="images/google.webp">Fedilab (платно)</a></button><br>
<a class="button" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/"><img src="images/fdroid.webp">Fedilab (бесплатно)</a></button>
</center></div>
</div>
@ -233,7 +233,7 @@
<article class="card four-fifth-1000">
<header id="pixelfed">#вместоInstagram PixelFed</header>
<center><label for="modal_pf"><img src="images/pixelfed.png" width="80%"></label> </center>
<center><label for="modal_pf"><img src="images/pixelfed.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_pf" type="checkbox" />
<label for="modal_pf" class="overlay"></label>
@ -243,7 +243,7 @@
<label for="modal_pf" class="close">&times;</label>
</header>
<section class="content">
<img src="images/pixelfed.png" width="100%">
<img src="images/pixelfed.webp" width="100%">
</section>
</article>
</div>
@ -281,8 +281,8 @@
</center></div>
<div><center><a class="button" href="https://play.google.com/store/apps/details?id=app.fedilab.android"><img src="images/google.png">Fedilab (платно)</a></button><br>
<a class="button" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/"><img src="images/fdroid.png">Fedilab (бесплатно)</a></button>
<div><center><a class="button" href="https://play.google.com/store/apps/details?id=app.fedilab.android"><img src="images/google.webp">Fedilab (платно)</a></button><br>
<a class="button" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/"><img src="images/fdroid.webp">Fedilab (бесплатно)</a></button>
</center></div>
</div>
@ -292,7 +292,7 @@
<article class="card four-fifth-1000">
<header>#вместоyoutube PeerTube</header>
<center><label for="modal_pt"><img src="images/peertube.png" width="80%"></label> </center>
<center><label for="modal_pt"><img src="images/peertube.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_pt" type="checkbox" />
<label for="modal_pt" class="overlay"></label>
@ -302,7 +302,7 @@
<label for="modal_pt" class="close">&times;</label>
</header>
<section class="content">
<img src="images/peertube.png" width="100%">
<img src="images/peertube.webp" width="100%">
</section>
</article>
</div>
@ -342,11 +342,11 @@
</center></div>
<div><center>
<div><center><a class="button" href="https://play.google.com/store/apps/details?id=app.fedilab.
android"><img src="images/google.png">Fedilab (платно)</a></button><br>
android"><img src="images/google.webp">Fedilab (платно)</a></button><br>
<a class="button" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/"><img src="images
/fdroid.png">Fedilab (бесплатно)</a></button>
<div><center><a class="button" href="https://f-droid.org/en/packages/net.schueller.peertube/"><img src="images/fdroid.png">Thorium</a></button><br>
<a class="button" href="https://https://play.google.com/store/apps/details?id=net.schueller.peertube"><img src="images/google.png">Peertube Player</a></button>
/fdroid.webp">Fedilab (бесплатно)</a></button>
<div><center><a class="button" href="https://f-droid.org/en/packages/net.schueller.peertube/"><img src="images/fdroid.webp">Thorium</a></button><br>
<a class="button" href="https://https://play.google.com/store/apps/details?id=net.schueller.peertube"><img src="images/google.webp">Peertube Player</a></button>
</center></div>
</div>
@ -360,7 +360,7 @@ android"><img src="images/google.png">Fedilab (платно)</a></button><br>
<section>
<hr>
<center>
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.png" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.webp" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/~tolstoevsky/tt/landing.html">Trivial Technology</a> in mind.
</center>
</section>
</body>