community page tweaks, ref #7

_src/_assets/styles/bigchain/_icons.scss

@@ -15,7 +15,7 @@
     width: 1rem;
     height: 1rem;
     stroke: none;
-    fill: rgba($link-color, .4);
+    fill: $link-color;
 }
 
 a {

_src/_assets/styles/bigchain/_team.scss

@@ -45,18 +45,6 @@
     margin: 0 ($spacer / 4);
 
     .icon {
-        @extend .transition;
-        width: 1rem;
-        height: 1rem;
-        stroke: none;
         fill: rgba($link-color, .4);
     }
-
-    &:hover,
-    &:focus {
-        .icon--twitter  { fill: #55acee }
-        .icon--facebook { fill: #3b5998 }
-        .icon--linkedin { fill: #0077b5 }
-        .icon--github   { fill: #4183c4 }
-    }
 }

_src/_assets/styles/page-community.scss

@@ -3,6 +3,12 @@
 // ---
 // bigchain.io
 //
+.page-community {
+    .header {
+        background: url('../img/photo2.jpg') no-repeat center top;
+        background-size: cover;
+    }
+}
 
 .section-community,
 .section-conduct {
@@ -10,6 +16,8 @@
 }
 
 .section-community {
+    @extend .background--light;
+
     .grid h1 { @extend .h3; }
 
     .icon--social {
@@ -19,5 +27,31 @@
 }
 
 .section-conduct {
-    @extend .background--light;
+    position: relative;
+
+    // background
+    background: url('../img/photo1.jpg') no-repeat center top;
+    background-size: cover;
+
+    // color overlay
+    &:before {
+        content: "";
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-brown 100%);
+        opacity: .7;
+        z-index: 0;
+    }
+
+    .row { z-index: 1 }
+
+    .section-title,
+    .section-description {
+        color: #fff;
+    }
 }

_src/community.html

@@ -40,7 +40,7 @@ title: Community
         </header>
 
         <p>
-            <a href="" class="btn btn-primary-outline btn-sm">Read Code of Conduct</a>
+            <a href="" class="btn btn-primary btn-sm">Read Code of Conduct</a>
         </p>
     </div>
 </section>