Merge pull request #222 from alex-beckett/glossary

Glossary update

src/datas/glossary/data.js

@@ -25,10 +25,18 @@ export const glossaries = [
                 url: 'composability',
                 title: 'Composability',
                 text: 'The ability for applications on a blockchain to read and write state to each other.',
+            },{
+                url: 'consensus',
+                title: 'Consensus',
+                text: 'A function of modular blockchains where the ordering of transactions is agreed upon by a set of validators.',
             },{
                 url: 'consensus-algorithm',
                 title: 'Consensus algorithm',
                 text: 'A consensus algorithm is a set of rules that blockchains use to determine how nodes produce new blocks and agree to finalize them.',
+            },{
+                url: 'consensus-layer',
+                title: 'Consensus layer',
+                text: 'A modular blockchain that provides transaction ordering for other modular blockchains, like rollups.',
             },{
                 url: 'cosmos-sdk',
                 title: 'Cosmos SDK',
@@ -53,6 +61,10 @@ export const glossaries = [
                 url: 'data-availability-committee',
                 title: 'Data availability committee',
                 text: 'A data availability committee (DAC) is a permissioned group of nodes responsible for providing data availability to a blockchain.',
+            },{
+                url: 'data-availability-layer',
+                title: 'Data availability layer',
+                text: 'A blockchain that provides for other types of chains, like rollups.',
             },{
                 url: 'data-throughput',
                 title: 'Data throughput',
@@ -70,9 +82,17 @@ export const glossaries = [
     },{
         'E':[
             {
+                url: 'execution',
+                title: 'Execution',
+                text: 'A function of modular blockchains where transactions are executed and the new state of the chain is determined.',
+            },{
                 url: 'execution-environment',
                 title: 'Execution environment',
                 text: 'The virtual environment within a blockchain where transactions are processed, and accounts and smart contracts live.',
+            },{
+                url: 'execution-layer',
+                title: 'Execution layer',
+                text: 'A type of modular blockchain whose primary job is hosting smart contracts and executing transactions.',
             }
         ]
     },{
@@ -121,6 +141,10 @@ export const glossaries = [
                 url: 'light-client',
                 title: 'Light client',
                 text: 'A type of node that only downloads and verifies block headers, relying on an honest majority assumption that the state of the chain indicated by the block header is valid.',
+            },{
+                url: 'light-node',
+                title: 'Light node',
+                text: 'In Celestia, a light node is a type of node that verifies block headers and does data availability sampling.',
             },{
                 url: 'liveness',
                 title: 'Liveness',
@@ -132,7 +156,15 @@ export const glossaries = [
             {
                 url: 'modular-blockchain',
                 title: 'Modular blockchain',
-                text: 'A type of blockchain that specializes in only a few functions, rather than all of them.',
+                text: 'A type of blockchain that specializes in one or two tasks, rather than all of them.',
+            },{
+                url: 'modular-stack',
+                title: 'Modular stack',
+                text: 'A combination of multiple modular blockchains.',
+            },{
+                url: 'monolithic-blockchain',
+                title: 'Monolithic blockchain',
+                text: 'A type of blockchain that performs all tasks by itself.',
             }
         ]
     },{
@@ -193,6 +225,14 @@ export const glossaries = [
                 url: 'scalability',
                 title: 'Scalability',
                 text: 'Scalability is the ability of a blockchain to increase its capacity without an equal increase in the cost to run a node that verifies the chain.',
+            },{
+                url: 'settlement',
+                title: 'Settlement',
+                text: 'A function of modular blockchains where transaction proofs from rollups are verified and disputes are resolved.',
+            },{
+                url: 'settlement-layer',
+                title: 'Settlement layer',
+                text: 'A modular blockchain whose primary role is to provide proof verification and dispute resolution for rollups.',
             },{
                 url: 'sequencer',
                 title: 'Sequencer',

src/pages/glossary/consensus-layer.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 = 'Consensus layer';
+
+class GlossaryContent extends React.Component {
+    render() {
+        return (
+            <div className={'glossary-content'}>
+                <p>A consensus layer refers to a modular blockchain that provides transaction ordering for other modular blockchains, like <a href="https://celestia.org/glossary/rollup/">rollups</a>. Modular blockchains that are a consensus layer may also provide data availability, like Celestia. ‘Consensus layer’ may also refer to the <a href="https://celestia.org/glossary/consensus-algorithm/">consensus mechanism</a> of a monolithic blockchain.
+                </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

src/pages/glossary/consensus.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 = 'Consensus';
+
+class GlossaryContent extends React.Component {
+    render() {
+        return (
+            <div className={'glossary-content'}>
+                <p>Consensus refers to a function of modular blockchains where the ordering of transactions is agreed upon by a set of <a href="https://celestia.org/glossary/validator/">validators</a>. To agree on the order of transactions in a block, validators follow a <a href="https://celestia.org/glossary/consensus-algorithm/">consensus algorithm</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

src/pages/glossary/data-availability-layer.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 = 'Data availability layer';
+
+class GlossaryContent extends React.Component {
+    render() {
+        return (
+            <div className={'glossary-content'}>
+                <p>A data availability layer refers to a blockchain that provides <a href="https://celestia.org/glossary/data-availability/">data availability</a> for other types of chains, like <a href="https://celestia.org/glossary/rollup/">rollups</a>. In the modular ecosystem, data availability layers make use of technologies like <a href="https://celestia.org/glossary/data-availability-sampling/">data availability sampling</a> to provide scalable and trust-minimized data availability.
+                </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

src/pages/glossary/execution-layer.js

@@ -0,0 +1,67 @@
+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 = 'Execution layer';
+
+class GlossaryContent extends React.Component {
+    render() {
+        return (
+            <div className={'glossary-content'}>
+                <p>An execution layer is a type of modular blockchain whose primary job is hosting smart contracts and executing transactions. A common example of an execution layer is a <a href="https://celestia.org/glossary/rollup/">rollup</a>. Execution layers utilize one or multiple other modular blockchains to fulfill any of the following functions: <a href="https://celestia.org/glossary/settlement/">settlement</a>, <a href="https://celestia.org/glossary/consensus/">consensus</a>, or <a href="https://celestia.org/glossary/data-availability/">data availability</a>.
+                </p>
+
+                <p>An execution layer may also refer to the execution environment of a monolithic blockchain. 
+                </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