From 9cacc0427e084cd053af558e9ca84caf5e347f93 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?=
 =?UTF-8?q?=E3=83=96?= <netopwibby@thenetwork.email>
Date: Tue, 29 May 2018 01:59:41 -0500
Subject: [PATCH] Structure for new component for Community page

---
 .vuepress/components/FeatureLinks.vue | 21 +++++++++++++++++++++
 community/index.md                    | 25 +++++++++++++++++--------
 2 files changed, 38 insertions(+), 8 deletions(-)
 create mode 100644 .vuepress/components/FeatureLinks.vue

diff --git a/.vuepress/components/FeatureLinks.vue b/.vuepress/components/FeatureLinks.vue
new file mode 100644
index 0000000..0ace0cc
--- /dev/null
+++ b/.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>
diff --git a/community/index.md b/community/index.md
index f521125..381b27b 100644
--- a/community/index.md
+++ b/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/>