add community page, ref #7

_src/_assets/styles/bigchain.scss

@@ -44,3 +44,4 @@
 @import 'page-styleguide';
 @import 'page-about';
 @import 'page-features';
+@import 'page-community';

_src/_assets/styles/bigchain/_menus.scss

@@ -100,7 +100,7 @@
 
     .menu__link {
         @extend .mini;
-        padding: $spacer ($spacer/1.5);
+        padding: $spacer ($spacer/2);
         color: $gray;
 
         // link line

_src/_assets/styles/page-community.scss

@@ -0,0 +1,19 @@
+//
+// Page: Community
+// ---
+// bigchain.io
+//
+
+.section-community,
+.section-conduct {
+    @extend .text-center;
+}
+
+.section-community {
+
+    .grid h1 { @extend .h3; }
+}
+
+.section-conduct {
+    @extend .background--light;
+}

_src/_data/menus.yml

@@ -4,6 +4,8 @@ main:
       url: /features/
     - title: Whitepaper
       url: /whitepaper/
+    - title: Community
+      url: /community/
     - title: Docs
       url: /docs/
 

_src/community.html

@@ -0,0 +1,41 @@
+---
+layout: page
+
+title: Community
+---
+
+<section class="section section-community">
+    <div class="row">
+        <header class="section-header">
+            <h1 class="section-title">Get in touch with Bigchain</h1>
+        </header>
+
+        <div class="grid grid--full grid-small--fit grid--gutters">
+            <div class="grid__col">
+                <h1 class="">Google Group</h1>
+                <p>Participate in our Google Group</p>
+                <a href="https://groups.google.com/forum/#!forum/bigchain" class="btn btn-primary-outline btn-sm">Bigchain Google Group</a>
+            </div>
+            <div class="grid__col">
+                <h1>Social</h1>
+                <p>Follow us for the latest updates</p>
+                <p>
+                    <a class="btn btn-primary-outline btn-sm" href="https://twitter.com/{{ site.twitter }}">Twitter</a>
+                </p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="section section-conduct">
+    <div class="row">
+        <header class="section-header">
+            <h1 class="section-title">Code of Conduct</h1>
+            <p class="section-description">This project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.</p>
+        </header>
+
+        <p>
+            <a href="" class="btn btn-primary-outline btn-sm">Read Code of Conduct</a>
+        </p>
+    </div>
+</section>