Merge pull request #224 from alex-beckett/glossary

Glossary update
celestiaorg · Jul 5, 2023 · 08dc0de · 08dc0de
2 parents a0752c1 + 54a2272
commit 08dc0de
Show file tree

Hide file tree

Showing 11 changed files with 685 additions and 0 deletions.
diff --git a/src/datas/glossary/data.js b/src/datas/glossary/data.js
@@ -50,6 +50,18 @@ export const glossaries = [
     },{
         'D':[
             {
+                url: 'da',
+                title: 'DA',
+                text: 'DA stands for Data Availability.',
+            },{
+                url: 'dac',
+                title: 'DAC',
+                text: 'DAC stands for Data Availability Committee.',
+            },{
+                url: 'das',
+                title: 'DAS',
+                text: 'DAS stands for Data Availability Sampling.',
+            },{
                 url: 'data-availability-sampling',
                 title: 'Data availability sampling',
                 text: 'A technique in which nodes can verify that data is available for a block without having to download the entire block, formerly known as data availability proofs.',
@@ -82,6 +94,10 @@ export const glossaries = [
     },{
         'E':[
             {
+                url: 'ee',
+                title: 'EE',
+                text: 'EE stands for Execution Environment.',
+            },{
                 url: 'execution',
                 title: 'Execution',
                 text: 'A function of modular blockchains where transactions are executed and the new state of the chain is determined.',
@@ -133,6 +149,10 @@ export const glossaries = [
                 url: 'inter-cluster-communication',
                 title: 'Inter-cluster communication',
                 text: 'Communication that occurs between blockchains that are in different clusters.',
+            },{
+                url: 'isr',
+                title: 'ISR',
+                text: 'ISR stands for Intermediate State Root.',
             }
         ]
     },{
@@ -173,6 +193,10 @@ export const glossaries = [
                 url: 'namespaced-merkle-tree',
                 title: 'Namespaced Merkle Tree',
                 text: 'A Namespaced Merkle Tree (NMT) is a type of binary Merkle tree where each node in the tree is tagged by the minimum and maximum namespace of their children.',
+            },{
+                url: 'nmt',
+                title: 'NMT',
+                text: 'NMT stands for Namespaced Merkle Tree.',
             },{
                 url: 'node',
                 title: 'Node',
@@ -193,6 +217,10 @@ export const glossaries = [
                 url: 'optimistic-rollup',
                 title: 'Optimistic rollup',
                 text: 'A type of rollup that posts its blocks to a separate chain without any cryptographic proofs that attest to their validity.',
+            },{
+                url: 'oru',
+                title: 'ORU',
+                text: 'ORU stands for Optimistic Rollup.',
             }
         ]
     },{
@@ -201,12 +229,24 @@ export const glossaries = [
                 url: 'peer-to-peer-network',
                 title: 'Peer to peer network',
                 text: 'A network in which nodes are connected and can communicate directly with each other without reliance on a third party to facilitate communication.',
+            },{
+                url: 'pfb',
+                title: 'PFB',
+                text: 'PFB stands for PayforBlob.',
             },{
                 url: 'proof-of-stake',
                 title: 'Proof of Stake',
                 text: 'Proof of Stake is a mechanism that requires blockchain participants to stake a token to participate in consensus.',
             }
         ]
+    },{
+        'Q':[
+            {
+                url: 'qgb',
+                title: 'QGB',
+                text: 'QGB stands for Quantum Gravity Bridge.',
+            }
+        ]
     },{
         'R':[
             {
@@ -333,6 +373,10 @@ export const glossaries = [
                 url: 'zk-rollup',
                 title: 'zk-Rollup',
                 text: 'A type of rollup that posts its blocks to a separate chain with a validity proof that attests to the correctness of the block.',
+            },{
+                url: 'zkr',
+                title: 'ZKR',
+                text: 'ZKR stands for ZK Rollup.',
             }
         ]
     }

diff --git a/src/pages/glossary/da.js b/src/pages/glossary/da.js
@@ -0,0 +1,64 @@
+import * as React from "react"
+
+import {FooterBoxes} from "../../datas/team/content";
+import Layout from "../../components/layout";
+import BreadCrumb from "../../components/breadcrumb";
+import SocialShare from "../../components/socialShare";
+import GlossaryNav from "../../components/glossary-nav";
+import {Helmet} from "react-helmet";
+import twitterCardImage from "../../images/glossary-twitter-card.png";
+
+const title = 'DA';
+
+class GlossaryContent extends React.Component {
+    render() {
+        return (
+            <div className={'glossary-content'}>
+                <p>DA stands for <a href="https://celestia.org/glossary/data-availability/">Data Availability</a>.
+                </p>
+
+            </div>
+        )
+    }
+}
+
+class GlossarySubpage extends React.Component {
+    render() {
+        return (
+            <Layout footerBoxes={FooterBoxes}>
+                <Helmet>
+                    <title>Celestia - {title}</title>
+                    <meta property="og:url" content={this.props.location.href} />
+                    <meta property="og:title" content={'Celestia - '+title} />
+                    <meta property="og:description" content="" />
+                    <meta property="og:image" content={twitterCardImage} />
+
+                    <meta name="twitter:card" content="summary_large_image" />
+                    <meta name="twitter:site" content="@CelestiaOrg" />
+                    <meta name="twitter:title" content={'Celestia - '+title} />
+                    <meta name="twitter:description" content="" />
+                    <meta name="twitter:image" content={twitterCardImage} />
+                </Helmet>
+                <div className={'glossary-subpage'}>
+                    <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
diff --git a/src/pages/glossary/dac.js b/src/pages/glossary/dac.js
@@ -0,0 +1,64 @@
+import * as React from "react"
+
+import {FooterBoxes} from "../../datas/team/content";
+import Layout from "../../components/layout";
+import BreadCrumb from "../../components/breadcrumb";
+import SocialShare from "../../components/socialShare";
+import GlossaryNav from "../../components/glossary-nav";
+import {Helmet} from "react-helmet";
+import twitterCardImage from "../../images/glossary-twitter-card.png";
+
+const title = 'DAC';
+
+class GlossaryContent extends React.Component {
+    render() {
+        return (
+            <div className={'glossary-content'}>
+                <p>DAC stands for <a href="https://celestia.org/glossary/data-availability-committee/">Data Availability Committee</a>.
+                </p>
+
+            </div>
+        )
+    }
+}
+
+class GlossarySubpage extends React.Component {
+    render() {
+        return (
+            <Layout footerBoxes={FooterBoxes}>
+                <Helmet>
+                    <title>Celestia - {title}</title>
+                    <meta property="og:url" content={this.props.location.href} />
+                    <meta property="og:title" content={'Celestia - '+title} />
+                    <meta property="og:description" content="" />
+                    <meta property="og:image" content={twitterCardImage} />
+
+                    <meta name="twitter:card" content="summary_large_image" />
+                    <meta name="twitter:site" content="@CelestiaOrg" />
+                    <meta name="twitter:title" content={'Celestia - '+title} />
+                    <meta name="twitter:description" content="" />
+                    <meta name="twitter:image" content={twitterCardImage} />
+                </Helmet>
+                <div className={'glossary-subpage'}>
+                    <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
diff --git a/src/pages/glossary/das.js b/src/pages/glossary/das.js
@@ -0,0 +1,65 @@
+import * as React from "react"
+
+import {FooterBoxes} from "../../datas/team/content";
+import Layout from "../../components/layout";
+import BreadCrumb from "../../components/breadcrumb";
+import SocialShare from "../../components/socialShare";
+import GlossaryNav from "../../components/glossary-nav";
+import {Helmet} from "react-helmet";
+import twitterCardImage from "../../images/glossary-twitter-card.png";
+
+const title = 'DAS';
+
+class GlossaryContent extends React.Component {
+    render() {
+        return (
+            <div className={'glossary-content'}>
+                <p>DAS stands for <a href="https://celestia.org/glossary/data-availability-sampling/">Data Availability Sampling</a>.
+                </p>
+
+
+            </div>
+        )
+    }
+}
+
+class GlossarySubpage extends React.Component {
+    render() {
+        return (
+            <Layout footerBoxes={FooterBoxes}>
+                <Helmet>
+                    <title>Celestia - {title}</title>
+                    <meta property="og:url" content={this.props.location.href} />
+                    <meta property="og:title" content={'Celestia - '+title} />
+                    <meta property="og:description" content="" />
+                    <meta property="og:image" content={twitterCardImage} />
+
+                    <meta name="twitter:card" content="summary_large_image" />
+                    <meta name="twitter:site" content="@CelestiaOrg" />
+                    <meta name="twitter:title" content={'Celestia - '+title} />
+                    <meta name="twitter:description" content="" />
+                    <meta name="twitter:image" content={twitterCardImage} />
+                </Helmet>
+                <div className={'glossary-subpage'}>
+                    <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
diff --git a/src/pages/glossary/ee.js b/src/pages/glossary/ee.js
@@ -0,0 +1,64 @@
+import * as React from "react"
+
+import {FooterBoxes} from "../../datas/team/content";
+import Layout from "../../components/layout";
+import BreadCrumb from "../../components/breadcrumb";
+import SocialShare from "../../components/socialShare";
+import GlossaryNav from "../../components/glossary-nav";
+import {Helmet} from "react-helmet";
+import twitterCardImage from "../../images/glossary-twitter-card.png";
+
+const title = 'EE';
+
+class GlossaryContent extends React.Component {
+    render() {
+        return (
+            <div className={'glossary-content'}>
+                <p>EE stands for <a href="https://celestia.org/glossary/execution-environment/">Execution Environment</a>.
+                </p>
+
+            </div>
+        )
+    }
+}
+
+class GlossarySubpage extends React.Component {
+    render() {
+        return (
+            <Layout footerBoxes={FooterBoxes}>
+                <Helmet>
+                    <title>Celestia - {title}</title>
+                    <meta property="og:url" content={this.props.location.href} />
+                    <meta property="og:title" content={'Celestia - '+title} />
+                    <meta property="og:description" content="" />
+                    <meta property="og:image" content={twitterCardImage} />
+
+                    <meta name="twitter:card" content="summary_large_image" />
+                    <meta name="twitter:site" content="@CelestiaOrg" />
+                    <meta name="twitter:title" content={'Celestia - '+title} />
+                    <meta name="twitter:description" content="" />
+                    <meta name="twitter:image" content={twitterCardImage} />
+                </Helmet>
+                <div className={'glossary-subpage'}>
+                    <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