mirror of
https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.git
synced 2024-11-13 20:23:18 +00:00
f5b80082ed
This merge request solves following issues with the current layout: - **h1 header not instantly visible on the first screen on mobile:** changed the order so it appears before the screenshot gallery - **alternation of text and images looking weird in vertical mobile layout:** removed the alternation on mobile - **services and advantages being spread too wide on desktop:** added space on the sides - **advantages having repetitive layout, supporters repeating the look of services:** added variety with sliding effect and alternating background color, removed card-like background Reviewed-on: https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org/pulls/102 Reviewed-by: Inex Code <inex.code@selfprivacy.org> Co-authored-by: nevfy <yaver4.0.0.0@gmail.com> Co-committed-by: nevfy <yaver4.0.0.0@gmail.com>
213 lines
11 KiB
HTML
213 lines
11 KiB
HTML
+++
|
||
title = "SelfPrivacy"
|
||
linkTitle = "SelfPrivacy"
|
||
|
||
+++
|
||
|
||
{{< blocks/section color="dark" type="section">}}
|
||
<div class="flex-md-row flex-column-reverse d-flex justify-content-center align-content-center">
|
||
<div class="col-xs-12 col-md-4">
|
||
<div class="container rounded">
|
||
<div id="screenshotsCarouselControls" class="carousel slide" data-ride="carousel">
|
||
<div class="carousel-inner rounded">
|
||
<div class="carousel-item">
|
||
<img class="d-block w-100" src="/images/screenshots/1-ru.png" alt="Первый слайд">
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img class="d-block w-100" src="/images/screenshots/2-ru.png" alt="Второй слайд">
|
||
</div>
|
||
<div class="carousel-item active">
|
||
<img class="d-block w-100" src="/images/screenshots/3-ru.png" alt="Третий слайд">
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img class="d-block w-100" src="/images/screenshots/4-ru.png" alt="Четвёртый слайд">
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img class="d-block w-100" src="/images/screenshots/5-ru.png" alt="Пятый слайд">
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img class="d-block w-100" src="/images/screenshots/6-ru.png" alt="Шестой слайд">
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img class="d-block w-100" src="/images/screenshots/7-ru.png" alt="Седьмой слайд">
|
||
</div>
|
||
</div>
|
||
<ol class="carousel-indicators">
|
||
<li data-target="#screenshotsCarouselControls" data-slide-to="0" class="active"></li>
|
||
<li data-target="#screenshotsCarouselControls" data-slide-to="1"></li>
|
||
<li data-target="#screenshotsCarouselControls" data-slide-to="2"></li>
|
||
<li data-target="#screenshotsCarouselControls" data-slide-to="3"></li>
|
||
<li data-target="#screenshotsCarouselControls" data-slide-to="4"></li>
|
||
<li data-target="#screenshotsCarouselControls" data-slide-to="5"></li>
|
||
<li data-target="#screenshotsCarouselControls" data-slide-to="6"></li>
|
||
</ol>
|
||
<a class="carousel-control-prev" href="#screenshotsCarouselControls" role="button"
|
||
data-slide="prev">
|
||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||
<span class="sr-only">Previous</span>
|
||
</a>
|
||
<a class="carousel-control-next" href="#screenshotsCarouselControls" role="button"
|
||
data-slide="next">
|
||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||
<span class="sr-only">Next</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-md-8 col-lg-6 my-auto">
|
||
<div class="container my-4">
|
||
<h1>
|
||
Приложение SelfPrivacy поможет настроить селфхост-сервисы и управлять ими
|
||
</h1>
|
||
<a class="btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding"
|
||
href="{{< relref "/download" >}}">
|
||
Скачать
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{{< /blocks/section>}}
|
||
|
||
<section class="container">
|
||
<div class="w-100">
|
||
<h2 class="mx-auto text-center font-weight-bolder">Ваши личные сервисы</h2>
|
||
</div>
|
||
|
||
<div class="w-100 mt-5 mb-3">
|
||
<h3 class="mx-auto text-center">Для серьезных дел</h3>
|
||
</div>
|
||
|
||
<div class="row justify-content-md-center">
|
||
<div class="col-md-4 col-xs-12 sp-services-row">
|
||
{{< landing-service "/images/services/email.svg" "Электронная почта" >}}
|
||
<p class="card-text">Для семьи или компании с неограниченным количеством почтовых ящиков.</p>
|
||
{{< /landing-service>}}
|
||
</div>
|
||
|
||
<div class="col-md-4 col-xs-12 sp-services-row">
|
||
{{< landing-service "/images/services/nextcloud.svg" "Файловое облако" >}}
|
||
<p class="card-text">Nextcloud — приватная и функциональная замена Dropbox и G-drive.</p>
|
||
{{< /landing-service>}}
|
||
</div>
|
||
|
||
<div class="col-md-4 col-xs-12 sp-services-row">
|
||
{{< landing-service "/images/services/gitea.svg" "Git-репозиторий" >}}
|
||
<p class="card-text">Gitea — отличный аналог Github, который принадлежит вам, а не Microsoft.
|
||
</p>
|
||
{{< /landing-service>}}
|
||
</div>
|
||
</div>
|
||
|
||
<div class="w-100 mt-5 mb-3">
|
||
<h3 class="mx-auto text-center">Для развлечений и общения</h3>
|
||
</div>
|
||
|
||
<div class="row justify-content-md-center">
|
||
<div class="col-md-4 col-xs-12 sp-services-row">
|
||
{{< landing-service "/images/services/deltachat.svg" "Мессенджер" >}}
|
||
<p class="card-text">Самый приватный мессенджер — это тот, у которого серверная часть находится
|
||
под вашим контролем. Это делает DeltaChat
|
||
приватнее Telegram и Signal.</p>
|
||
{{< /landing-service>}}
|
||
</div>
|
||
|
||
<div class="col-md-4 col-xs-12 sp-services-row">
|
||
{{< landing-service "/images/services/pleroma.svg" "Децентрализованная социальная сеть" >}}
|
||
<p class="card-text">Pleroma — социальная сеть в которой вы решаете, кого заблокировать и что
|
||
публиковать. Никакой больше рекламы и слежки.</p>
|
||
{{< /landing-service>}}
|
||
</div>
|
||
|
||
<div class="col-md-4 col-xs-12 sp-services-row">
|
||
{{< landing-service "/images/services/jitsi.svg" "Видеоконференция">}}
|
||
<p class="card-text">Zoom и Google-meet больше не нужны, когда есть Jitsi-meet. Очень простое и
|
||
удобное решение для видеоконференций.</p>
|
||
{{< /landing-service>}}
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="w-100 mt-5 mb-3">
|
||
<h3 class="mx-auto text-center">Для хорошей жизни</h3>
|
||
</div>
|
||
|
||
<div class="row justify-content-md-center">
|
||
<div class="col-md-4 col-xs-12 sp-services-row">
|
||
{{< landing-service "/images/services/openconnect.svg" "VPN для друзей и близких" >}}
|
||
<p class=" card-text">Ни один публичный VPN не может быть приватным, если только он не расположен на вашем сервере. OpenConnect — подключайте неограниченное количество устройств.</p>
|
||
{{< /landing-service>}}
|
||
</div>
|
||
|
||
<div class="col-md-4 col-xs-12 sp-services-row">
|
||
{{< landing-service "/images/services/bitwarden.svg" "Менеджер паролей" >}}
|
||
<p class="card-text">Пароли больше не нужно запоминать, копировать между устройствами,
|
||
придумывать или вводить вручную.</p>
|
||
<p class="card-text">Bitwarden — надежный менеджер паролей для всех устройств.</p>
|
||
{{< /landing-service>}}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="container-fluid">
|
||
<div class="w-100">
|
||
<h2 class="mx-auto text-center">Преимущества</h2>
|
||
</div>
|
||
|
||
{{< landing-feature privacy "Приватность" "-green">}}
|
||
<p class="card-text">Без регистрации, куков, телеметрии, логов, гугл аналитики и облаков.</p>
|
||
{{< /landing-feature>}}
|
||
|
||
{{< landing-feature zerotrust "Нулевое доверие" "-blue" "right">}}
|
||
<p class="card-text">SelfPrivacy разработан по принципу "нулевого доверия", даже к самим разработчикам SelfPrivacy. Это значит, что вы — единственный владелец своих данных.</p>
|
||
{{< /landing-feature>}}
|
||
|
||
{{< landing-feature security "Безопасность" "-purple" >}}
|
||
<p class="card-text">Открытый код. Вознаграждение $2000 за RCE-уязвимость значительно повышает безопасность в сравнении с обычными self-hosted решениями.</p>
|
||
{{< /landing-feature>}}
|
||
|
||
{{< landing-feature simplicity "Простота" "-green" "right">}}
|
||
<p class="card-text">Это работает просто. Без консоли, сложных инструкций, мониторинга и привлечения специалистов.</p>
|
||
{{< /landing-feature>}}
|
||
|
||
{{< landing-feature arrow "Без лицензионных соглашений" "-blue" >}}
|
||
<p class="card-text">Что написано в лицензионных соглашениях, которые вы принимаете, не читая? Там написано, что с вашими данными можно делать что угодно. В SelfPrivacy нет лицензионных соглашений.</p>
|
||
{{< /landing-feature>}}
|
||
|
||
{{< landing-feature coolhack3r "Экономия времени, денег и сил" "-purple" "right">}}
|
||
<p class="card-text">Как сэкономить $500 или две недели жизни? Столько понадобится времени и денег специалисту, чтобы настроить все самому с нуля?</p>
|
||
<p class="card-text">Команда SelfPrivacy непрерывно работает, чтобы ускорить и упростить этот процесс до нескольких кликов.</p>
|
||
<p class="card-text">Теперь создание личного дата-центра под силу любому желающему.</p>
|
||
{{< /landing-feature>}}
|
||
|
||
{{< landing-feature thisisfine "Функционал" "-green">}}
|
||
<p class="card-text">Ваши данные никуда не пропадут благодаря регулярному автоматическому резервному копированию в отдельный дата-центр.</p>
|
||
{{< /landing-feature>}}
|
||
|
||
{{< landing-feature smartphonecomparison "Независимость" "-blue" "right" >}}
|
||
<p class="card-text">Ваши коммуникации в интернете не зависят от Google, Facebook, Amazon и прочих мегакорпораций.</p>
|
||
<p class="card-text">Ваши сервисы — ваши правила! Вас не заблокируют, не отключат, случайно или по какой-либо другой причине. Ваша инфраструктура и данные всегда останутся с вами.</p>
|
||
{{< /landing-feature>}}
|
||
|
||
{{< landing-feature datactrl "Контроль данных" "-purple" >}}
|
||
<p class="card-text">Почему корпорациям так нужны ваши данные? Чтобы больше покупали, чтобы Вы голосовали, как им нужно. В SelfPrivacy ваши данные остаются только у вас.</p>
|
||
{{< /landing-feature>}}
|
||
</section>
|
||
|
||
|
||
<section class="container-fluid">
|
||
<div class="w-100">
|
||
<h2 class="mx-auto text-center">Нас поддерживают</h2>
|
||
</div>
|
||
|
||
<div class="container-fluid">
|
||
<div class="sp-supported-by-list">
|
||
<a href="https://nlnet.nl/project/SelfPrivacy/" target="_blank" rel="noopener noreferrer">
|
||
<img class="sp-supported-by-img" src="/images/logos/nlnet.svg" alt="NLnet foundation">
|
||
</a>
|
||
<a href="https://privacyaccelerator.org" target="_blank" rel="noopener noreferrer">
|
||
<img class="sp-supported-by-img" src="/images/logos/PrivacyAcceleratorLogo.svg" alt="Privacy Accelerator">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|