Add community page content and styles

www/source/community.html.slim

@@ -1,26 +1,35 @@
 ---
 title: InSpec - Community
 description: This is where you interact with the InSpec open source community - contribute to the project, provide feedback and ask questions of other community members.
-classes: community
 ---
-section.community
-  .row
-    .columns.medium-12
-      .content
-        h1 Let's build together
-        p
-          | InSpec is an open source project created and supported
-            by a passionate group of people. We have active, dedicated users
-            with a great vision for this project.
 
-        h2 Get answers
-        p
-          | Is something unclear or just feeling stuck? We're here to help keep you moving.
-            Join us on Slack and chat with us.
-        a.button href="http://slack.habitat.sh" target="_blank" Join us on Slack
-
-        h2 Bug reports and features
-        p
-          | We rely on your feedback to improve InSpec. Whether you found a bug or
-            have a great idea for an improvement, join us on GitHub.
-        a.button href="https://github.com/chef/inspec" target="_blank" GitHub
+.row
+  .columns.large-10.large-offset-1
+    img.hero--img src="/images/community/community-icon.png"
+    h1.hero--heading InSpec Community
+    h2.hero--subhead.text-center
+      | Let's build together
+.icon-blocks.row
+  .columns.medium-4
+    img.icon-block--img src="/images/community/contribute-icon.png"
+    h3.icon-block--heading Contribute to InSpec
+    p.icon-block--text
+      | InSpec is an open source project created and supported by a passionate
+        group of active and dedicated users. If you would like to contribute
+        to the project, please do. We would love to work with you.
+    a.button.primary.block href="" Start Contributing
+  .columns.medium-4
+    img.icon-block--img src="/images/community/get-icon.png"
+    h3.icon-block--heading Get Answers Quickly
+    p.icon-block--text
+      | Is something unclear or are you just feeling stuck? We're here to
+        help keep you moving. Chat with us on Slack, so we can help you keep
+        moving.
+    a.button.primary.block href="" Get Help
+  .columns.medium-4
+    img.icon-block--img src="/images/community/report-icon.png"
+    h3.icon-block--heading Report Bugs and Request Features
+    p.icon-block--text
+      | We rely on your feedback to improve InSpec. Whether you found a bug
+        or have a great idea for an improvement, join us on GitHub.
+    a.button.primary.block href="" Give Feedback

www/source/index.html.slim

@@ -19,23 +19,23 @@ title: InSpec - Audit and Test Framework
       .columns.large-3.medium-6
         img.icon-block--img src="/images/home/platform-icon.png"
         h3.icon-block--heading Platform Agnostic
-        p
+        p.icon-block--text
           | InSpec supports all major operating systems and many applications
             out of the box.
       .columns.large-3.medium-6
         img.icon-block--img src="/images/home/test-icon.png"
         h3.icon-block--heading Test Locally or Remotely
-        p
+        p.icon-block--text
           | InSpec provides a local agent, as well as full remote testing support.
       .columns.large-3.medium-6
         img.icon-block--img src="/images/home/free-icon.png"
         h3.icon-block--heading Free to Run Anywhere
-        p
+        p.icon-block--text
           | InSpec is a language that can easily express freedom to run anywhere.
       .columns.large-3.medium-6
         img.icon-block--img src="/images/home/fully-icon.png"
         h3.icon-block--heading Fully Extensible Language
-        p
+        p.icon-block--text
           | Easily extend the InSpec language to cover new operating systems,
             devices, or applications.
     hr.home-divider

www/source/stylesheets/_buttons.scss

@@ -22,6 +22,10 @@
     }
   }
 
+  &.block {
+    display: block;
+  }
+
   & + .button {
     margin-left: 15px;
   }

www/source/stylesheets/_icon-block.scss

@@ -19,3 +19,7 @@
   font-size: 16px;
   line-height: 1.1;
 }
+
+.icon-block--text {
+  font-size: 14px;
+}