website: community!

website/source/community/index.html.markdown

+---
+layout: "community"
+page_title: "Community"
+---
+
+# Community
+
+Packer is a new project with a growing community. Despite this, there are
+dedicated users willing to help through various mediums.
+
+**IRC:** `#packer-tool` on Freenode.
+
+**Mailing List:** [Packer Google Group](http://groups.google.com/group/packer-tool)
+
+**Bug Tracker:** [Issue tracker on GitHub](https://github.com/mitchellh/packer/issues).
+Please only use this for reporting bugs. Do not ask for general help here. Use IRC
+or the mailing list for that.
+
+## People
+
+The following people are some of the faces behind Packer. They each contribute
+to Packer in some core way. Over time, faces may appear and disappear from this
+list as contributors come and go.
+
+<div class="people">
+	<div class="person">
+		<img class="pull-left" src="http://www.gravatar.com/avatar/54079122b67de9677c1f93933ce8b63a.png?s=125">
+		<div class="bio">
+			<h3>Mitchell Hashimoto (<a href="https://github.com/mitchellh">@mitchellh</a>)</h3>
+			<p>
+			Mitchell Hashimoto is the creator of Packer. He developed the
+			core of Packer as well as the Amazon, VirtualBox, and VMware
+			builders. In addition to Packer, Mitchell is the creator of
+			<a href="http://www.vagrantup.com">Vagrant</a>. He is self
+			described as "automation obsessed."
+			</p>
+		</div>
+	</div>
+
+	<div class="person">
+		<img class="pull-left" src="http://www.gravatar.com/avatar/2acc31dd6370a54b18f6755cd0710ce6.png?s=125">
+		<div class="bio">
+			<h3>Jack Pearkes (<a href="https://github.com/pearkes">@pearkes</a>)</h3>
+			<p>
+			<a href="http://jack.ly/">Jack Pearkes</a> created and maintains the DigitalOcean builder
+			for Packer. Outside of Packer, Jack is an avid open source
+			contributor, a founder of <a href="https://www.ircrelay.com/">IRCRelay</a>,
+			and a lover of all things nature.</p>
+		</div>
+	</div>
+
+	<div class="clearfix"></div>
+</div>

website/source/layouts/community.erb

+<% wrap_layout :inner do %>
+	<% content_for :sidebar do %>
+		<h2></h2>
+	<% end %>
+	<%= yield %>
+<% end %>

website/source/layouts/layout.erb

@@ -35,7 +35,7 @@
 					<ul>
 						<li><a href="/intro">Intro</a></li>
 						<li><a href="/docs">Documentation</a></li>
-						<li><a href="#">Community</a></li>
+						<li><a href="/community">Community</a></li>
 					</ul>
 				</div>
 			</div>

website/source/stylesheets/_components.scss

@@ -290,3 +290,19 @@
         background: $white url(/images/arrow-right.png) no-repeat center right;
     }
 }
+
+.people {
+    margin-top: 30px;
+
+    .person {
+        margin-bottom: 30px;
+
+        h3 {
+            text-transform: none;
+        }
+
+        .bio {
+            padding-left: 150px;
+        }
+    }
+}