Structure for new component for Community page

.vuepress/components/FeatureLinks.vue

@@ -0,0 +1,21 @@
+<template>
+
+  <ul class="feature-links">
+    <li v-for="featureLink in this.$page.frontmatter.featureLinks">
+      <a :href="featureLink.href">{{ featureLink.title }}</a>
+      <div v-if="featureLink.details">{{ featureLink.details }}</div>
+
+      <figure>
+        <img v-if="featureLink.image" src="featureLink.image" alt="featureLink.title"/>
+      </figure>
+    </li>
+  </ul>
+
+</template>
+
+
+
+<style lang="scss">
+  @import "../scss/init/colors";
+  @import "../scss/init/mixins";
+</style>

community/index.md

@@ -1,5 +1,21 @@
 ---
 title: Community
+featureLinks:
+  - title: Join us in chat
+    href: https://discord.gg/YjYbwhS
+    details: we need a chat that devs actually hang out in :/
+  - title: Join the developer email list for technical updates
+    href: https://lbry.io/developer
+  - title: Host a meet-up
+    href: https://lbry.io/meet
+  - title: Reddit
+    href: https://www.reddit.com/r/lbry
+  - title: Get funding for a project
+    href: https://lbry.fund
+  - title: Get a job
+    href: https://lbry.io/join-us
+  - title: Twitter
+    href: https://lbry.io/twitter
 ---
 
 Sometimes we say that the LBRY blockchain is the foundation of the LBRY protocol, but that's a lie.
@@ -8,11 +24,4 @@ The foundation of LBRY is the community of people that make it possible. LBRY us
 
 ### Commune Yourself
 
-- [Join us in chat](https://discord.gg/YjYbwhS) (we need a chat that devs actually hang out in :/)
-- [Join the developer email list for technical updates](https://lbry.io/developer)
-- [Host a meetup](https://lbry.io/meet)
-- [Reddit](https://www.reddit.com/r/lbry/)
-- [Get funding for a project](https://lbry.fund)
-- [Get a job](https://lbry.io/join-us)
-- [Twitter](https://lbry.io/twitter)
-- Watch on GitHub?
+<FeatureLinks/>