diff --git a/landing/app-landing.react.js b/landing/app-landing.react.js
--- a/landing/app-landing.react.js
+++ b/landing/app-landing.react.js
@@ -4,22 +4,13 @@
import { assetMetaData } from './asset-meta-data.js';
import HeroContent from './hero-content.react.js';
-import InfoBlock from './info-block.react.js';
import css from './landing.css';
import Picture from './Picture.react.js';
import usePreloadAssets from './use-pre-load-assets.react.js';
function AppLanding(): React.Node {
usePreloadAssets(assetMetaData);
- const [
- hero,
- federated,
- customizable,
- encrypted,
- sovereign,
- openSource,
- lessNoisy,
- ] = assetMetaData;
+ const [hero] = assetMetaData;
return (
<main className={css.wrapper}>
@@ -27,12 +18,6 @@
<Picture url={hero.url} alt={hero.alt} />
</div>
<HeroContent />
- <InfoBlock {...federated} />
- <InfoBlock {...customizable} />
- <InfoBlock {...encrypted} />
- <InfoBlock {...sovereign} />
- <InfoBlock {...openSource} />
- <InfoBlock {...lessNoisy} />
</main>
);
}
diff --git a/landing/asset-meta-data.js b/landing/asset-meta-data.js
--- a/landing/asset-meta-data.js
+++ b/landing/asset-meta-data.js
@@ -21,60 +21,4 @@
title: 'Header',
description: '',
},
- {
- alt: 'a mobile phone screen highlighting chat organization',
- url: `${assetsCacheURLPrefix}/Federated`,
- imageStyle: css.federatedImage,
- infoStyle: css.federatedInfo,
- title: 'Federated',
- description: `Comm is a protocol paired with an app.
- Each community hosts its own backend,
- which we call a keyserver.
- Our keyserver software is built to be forked.`,
- },
- {
- alt: 'a web app screen highlighting web3 apps in Comm',
- url: `${assetsCacheURLPrefix}/Customizable`,
- imageStyle: css.customizableImage,
- infoStyle: css.customizableInfo,
- title: 'Customizable',
- description: `Write mini-apps and custom modules in React.
- Skin your community. Customize your tabs and your home page.`,
- },
- {
- alt: 'a mobile phone screen highlighting a conversation',
- url: `${assetsCacheURLPrefix}/E2E-encrypted`,
- imageStyle: css.encryptedImage,
- infoStyle: css.encryptedInfo,
- title: 'E2E-encrypted',
- description: `Comm started as a project to build a private, decentralized
- alternative to Discord. Privacy is in our DNA.`,
- },
- {
- alt: 'a mobile phone user information screen',
- url: `${assetsCacheURLPrefix}/Sovereign`,
- imageStyle: css.sovereignImage,
- infoStyle: css.sovereignInfo,
- title: 'Sovereign',
- description: `Log in with your wallet. Use ENS as your username. On Comm,
- your identity and data are yours to control.`,
- },
- {
- alt: 'a web app screen highlighting web3 apps in Comm',
- url: `${assetsCacheURLPrefix}/Open-Source`,
- imageStyle: css.openSourceImage,
- infoStyle: css.openSourceInfo,
- title: 'Open Source',
- description: `All of our code is open source. Keyservers, iOS/Android app, our
- cloud services… all of it. We believe in open platforms.`,
- },
- {
- alt: 'a mobile phone notification options screen',
- url: `${assetsCacheURLPrefix}/Less-Noisy`,
- imageStyle: css.lessNoisyImage,
- infoStyle: css.lessNoisyInfo,
- title: 'Less Noisy',
- description: `We let each user decide what they want to follow with detailed
- notif controls and a powerful unified inbox.`,
- },
];
diff --git a/landing/landing.css b/landing/landing.css
--- a/landing/landing.css
+++ b/landing/landing.css
@@ -40,14 +40,7 @@
grid-template-rows: repeat(auto-fill, 1fr);
column-gap: 1.5%;
row-gap: 75px;
- grid-template-areas:
- '. hImg hImg hImg hImg . hInfo hInfo hInfo hInfo hInfo hInfo hInfo .'
- '. fImg fImg fImg fImg fImg . fInfo fInfo fInfo fInfo fInfo fInfo .'
- '. cInfo cInfo cInfo cInfo cInfo cInfo . cImg cImg cImg cImg cImg cImg'
- '. eImg eImg eImg eImg eImg . eInfo eInfo eInfo eInfo eInfo eInfo .'
- '. sInfo sInfo sInfo sInfo sInfo sInfo . sImg sImg sImg sImg sImg .'
- 'oImg oImg oImg oImg oImg oImg . oInfo oInfo oInfo oInfo oInfo oInfo .'
- '. lInfo lInfo lInfo lInfo lInfo lInfo . lImg lImg lImg lImg lImg .';
+ grid-template-areas: '. hImg hImg hImg hImg . hInfo hInfo hInfo hInfo hInfo hInfo hInfo .';
}
@media screen and (max-width: 1099px) {
@@ -62,20 +55,7 @@
grid-template-rows: repeat(auto-fill, 1fr);
column-gap: 1.5%;
row-gap: 75px;
- grid-template-areas:
- '. hInfo hInfo hInfo hInfo hInfo hInfo .'
- '. fInfo fInfo fInfo fInfo fInfo fInfo .'
- '. fImg fImg fImg fImg fImg fImg .'
- '. cInfo cInfo cInfo cInfo cInfo cInfo .'
- '. cImg cImg cImg cImg cImg cImg cImg'
- '. eInfo eInfo eInfo eInfo eInfo eInfo .'
- '. eImg eImg eImg eImg eImg eImg .'
- '. sInfo sInfo sInfo sInfo sInfo sInfo .'
- '. sImg sImg sImg sImg sImg sImg .'
- '. oInfo oInfo oInfo oInfo oInfo oInfo .'
- 'oImg oImg oImg oImg oImg oImg oImg .'
- '. lInfo lInfo lInfo lInfo lInfo lInfo .'
- '. lImg lImg lImg lImg lImg lImg .';
+ grid-template-areas: '. hInfo hInfo hInfo hInfo hInfo hInfo .';
}
.heroImage {
@@ -87,19 +67,6 @@
flex-direction: column;
padding-bottom: 1.5rem;
}
-
- .federatedImage {
- justify-self: center;
- }
-
- .encryptedImage {
- justify-self: center;
- max-width: 585px;
- }
-
- .sovereignImage {
- justify-self: center;
- }
}
.heroImage {
@@ -109,51 +76,3 @@
.heroInfo {
grid-area: hInfo;
}
-
-.federatedImage {
- grid-area: fImg;
-}
-
-.federatedInfo {
- grid-area: fInfo;
-}
-
-.customizableImage {
- grid-area: cImg;
-}
-
-.customizableInfo {
- grid-area: cInfo;
-}
-
-.encryptedImage {
- grid-area: eImg;
-}
-
-.encryptedInfo {
- grid-area: eInfo;
-}
-
-.sovereignImage {
- grid-area: sImg;
-}
-
-.sovereignInfo {
- grid-area: sInfo;
-}
-
-.openSourceImage {
- grid-area: oImg;
-}
-
-.openSourceInfo {
- grid-area: oInfo;
-}
-
-.lessNoisyImage {
- grid-area: lImg;
-}
-
-.lessNoisyInfo {
- grid-area: lInfo;
-}