Updated tagline

rarimo · Apr 9, 2024 · 4d3ecdf · 4d3ecdf
1 parent e73ba9c
commit 4d3ecdf
Show file tree

Hide file tree

Showing 4 changed files with 106 additions and 98 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -18,7 +18,7 @@ function isStaging() {
 }
 
 const metaDescription =
-  'Learn to use cross-chain self-sovereign digital identity protocol, zero-knowledge proofs, RariMe Snap, token bridging, and more.'
+  'Learn to use a privacy-first social protocol, which seamlessly combines various identity standards and forms a private but verifiable social graph.'
 
 /** @type {import('@docusaurus/types').Config} */
 module.exports = {
@@ -32,7 +32,9 @@ module.exports = {
   favicon: 'img/logo-icon.png',
   noIndex: isStaging(),
   trailingSlash: true,
-
+  customFields: {
+    whitepaperUrl: 'https://docs.rarimo.com/files/Rarimo_whitepaper_v3.pdf'
+  },
   organizationName: 'rarimo',
   projectName: 'docs',
 
@@ -207,8 +209,8 @@ module.exports = {
     [
       require.resolve('@docusaurus/plugin-ideal-image'),
       {
-        max: 1920, 
-        min: 720, 
+        max: 1920,
+        min: 720,
         steps: 3,
         disableInDev: false,
       },

diff --git a/sidebars.js b/sidebars.js
@@ -1,6 +1,8 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 
+const config = require('./docusaurus.config')
+
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
 const sidebars = {
   sidebar: [
@@ -167,7 +169,7 @@ const sidebars = {
         {
           type: 'link',
           label: 'Whitepaper',
-          href: 'https://docs.rarimo.com/files/Rarimo_whitepaper_v3.pdf',
+          href: config.customFields.whitepaperUrl,
         },
         'resources/audits',
         'resources/glossary',

diff --git a/src/const/index.ts b/src/const/index.ts
@@ -1,4 +1,2 @@
 export * from "./swiper.const";
 export * from "./blockchains.const";
-
-export const whitepaperLink = "https://docs.rarimo.com/files/Rarimo_whitepaper_v3.pdf";
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,7 +1,7 @@
 import 'aos/dist/aos.css'
 import 'swiper/css'
 
-import {whitepaperLink} from '@site/src/const'
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import BrowserOnly from '@docusaurus/BrowserOnly'
 import Building from '@site/src/components/Building'
 import CardsSection from '@site/src/components/CardsSection'
@@ -29,99 +29,101 @@ import styles from './index.module.css'
 
 register()
 
-const baseLayerCards: HomeCard[] = [
-  {
-    id: 'identity-protocol',
-    title: 'Identity Protocol',
-    IconName: UserIcon,
-    list: [
-      [
-        'Implements W3C DID standard',
-        'Enhanced privacy with zero-knowledge proofs',
-        'On-chain ZKPs available on any supported EVM chain',
-        'Timed SBTs for interoperability with existing platforms',
-      ],
-    ],
-    url: '/products/identity-protocol/',
-  },
-  {
-    id: 'rarime',
-    title: 'RariMe',
-    IconName: ShieldIcon,
-    list: [
-      [
-        'Universal wallet for digital indentites',
-        'Lives in your MetaMask',
-        'Zero-Knowledge proofs of identity',
-        'Dashboard for managing your credentials, SBTs and more',
-      ],
-    ],
-    url: '/products/rarime/',
-  },
-  {
-    id: 'base-layer',
-    title: 'Base Layer',
-    IconName: LayersIcon,
-    list: [
-      [
-        'Efficient cross-chain messaging',
-        'Decentralized Oracles',
-        'Proof of Stake Consensus',
+function makeBaseLayerCards(whitepaperUrl: string): HomeCard[] {
+  return [
+    {
+      id: 'identity-protocol',
+      title: 'Identity Protocol',
+      IconName: UserIcon,
+      list: [
+        [
+          'Implements W3C DID standard',
+          'Enhanced privacy with zero-knowledge proofs',
+          'On-chain ZKPs available on any supported EVM chain',
+          'Timed SBTs for interoperability with existing platforms',
+        ],
       ],
-      [
-        'EVM-compatible smart contracts',
-        'Instant finality',
-        'Cost-efficient signature scheme (TSS)',
+      url: '/products/identity-protocol/',
+    },
+    {
+      id: 'rarime',
+      title: 'RariMe',
+      IconName: ShieldIcon,
+      list: [
+        [
+          'Universal wallet for digital indentites',
+          'Lives in your MetaMask',
+          'Zero-Knowledge proofs of identity',
+          'Dashboard for managing your credentials, SBTs and more',
+        ],
       ],
-      [
-        <span
-          className={clsx(
-            'homepage-base-layer__text',
-            styles.homepageBaseLayerText
-          )}
-          key={0}
-        >
-          Supported chains
-        </span>,
-        <span
-          className={clsx(
-            'homepage-base-layer__blockchains',
-            styles.homepageBaseLayerBlockchains
-          )}
-          key={1}
-        >
-          {blockchains.map(({ IconComponent, alt }, idx) => (
-            <IconComponent
-              key={idx}
-              className={styles.homeCardSvg}
-              role="img"
-              aria-label={alt}
-            />
-          ))}
-        </span>,
+      url: '/products/rarime/',
+    },
+    {
+      id: 'base-layer',
+      title: 'Base Layer',
+      IconName: LayersIcon,
+      list: [
+        [
+          'Efficient cross-chain messaging',
+          'Decentralized Oracles',
+          'Proof of Stake Consensus',
+        ],
+        [
+          'EVM-compatible smart contracts',
+          'Instant finality',
+          'Cost-efficient signature scheme (TSS)',
+        ],
+        [
+          <span
+            className={clsx(
+              'homepage-base-layer__text',
+              styles.homepageBaseLayerText
+            )}
+            key={0}
+          >
+            Supported chains
+          </span>,
+          <span
+            className={clsx(
+              'homepage-base-layer__blockchains',
+              styles.homepageBaseLayerBlockchains
+            )}
+            key={1}
+          >
+            {blockchains.map(({ IconComponent, alt }, idx) => (
+              <IconComponent
+                key={idx}
+                className={styles.homeCardSvg}
+                role="img"
+                aria-label={alt}
+              />
+            ))}
+          </span>,
+        ],
       ],
-    ],
-    url: '/products/base-layer/',
-    after: (
-      <>
-        <a
-          href={whitepaperLink}
-          className={clsx('heroButtonSecondary', styles.linksButton)}
-        >
-          Whitepaper
-        </a>
-        <a
-          href={'https://scan.rarimo.com/proposals'}
-          rel="nofollow noopener noreferrer"
-          className={clsx('heroButtonSecondary', styles.linksButton)}
-          target="_blank"
-        >
-          Protocol Proposals
-        </a>
-      </>
-    ),
-  },
-]
+      url: '/products/base-layer/',
+      after: (
+        <>
+          <a
+            href={whitepaperUrl}
+            className={clsx('heroButtonSecondary', styles.linksButton)}
+          >
+            Whitepaper
+          </a>
+          <a
+            href={'https://scan.rarimo.com/proposals'}
+            rel="nofollow noopener noreferrer"
+            className={clsx('heroButtonSecondary', styles.linksButton)}
+            target="_blank"
+          >
+            Protocol Proposals
+          </a>
+        </>
+      ),
+    },
+  ]
+}
 
 const ecosystemCards: HomeCard[] = [
   {
@@ -177,6 +179,10 @@ const ecosystemCards: HomeCard[] = [
 
 export default function Home(): JSX.Element {
   const light = useRef(null)
+  const {siteConfig} = useDocusaurusContext();
+  const whitepaperUrl: string = typeof siteConfig.customFields?.whitepaperUrl === 'string' ? siteConfig.customFields?.whitepaperUrl : '#';
+  const baseLayerCards = makeBaseLayerCards(whitepaperUrl);
+
   return (
     <>
       <div className="bgImage">