diff --git a/landing/landing.css b/landing/landing.css index f1a63f18c..e59d5dd8a 100644 --- a/landing/landing.css +++ b/landing/landing.css @@ -1,72 +1,95 @@ html { 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; } +h1.title { + font-family: 'IBM Plex Sans', sans-serif; + font-size: 24px; + padding-left: 80px; +} + +span.purple { + color: #7e57c2; +} + +h2.lede { + font-size: 80px; +} + +h2 { + font-size: 60px; +} + +p { + font-size: 24px; +} + div.grid { display: grid; padding: 80px; row-gap: 18em; + column-gap: 4em; grid-template-columns: 1fr 1fr; grid-template-areas: 'hero_copy hero_image' 'server_copy server_image' 'keyserver_copy read_the_docs'; } @media (max-width: 1099px) { div.grid { display: grid; padding: 80px; row-gap: 18em; grid-template-areas: 'hero_image' 'hero_copy' 'server_image' 'server_copy' 'keyserver_copy' 'read_the_docs'; } } div.hero_copy { grid-area: hero_copy; } div.hero_image { grid-area: hero_image; background-image: url(../images/hero_illustration.svg); width: 600px; height: 600px; } div.server_copy { grid-area: server_copy; } div.server_image { grid-area: server_image; background-image: url(../images/server_illustration.svg); width: 617px; height: 535px; } div.keyserver_copy { grid-area: keyserver_copy; } div.read_the_docs { grid-area: read_the_docs; } canvas.particles { position: fixed; z-index: -1; } diff --git a/landing/landing.react.js b/landing/landing.react.js index 589733d79..324e86563 100644 --- a/landing/landing.react.js +++ b/landing/landing.react.js @@ -1,61 +1,64 @@ // @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

+

Comm

-

Reclaim your digital identity.

+

+ 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.

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.

There's gonna be a button here someday.

); } export default Landing;