forked from SelfPrivacy/selfprivacy.org
Compare commits
20 Commits
master
...
layout-fix
Author | SHA1 | Date |
---|---|---|
nevfy | 2404711f5c | |
nevfy | 04832811bd | |
nevfy | 09c047b015 | |
nevfy | d96bb948db | |
nevfy | 03d9e52059 | |
nevfy | ad1e8b7c16 | |
nevfy | 8d6bcabf0e | |
nevfy | d9fd9ba96b | |
nevfy | e13e8dbc89 | |
nevfy | 76ddd28434 | |
nevfy | a848e454e5 | |
nevfy | 24bce90439 | |
nevfy | 7a17b56424 | |
nevfy | c344920f1a | |
nevfy | 05d456ce77 | |
nevfy | 9b6f35391d | |
nevfy | 33ad44efad | |
nevfy | 1d82cbfc64 | |
nevfy | 3e242c6f9f | |
nevfy | 1e3baa7d34 |
|
@ -9,9 +9,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.td-sidebar {
|
||||
padding-top: 5rem;
|
||||
|
@ -23,11 +20,26 @@
|
|||
padding-top: 2.75rem;
|
||||
}
|
||||
}
|
||||
.carousel-control-next, .carousel-control-prev {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.carousel-control-next {
|
||||
right: -15%
|
||||
}
|
||||
|
||||
.carousel-control-prev {
|
||||
left: -15%
|
||||
}
|
||||
|
||||
.rounded-img {
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.sp-button-shadow {
|
||||
box-shadow: 0px -0.5rem 0px 0px rgba(0, 0, 0, 0.1) inset;
|
||||
}
|
||||
|
@ -62,6 +74,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
.text-secondary {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.sp-service-icon {
|
||||
margin-top: -4rem;
|
||||
max-width: 12rem;
|
||||
|
@ -85,7 +101,7 @@
|
|||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.sp-supperted-by-img {
|
||||
.sp-supported-by-img {
|
||||
max-height: 5rem;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
@ -93,14 +109,33 @@
|
|||
.sp-supported-by-list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
justify-content: center;
|
||||
column-gap: 10vw;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.sp-supported-by-card {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
margin-top: 1rem;
|
||||
.sp-advantages {
|
||||
row-gap: 20vh;
|
||||
}
|
||||
|
||||
.sp-feature {
|
||||
position: sticky;
|
||||
top: 20vh;
|
||||
min-height: 70vh;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.sp-feature-green {
|
||||
background-color: #e9f1da !important;
|
||||
}
|
||||
.sp-feature-blue {
|
||||
background-color: #e1eaea !important;
|
||||
}
|
||||
.sp-feature-purple {
|
||||
background-color: #ebe0e8 !important;
|
||||
}
|
||||
|
||||
.sp-advantages-header {
|
||||
position: sticky;
|
||||
top: 14vh;
|
||||
}
|
|
@ -5,17 +5,10 @@ linkTitle = "SelfPrivacy"
|
|||
+++
|
||||
|
||||
{{< blocks/section color="dark" type="section" >}}
|
||||
<div class="row">
|
||||
<div class="row d-flex justify-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"></li>
|
||||
<li data-target="#screenshotsCarouselControls" data-slide-to="1"></li>
|
||||
<li data-target="#screenshotsCarouselControls" data-slide-to="2" class="active"></li>
|
||||
<li data-target="#screenshotsCarouselControls" data-slide-to="3"></li>
|
||||
<li data-target="#screenshotsCarouselControls" data-slide-to="4"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner rounded">
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" src="/images/screenshots/1-en.png" alt="First slide">
|
||||
|
@ -33,6 +26,13 @@ linkTitle = "SelfPrivacy"
|
|||
<img class="d-block w-100" src="/images/screenshots/5-en.png" alt="Third slide">
|
||||
</div>
|
||||
</div>
|
||||
<ol class="carousel-indicators position-relative">
|
||||
<li data-target="#screenshotsCarouselControls" data-slide-to="0"></li>
|
||||
<li data-target="#screenshotsCarouselControls" data-slide-to="1"></li>
|
||||
<li data-target="#screenshotsCarouselControls" data-slide-to="2" class="active"></li>
|
||||
<li data-target="#screenshotsCarouselControls" data-slide-to="3"></li>
|
||||
<li data-target="#screenshotsCarouselControls" data-slide-to="4"></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>
|
||||
|
@ -44,10 +44,10 @@ 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 app allows you to set up self-hosted services and manage them.
|
||||
SelfPrivacy app allows you to set up self-hosted services and manage them
|
||||
</h1>
|
||||
<a class="btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="{{< relref "/download" >}}">
|
||||
Download
|
||||
|
@ -57,9 +57,9 @@ linkTitle = "SelfPrivacy"
|
|||
</div>
|
||||
{{< /blocks/section >}}
|
||||
|
||||
{{< blocks/section color="100" type="section" >}}
|
||||
<section class="container">
|
||||
<div class="row w-100">
|
||||
<h2 class="mx-auto text-center">Your personal services</h2>
|
||||
<h2 class="mx-auto text-center font-weight-bolder">Your personal services</h2>
|
||||
</div>
|
||||
|
||||
<div class="row w-100 mt-5 mb-3">
|
||||
|
@ -129,70 +129,67 @@ linkTitle = "SelfPrivacy"
|
|||
{{< /landing-service >}}
|
||||
</div>
|
||||
</div>
|
||||
{{< /blocks/section >}}
|
||||
</section>
|
||||
|
||||
{{< blocks/section color="100" type="section" >}}
|
||||
<div class="row w-100">
|
||||
<section class="container-fluid d-flex flex-column sp-advantages">
|
||||
<div class="row w-100 sp-advantages-header">
|
||||
<h2 class="mx-auto text-center">Advantages</h2>
|
||||
</div>
|
||||
|
||||
{{< landing-feature privacy "Privacy" >}}
|
||||
{{< landing-feature privacy "Privacy" "-green" >}}
|
||||
<p class="card-text">No registration, cookies or telemetry.</p>
|
||||
{{< /landing-feature >}}
|
||||
|
||||
{{< landing-feature zerotrust "Zero trust" "right">}}
|
||||
{{< landing-feature zerotrust "Zero trust" "-blue" "right" >}}
|
||||
<p class="card-text">SelfPrivacy is developed on the «zero trust» principle, even in relation to SelfPrivacy developers. That means you're the sole owner of your data.</p>
|
||||
{{< /landing-feature >}}
|
||||
|
||||
{{< landing-feature security "Security">}}
|
||||
{{< landing-feature security "Security" "-purple" >}}
|
||||
<p class="card-text">Open source. The $2,000 reward for RCE vulnerability significantly increases security compared to conventional self-hosted solutions.</p>
|
||||
{{< /landing-feature >}}
|
||||
|
||||
{{< landing-feature simplicity "Simplicity" "right">}}
|
||||
{{< landing-feature simplicity "Simplicity" "-green" "right">}}
|
||||
<p class="card-text">It is simple. Without console, complicated instructions, monitoring and involvement of specialists.</p>
|
||||
{{< /landing-feature >}}
|
||||
|
||||
{{< landing-feature arrow "No license agreements">}}
|
||||
{{< landing-feature arrow "No license agreements" "-blue" >}}
|
||||
<p class="card-text">What is written in the license agreements that you accept without reading? It says that you allow companies to do anything with your data. SelfPrivacy has no license agreements.</p>
|
||||
{{< /landing-feature >}}
|
||||
|
||||
{{< landing-feature coolhack3r "Save your time and money" "right">}}
|
||||
{{< landing-feature coolhack3r "Save your time and money" "-purple" "right">}}
|
||||
<p class="card-text">How to save $500 or two weeks of your life? Will it take the same time and money for a specialist to set everything up from scratch?</p>
|
||||
<p class="card-text">SelfPrivacy team works continuously to speed up and simplify this process to a few clicks.</p>
|
||||
<p class="card-text">Now anyone will be capable to set up their own data center.</p>
|
||||
{{< /landing-feature >}}
|
||||
|
||||
{{< landing-feature thisisfine "Functionality">}}
|
||||
{{< landing-feature thisisfine "Functionality" "-green">}}
|
||||
<p class="card-text">Your data will not be lost thanks to regular automatic backups to a separate data center. </p>
|
||||
{{< /landing-feature >}}
|
||||
|
||||
{{< landing-feature smartphonecomparison "Independence" "right">}}
|
||||
{{< landing-feature smartphonecomparison "Independence" "-blue" "right">}}
|
||||
<p class="card-text">Your communications on the internet no longer depend on Google, Facebook, Amazon and others E-Corps.</p>
|
||||
<p class="card-text">Your services, your rules! You will not be blocked or disabled, accidentally or for any other reason. Your infrastructure and data will always remain with you.</p>
|
||||
{{< /landing-feature >}}
|
||||
|
||||
{{< landing-feature datactrl "Data control">}}
|
||||
{{< landing-feature datactrl "Data control" "-purple" >}}
|
||||
<p class="card-text">Why do corporations need your data? To make you buy more and vote as they want. With SelfPrivacy, only you have your data.</p>
|
||||
{{< /landing-feature >}}
|
||||
|
||||
{{< /blocks/section >}}
|
||||
</section>
|
||||
|
||||
|
||||
{{< blocks/section color="100" type="section" >}}
|
||||
|
||||
<section class="container-fluid">
|
||||
<div class="row w-100">
|
||||
<h2 class="mx-auto text-center">Supported by</h2>
|
||||
</div>
|
||||
|
||||
<div class="card sp-supported-by-card h-100">
|
||||
<div class="card-body sp-supported-by-list">
|
||||
<div class="container-fluid h-100">
|
||||
<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>
|
||||
|
||||
{{< /blocks/section >}}
|
||||
</section>
|
||||
|
|
|
@ -1,26 +1,28 @@
|
|||
{{ $illustration := .Page.Resources.GetMatch (printf "**%s*" (.Get 0)) }}
|
||||
{{ $title := .Get 1 }}
|
||||
{{ $side := .Get 2 }}
|
||||
<div class="row justify-content-md-center my-2 align-items-center w-100">
|
||||
{{ if eq $side "right" }}
|
||||
<div class="col-md-8 col-xs-12 my-auto px-5">
|
||||
{{ $bg := .Get 2 }}
|
||||
{{ $side := .Get 3 }}
|
||||
{{ if eq $side "right" }}
|
||||
<div class="d-flex flex-column flex-lg-row flex-xl-row justify-content-md-center align-items-center sp-feature sp-feature{{ $bg }}">
|
||||
<div class="flex-none col-xl-4 col-lg-6 col-md-8 col-xs-12 my-auto px-5">
|
||||
{{ if $title }}
|
||||
<h2 class="sp-feature-title">{{ $title }}</h2>
|
||||
{{ end }}
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
{{ if $illustration }}
|
||||
<div class="col-md-4 col-xs-12 my-auto">
|
||||
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-12 my-auto">
|
||||
<img class="card-img-top rounded-img" src="{{ $illustration.RelPermalink }}">
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<div class="d-flex flex-column-reverse flex-lg-row flex-xl-row justify-content-md-center align-items-center sp-feature sp-feature{{ $bg }}">
|
||||
{{ if $illustration }}
|
||||
<div class="col-md-4 col-xs-12 my-auto">
|
||||
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-12 my-auto">
|
||||
<img class="card-img-top rounded-img" src="{{ $illustration.RelPermalink }}">
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="col-md-8 col-xs-12 my-auto px-5">
|
||||
<div class="col-xl-4 col-lg-6 col-md-8 col-xs-12 my-auto px-5">
|
||||
{{ if $title }}
|
||||
<h2 class="sp-feature-title">{{ $title }}</h2>
|
||||
{{ end }}
|
||||
|
|
|
@ -19,6 +19,6 @@
|
|||
"devDependencies": {
|
||||
"autoprefixer": "^10.4.0",
|
||||
"postcss": "^8.3.7",
|
||||
"postcss-cli": "^9.0.2"
|
||||
"postcss-cli": "^9.1.0"
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue