diff --git a/app/components/client/ecosystem-scripts.js b/app/components/client/ecosystem-scripts.js index 8fd87f5..f915142 100644 --- a/app/components/client/ecosystem-scripts.js +++ b/app/components/client/ecosystem-scripts.js @@ -88,18 +88,6 @@ function openSubmodule(ecosystemComponentClassName) { case (ecosystemComponentClassName === "chainquery"): setSubmoduleConnectionTitle(ecosystemComponentClassName); - if (document.getElementsByClassName(ecosystemComponentClassName)[0].classList.contains("green")) { - document.querySelector(`.${ecosystemComponentClassName} .__connection-details`).innerHTML = ` - ${ecosystemComponentClassName} is an application built on top of LBRY. - `; - } - - if (document.getElementsByClassName(ecosystemComponentClassName)[0].classList.contains("red")) { - document.querySelector(`.${ecosystemComponentClassName} .__connection-details`).innerHTML = ` - ${ecosystemComponentClassName} is an application built on top of the LBRY blockchain. - `; - } - document.getElementsByClassName("ecosystem")[0].className += " expand-left"; document.getElementsByClassName(ecosystemComponentClassName)[0].className += " active"; @@ -111,18 +99,6 @@ function openSubmodule(ecosystemComponentClassName) { case (ecosystemComponentClassName === "wallet"): setSubmoduleConnectionTitle(ecosystemComponentClassName); - if (document.getElementsByClassName(ecosystemComponentClassName)[0].classList.contains("blue")) { - document.querySelector(`.${ecosystemComponentClassName} .__connection-details`).innerHTML = ` - ${ecosystemComponentClassName} is an application built on top of the LBRY data network. - `; - } - - if (document.getElementsByClassName(ecosystemComponentClassName)[0].classList.contains("red")) { - document.querySelector(`.${ecosystemComponentClassName} .__connection-details`).innerHTML = ` - ${ecosystemComponentClassName} is an application built on top of the LBRY blockchain. - `; - } - document.getElementsByClassName("ecosystem")[0].className += " expand-left"; document.getElementsByClassName(ecosystemComponentClassName)[0].className += " active"; @@ -134,18 +110,6 @@ function openSubmodule(ecosystemComponentClassName) { case (ecosystemComponentClassName === "lighthouse"): setSubmoduleConnectionTitle(ecosystemComponentClassName); - if (document.getElementsByClassName(ecosystemComponentClassName)[0].classList.contains("green")) { - document.querySelector(`.${ecosystemComponentClassName} .__connection-details`).innerHTML = ` - ${ecosystemComponentClassName} is an application built on top of LBRY. - `; - } - - if (document.getElementsByClassName(ecosystemComponentClassName)[0].classList.contains("red")) { - document.querySelector(`.${ecosystemComponentClassName} .__connection-details`).innerHTML = ` - ${ecosystemComponentClassName} is an application built on top of the LBRY blockchain. - `; - } - document.getElementsByClassName("ecosystem")[0].className += " expand-right"; document.getElementsByClassName(ecosystemComponentClassName)[0].className += " active"; @@ -157,12 +121,6 @@ function openSubmodule(ecosystemComponentClassName) { case (ecosystemComponentClassName === "reflector"): setSubmoduleConnectionTitle(ecosystemComponentClassName); - if (document.getElementsByClassName(ecosystemComponentClassName)[0].classList.contains("blue")) { - document.querySelector(`.${ecosystemComponentClassName} .__connection-details`).innerHTML = ` - ${ecosystemComponentClassName} is an application built on top of the LBRY data network. - `; - } - document.getElementsByClassName("ecosystem")[0].className += " expand-right"; document.getElementsByClassName(ecosystemComponentClassName)[0].className += " active"; @@ -213,17 +171,14 @@ for (const subModule of subModules) { function setSubmoduleConnectionTitle(submoduleClass) { if (document.getElementsByClassName(submoduleClass)[0].classList.contains("blue")) { - document.querySelector(`.${submoduleClass} .__connection`).innerHTML = "Connection to Data Network"; document.querySelector(`.${submoduleClass} .__parent.blue`).className += " active"; } if (document.getElementsByClassName(submoduleClass)[0].classList.contains("green")) { - document.querySelector(`.${submoduleClass} .__connection`).innerHTML = "Connection to Applications"; document.querySelector(`.${submoduleClass} .__parent.green`).className += " active"; } if (document.getElementsByClassName(submoduleClass)[0].classList.contains("red")) { - document.querySelector(`.${submoduleClass} .__connection`).innerHTML = "Connection to Blockchain"; document.querySelector(`.${submoduleClass} .__parent.red`).className += " active"; } } diff --git a/app/components/ecosystem/module-applications.js b/app/components/ecosystem/module-applications.js index 2f8cdd0..1f559a2 100644 --- a/app/components/ecosystem/module-applications.js +++ b/app/components/ecosystem/module-applications.js @@ -1,8 +1,8 @@ "use strict"; +import { require as local } from "app-root-path"; - -// E X P O R T +const markdown = local("/app/components/markdown").default; export default () => `
@@ -11,7 +11,7 @@ export default () => `

Applications - Browsers, spee.ch, and ∞ + Desktop clients, mobile apps, websites and ∞ more
@@ -22,23 +22,7 @@ export default () => `

-

Applications are the final level of the LBRY stack, and they represent how most people will actually use LBRY.

-

LBRY Inc. currently releases and maintains three applications:

- - - -

However, the very idea of LBRY is that there's not just one way to interact with the network. Anyone can build on top of LBRY in a permissionless manner. These applications exist to show what's possible and to give new users a user-friendly way to use LBRY.

- -

Additional Resources

- + ${markdown("./documents/partials/overview/applications.md")}
`; diff --git a/app/components/ecosystem/module-lbry.js b/app/components/ecosystem/module-lbry.js index 4d7f9fc..8ee3585 100644 --- a/app/components/ecosystem/module-lbry.js +++ b/app/components/ecosystem/module-lbry.js @@ -1,8 +1,8 @@ "use strict"; +import { require as local } from "app-root-path"; - -// E X P O R T +const markdown = local("/app/components/markdown").default; export default () => `
@@ -11,35 +11,17 @@ export default () => `

Data Network - The "nuts and bolts" (fix this) of the LBRY protocol + What makes the LBRY blockchain useful.
- lbry - lbryschema - torba + lbrysdk + lbryschema

- +
-

While blockchain is the innovation that makes LBRY possible, the Data Network is the layer that actually makes the blockchain useful.

-

The primary component for this level is lbry, a daemon that:

- - -

Unless choosing to re-implement aspects of the LBRY protocol by hand, most applications that interact with the LBRY network will bundle lbry.

- -

Additional Resources

- + ${markdown("./documents/partials/overview/lbrysdk.md")}
`; diff --git a/app/components/ecosystem/module-lbrycrd.js b/app/components/ecosystem/module-lbrycrd.js index b80ab93..2f6b0a1 100644 --- a/app/components/ecosystem/module-lbrycrd.js +++ b/app/components/ecosystem/module-lbrycrd.js @@ -1,19 +1,9 @@ "use strict"; - - -// P A C K A G E - import { require as local } from "app-root-path"; -// U T I L - const markdown = local("/app/components/markdown").default; - - -// E X P O R T - export default () => `
× @@ -21,16 +11,18 @@ export default () => `

Blockchain - The foundation of the LBRY protocol + The foundation of the LBRY protocol.
- lbrycrd + lbrycrd + torba + lbryumx

- ${markdown("./documents/partials/lbrycrd.md")} + ${markdown("./documents/partials/overview/lbrycrd.md")}
`; diff --git a/app/components/ecosystem/submodule-chainquery.js b/app/components/ecosystem/submodule-chainquery.js index 0383df7..769310c 100644 --- a/app/components/ecosystem/submodule-chainquery.js +++ b/app/components/ecosystem/submodule-chainquery.js @@ -1,8 +1,8 @@ "use strict"; +import { require as local } from "app-root-path"; - -// E X P O R T +const markdown = local("/app/components/markdown").default; export default () => `
@@ -10,17 +10,9 @@ export default () => `
-

Overview

-

The model of Chainquery at its foundation consists of the fundamental data types found in the blockchain. This information is then expounded on with additional columns and tables that make querying the data much easier.

- -

Connection to...

-

- -

Source

- + ${markdown("./documents/partials/overview/chainquery.md")}
+