LBRYCommunity/lbry.tech
1
0
Fork 0
Code Issues 13 Pull requests 8 Projects Releases Packages Wiki Activity

home page, footer nav match, build disclaimer

Browse source
This commit is contained in:
Jeremy Kauffman 2018-09-30 23:58:33 -04:00
parent 211937e7dd
commit 14f704782c
5 changed files with 42 additions and 51 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/components/footer.js
View file

@ -45,9 +45,9 @@ export default function (state) {
</li> </li>
<li><a href="/overview" title="LBRY overview">Overview</a></li> <li><a href="/overview" title="LBRY overview">Overview</a></li>
<li><a href="/playground" title="Play with LBRY">Playground</a></li>
<li><a href="/resources" title="View LBRY resources">Resources</a></li> <li><a href="/resources" title="View LBRY resources">Resources</a></li>
<li><a href="/contribute" title="Contribute to LBRY">Contribute</a></li> <li><a href="/community" title="Hang with LBRY">Community</a></li>
<li><a href="/community" title="Interact with LBRY">Community</a></li>
</ul> </ul>
</div> </div>
</footer> </footer>

27
app/sass/pages/_home.scss
View file

@ -123,6 +123,10 @@ body.home {
} }
} }
ol, ul {
margin-bottom: 1.5rem;
}
p { p {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
max-width: 1000px; max-width: 1000px;
@ -244,7 +248,7 @@ body.home {
ul { ul {
li { li {
@media (min-width: 701px) { @media (min-width: 701px) {
width: calc(100% / 5); width: calc(100% / 4);
} }
@media (max-width: 700px) { @media (max-width: 700px) {
@ -264,23 +268,19 @@ body.home {
} }
&:nth-child(1) a::before { &:nth-child(1) a::before {
background-image: url("/assets/media/svg/flag.svg");
}
&:nth-child(2) a::before {
background-image: url("/assets/media/svg/keyboard.svg"); background-image: url("/assets/media/svg/keyboard.svg");
} }
&:nth-child(3) a::before { &:nth-child(2) a::before {
background-image: url("/assets/media/svg/anchor.svg"); background-image: url("/assets/media/svg/anchor.svg");
} }
&:nth-child(4) a::before { &:nth-child(3) a::before {
background-image: url("/assets/media/svg/chat.svg"); background-image: url("/assets/media/svg/monitor.svg");
} }
&:nth-child(5) a::before { &:nth-child(4) a::before {
background-image: url("/assets/media/svg/monitor.svg"); background-image: url("/assets/media/svg/flag.svg");
} }
} }
} }
@ -296,8 +296,7 @@ body.home {
ul { ul {
li { li {
@media (min-width: 701px) { @media (min-width: 701px) {
// width: calc(100% / 3); // https://github.com/lbryio/lbry.tech/issues/104 width: calc(100% / 3);
width: 50%; //
} }
@media (max-width: 700px) { @media (max-width: 700px) {
@ -321,11 +320,11 @@ body.home {
} }
&:nth-child(2) a::before { &:nth-child(2) a::before {
background-image: url("/assets/media/svg/reddit.svg"); background-image: url("/assets/media/svg/keyboard.svg");
} }
&:nth-child(3) a::before { &:nth-child(3) a::before {
background-image: url("/assets/media/svg/slack.svg"); background-image: url("/assets/media/svg/reddit.svg");
} }
} }
} }

52
app/views/home.js
View file

@ -17,37 +17,33 @@ module.exports = exports = () => html`
<section class="features"> <section class="features">
${linkGrid([ ${linkGrid([
{ {
description: "Learn how LBRY works with 3 easy examples", description: "Get your head around LBRY with 3 interactive examples.",
destination: "/tour", destination: "/playground",
label: "Take the Tour", label: "Party in the Playground",
title: "New to LBRY?" title: "Learn By Trying"
}, },
{ {
description: "Help make LBRY better!", description: "Dig into the formal specification of the LBRY protocol.",
destination: "/contribute", destination: "/whitepaper",
label: "Explore our repos", label: "Wisdom of the Whitepaper",
title: "Want to contribute?" title: "Learn By Reading"
} }
])} ])}
</section> </section>
<section class="intro"> <section class="intro">
<div class="inner-wrap"> <div class="inner-wrap">
<h3>Intro/Overview</h3> <h3>Overview</h3>
<p>What if anyone in the world could publish a piece of digital content, anyone else in the world could access it, for free or for payment, and that entire system worked end-to-end without any centralized authority or point of control?</p> <p>What if anyone in the world could publish a piece of digital content, anyone else in the world could access it, for free or for payment, and that entire system worked end-to-end without any centralized authority or point of control?</p>
<a class="cta" href="/overview">Observe the Overview</a>
<p>That's the idea behind LBRY. To create a market for accessing and publishing information that is global, decentralized, robust, optimal and complete.</p>
<a class="cta" href="/overview">Learn more about our mission</a>
</div> </div>
</section> </section>
<section class="docs"> <section class="docs">
<div class="inner-wrap"> <div class="inner-wrap">
<h3>Documentation</h3> <h3>Resources</h3>
<p>LBRY has enough moving parts to warrant comprehensive documentation. Whether you are interested in learning the technical details of our technology stack or you want to integrate LBRY into your life, you will find everything you need in our docs.</p> <p>Looking for API documentation, formal specifications, how-tos, resources, or the meaning of life? Find at least some of these things in the resources area.</p>
<a class="cta" href="/resources">Roam to Resources</a>
<a class="cta" href="/resources">Explore our documentation</a>
</div> </div>
</section> </section>
@ -59,34 +55,28 @@ module.exports = exports = () => html`
<section class="contribute"> <section class="contribute">
<div class="inner-wrap"> <div class="inner-wrap">
<h3>Contribute</h3> <h3>Contribute</h3>
<p>Interested in progressing content freedom? Awesome! No matter your experience or skill level, <strong>you</strong> can make a difference.</p> <p>No matter your experience or skill level, <em>you</em> can progress content freedom.</p>
<ul> <ul>
<li><a href="" title="">Raising Issues</a></li>
<li><a href="" title="">Coding</a></li> <li><a href="" title="">Coding</a></li>
<li><a href="" title="">Creative</a></li> <li><a href="" title="">Creative</a></li>
<li><a href="" title="">Translating</a></li> <li><a href="" title="">Writing</a></li>
<li><a href="" title="">Testing</a></li> <li><a href="" title="">Testing</a></li>
</ul> </ul>
</div> <p>
</section> <a class="cta" href="/contribute">Collaborate with Contributors</a>
</p>
<section class="develop">
<div class="inner-wrap">
<h3>Development</h3>
<p>Like a bit of documentation but would prefer to jump in and make your mark on the blockchain? Perhaps add cats to it?</p>
<a class="cta" href="/api/protocol" title="Learn the LBRY API">Learn the LBRY API</a>
</div> </div>
</section> </section>
<section class="community"> <section class="community">
<div class="inner-wrap"> <div class="inner-wrap">
<h3>Community</h3> <h3>Community</h3>
<p>Hang out with us! We have a vibrant community of lbryians and would be <em>delighted</em> if you joined us.</p> <p>There's literally <a href="https://spee.ch/@lbrytech/dozens.mp4">12<sup>n</sup></a> of us.</p>
<ul> <ul>
<li><a href="//chat.lbry.io" title="LBRY on Discord">Discord</a></li> <li><a href="//chat.lbry.io" title="LBRY on Discord">Chat</a></li>
<li><a href="//discourse.lbry.io" title="LBRY on Discourse">Forum</a></li>
<li><a href="//www.reddit.com/r/lbry" title="LBRY on Reddit">Reddit</a></li> <li><a href="//www.reddit.com/r/lbry" title="LBRY on Reddit">Reddit</a></li>
</ul> </ul>
</div> </div>

6
documents/build.md
View file

@ -4,6 +4,8 @@ title: Development
Want to build something on top of LBRY? This is the place to get you started. Want to build something on top of LBRY? This is the place to get you started.
# THIS IS NOT DONE AT ALL AND IF YOU CONTINUE TO READ IT YOU MENTALLY ASSENT TO COMMITTING AT LEAST ONE CHANGE THAT MAKES IT BETTER
At least, it's the place to get started so long as you have some idea of what LBRY _is_. If you don't, you should read the At least, it's the place to get started so long as you have some idea of what LBRY _is_. If you don't, you should read the
[Overview](/overview) first. [Overview](/overview) first.
@ -21,7 +23,7 @@ At least, it's the place to get started so long as you have some idea of what LB
### Web, Desktop, and Mobile Applications (Daemon-based Applications) ### Web, Desktop, and Mobile Applications (Daemon-based Applications)
Almost all web, desktop, and mobile applications will use the [lbry daemon](https://github.com/lbryio/lbry) as a way of accessing and communicating with the LBRY network. Almost all web, desktop, and mobile applications will use the [lbry-sdk](https://github.com/lbryio/lbry) as a way of accessing and communicating with the LBRY network.
#### Web Applications #### Web Applications
@ -31,7 +33,7 @@ Almost all web, desktop, and mobile applications will use the [lbry daemon](http
#### Desktop Applications #### Desktop Applications
1. Desktop applications will typically bundle the [lbry daemon](https://github.com/lbryio/lbry). 1. Desktop applications will typically use the [lbry-sdk](https://github.com/lbryio/lbry).
1. lbry-desktop as example 1. lbry-desktop as example
#### Android Applications #### Android Applications

4
documents/contribute.md
View file

@ -5,7 +5,7 @@ title: Contributor's Guide
Interested in working on the LBRY protocol, an official LBRY app, or other LBRY infrastructure? Awesome! This guide will get you started. Interested in working on the LBRY protocol, an official LBRY app, or other LBRY infrastructure? Awesome! This guide will get you started.
This guide is for contributing to the code bases maintained by the LBRY organization by [Coding](#coding), [Designing](#designing), [Writing](#writing), and [Testing](#testing). This is a guide for contributing to the code bases maintained by the LBRY organization by [Coding](#coding), [Designing](#designing), [Writing](#writing), and [Testing](#testing).
Contributors that provide accepted pull requests, well-specified issues, or assist in testing and quality assurance typically receive LBC tokens as [appreciation](#appreciation). Contributors that provide accepted pull requests, well-specified issues, or assist in testing and quality assurance typically receive LBC tokens as [appreciation](#appreciation).
@ -50,7 +50,7 @@ If you want to contribute to LBRY, there's definitely something for you! The fir
## Coding ## Coding
Several hundred extremely good-looking, intelligent and popular people, as well as our CTO, have contributed to LBRY. Join us! Several hundred extremely good-looking, wise and moral people, as well as our CTO, have contributed to LBRY. Join us!
### How To Contribute Code ### How To Contribute Code