Merge branch 'hotfix/meta-title-fixes' into dev

celestiaorg · Jul 17, 2023 · fbe0a62 · fbe0a62
2 parents 14029cb + b2d0b67
commit fbe0a62
Show file tree

Hide file tree

Showing 105 changed files with 177 additions and 71 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -1,15 +1,10 @@
 module.exports = {
-  siteMetadata: {
-    siteUrl: "https://celestia.org",
-    title: "Celestia",
-  },
-
   siteMetadata: {
     title: `The first modular blockchain network`,
     description: `Celestia is a modular consensus and data network, built to enable anyone to easily deploy their own blockchain with minimal overhead.`,
     author: `@CelestiaOrg`,
-    siteUrl: `https://celestia.org`,
-    // siteUrl: `https://dev.lazyledger.org`, // <-- switch to this url for OG meta previews on https://dev.lazyledger.org
+    // siteUrl: `https://celestia.org`,
+    siteUrl: `https://dev.lazyledger.org`, // <-- switch to this url for OG meta previews on https://dev.lazyledger.org
     image: `/celestia-default-og-image.jpg`,
   },
 
@@ -82,7 +77,9 @@ module.exports = {
     {
       resolve: 'gatsby-plugin-robots-txt',
       options: {
+        // host: "https://celestia.org",
         host: "https://dev.lazyledger.org",
+        // sitemap: "https://celestia.org/sitemap.xml",
         sitemap: "https://dev.lazyledger.org/sitemap.xml",
         output: "/robots.txt",
         policy: [{ userAgent: '*', allow: '/' }]

diff --git a/src/components/seo.js b/src/components/seo.js
@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 import React from "react";
 import { Helmet } from "react-helmet";
 
-function SEO({ description, lang, meta, title, image }) {
+function SEO({ description, lang, meta, title, image, ogTitle }) {
 	const { site } = useStaticQuery(graphql`
 		query DefaultSEOQuery {
 			site {
@@ -19,6 +19,7 @@ function SEO({ description, lang, meta, title, image }) {
 	`);
 
 	const metaTitle = title || site.siteMetadata.title;
+	const metaOgTitle = ogTitle || site.siteMetadata.title;
 	const metaDescription = description || site.siteMetadata.description;
 	const metaImage = image ? site.siteMetadata.siteUrl + image : site.siteMetadata.siteUrl + site.siteMetadata.image;
 
@@ -34,7 +35,7 @@ function SEO({ description, lang, meta, title, image }) {
 				},
 				{
 					property: `og:title`,
-					content: metaTitle,
+					content: metaOgTitle,
 				},
 				{
 					property: `og:description`,
@@ -54,7 +55,7 @@ function SEO({ description, lang, meta, title, image }) {
 				},
 				{
 					name: `twitter:title`,
-					content: metaTitle,
+					content: metaOgTitle,
 				},
 				{
 					name: `twitter:site`,
@@ -65,9 +66,8 @@ function SEO({ description, lang, meta, title, image }) {
 					content: metaDescription,
 				},
 			]
-				.concat(meta)}
+			.concat(meta)}
 			title={metaTitle}
-			titleTemplate={`%s | ${site.siteMetadata.title}`}
 		/>
 	);
 }
@@ -84,6 +84,7 @@ SEO.propTypes = {
     lang: PropTypes.string,
     meta: PropTypes.array,
     title: PropTypes.string.isRequired,
+	ogTitle: PropTypes.string,
     image: PropTypes.string,
 };
 

diff --git a/src/datas/careers/seoContent.js b/src/datas/careers/seoContent.js
@@ -1,5 +1,6 @@
 export const seoContent = {
-	title: "Careers | celestia.org",
+	title: "Celestia - Careers",
+	ogTitle: "Careers | celestia.org",
 	description: "Join our team of leading engineers, researchers, and entrepreneurs in pioneering the first modular blockchain design.",
     image: "/celestia-default-og-image.jpg",
 };
diff --git a/src/datas/community/seoContent.js b/src/datas/community/seoContent.js
@@ -1,5 +1,6 @@
 export const seoContent = {
-	title: "Community | celestia.org",
+	title: "Celestia - Community",
+	ogTitle: "Community | celestia.org",
 	description: "Discover community hubs, discussion forums, and resources that are used by the global Celestia community.",
     image: "/celestia-default-og-image.jpg",
 };
diff --git a/src/datas/developer-portal/seoContent.js b/src/datas/developer-portal/seoContent.js
@@ -1,5 +1,6 @@
 export const seoContent = {
-	title: "Developer Portal | celestia.org",
+	title: "Celestia - Developer Portal",
+	ogTitle: "Developer Portal | celestia.org",
 	description: "The homepage for Celestia developers. Tutorials. Resources. Community.",
     image: "/developer-portal-og-image.jpg",
 };
diff --git a/src/datas/ecosystem/seoContent.js b/src/datas/ecosystem/seoContent.js
@@ -1,5 +1,6 @@
 export const seoContent = {
-	title: "Ecosystem | celestia.org",
+	title: "Celestia - Ecosystem",
+	ogTitle: "Ecosystem | celestia.org",
 	description: "Celestia Ecosystem provides a wide range of apps and services built in the Celestia ecosystem.",
     image: "/ecosystem-og-image.jpg",
 };
diff --git a/src/datas/faq/seoContent.js b/src/datas/faq/seoContent.js
@@ -1,5 +1,6 @@
 export const seoContent = {
-	title: "FAQ | celestia.org",
+	title: "Celestia - FAQ",
+	ogTitle: "FAQ | celestia.org",
 	description: "Find answers to frequently asked questions about Celestia.",
     image: "/celestia-default-og-image.jpg",
 };
diff --git a/src/datas/glossary/seoContent.js b/src/datas/glossary/seoContent.js
@@ -1,5 +1,6 @@
 export const seoContent = {
-	title: "Glossary | celestia.org",
+	title: "Celestia - Glossary",
+	ogTitle: "Glossary | celestia.org",
 	description: "Explore new terms about Celestia and modular blockchains.",
     image: "/celestia-default-og-image.jpg",
 };
diff --git a/src/datas/home/seoContent.js b/src/datas/home/seoContent.js
@@ -1,5 +1,6 @@
 export const seoContent = {
-	title: "Home | celestia.org",
+	title: "Celestia - Home",
+	ogTitle: "Home | celestia.org",
 	description: "Celestia is a modular consensus and data network, built to enable anyone to easily deploy their own blockchain with minimal overhead.",
     image: "/celestia-default-og-image.jpg",
 };
diff --git a/src/datas/press/seoContent.js b/src/datas/press/seoContent.js
@@ -1,5 +1,6 @@
 export const seoContent = {
-	title: "Press | celestia.org",
+	title: "Celestia - Press",
+	ogTitle: "Press | celestia.org",
 	description: "Find branding, news, social channels, and press contacts.",
     image: "/celestia-default-og-image.jpg",
 };
diff --git a/src/datas/resources/seoContent.js b/src/datas/resources/seoContent.js
@@ -1,5 +1,6 @@
 export const seoContent = {
-	title: "Resources | celestia.org",
+	title: "Celestia - Resources",
+	ogTitle: "Resources | celestia.org",
 	description: "Explore blog posts, podcasts episodes, YouTube videos, and research papers about the Celestia network.",
     image: "/celestia-default-og-image.jpg",
 };
diff --git a/src/datas/team/seoContent.js b/src/datas/team/seoContent.js
@@ -1,5 +1,6 @@
 export const seoContent = {
-	title: "Team | celestia.org",
+	title: "Celestia - Team",
+	ogTitle: "Team | celestia.org",
 	description: "Meet the team building the Celestia network.",
     image: "/celestia-default-og-image.jpg",
 };
diff --git a/src/datas/technology/seoContent.js b/src/datas/technology/seoContent.js
@@ -1,5 +1,6 @@
 export const seoContent = {
-	title: "Technology | celestia.org",
+	title: "Celestia - Technology",
+	ogTitle: "Technology | celestia.org",
 	description: "Learn about the core technology powering Celestia's new modular blockchain architecture.",
     image: "/celestia-default-og-image.jpg",
 };
diff --git a/src/datas/what-is-celestia/seoContent.js b/src/datas/what-is-celestia/seoContent.js
@@ -1,5 +1,6 @@
 export const seoContent = {
-	title: "What is Celestia? | celestia.org",
+	title: "Celestia - What is Celestia?",
+	ogTitle: "What is Celestia? | celestia.org",
 	description: "A complete beginner's guide to how Celestia works, its key benefits, and how anyone in the world will be able to create their own blockchain in minutes.",
     image: "/what-is-celestia-og-image.jpg",
-};
+};
diff --git a/src/pages/careers.js b/src/pages/careers.js
@@ -46,6 +46,7 @@ const CareersPage = () => {
             <SEO
 				title={seoContent.title}
 				description={seoContent.description}
+                ogTitle={seoContent.ogTitle}
 				image={seoContent.image}
 			/>
             <div className={'careers-page'}>

diff --git a/src/pages/community.js b/src/pages/community.js
@@ -19,6 +19,7 @@ const Community = () => {
 			<SEO
 				title={seoContent.title}
 				description={seoContent.description}
+                ogTitle={seoContent.ogTitle}
 				image={seoContent.image}
 			/>
 			<div className={"community-page"}>

diff --git a/src/pages/developer-portal.js b/src/pages/developer-portal.js
@@ -23,6 +23,7 @@ const DevPortal = () => {
 			<SEO
 				title={seoContent.title}
 				description={seoContent.description}
+                ogTitle={seoContent.ogTitle}
 				image={seoContent.image}
 			/>
 			<div className={"developer-portal"}>

diff --git a/src/pages/ecosystem.js b/src/pages/ecosystem.js
@@ -47,6 +47,7 @@ const EcosystemPage = () => {
 			<SEO
 				title={seoContent.title}
 				description={seoContent.description}
+                ogTitle={seoContent.ogTitle}
 				image={seoContent.image}
 			/>
 			<div className={"ecosystem-page"}>

diff --git a/src/pages/faq.js b/src/pages/faq.js
@@ -13,6 +13,7 @@ const TeamPage = () => {
             <SEO
 				title={seoContent.title}
 				description={seoContent.description}
+                ogTitle={seoContent.ogTitle}
 				image={seoContent.image}
 			/>
             <div className={'faq-page'}>

diff --git a/src/pages/glossary.js b/src/pages/glossary.js
@@ -252,7 +252,12 @@ class GlossaryPage extends React.Component {
 	render() {
 		return (
 			<Layout footerBoxes={FooterBoxes}>
-				<SEO title={seoContent.title} description={seoContent.description} image={seoContent.image} />
+				<SEO
+				title={seoContent.title}
+				description={seoContent.description}
+                ogTitle={seoContent.ogTitle}
+				image={seoContent.image}
+			/>
 				<div className={"glossary-page"}>
 					<main>
 						<div className={"container"}>

diff --git a/src/pages/glossary/block-header.js b/src/pages/glossary/block-header.js
@@ -30,6 +30,7 @@ class GlossarySubpage extends React.Component {
                 <SEO
                     title={'Celestia - '+title}
                     description={seoContent.description}
+                    ogTitle={'Celestia - '+title}
                     image={seoContent.image}
                 />
                 <div className={'glossary-subpage'}>

diff --git a/src/pages/glossary/block-producer.js b/src/pages/glossary/block-producer.js
@@ -30,6 +30,7 @@ class GlossarySubpage extends React.Component {
                 <SEO
                     title={'Celestia - '+title}
                     description={seoContent.description}
+                    ogTitle={'Celestia - '+title}
                     image={seoContent.image}
                 />
                 <div className={'glossary-subpage'}>

diff --git a/src/pages/glossary/block-space.js b/src/pages/glossary/block-space.js
@@ -30,6 +30,7 @@ class GlossarySubpage extends React.Component {
                 <SEO
                     title={'Celestia - '+title}
                     description={seoContent.description}
+                    ogTitle={'Celestia - '+title}
                     image={seoContent.image}
                 />
                 <div className={'glossary-subpage'}>

diff --git a/src/pages/glossary/blockchain-cluster.js b/src/pages/glossary/blockchain-cluster.js
@@ -35,6 +35,7 @@ class GlossaryContent extends React.Component {
                 <SEO
                     title={'Celestia - '+title}
                     description={seoContent.description}
+                    ogTitle={'Celestia - '+title}
                     image={seoContent.image}
                 />
                 <div className={'glossary-subpage'}>

diff --git a/src/pages/glossary/composability.js b/src/pages/glossary/composability.js
@@ -1,6 +1,6 @@
-import * as React from "react"
+import * as React from "react";
 
-import {FooterBoxes} from "../../datas/team/content";
+import { FooterBoxes } from "../../datas/team/content";
 import Layout from "../../components/layout";
 import BreadCrumb from "../../components/breadcrumb";
 import SocialShare from "../../components/socialShare";
@@ -9,53 +9,55 @@ import GlossaryNav from "../../components/glossary-nav";
 import { seoContent } from "../../datas/glossary/seoContent";
 import SEO from "../../components/seo";
 
-
-const title = 'Composability';
+const title = "Composability";
 
 class GlossaryContent extends React.Component {
-    render() {
-        return (
-            <div className={'glossary-content'}>
-                <p>The ability for applications on a blockchain to read and write state to each other. Composability allows applications to coordinate with and build on top of one another such that it enables an ecosystem of interconnected applications.
-                </p>
-
-                <p>For example, an application that automates liquidity strategies on Uniswap requires it to be reading and writing the state of Uniswap’s contracts.
-                </p>
-
-            </div>
-        )
-    }
+	render() {
+		return (
+			<div className={"glossary-content"}>
+				<p>
+					The ability for applications on a blockchain to read and write state to each other. Composability allows applications to
+					coordinate with and build on top of one another such that it enables an ecosystem of interconnected applications.
+				</p>
+
+				<p>
+					For example, an application that automates liquidity strategies on Uniswap requires it to be reading and writing the state of
+					Uniswap’s contracts.
+				</p>
+			</div>
+		);
+	}
 }
 
 class GlossarySubpage extends React.Component {
-    render() {
-        return (
-            <Layout footerBoxes={FooterBoxes}>
-                <div className={'glossary-subpage'}>
-                    <SEO
-                        title={'Celestia - '+title}
-                        description={seoContent.description}
-                        image={seoContent.image}
-                    />
-                    <main>
-                        <div className={'container'}>
-                            <BreadCrumb title={title}/>
-                            <h1 className={'main mb-4'}>{title}</h1>
-
-                            <SocialShare title={title} url={this.props.location.href}/>
-
-                            <GlossaryContent/>
-
-                        </div>
-
-                        <div className={'container wide'}>
-                            <GlossaryNav url={this.props.location.state && this.props.location.state.url}/>
-                        </div>
-                    </main>
-                </div>
-            </Layout>
-        )
-    }
+	render() {
+		return (
+			<Layout footerBoxes={FooterBoxes}>
+				<div className={"glossary-subpage"}>
+					<SEO
+						title={"Celestia - " + title}
+						description={seoContent.description}
+						ogTitle={"Celestia - " + title}
+						image={seoContent.image}
+					/>
+					<main>
+						<div className={"container"}>
+							<BreadCrumb title={title} />
+							<h1 className={"main mb-4"}>{title}</h1>
+
+							<SocialShare title={title} url={this.props.location.href} />
+
+							<GlossaryContent />
+						</div>
+
+						<div className={"container wide"}>
+							<GlossaryNav url={this.props.location.state && this.props.location.state.url} />
+						</div>
+					</main>
+				</div>
+			</Layout>
+		);
+	}
 }
 
-export default GlossarySubpage
+export default GlossarySubpage;
diff --git a/src/pages/glossary/consensus-algorithm.js b/src/pages/glossary/consensus-algorithm.js
@@ -31,6 +31,7 @@ class GlossarySubpage extends React.Component {
                 <SEO
                     title={'Celestia - '+title}
                     description={seoContent.description}
+                    ogTitle={'Celestia - '+title}
                     image={seoContent.image}
                 />
                 <div className={'glossary-subpage'}>

diff --git a/src/pages/glossary/consensus-layer.js b/src/pages/glossary/consensus-layer.js
@@ -30,6 +30,7 @@ class GlossarySubpage extends React.Component {
                 <SEO
                     title={'Celestia - '+title}
                     description={seoContent.description}
+                    ogTitle={'Celestia - '+title}
                     image={seoContent.image}
                 />
                 <div className={'glossary-subpage'}>

diff --git a/src/pages/glossary/consensus.js b/src/pages/glossary/consensus.js
@@ -30,6 +30,7 @@ class GlossarySubpage extends React.Component {
                 <SEO
                     title={'Celestia - '+title}
                     description={seoContent.description}
+                    ogTitle={'Celestia - '+title}
                     image={seoContent.image}
                 />
                 <div className={'glossary-subpage'}>