fix(ru): change layout
This commit is contained in:
nevfy
parent
7f341b5193
commit
8122b2b5a9
|
|
@ -5,19 +5,10 @@ linkTitle = "SelfPrivacy"
|
|||
+++
|
||||
|
||||
{{< blocks/section color="dark" type="section">}}
|
||||
<div class="row">
|
||||
<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">
|
||||
<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>
|
||||
<div class="carousel-inner rounded">
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" src="/images/screenshots/1-ru.png" alt="Первый слайд">
|
||||
|
|
@ -39,9 +30,17 @@ linkTitle = "SelfPrivacy"
|
|||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" src="/images/screenshots/7-ru.png" alt="Седьмой слайд">
|
||||
</div>
|
||||
|
||||
</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>
|
||||
|
|
@ -55,13 +54,13 @@ linkTitle = "SelfPrivacy"
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-8 my-auto">
|
||||
<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">}}">
|
||||
href="{{< relref "/download" >}}">
|
||||
Скачать
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -69,12 +68,12 @@ linkTitle = "SelfPrivacy"
|
|||
</div>
|
||||
{{< /blocks/section>}}
|
||||
|
||||
<section class="container-fluid">
|
||||
<div class="row w-100">
|
||||
<h2 class="mx-auto text-center">Ваши личные сервисы</h2>
|
||||
<section class="container">
|
||||
<div class="w-100">
|
||||
<h2 class="mx-auto text-center font-weight-bolder">Ваши личные сервисы</h2>
|
||||
</div>
|
||||
|
||||
<div class="row w-100 mt-5 mb-3">
|
||||
<div class="w-100 mt-5 mb-3">
|
||||
<h3 class="mx-auto text-center">Для серьезных дел</h3>
|
||||
</div>
|
||||
|
||||
|
|
@ -99,7 +98,7 @@ linkTitle = "SelfPrivacy"
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row w-100 mt-5 mb-3">
|
||||
<div class="w-100 mt-5 mb-3">
|
||||
<h3 class="mx-auto text-center">Для развлечений и общения</h3>
|
||||
</div>
|
||||
|
||||
|
|
@ -107,38 +106,36 @@ linkTitle = "SelfPrivacy"
|
|||
<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>}}
|
||||
под вашим контролем. Это делает 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>}}
|
||||
публиковать. Никакой больше рекламы и слежки.</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>}}
|
||||
удобное решение для видеоконференций.</p>
|
||||
{{< /landing-service>}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row w-100 mt-5 mb-3">
|
||||
<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>}}
|
||||
<p class=" card-text">Ни один публичный VPN не может быть приватным, если только он не расположен на вашем сервере. OpenConnect — подключайте неограниченное количество устройств.</p>
|
||||
{{< /landing-service>}}
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xs-12 sp-services-row">
|
||||
|
|
@ -146,69 +143,69 @@ linkTitle = "SelfPrivacy"
|
|||
<p class="card-text">Пароли больше не нужно запоминать, копировать между устройствами,
|
||||
придумывать или вводить вручную.</p>
|
||||
<p class="card-text">Bitwarden — надежный менеджер паролей для всех устройств.</p>
|
||||
{{< /landing-service>}}
|
||||
{{< /landing-service>}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-fluid">
|
||||
<div class="row w-100">
|
||||
<div class="w-100">
|
||||
<h2 class="mx-auto text-center">Преимущества</h2>
|
||||
</div>
|
||||
|
||||
{{< landing-feature privacy "Приватность">}}
|
||||
{{< landing-feature privacy "Приватность" "-green">}}
|
||||
<p class="card-text">Без регистрации, куков, телеметрии, логов, гугл аналитики и облаков.</p>
|
||||
{{< /landing-feature>}}
|
||||
|
||||
{{< landing-feature zerotrust "Нулевое доверие" "right">}}
|
||||
{{< landing-feature zerotrust "Нулевое доверие" "-blue" "right">}}
|
||||
<p class="card-text">SelfPrivacy разработан по принципу "нулевого доверия", даже к самим разработчикам SelfPrivacy. Это значит, что вы — единственный владелец своих данных.</p>
|
||||
{{< /landing-feature>}}
|
||||
|
||||
{{< landing-feature security "Безопасность">}}
|
||||
{{< landing-feature security "Безопасность" "-purple" >}}
|
||||
<p class="card-text">Открытый код. Вознаграждение $2000 за RCE-уязвимость значительно повышает безопасность в сравнении с обычными self-hosted решениями.</p>
|
||||
{{< /landing-feature>}}
|
||||
|
||||
{{< landing-feature simplicity "Простота" "right">}}
|
||||
{{< landing-feature simplicity "Простота" "-green" "right">}}
|
||||
<p class="card-text">Это работает просто. Без консоли, сложных инструкций, мониторинга и привлечения специалистов.</p>
|
||||
{{< /landing-feature>}}
|
||||
|
||||
{{< landing-feature arrow "Без лицензионных соглашений">}}
|
||||
{{< landing-feature arrow "Без лицензионных соглашений" "-blue" >}}
|
||||
<p class="card-text">Что написано в лицензионных соглашениях, которые вы принимаете, не читая? Там написано, что с вашими данными можно делать что угодно. В SelfPrivacy нет лицензионных соглашений.</p>
|
||||
{{< /landing-feature>}}
|
||||
|
||||
{{< landing-feature coolhack3r "Экономия времени, денег и сил" "right">}}
|
||||
{{< 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 "Функционал">}}
|
||||
{{< landing-feature thisisfine "Функционал" "-green">}}
|
||||
<p class="card-text">Ваши данные никуда не пропадут благодаря регулярному автоматическому резервному копированию в отдельный дата-центр.</p>
|
||||
{{< /landing-feature>}}
|
||||
|
||||
{{< landing-feature smartphonecomparison "Независимость" "right" >}}
|
||||
{{< landing-feature smartphonecomparison "Независимость" "-blue" "right" >}}
|
||||
<p class="card-text">Ваши коммуникации в интернете не зависят от Google, Facebook, Amazon и прочих мегакорпораций.</p>
|
||||
<p class="card-text">Ваши сервисы — ваши правила! Вас не заблокируют, не отключат, случайно или по какой-либо другой причине. Ваша инфраструктура и данные всегда останутся с вами.</p>
|
||||
{{< /landing-feature>}}
|
||||
|
||||
{{< landing-feature datactrl "Контроль данных">}}
|
||||
{{< landing-feature datactrl "Контроль данных" "-purple" >}}
|
||||
<p class="card-text">Почему корпорациям так нужны ваши данные? Чтобы больше покупали, чтобы Вы голосовали, как им нужно. В SelfPrivacy ваши данные остаются только у вас.</p>
|
||||
{{< /landing-feature>}}
|
||||
</section>
|
||||
|
||||
|
||||
<section class="container-fluid">
|
||||
<div class="row w-100">
|
||||
<div class="w-100">
|
||||
<h2 class="mx-auto text-center">Нас поддерживают</h2>
|
||||
</div>
|
||||
|
||||
<div class="card sp-supported-by-card h-100">
|
||||
<div class="card-body sp-supported-by-list">
|
||||
<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-supperted-by-img" src="/images/logos/nlnet.svg" alt="NLnet foundation">
|
||||
<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-supperted-by-img" src="/images/logos/PrivacyAcceleratorLogo.svg" alt="Privacy Accelerator">
|
||||
<img class="sp-supported-by-img" src="/images/logos/PrivacyAcceleratorLogo.svg" alt="Privacy Accelerator">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue