From 1e3baa7d3497ac776c7b202947c4f8c98cdf42d9 Mon Sep 17 00:00:00 2001 From: nevfy Date: Tue, 9 Jan 2024 03:10:33 +0400 Subject: [PATCH 01/22] fix: illustration order on smaller screens --- content/en/_index.html | 2 +- layouts/shortcodes/landing-feature.html | 5 +++-- package.json | 2 +- 3 files changed, 5 insertions(+), 4 deletions(-) diff --git a/content/en/_index.html b/content/en/_index.html index 23aa4ff..35eb2cc 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -47,7 +47,7 @@ linkTitle = "SelfPrivacy"

- 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

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

{{ $title }}

@@ -15,6 +15,7 @@
{{ end }} {{ else }} +
{{ if $illustration }}
diff --git a/package.json b/package.json index 960eee9..d3409ef 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,6 @@ "devDependencies": { "autoprefixer": "^10.4.0", "postcss": "^8.3.7", - "postcss-cli": "^9.0.2" + "postcss-cli": "^9.1.0" } } -- 2.42.0 From 3e242c6f9fd15d136b4e3c91ca050d761707b851 Mon Sep 17 00:00:00 2001 From: nevfy Date: Tue, 9 Jan 2024 03:16:42 +0400 Subject: [PATCH 02/22] fix: illustration size on smaller screens --- layouts/shortcodes/landing-feature.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/layouts/shortcodes/landing-feature.html b/layouts/shortcodes/landing-feature.html index d6c8755..a9ed03c 100644 --- a/layouts/shortcodes/landing-feature.html +++ b/layouts/shortcodes/landing-feature.html @@ -10,14 +10,14 @@ {{ .Inner }}
{{ if $illustration }} -
+
{{ end }} {{ else }}
{{ if $illustration }} -
+
{{ end }} -- 2.42.0 From 1d82cbfc64d83207d9f42e3b3661848d585b32c4 Mon Sep 17 00:00:00 2001 From: nevfy Date: Tue, 9 Jan 2024 03:31:05 +0400 Subject: [PATCH 03/22] fix: remove width class from flex containers --- layouts/shortcodes/landing-feature.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/layouts/shortcodes/landing-feature.html b/layouts/shortcodes/landing-feature.html index a9ed03c..5c2337c 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 }}
-- 2.42.0 From 33ad44efad1b434cb9e03f5465ebf7775050c84b Mon Sep 17 00:00:00 2001 From: nevfy Date: Mon, 22 Jan 2024 16:56:57 +0400 Subject: [PATCH 04/22] fix advantages text too wide --- layouts/shortcodes/landing-feature.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/layouts/shortcodes/landing-feature.html b/layouts/shortcodes/landing-feature.html index 5c2337c..7ca54e8 100644 --- a/layouts/shortcodes/landing-feature.html +++ b/layouts/shortcodes/landing-feature.html @@ -3,7 +3,7 @@ {{ $side := .Get 2 }} {{ if eq $side "right" }}
-
+
{{ if $title }}

{{ $title }}

{{ end }} @@ -21,7 +21,7 @@
{{ end }} -
+
{{ if $title }}

{{ $title }}

{{ end }} -- 2.42.0 From 9b6f35391d5d7eb2181fa9f51f3fd67c23bb2191 Mon Sep 17 00:00:00 2001 From: nevfy Date: Mon, 22 Jan 2024 19:01:09 +0400 Subject: [PATCH 05/22] 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 }}
-- 2.42.0 From 05d456ce77a3ede5d53c3c5ef1270bcc250e914d Mon Sep 17 00:00:00 2001 From: nevfy Date: Mon, 22 Jan 2024 19:13:32 +0400 Subject: [PATCH 06/22] remove dot from h1 --- content/en/_index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/en/_index.html b/content/en/_index.html index 23aa4ff..35eb2cc 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -47,7 +47,7 @@ linkTitle = "SelfPrivacy"

- 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

}}"> Download -- 2.42.0 From c344920f1ac1446f5dfdbdb3d9ed087e22592ce9 Mon Sep 17 00:00:00 2001 From: nevfy Date: Mon, 22 Jan 2024 21:00:55 +0400 Subject: [PATCH 07/22] fix text contrast --- assets/scss/_styles_project.scss | 13 +++++++++---- content/en/_index.html | 2 +- 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 0ab247b..5175491 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; @@ -28,6 +25,10 @@ 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 +63,10 @@ } } +.text-secondary { + font-weight: 600; +} + .sp-service-icon { margin-top: -4rem; max-width: 12rem; @@ -103,4 +108,4 @@ border-radius: 10px; border: none; margin-top: 1rem; -} +} \ No newline at end of file diff --git a/content/en/_index.html b/content/en/_index.html index 35eb2cc..35cb3ad 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -59,7 +59,7 @@ linkTitle = "SelfPrivacy" {{< blocks/section color="100" type="section" >}}
-

Your personal services

+

Your personal services

-- 2.42.0 From 7a17b564247ec9667d4c528cc6cb6fd8b883c6d7 Mon Sep 17 00:00:00 2001 From: nevfy Date: Mon, 22 Jan 2024 21:24:08 +0400 Subject: [PATCH 08/22] change template sections to html sections --- content/en/_index.html | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/content/en/_index.html b/content/en/_index.html index 35cb3ad..f13cc2a 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -57,7 +57,7 @@ linkTitle = "SelfPrivacy"
{{< /blocks/section >}} -{{< blocks/section color="100" type="section" >}} +

Your personal services

@@ -129,9 +129,9 @@ linkTitle = "SelfPrivacy" {{< /landing-service >}}
-{{< /blocks/section >}} + -{{< blocks/section color="100" type="section" >}} +

Advantages

@@ -174,12 +174,10 @@ linkTitle = "SelfPrivacy" {{< landing-feature datactrl "Data control">}}

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 >}} - -{{< /blocks/section >}} +
-{{< blocks/section color="100" type="section" >}} - +

Supported by

@@ -194,5 +192,4 @@ linkTitle = "SelfPrivacy"
- -{{< /blocks/section >}} + -- 2.42.0 From 24bce904396dce408f68ccb5be2e665cc86ee77b Mon Sep 17 00:00:00 2001 From: nevfy Date: Mon, 22 Jan 2024 23:06:05 +0400 Subject: [PATCH 09/22] move carousel controls out --- assets/scss/_styles_project.scss | 14 +++++++++++--- content/en/_index.html | 14 +++++++------- 2 files changed, 18 insertions(+), 10 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 0ab247b..b7542d4 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; @@ -23,6 +20,17 @@ 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; diff --git a/content/en/_index.html b/content/en/_index.html index 35eb2cc..b05d94e 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -9,13 +9,6 @@ linkTitle = "SelfPrivacy"
- {{< 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 }}
-- 2.42.0 From 76ddd2843451cca7c2a84b73e856b6b0d35ba226 Mon Sep 17 00:00:00 2001 From: nevfy Date: Tue, 23 Jan 2024 00:17:47 +0400 Subject: [PATCH 11/22] remove bg from supported by --- assets/scss/_styles_project.scss | 8 -------- content/en/_index.html | 4 ++-- 2 files changed, 2 insertions(+), 10 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index b7542d4..f1ab6cc 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -104,11 +104,3 @@ justify-content: space-around; 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; -} diff --git a/content/en/_index.html b/content/en/_index.html index b05d94e..e3a427b 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -184,8 +184,8 @@ linkTitle = "SelfPrivacy"

Supported by

-
-
+
+ -
+ -- 2.42.0 From 8d6bcabf0e84d3d2b5d308351441d25d7b35019b Mon Sep 17 00:00:00 2001 From: nevfy Date: Tue, 23 Jan 2024 00:44:00 +0400 Subject: [PATCH 14/22] add gaps --- assets/scss/_styles_project.scss | 4 ++++ content/en/_index.html | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 5175491..7fd694f 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -108,4 +108,8 @@ border-radius: 10px; border: none; margin-top: 1rem; +} + +.sp-advantages { + row-gap: 20vh; } \ No newline at end of file diff --git a/content/en/_index.html b/content/en/_index.html index f13cc2a..9642dee 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -131,7 +131,7 @@ linkTitle = "SelfPrivacy"
-
+

Advantages

-- 2.42.0 From d96bb948db469e6172c49bc5d6aa4df555b277da Mon Sep 17 00:00:00 2001 From: nevfy Date: Tue, 23 Jan 2024 02:20:15 +0400 Subject: [PATCH 15/22] fix text overflow --- assets/scss/_styles_project.scss | 3 ++- layouts/shortcodes/landing-feature.html | 6 +++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 49bb4e7..5fe64b8 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -91,6 +91,7 @@ box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); border-radius: 10px; border: none; + max-width: 30vw; } .sp-services-row { @@ -120,7 +121,7 @@ .sp-feature { position: sticky; top: 20vh; - height: 60vh; + min-height: 70vh; align-items: center; } diff --git a/layouts/shortcodes/landing-feature.html b/layouts/shortcodes/landing-feature.html index 619a289..5f4b47e 100644 --- a/layouts/shortcodes/landing-feature.html +++ b/layouts/shortcodes/landing-feature.html @@ -3,8 +3,8 @@ {{ $bg := .Get 2 }} {{ $side := .Get 3 }} {{ if eq $side "right" }} -
-
+
+
{{ if $title }}

{{ $title }}

{{ end }} @@ -16,7 +16,7 @@
{{ end }} {{ else }} -
+
{{ if $illustration }}
-- 2.42.0 From 09c047b015c453f6a6632069bc91d25bd15ac776 Mon Sep 17 00:00:00 2001 From: nevfy Date: Tue, 23 Jan 2024 02:34:06 +0400 Subject: [PATCH 16/22] fix services too wide --- assets/scss/_styles_project.scss | 1 - content/en/_index.html | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 5fe64b8..08905f6 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -91,7 +91,6 @@ box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); border-radius: 10px; border: none; - max-width: 30vw; } .sp-services-row { diff --git a/content/en/_index.html b/content/en/_index.html index 58dafb5..9d084cf 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -57,7 +57,7 @@ linkTitle = "SelfPrivacy"
{{< /blocks/section >}} -
+

Your personal services

-- 2.42.0 From 04832811bd2e69387efbbc1f6d7d6f1f81bfcf74 Mon Sep 17 00:00:00 2001 From: nevfy Date: Tue, 23 Jan 2024 02:44:09 +0400 Subject: [PATCH 17/22] fix supported by logos too spread --- assets/scss/_styles_project.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 08905f6..7b01b54 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -109,7 +109,8 @@ .sp-supported-by-list { display: flex; align-items: center; - justify-content: space-around; + justify-content: center; + column-gap: 10vw; flex-wrap: wrap; } -- 2.42.0 From d1619bf36ccfebe9ef12eb47cd1ceb23a5d116ee Mon Sep 17 00:00:00 2001 From: nevfy Date: Wed, 24 Jan 2024 13:46:17 +0400 Subject: [PATCH 18/22] fix: hide overflow-x and remove margins --- assets/scss/_styles_project.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 7b01b54..271affa 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -138,4 +138,17 @@ .sp-advantages-header { position: sticky; top: 14vh; +} + +body { + overflow-x: hidden; +} + +.container-fluid { + padding-left: 0 !important; + padding-right: 0 !important; +} + +.section.bg-dark { + height: 70vh; } \ No newline at end of file -- 2.42.0 From f55a6591305c771ae0a2fe96e2aa0fc2a31824e1 Mon Sep 17 00:00:00 2001 From: nevfy Date: Tue, 9 Apr 2024 23:00:00 +0300 Subject: [PATCH 19/22] fix: width and height --- assets/scss/_styles_project.scss | 21 +++++++++------------ content/en/_index.html | 12 ++++++------ layouts/shortcodes/landing-feature.html | 12 ++++++------ 3 files changed, 21 insertions(+), 24 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index d6ed406..84c0d5f 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -91,7 +91,7 @@ } .sp-supported-by-img { - max-height: 5rem; + max-width: 15rem; margin: 1rem; } @@ -102,9 +102,6 @@ column-gap: 5vw; flex-wrap: wrap; margin-top: 2rem; - & > a > img { - max-width: 15vw; - } } a.nav-link.sp-coming-soon { @@ -135,11 +132,16 @@ body { row-gap: 0px; } +.sp-advantages-header { + position: sticky; + top: 10vh; + margin-bottom: 5rem; +} + .sp-feature { position: sticky; - top: 20vh; - min-height: 80vh; - align-items: center; + top: 0; + min-height: 100vh; } .sp-feature-green { @@ -152,11 +154,6 @@ body { background-color: #ebe0e8 !important; } -.sp-advantages-header { - position: sticky; - top: 14vh; -} - .container-fluid { padding-left: 0 !important; padding-right: 0 !important; diff --git a/content/en/_index.html b/content/en/_index.html index 69e2bfe..c7b01ec 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -5,7 +5,7 @@ linkTitle = "SelfPrivacy" +++ {{< blocks/section color="dark" type="section" >}} -
+