From 9b6f35391d5d7eb2181fa9f51f3fd67c23bb2191 Mon Sep 17 00:00:00 2001 From: nevfy Date: Mon, 22 Jan 2024 19:01:09 +0400 Subject: [PATCH 1/2] add sliding cards effect --- assets/scss/_styles_project.scss | 16 +++++++++++++--- content/en/_index.html | 2 +- layouts/shortcodes/landing-feature.html | 4 ++-- 3 files changed, 16 insertions(+), 6 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 0ab247b..af530b5 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -9,9 +9,6 @@ } } - - - @media (min-width: 768px) { .td-sidebar { padding-top: 5rem; @@ -104,3 +101,16 @@ border: none; margin-top: 1rem; } + +.sp-feature { + background-color: lightgoldenrodyellow; + position: sticky; + top: 20vh; + height: 60vh; + align-items: center; +} + +.sp-advantages-header { + position: sticky; + top: 14vh; +} \ No newline at end of file diff --git a/content/en/_index.html b/content/en/_index.html index 35eb2cc..4cf5af6 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -132,7 +132,7 @@ linkTitle = "SelfPrivacy" {{< /blocks/section >}} {{< blocks/section color="100" type="section" >}} -
+

Advantages

diff --git a/layouts/shortcodes/landing-feature.html b/layouts/shortcodes/landing-feature.html index 7ca54e8..57293cc 100644 --- a/layouts/shortcodes/landing-feature.html +++ b/layouts/shortcodes/landing-feature.html @@ -2,7 +2,7 @@ {{ $title := .Get 1 }} {{ $side := .Get 2 }} {{ if eq $side "right" }} -
+
{{ if $title }}

{{ $title }}

@@ -15,7 +15,7 @@
{{ end }} {{ else }} -
+
{{ if $illustration }}
From a848e454e5393f9bcb82488493246c324f0b9308 Mon Sep 17 00:00:00 2001 From: nevfy Date: Tue, 23 Jan 2024 00:03:12 +0400 Subject: [PATCH 2/2] change color --- assets/scss/_styles_project.scss | 11 ++++++++++- content/en/_index.html | 18 +++++++++--------- layouts/shortcodes/landing-feature.html | 7 ++++--- 3 files changed, 23 insertions(+), 13 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index af530b5..cb6add7 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -103,13 +103,22 @@ } .sp-feature { - background-color: lightgoldenrodyellow; position: sticky; top: 20vh; height: 60vh; 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; diff --git a/content/en/_index.html b/content/en/_index.html index 4cf5af6..eac21ce 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -136,42 +136,42 @@ linkTitle = "SelfPrivacy"

Advantages

- {{< landing-feature privacy "Privacy" >}} + {{< landing-feature privacy "Privacy" "-green" >}}

No registration, cookies or telemetry.

{{< /landing-feature >}} - {{< landing-feature zerotrust "Zero trust" "right">}} + {{< landing-feature zerotrust "Zero trust" "-blue" "right" >}}

SelfPrivacy is developed on the «zero trust» principle, even in relation to SelfPrivacy developers. That means you're the sole owner of your data.

{{< /landing-feature >}} - {{< landing-feature security "Security">}} + {{< landing-feature security "Security" "-purple" >}}

Open source. The $2,000 reward for RCE vulnerability significantly increases security compared to conventional self-hosted solutions.

{{< /landing-feature >}} - {{< landing-feature simplicity "Simplicity" "right">}} + {{< landing-feature simplicity "Simplicity" "-green" "right">}}

It is simple. Without console, complicated instructions, monitoring and involvement of specialists.

{{< /landing-feature >}} - {{< landing-feature arrow "No license agreements">}} + {{< landing-feature arrow "No license agreements" "-blue" >}}

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.

{{< /landing-feature >}} - {{< landing-feature coolhack3r "Save your time and money" "right">}} + {{< landing-feature coolhack3r "Save your time and money" "-purple" "right">}}

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?

SelfPrivacy team works continuously to speed up and simplify this process to a few clicks.

Now anyone will be capable to set up their own data center.

{{< /landing-feature >}} - {{< landing-feature thisisfine "Functionality">}} + {{< landing-feature thisisfine "Functionality" "-green">}}

Your data will not be lost thanks to regular automatic backups to a separate data center.

{{< /landing-feature >}} - {{< landing-feature smartphonecomparison "Independence" "right">}} + {{< landing-feature smartphonecomparison "Independence" "-blue" "right">}}

Your communications on the internet no longer depend on Google, Facebook, Amazon and others E-Corps.

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.

{{< /landing-feature >}} - {{< landing-feature datactrl "Data control">}} + {{< landing-feature datactrl "Data control" "-purple" >}}

Why do corporations need your data? To make you buy more and vote as they want. With SelfPrivacy, only you have your data.

{{< /landing-feature >}} diff --git a/layouts/shortcodes/landing-feature.html b/layouts/shortcodes/landing-feature.html index 57293cc..619a289 100644 --- a/layouts/shortcodes/landing-feature.html +++ b/layouts/shortcodes/landing-feature.html @@ -1,8 +1,9 @@ {{ $illustration := .Page.Resources.GetMatch (printf "**%s*" (.Get 0)) }} {{ $title := .Get 1 }} -{{ $side := .Get 2 }} +{{ $bg := .Get 2 }} +{{ $side := .Get 3 }} {{ if eq $side "right" }} -
+
{{ if $title }}

{{ $title }}

@@ -15,7 +16,7 @@
{{ end }} {{ else }} -
+
{{ if $illustration }}