diff --git a/constants/metadata.tsx b/constants/metadata.tsx
index d1d33af..e5dc006 100644
--- a/constants/metadata.tsx
+++ b/constants/metadata.tsx
@@ -1,6 +1,11 @@
const METADATA = {
OXEN_HOST_URL: 'https://oxen.io',
TITLE_SUFFIX: 'Oxen | Privacy made simple.',
+ SITE_META_DESCRIPTION:
+ 'Oxen is built by the OPTF, a passionate team of advocates, creatives, and engineers building a world where the internet is open, software is free and accessible, and your privacy is protected. The OPTF also builds other platforms using Oxen technology, and supports other developers in building on Oxen.',
+ ROADMAP: {
+ DESCRIPTION: "View Oxen's plan for the futere here.",
+ },
};
export default METADATA;
diff --git a/constants/navigation.ts b/constants/navigation.ts
index 1712577..94aa19f 100644
--- a/constants/navigation.ts
+++ b/constants/navigation.ts
@@ -122,8 +122,6 @@ const NAVIGATION = {
SIDE_MENU_ITEMS,
BLOG_REGEX: /^\/(blog)([?tag=[\w-]*)?([?&]page=[0-9]{1,3})?/,
POST_REGEX: /^\/(blog\/)(([\w-]{1,100})|(\[slug\]))$/,
- SITE_META_DESCRIPTION:
- 'Oxen is built by the OPTF, a passionate team of advocates, creatives, and engineers building a world where the internet is open, software is free and accessible, and your privacy is protected. The OPTF also builds other platforms using Oxen technology, and supports other developers in building on Oxen.',
};
export default NAVIGATION;
diff --git a/pages/index.tsx b/pages/index.tsx
index 9d40a7e..0a06df6 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -2,7 +2,7 @@ import Head from 'next/head';
import React from 'react';
import { HomeHero } from '../components/HomeHero';
import { HomeHeroBubble } from '../components/HomeHeroBubble';
-import { METADATA, NAVIGATION } from '../constants';
+import { METADATA } from '../constants';
const Index = () => {
return (
@@ -11,7 +11,7 @@ const Index = () => {
{METADATA.TITLE_SUFFIX}
{
/>
-
+
{/* Only visible when no pages are open */}
diff --git a/pages/roadmap.tsx b/pages/roadmap.tsx
index d17b218..7db2289 100644
--- a/pages/roadmap.tsx
+++ b/pages/roadmap.tsx
@@ -1,9 +1,9 @@
import Head from 'next/head';
import React from 'react';
import { useMeasure } from 'react-use';
-import { NAVIGATION } from '../constants';
+import { NAVIGATION, METADATA } from '../constants';
import { SideMenuItem } from '../state/navigation';
-import { generateTitle } from '../utils/metadata';
+import { generateTitle, generateURL } from '../utils/metadata';
function Roadmap() {
const [ref, { width, height }] = useMeasure();
@@ -18,14 +18,29 @@ function Roadmap() {
console.log('roadmap ➡️ width:', width);
console.log('roadmap ➡️ ratio:', aspectRatio);
+ const pageTitle = generateTitle(
+ NAVIGATION.SIDE_MENU_ITEMS[SideMenuItem.ROADMAP].label,
+ );
+ const pageURL = generateURL(
+ NAVIGATION.SIDE_MENU_ITEMS[SideMenuItem.ROADMAP].href,
+ );
+
return (
<>
-
- {generateTitle(
- NAVIGATION.SIDE_MENU_ITEMS[SideMenuItem.ROADMAP].label,
- )}
-
+ {pageTitle}
+
+
+
+
+
+
+
+