diff --git a/website/src/_includes/layouts/main.html b/website/src/_includes/layouts/main.html index b9189a2ab9..4e41ff1f69 100644 --- a/website/src/_includes/layouts/main.html +++ b/website/src/_includes/layouts/main.html @@ -12,12 +12,9 @@
{% include "navbar.html" %} +
- - -
-
{{ content | safe }}
-
+ {{ content | safe }} diff --git a/website/src/css/style.css b/website/src/css/style.css index af0dee7b36..c7535ab0ec 100644 --- a/website/src/css/style.css +++ b/website/src/css/style.css @@ -61,8 +61,7 @@ html { .container-md, .container-sm { width: 100%; - padding-right: var(--bs-gutter-x, 0.75rem); - padding-left: var(--bs-gutter-x, 0.75rem); + padding: 0 20px; margin-right: auto; margin-left: auto; } @@ -117,6 +116,23 @@ html { } } +.gradient-text { + background: -webkit-linear-gradient(to bottom, #53C1FF -50%, #0053D0 160%); + background: linear-gradient(to bottom, #53C1FF -50%, #0053D0 160%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + text-fill-color: transparent; +} + +.dark .border-gradient{ + background: + linear-gradient(#11182F,#11182F) padding-box, + linear-gradient(to bottom, transparent, #01F1FF 58%) border-box; + border-radius: 6px; + border: 1px solid transparent; +} + @media (min-width:1024px) { .nav-link-text { position: relative; diff --git a/website/src/img/new/privacy-section-1.svg b/website/src/img/new/privacy-section-1.svg new file mode 100644 index 0000000000..5a325b7e75 --- /dev/null +++ b/website/src/img/new/privacy-section-1.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/src/img/new/privacy-section-2.svg b/website/src/img/new/privacy-section-2.svg new file mode 100644 index 0000000000..13f63beba8 --- /dev/null +++ b/website/src/img/new/privacy-section-2.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/src/img/new/privacy-section-3.svg b/website/src/img/new/privacy-section-3.svg new file mode 100644 index 0000000000..a9c2465b6d --- /dev/null +++ b/website/src/img/new/privacy-section-3.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/website/src/index.html b/website/src/index.html index 00b7aeac57..78016e14ca 100644 --- a/website/src/index.html +++ b/website/src/index.html @@ -2,4 +2,39 @@ layout: layouts/main.html title: "SimpleX Chat" --- -

Hello World

\ No newline at end of file +
+
+

Why privacy matters

+

Preserving the privacy of your meta-data - who you talk with - protect you from:

+
+
+
+ +
+
+

Invasive and manipulative advertising and price discrimination

+ Learn more +
+
+ +
+
+ +
+
+

Manipulation of elections

+
+
+ +
+
+ +
+
+

Protect against prosecution when you are innocent

+
+
+
+

Or choose the app that lets you send stickers and offer lots of fun features in exchange for selling your data to the highest bidder.

+
+
\ No newline at end of file diff --git a/website/tailwind.config.js b/website/tailwind.config.js index 429d08560c..72537a04d1 100644 --- a/website/tailwind.config.js +++ b/website/tailwind.config.js @@ -5,12 +5,21 @@ module.exports = { extend: { backgroundImage: { 'gradient-radial': 'radial-gradient(88.77% 102.03% at 92.64% -13.22%, #17203D 0%, #0C0B13 100%)', - 'gradient-radial-mobile': 'radial-gradient(77.4% 73.09% at -3.68% 100%, #17203D 0%, #0C0B13 100%)' + 'gradient-radial-mobile': 'radial-gradient(77.4% 73.09% at -3.68% 100%, #17203D 0%, #0C0B13 100%)', }, colors: { 'primary-light': '#0053D0', + 'primary-hover-light': '#1661D1', + 'primary-pressed-light': '#407AD2', 'primary-dark': '#70F0F9', - 'black': '#0D0E12' + 'primary-hover-dark': '#66D9E2', + 'primary-pressed-dark': '#52ABB4', + + 'active-blue': '#0197FF', + 'black': '#0D0E12', + 'grey-black': '#3F484B', + 'secondary-bg-light': '#F3F6F7', + 'secondary-bg-dark': '#11182F' } }, },