diff --git a/app/components/feature-links.js b/app/components/feature-links.js index a85a384..00c193b 100644 --- a/app/components/feature-links.js +++ b/app/components/feature-links.js @@ -7,36 +7,32 @@ const links = [ // TODO: Update images { href: "https://chat.lbry.io", - image: "http://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", - 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", - title: "Host a meet-up" + title: "Chat (Discord)" + }, + { + href: "https://discourse.lbry.io", + image: "http://static.simpledesktops.com/uploads/desktops/2017/02/28/GeoShapes_2880x1800.png", + title: "Developer Forum" + }, + { + href: "https://lbry.fund", + image: "http://static.simpledesktops.com/uploads/desktops/2015/08/20/Sunset_by_Banned.png", + title: "lbry.fund (Project Funding)" }, { href: "https://www.reddit.com/r/lbry", image: "http://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", - title: "Get funding for a project" - }, { href: "https://lbry.io/join-us", image: "http://static.simpledesktops.com/uploads/desktops/2015/09/25/Siri.png", - title: "Get a job" + title: "Join Our Team" }, { href: "https://twitter.com/lbryio", + image: "http://static.simpledesktops.com/static/images/sd-bg.png", title: "Twitter" } ]; @@ -55,7 +51,7 @@ export default function () { } return ` - + `; } @@ -65,14 +61,14 @@ export default function () { function returnLinkTemplate(url, title, image) { return ` - + `; } diff --git a/app/sass/partials/_feature-links.scss b/app/sass/partials/_feature-links.scss index 53f4364..89880cc 100644 --- a/app/sass/partials/_feature-links.scss +++ b/app/sass/partials/_feature-links.scss @@ -1,13 +1,17 @@ +$width-feature-link: 320px; + .feature-links { display: grid; grid-gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(320px,1fr)); list-style-type: none; padding-top: 0.5rem; + margin-bottom: 2rem; } .feature-link { - width: 320px; min-height: 135px; + width: $width-feature-link; + min-height: 135px; background-color: $white; border: 1px solid rgba($black, 0.1); @@ -18,15 +22,6 @@ transition: box-shadow 0.2s; vertical-align: top; - > div:first-of-type { - top: 85px; left: 5%; - - position: relative; - text-align: center; - width: 90%; - z-index: 1; - } - &:not(:hover) { .feature-link__background { filter: brightness(0.5); @@ -43,17 +38,23 @@ } .feature-link__title { + top: 85px; + position: relative; + font-weight: normal; + text-align: center; + z-index: 1; + font-size: 1rem; + transition: color 0.2s; +} + +.feature-link__title-inner { + display: inline-block; + padding: .25rem .5rem; background-color: $white; border: 1px solid rgba(gray, 0.1); box-shadow: 0 2px 5px rgba($black, 0.025); border-radius: 3px; box-decoration-break: clone; - display: inline; - font-size: 1rem; - line-height: 1.7; - padding: 0.25rem 0.5rem; - transition: color 0.2s; - position: relative; } .feature-link__background { diff --git a/documents/community.md b/documents/community.md index b387987..bae37c3 100644 --- a/documents/community.md +++ b/documents/community.md @@ -2,10 +2,12 @@ title: Community --- -Sometimes we say that the LBRY [[blockchain]] is the foundation of the LBRY protocol, but that's a lie. +Sometimes we say that the LBRY [[blockchain]] is the foundation of the LBRY protocol, but that's not really true. The foundation of LBRY is the community of people that make it possible. -The foundation of LBRY is the community of people that make it possible. LBRY uses computers to move bits around, but it's people that tell them how. +Get [upstream of consensus](https://spee.ch/d/consensus.png) by participating in the LBRY community. ## Commune Yourself + +

And don't forget to sign up for developer-only mailing list, below.