diff --git a/app/components/edit-link.js b/app/components/edit-link.js index e594ba3..dab8e1f 100644 --- a/app/components/edit-link.js +++ b/app/components/edit-link.js @@ -20,7 +20,7 @@ export default function (pagePath) { switch(pagePath) { case "": - githubUrl = `${githubUrl}/app/views/home.js`; + githubUrl = `${githubUrl}/views/pages/home.js`; break; case "/resources": @@ -28,7 +28,7 @@ export default function (pagePath) { break; case "/tour": - githubUrl = `${githubUrl}/app/components/tour.js`; + githubUrl = `${githubUrl}/views/partials/tour.js`; break; default: diff --git a/app/components/feature-links.js b/app/components/feature-links.js index f3184fc..b406f4a 100644 --- a/app/components/feature-links.js +++ b/app/components/feature-links.js @@ -10,37 +10,37 @@ import Component from "choo/component"; const links = [ // TODO: Update images { - href: "https://chat.lbry.io", - image: "http://static.simpledesktops.com/static/images/sd-bg.png", + href: "https://discord.gg/YjYbwhS", + image: "//static.simpledesktops.com/static/images/sd-bg.png", title: "Join us in chat" }, { href: "https://lbry.io/developer", - image: "http://static.simpledesktops.com/uploads/desktops/2017/02/28/GeoShapes_2880x1800.png", + image: "//static.simpledesktops.com/uploads/desktops/2017/02/28/GeoShapes_2880x1800.png", title: "Join the developer email list" }, { href: "https://lbry.io/meet", - image: "http://static.simpledesktops.com/uploads/desktops/2016/12/05/Untitled-1-03-01.png", + image: "//static.simpledesktops.com/uploads/desktops/2016/12/05/Untitled-1-03-01.png", title: "Host a meet-up" }, { href: "https://www.reddit.com/r/lbry", - image: "http://static.simpledesktops.com/uploads/desktops/2016/08/28/Wind-Vector-resize.png", + image: "//static.simpledesktops.com/uploads/desktops/2016/08/28/Wind-Vector-resize.png", title: "Reddit" }, { href: "https://lbry.fund", - image: "http://static.simpledesktops.com/uploads/desktops/2015/08/20/Sunset_by_Banned.png", + image: "//static.simpledesktops.com/uploads/desktops/2015/08/20/Sunset_by_Banned.png", title: "Get funding for a project" }, { href: "https://lbry.io/join-us", - image: "http://static.simpledesktops.com/uploads/desktops/2015/09/25/Siri.png", + image: "//static.simpledesktops.com/uploads/desktops/2015/09/25/Siri.png", title: "Get a job" }, { - href: "https://twitter.com/lbryio", + href: "https://lbry.io/twitter", title: "Twitter" } ]; diff --git a/app/components/link-grid.js b/app/components/link-grid.js new file mode 100644 index 0000000..9e0d42c --- /dev/null +++ b/app/components/link-grid.js @@ -0,0 +1,22 @@ +"use strict"; + +import html from "choo/html"; + +function returnLinkTemplate(title, description, destination, label) { + return ` +
  • +

    ${title}

    +

    ${description}

    + ${label} +
    • + `; +} + +export default (links) => { + const renderedLinks = links.map((link) => returnLinkTemplate(link.title, link.description, link.destination, link.label)); + return html` + + `; +} diff --git a/app/sass/bundle.scss b/app/sass/bundle.scss index 3e8215f..c5804cf 100755 --- a/app/sass/bundle.scss +++ b/app/sass/bundle.scss @@ -16,6 +16,7 @@ "partials/footer", "partials/github-feed", "partials/glossary", + "partials/link-grid", "partials/navigation", "partials/mission-statement", "partials/modal", diff --git a/app/sass/pages/_home.scss b/app/sass/pages/_home.scss index d178ef5..8b79cfd 100644 --- a/app/sass/pages/_home.scss +++ b/app/sass/pages/_home.scss @@ -63,60 +63,6 @@ .features { grid-area: features; - - .home__features { - align-content: center; - border-bottom: 1px solid rgba($black, 0.05); - display: flex; - flex-flow: row wrap; - list-style-type: none; - padding-top: 2rem; - padding-bottom: 2rem; - } - - .home__feature { - position: relative; - text-align: center; - vertical-align: top; - - @media (min-width: 651px) { - width: 50%; - } - - @media (max-width: 650px) { - width: 100%; - - &:first-of-type { - padding-bottom: 1rem; - } - - &:last-of-type { - padding-top: 1rem; - } - } - } - - - - .home__feature__title { - font-size: 2rem; - margin-bottom: 0.5rem; - } - - .home__feature__description { - font-size: 1rem; - left: 10%; - margin-bottom: 1rem; - position: relative; - width: 80%; - } - - .home__feature__cta { - @extend .__button-black; - display: inline-block; - font-size: 1rem; - position: relative; - } } .intro, diff --git a/app/sass/partials/_link-grid.scss b/app/sass/partials/_link-grid.scss new file mode 100644 index 0000000..8f4d04f --- /dev/null +++ b/app/sass/partials/_link-grid.scss @@ -0,0 +1,53 @@ +.link-grid { + align-content: center; + border-bottom: 1px solid rgba($black, 0.05); + display: flex; + flex-flow: row wrap; + list-style-type: none; + padding-top: 2rem; + padding-bottom: 2rem; +} + +.link-grid__link { + position: relative; + text-align: center; + vertical-align: top; + + @media (min-width: 651px) { + width: 50%; + } + + @media (max-width: 650px) { + width: 100%; + + &:first-of-type { + padding-bottom: 1rem; + } + + &:last-of-type { + padding-top: 1rem; + } + } +} + + + +.link-grid__title { + font-size: 2rem; + margin-bottom: 0.5rem; +} + +.link-grid__description { + font-size: 1rem; + left: 10%; + margin-bottom: 1rem; + position: relative; + width: 80%; +} + +.link-grid__cta { + @extend .__button-black; + display: inline-block; + font-size: 1rem; + position: relative; +} diff --git a/app/views/home.js b/app/views/home.js index 028bf14..b24b74b 100644 --- a/app/views/home.js +++ b/app/views/home.js @@ -5,7 +5,7 @@ // P A C K A G E import html from "choo/html"; - +import linkGrid from "../components/link-grid"; // E X P O R T @@ -22,19 +22,17 @@ module.exports = exports = () => html`
    - + ${linkGrid([{ + title: "New to LBRY?", + description: "Learn how LBRY works with 3 easy examples", + destination: "/tour", + label: "Take the Tour" + }, { + title: "New to LBRY?", + description: "Learn how LBRY works with 3 easy examples", + destination: "/tour", + label: "Take the Tour" + }])}
    diff --git a/documents/glossary.md b/documents/glossary.md index 6ca0dc9..03fed37 100644 --- a/documents/glossary.md +++ b/documents/glossary.md @@ -36,9 +36,9 @@ Chainquery provides a SQLized view of the LBRY blockchain. The model of Chainque Informal name for a portion of a *transaction output* that is returned to a sender as a "change" after spending that output. Since *transaction outputs* cannot be partially spent, one can spend 1 BTC out of 3 BTC output only be creating two new outputs: a "payment" output with 1 BTC sent to a payee address, and a "change" output with remaining 2 BTC (minus *transaction fees*) sent to the payer's addresses. -### Channel Claim Signature +### Channel Claim / Signature -Creating a channel claim certificate allows you to group and identify claims based on an identity. A certificate is used to sign the claims and ensure uniqueness along with the claim ID. See [channel signing](https://lbry.tech/resources/signing-claim) for more information +Creating a channel claim certificate allows you to group and identify claims based on an identity. A certificate is used to sign the claims and ensure uniqueness along with the claim ID. See [channel signing](https://github.com/lbryio/lbryschema/blob/master/docs/signing.md) for more information ### Claim @@ -48,10 +48,6 @@ A claim (ClaimTrie) is the data structure which LBRY uses to store claims to nam When creating a channel claim or publishing content onto the LBRY blockchain, a small amount (or more) LBC must be deposited to reserve the name space in the claimtrie. See our [naming documentation](https://lbry.io/faq/naming) for more information. -### Claim Sequence - -The claim sequence provides a way to determine which order a claim was created at a particular claim name and enables claim resolution via this modifier. If someone had the first claim at lbry://one, anyone could reference that claim as `lbry://one:1`. See [URI documentation](https://lbry.tech/resources/uri) for more details. - ### Claim Support A special type of transaction that includes claim information, a LBC address and a LBC value. Supports to one's own address increase the bid value of a claim and can be revoked anytime. Supports to an outside address also increase the value, but can only be revoked by the receiver (tip mechanism). diff --git a/documents/resources/schema.md b/documents/resources/schema.md index d7c946d..af38a02 100644 --- a/documents/resources/schema.md +++ b/documents/resources/schema.md @@ -1,15 +1,8 @@ # Schema -The schema defines the structure of the data that is stored in claims in the LBRY blockchain. It has several goals: - -- **Extensibility**. The schema could grow to encompass thousands of fields for dozens of types of content. It should be easy to modify the schema while maintaining backward compatibility. Blockchain data is permanent and cannot be migrated, so any selected data structure will have to be maintained forever. -- **Compactness**. Blockchain space is expensive. Data should be stored as compactly as possible. -- **Cross-language Interop**. These definitions will be used by many projects written in different languages. - - ## [Claim](https://github.com/lbryio/lbryschema/blob/master/lbryschema/proto/claim.proto) -A `Claim` is the toplevel schema for everything that is published to the blockchain. +A `Claim` is the toplevel schema for everything that is published to the LBRY blockchain. ```protobuf message Claim {