update community
This commit is contained in:
Jeremy Kauffman
parent
ae28c13a70
commit
031d2e347e
3 changed files with 40 additions and 41 deletions
|
|
@ -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 `
|
||||
<ul class="feature-links">${renderedLinks.join("")}</ul>
|
||||
<div class="feature-links">${renderedLinks.join("")}</div>
|
||||
`;
|
||||
}
|
||||
|
||||
|
|
@ -65,14 +61,14 @@ export default function () {
|
|||
|
||||
function returnLinkTemplate(url, title, image) {
|
||||
return `
|
||||
<li class="feature-link">
|
||||
<div>
|
||||
<a class="feature-link__title" href="${url}" title="${title}">${title}</a>
|
||||
</div>
|
||||
<a class="feature-link" href="${url}" title="${title}">
|
||||
<h3 class="feature-link__title">
|
||||
<span class="feature-link__title-inner">${title}</span>
|
||||
</h3>
|
||||
|
||||
<figure class="feature-link__background">
|
||||
${image}
|
||||
</figure>
|
||||
</li>
|
||||
</a>
|
||||
`;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
||||
<FeatureLinks/>
|
||||
|
||||
<p>And don't forget to sign up for developer-only mailing list, below.</p>
|
||||
|
|
|
|||
Loading…
Reference in a new issue