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 @@ -11,11 +11,11 @@ +infoStyle: string, }; -export const assetUrl = 'https://dh9fld3hutpxf.cloudfront.net'; +export const assetsCacheURLPrefix = 'https://dh9fld3hutpxf.cloudfront.net'; export const assetMetaData = [ { alt: 'a mobile phone screen highlighting chat and DAO voting', - url: `${assetUrl}/Header`, + url: `${assetsCacheURLPrefix}/Header`, imageStyle: css.heroImage, infoStyle: css.heroInfo, title: 'Header', @@ -23,7 +23,7 @@ }, { alt: 'a mobile phone screen highlighting chat organization', - url: `${assetUrl}/Federated`, + url: `${assetsCacheURLPrefix}/Federated`, imageStyle: css.federatedImage, infoStyle: css.federatedInfo, title: 'Federated', @@ -34,7 +34,7 @@ }, { alt: 'a web app screen highlighting web3 apps in Comm', - url: `${assetUrl}/Customizable`, + url: `${assetsCacheURLPrefix}/Customizable`, imageStyle: css.customizableImage, infoStyle: css.customizableInfo, title: 'Customizable', @@ -43,7 +43,7 @@ }, { alt: 'a mobile phone screen highlighting a conversation', - url: `${assetUrl}/E2E-encrypted`, + url: `${assetsCacheURLPrefix}/E2E-encrypted`, imageStyle: css.encryptedImage, infoStyle: css.encryptedInfo, title: 'E2E-encrypted', @@ -52,7 +52,7 @@ }, { alt: 'a mobile phone user information screen', - url: `${assetUrl}/Sovereign`, + url: `${assetsCacheURLPrefix}/Sovereign`, imageStyle: css.sovereignImage, infoStyle: css.sovereignInfo, title: 'Sovereign', @@ -61,7 +61,7 @@ }, { alt: 'a web app screen highlighting web3 apps in Comm', - url: `${assetUrl}/Open-Source`, + url: `${assetsCacheURLPrefix}/Open-Source`, imageStyle: css.openSourceImage, infoStyle: css.openSourceInfo, title: 'Open Source', @@ -70,7 +70,7 @@ }, { alt: 'a mobile phone notification options screen', - url: `${assetUrl}/Less-Noisy`, + url: `${assetsCacheURLPrefix}/Less-Noisy`, imageStyle: css.lessNoisyImage, infoStyle: css.lessNoisyInfo, title: 'Less Noisy', diff --git a/landing/keyservers.react.js b/landing/keyservers.react.js --- a/landing/keyservers.react.js +++ b/landing/keyservers.react.js @@ -3,7 +3,7 @@ import { create } from '@lottiefiles/lottie-interactivity'; import * as React from 'react'; -import { assetUrl } from './asset-meta-data'; +import { assetsCacheURLPrefix } from './asset-meta-data'; import css from './keyservers.css'; import ReadDocsButton from './read-docs-btn.react'; import StarBackground from './star-background.react'; @@ -76,7 +76,7 @@ id="eye-illustration" ref={setEyeNode} mode="normal" - src={`${assetUrl}/animated_eye.json`} + src={`${assetsCacheURLPrefix}/animated_eye.json`} speed={1} /> @@ -100,7 +100,7 @@ id="cloud-illustration" ref={setCloudNode} mode="normal" - src={`${assetUrl}/animated_cloud.json`} + src={`${assetsCacheURLPrefix}/animated_cloud.json`} speed={1} /> diff --git a/landing/read-docs-btn.react.js b/landing/read-docs-btn.react.js --- a/landing/read-docs-btn.react.js +++ b/landing/read-docs-btn.react.js @@ -2,7 +2,7 @@ import * as React from 'react'; -import { assetUrl } from './asset-meta-data'; +import { assetsCacheURLPrefix } from './asset-meta-data'; import css from './read-docs-btn.css'; function ReadDocsButton(): React.Node { @@ -13,7 +13,10 @@ > );