Merge branch 'master' of github.com:lbryio/lbry.tech
This commit is contained in:
Kristian Polso
commit
b2dbd1f964
7 changed files with 234 additions and 52 deletions
|
|
@ -4,10 +4,18 @@
|
|||
<aside class="ecosystem__submodules">
|
||||
<div class="ecosystem__submodule chainquery">
|
||||
<h3 class="__title">chainquery</h3>
|
||||
<div class="ecosystem__submodule__description">
|
||||
<strong>chainquery</strong> parses and syncs LBRY blockchain data into structured SQL<br/>
|
||||
<strong><a href="https://github.com/lbryio/chainquery" title="chainquery source code">→ Source code</a></strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ecosystem__submodule wallet">
|
||||
<h3 class="__title">wallet server</h3>
|
||||
<div class="ecosystem__submodule__description">
|
||||
<strong>lbry-app</strong> is a browser and wallet for LBRY<br/>
|
||||
<strong><a href="https://github.com/lbryio/lbry-app" title="lbry-app source code">→ Source code</a></strong>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
|
|
@ -102,6 +110,16 @@
|
|||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3>Additional Resources</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://github.com/lbryio/lbryschema" title="lbryschema source code">lbryschema</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/lbryio/lbryumx" title="lbryumx source code">lbryumx</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<span class="__close" v-on:click="close()">×</span>
|
||||
|
|
@ -138,7 +156,7 @@
|
|||
</li>
|
||||
|
||||
<li>
|
||||
<strong class="__title">Lighthouse</strong>
|
||||
<strong class="__title">lighthouse</strong>
|
||||
<p>Vel nisi hendrerit id tristique congue tortor nisl luctus, vulputate sem ridiculus inceptos et at torquent feugiat, mus cursus lobortis aenean senectus posuere odio. Imperdiet nascetur dapibus eget convallis ante donec iaculis dictumst mi est, venenatis quisque integer etiam justo id aliquet non diam semper erat, blandit quis lectus ac aptent magna cubilia augue laoreet. Mollis luctus pharetra nisl auctor potenti magna penatibus cras, justo lobortis iaculis porta a vel habitasse vulputate, taciti sociis arcu facilisis duis orci aliquam.</p>
|
||||
</li>
|
||||
|
||||
|
|
@ -147,6 +165,25 @@
|
|||
<p>Vel nisi hendrerit id tristique congue tortor nisl luctus, vulputate sem ridiculus inceptos et at torquent feugiat, mus cursus lobortis aenean senectus posuere odio. Imperdiet nascetur dapibus eget convallis ante donec iaculis dictumst mi est, venenatis quisque integer etiam justo id aliquet non diam semper erat, blandit quis lectus ac aptent magna cubilia augue laoreet. Mollis luctus pharetra nisl auctor potenti magna penatibus cras, justo lobortis iaculis porta a vel habitasse vulputate, taciti sociis arcu facilisis duis orci aliquam.</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3>Additional Resources</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://github.com/lbryio/lbry-app" title="source code for LBRY's desktop apps">Linux, macOS, and Windows apps</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/lbryio/lbry-android" title="LBRY Android app source code">Android app</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/lbryio/spee.ch" title="spee.ch source code">spee.ch</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/lbryio/lighthouse" title="lighthouse source code">lighthouse</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/lbryio/chainquery" title="chainquery source code">chainquery</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<span class="__close" v-on:click="close()">×</span>
|
||||
|
|
@ -156,10 +193,18 @@
|
|||
<aside class="ecosystem__submodules">
|
||||
<div class="ecosystem__submodule lighthouse">
|
||||
<h3 class="__title">lighthouse</h3>
|
||||
<div class="ecosystem__submodule__description">
|
||||
<strong>lighthouse</strong> is a lightning fast search for the LBRY blockchain<br/>
|
||||
<strong><a href="https://github.com/lbryio/lighthouse" title="lighthouse source code">→ Source code</a></strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ecosystem__submodule reflector">
|
||||
<h3 class="__title">reflector</h3>
|
||||
<div class="ecosystem__submodule__description">
|
||||
<strong>reflector</strong> accepts LBRY content for re/hosting<br/>
|
||||
<strong><a href="https://github.com/lbryio/reflector.go" title="reflector source code">→ Source code</a></strong>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
|
|
@ -168,63 +213,58 @@
|
|||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
open (ecosystemComponentClassName) {
|
||||
document.querySelectorAll(".ecosystem__module").forEach(n => n.classList.remove("active"));
|
||||
document.querySelectorAll(".ecosystem__submodule").forEach(n => n.classList.remove("active"));
|
||||
|
||||
document.getElementsByClassName(ecosystemComponentClassName)[0].classList.add("active");
|
||||
|
||||
switch (true) {
|
||||
case (ecosystemComponentClassName === "lbrycrd"):
|
||||
document.getElementsByClassName("chainquery")[0].classList.add("active");
|
||||
document.getElementsByClassName("lighthouse")[0].classList.add("active");
|
||||
document.getElementsByClassName("wallet")[0].classList.add("active");
|
||||
resetClasses();
|
||||
document.getElementsByClassName("chainquery")[0].className += " active red";
|
||||
document.getElementsByClassName("lighthouse")[0].className += " active red";
|
||||
document.getElementsByClassName("wallet")[0].className += " active red";
|
||||
break;
|
||||
|
||||
|
||||
|
||||
case (ecosystemComponentClassName === "lbry"):
|
||||
document.getElementsByClassName("reflector")[0].classList.add("active");
|
||||
document.getElementsByClassName("wallet")[0].classList.add("active");
|
||||
resetClasses();
|
||||
document.getElementsByClassName("reflector")[0].className += " active blue";
|
||||
document.getElementsByClassName("wallet")[0].className += " active blue";
|
||||
break;
|
||||
|
||||
|
||||
|
||||
case (ecosystemComponentClassName === "applications"):
|
||||
document.getElementsByClassName("chainquery")[0].classList.add("active");
|
||||
document.getElementsByClassName("lighthouse")[0].classList.add("active");
|
||||
resetClasses();
|
||||
document.getElementsByClassName("chainquery")[0].className += " active green";
|
||||
document.getElementsByClassName("lighthouse")[0].className += " active green";
|
||||
break;
|
||||
|
||||
|
||||
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
close () {
|
||||
resetClasses();
|
||||
document.querySelectorAll(".ecosystem__module").forEach(n => n.classList.remove("active"));
|
||||
document.querySelectorAll(".ecosystem__submodule").forEach(n => n.classList.remove("active"));
|
||||
|
||||
/*
|
||||
switch (true) {
|
||||
case (ecosystemComponentClassName === "lbrycrd"):
|
||||
document.getElementsByClassName(ecosystemComponentClassName)[0].classList.remove("active");
|
||||
break;
|
||||
|
||||
case (ecosystemComponentClassName === "lbry"):
|
||||
document.getElementsByClassName(ecosystemComponentClassName)[0].classList.remove("active");
|
||||
break;
|
||||
|
||||
case (ecosystemComponentClassName === "applications"):
|
||||
document.getElementsByClassName(ecosystemComponentClassName)[0].classList.remove("active");
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
}
|
||||
*/
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
function resetClasses() {
|
||||
document.querySelectorAll(".ecosystem__submodule").forEach(n => {
|
||||
n.classList.remove("active");
|
||||
n.classList.remove("blue");
|
||||
n.classList.remove("green");
|
||||
n.classList.remove("red");
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
|
@ -299,6 +339,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&::before {
|
||||
width: 100%; height: 100%;
|
||||
top: 0; left: 0;
|
||||
|
|
@ -472,9 +516,12 @@
|
|||
@include center;
|
||||
width: 144px; height: 144px;
|
||||
|
||||
border: 2px dashed;
|
||||
border-radius: 50%;
|
||||
border-width: 2px;
|
||||
cursor: default;
|
||||
position: relative;
|
||||
transition: border 0.2s;
|
||||
z-index: 2;
|
||||
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 1rem;
|
||||
|
|
@ -484,6 +531,62 @@
|
|||
border-color: rgba($gray, 0.3);
|
||||
color: rgba($gray, 0.3);
|
||||
}
|
||||
|
||||
&:not(:hover) {
|
||||
.ecosystem__submodule__description {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&.chainquery,
|
||||
&.wallet {
|
||||
.ecosystem__submodule__description {
|
||||
left: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
&.lighthouse,
|
||||
&.reflector {
|
||||
.ecosystem__submodule__description {
|
||||
right: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.blue):not(.green):not(.red) {
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
&.blue,
|
||||
&.green,
|
||||
&.red {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
&.blue {
|
||||
background-color: rgba($blue, 0.3);
|
||||
border-color: $blue;
|
||||
}
|
||||
|
||||
&.green {
|
||||
background-color: rgba($green, 0.3);
|
||||
border-color: $green;
|
||||
}
|
||||
|
||||
&.red {
|
||||
background-color: rgba($red, 0.3);
|
||||
border-color: $red;
|
||||
}
|
||||
}
|
||||
|
||||
.ecosystem__submodule__description {
|
||||
background-color: $white;
|
||||
border: 2px solid rgba($gray, 0.3);
|
||||
color: $black;
|
||||
padding: 1rem;
|
||||
position: absolute;
|
||||
transition: all 0.2s;
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
39
content/.vuepress/components/MissionStatement.vue
Normal file
39
content/.vuepress/components/MissionStatement.vue
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<template>
|
||||
|
||||
<div class="component--mission-statement">
|
||||
<strong class="component--mission-statement__title">Mission Statement</strong>
|
||||
|
||||
To create a market for accessing and publishing information<sup>1</sup> that is global<sup>2</sup>, decentralized<sup>3</sup>, robust<sup>4</sup>, optimal<sup>5</sup> and complete<sup>6</sup>.
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
<style lang="scss">
|
||||
@import "../scss/init/colors";
|
||||
|
||||
.component--mission-statement {
|
||||
margin-bottom: 1.5rem; padding: 1rem 1rem 1rem 1.25rem;
|
||||
|
||||
background-color: rgba($teal, 0.1);
|
||||
border-left: 0.5rem solid $teal;
|
||||
line-height: 1.55;
|
||||
position: relative;
|
||||
|
||||
@media (min-width: 901px) {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
}
|
||||
|
||||
.component--mission-statement__title {
|
||||
color: $teal;
|
||||
display: block;
|
||||
letter-spacing: 0.025rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -328,7 +328,8 @@
|
|||
ul {
|
||||
li {
|
||||
@media (min-width: 701px) {
|
||||
width: calc(100% / 3);
|
||||
// width: calc(100% / 3); // https://github.com/lbryio/lbry.tech/issues/104
|
||||
width: 50%; //
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
|
|
|
|||
|
|
@ -113,6 +113,51 @@
|
|||
font-size: 1rem;
|
||||
}
|
||||
|
||||
sup {
|
||||
@include font-mono;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
left: 2px;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 0.5rem;
|
||||
position: relative;
|
||||
|
||||
@media (min-width: 601px) {
|
||||
margin-left: 15%; padding: 0.5rem 0 0.05rem 2rem;
|
||||
|
||||
font-size: 1.5rem;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.5rem 0 0.05rem 0;
|
||||
}
|
||||
|
||||
@media (min-width: 376px) and (max-width: 600px) {
|
||||
margin-left: 5%;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
&::before {
|
||||
@include font-serif;
|
||||
width: 150px; height: 100px;
|
||||
top: 3rem; left: -2rem;
|
||||
|
||||
color: rgba($teal, 0.2);
|
||||
content: "\201C";
|
||||
font-size: 20rem;
|
||||
line-height: 0.5;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
p, ol, ul:not(.overview__ecosystem__module), table {
|
||||
code {
|
||||
background-color: $black;
|
||||
|
|
|
|||
|
|
@ -56,10 +56,6 @@
|
|||
&:first-of-type {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -91,9 +91,9 @@
|
|||
<p>Hang out with us! We have a vibrant community of lbryians and would be <em>delighted</em> if you joined us.</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="//discord.gg/YjYbwhS">Discord</a></li>
|
||||
<li><a href="//chat.lbry.io">Discord</a></li>
|
||||
<li><a href="//www.reddit.com/r/lbry">Reddit</a></li>
|
||||
<li><a href="//chat.lbry.io">Slack</a></li>
|
||||
<!--/ <li><a href="//">StackOverflow</a></li> /-->
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -254,8 +254,6 @@
|
|||
<li><router-link to="/contribute/" title="Contribute to LBRY">Contribute</router-link></li>
|
||||
<li><router-link to="/community/" title="Interact with LBRY">Community</router-link></li>
|
||||
<li><a href="/sitemap.html">Sitemap</a></li>
|
||||
|
||||
<li>MIT Licensed</li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -8,21 +8,21 @@ What if anyone in the world could publish a piece of digital content, anyone els
|
|||
|
||||
That's the idea behind LBRY.
|
||||
|
||||
<div style="max-width: 800px; margin: 40px auto; font-size: 2.0em">To create a market for accessing and publishing information<sup>1</sup> that is global<sup>2</sup>, decentralized<sup>3</sup>, robust<sup>4</sup>, optimal<sup>5</sup> and complete<sup>6</sup>.</div>
|
||||
<MissionStatement/>
|
||||
|
||||
That's a fancy sentence, so here's a plainer one: we just thought it'd be really damn cool if there was a system that stored as much of the world's information as possible, but was owned and controlled by no one.
|
||||
|
||||
<sup>1. In the information theoric sense, i.e. any data. LBRY facilitates distribution of all data, whether it be a video or a spreadsheet.</sup>
|
||||
<sup>1</sup> In the information theoric sense, i.e. any data. LBRY facilitates distribution of all data, whether it be a video or a spreadsheet.
|
||||
|
||||
<sup>2. Accessible anywhere in the world on any internet-connected device.</sup>
|
||||
<sup>2</sup> Accessible anywhere in the world on any internet-connected device.
|
||||
|
||||
<sup>3. Not controlled by any one person, party or authority.</sup>
|
||||
<sup>3</sup> Not controlled by any one person, party or authority.
|
||||
|
||||
<sup>4. Resistant to censorship or attempts to control; impervious to attacks or disruptions.</sup>
|
||||
<sup>4</sup> Resistant to censorship or attempts to control; impervious to attacks or disruptions.
|
||||
|
||||
<sup>5. In the Pareto sense, with regards to the production and distribution of information (i.e. digital information is both created and distributed in a way that could not be any more efficient from the perspectives of information producers and consumers).</sup>
|
||||
<sup>5</sup> In the Pareto sense, with regards to the production and distribution of information (i.e. digital information is both created and distributed in a way that could not be any more efficient from the perspectives of information producers and consumers)
|
||||
|
||||
<sup>6. The most complete collection of world’s books, films, art, games, etc. should be available via LBRY.</sup>
|
||||
<sup>6</sup> The most complete collection of world’s books, films, art, games, etc. should be available via LBRY.
|
||||
|
||||
## Ecosystem Overview
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue