update community

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 `
-    <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">
+    <a class="feature-link" href="${url}" title="${title}">
-      <div>
+      <h3 class="feature-link__title">
-        <a class="feature-link__title" href="${url}" title="${title}">${title}</a>
+        <span class="feature-link__title-inner">${title}</span>
-      </div>
+      </h3>
 
       <figure class="feature-link__background">
         ${image}
       </figure>
-    </li>
+    </a>
   `;
 }

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 {

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
 
 <FeatureLinks/>
+
+<p>And don't forget to sign up for developer-only mailing list, below.</p>