diff --git a/landing/landing.css b/landing/landing.css index 4aede5d95..1e7ed5030 100644 --- a/landing/landing.css +++ b/landing/landing.css @@ -1,17 +1,28 @@ html { - overflow: hidden; - height: 100%; background: radial-gradient(ellipse at bottom, #374151, #111827); + background-attachment: fixed; font-family: 'IBM Plex Sans', sans-serif; color: white; } h1, h2 { font-family: 'IBM Plex Mono', monospace; } +div.hero { + background-image: url(../images/hero_illustration.svg); + width: 600px; + height: 600px; +} + +div.server { + background-image: url(../images/server_illustration.svg); + width: 617px; + height: 535px; +} + canvas.particles { position: fixed; z-index: -1; } diff --git a/landing/landing.react.js b/landing/landing.react.js index ab62f9ab7..bb3a3fa22 100644 --- a/landing/landing.react.js +++ b/landing/landing.react.js @@ -1,52 +1,57 @@ // @flow import * as React from 'react'; import Particles from 'react-particles-js'; import css from './landing.css'; import particlesConfig from './particles-config.json'; function Landing(): React.Node { return (

Comm

-

Reclaim your digital identity.

-

- The internet is broken today. Private user data is owned by - mega-corporations and farmed for their benefit. -

-

- E2E encryption has the potential to change this equation. But - it's constrained by a crucial limitation. -

-
+
+
+

Reclaim your digital identity.

+

+ The internet is broken today. Private user data is owned by + mega-corporations and farmed for their benefit. +

+

+ E2E encryption has the potential to change this equation. But + it's constrained by a crucial limitation. +

+
-
-

Apps need servers.

-

- Sophisticated applications rely on servers to do things that your - devices simply can't. -

-

- That's why E2E encryption only works for simple chat apps today. - There's no way to build a robust server layer that has access to - your data without leaking that data to corporations. -

-
+
+
+

Apps need servers.

+

+ Sophisticated applications rely on servers to do things that your + devices simply can't. +

+

+ That's why E2E encryption only works for simple chat apps + today. There's no way to build a robust server layer that has + access to your data without leaking that data to corporations. +

+
-
-

Comm is the keyserver company.

-

In the future, people have their own servers.

-

- Your keyserver is the home of your digital identity. It owns your - private keys and your personal data. It's your password manager, - your crypto wallet, your digital surrogate, and your second brain. -

+
+

Comm is the keyserver company.

+

In the future, people have their own servers.

+

+ Your keyserver is the home of your digital identity. It owns your + private keys and your personal data. It's your password + manager, your crypto wallet, your digital surrogate, and your second + brain. +

+
); } export default Landing; diff --git a/server/images/hero_illustration.svg b/server/images/hero_illustration.svg new file mode 100644 index 000000000..798b55f98 --- /dev/null +++ b/server/images/hero_illustration.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/server/images/server_illustration.svg b/server/images/server_illustration.svg new file mode 100644 index 000000000..8949198cf --- /dev/null +++ b/server/images/server_illustration.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + +