The Community has landed.

Vanilla, yes, but still.

_sass/_base.sass

@@ -1134,11 +1134,65 @@ $feature-box-div-margin-bottom: 40px
 
 
 
+
+// Community
+
+#community
+	&.open-nav, &.flip-nav
+		.logo
+			background-image: url(../images/nav_logo2.svg)
+
+	#hero
+		padding-bottom: 20px
+
+	#mainContent
+		padding: 20px 0
+
+		main
+			max-width: none
+
+		a
+			color: $blue
+
+		.content
+			margin-bottom: 30px
+			padding: 30px 0
+
+			h1, h2, h3, h4, h5, h6, p
+				line-height: normal
+				max-width: 1200px
+				padding: 0 20px
+				margin: 0 auto 20px
+
+			&:nth-child(even)
+				background-color: $light-grey
+
+		.company-logos
+			text-align: center
+			max-width: 1200px
+			margin: 0 auto
+
+			img
+				width: auto
+				margin: 10px
+				background-color: $light-grey
+
+		#calendarWrapper
+			position: relative
+			width: 80vw
+			height: 60vw
+			max-width: 1200px
+			max-height: 900px
+			margin: 20px auto
+
+		iframe
+			position: absolute
+			border: 0
+			width: 100%
+			height: 100%
+
 // Talk to us
 #talkToUs
-	main
-		padding: 50px 0
-
 	h3, h4
 		text-align: center
 
@@ -1190,4 +1244,4 @@ $feature-box-div-margin-bottom: 40px
 
 		a, p
 			text-align: center
-			width: 100%
+			width: 100%

community.html

@@ -14,9 +14,80 @@ title: Community
 
 <section id="mainContent">
 	<main>
+		<div class="content">
+			<h3>Ensuring Kubernetes works well everywhere and for everyone.</h3>
+			<p>Connect with the Kubernetes community on our <a href="http://slack.k8s.io/">Slack channel</a> or join the
+				<a href="https://groups.google.com/forum/#!forum/kubernetes-dev">Kubernetes-dev Google group</a>. A weekly
+				community meeting takes place via video conference to discuss the state of affairs,
+				<a href="https://groups.google.com/forum/#!forum/kubernetes-community-video-chat">get a calendar invite</a>
+				to participate.</p>
+		</div>
+		<div class="content">
+			<h3>Sigs</h3>
+			<p>Have a special interest in how Kubernetes works with another technology?  See our ever growing
+				<a href="https://github.com/kubernetes/kubernetes/wiki/Special-Interest-Groups-(SIGs)">lists of SIGs</a>,
+				from AWS and Openstack to Big Data and Scalability, there’s a place for you to contribute and instructions
+				for forming a new SIG if your special interest isn’t covered (yet).</p>
+		</div>
+		<div class="content">
+			<h3>Customers</h3>
+			<div class="company-logos">
+				<img src="/images/community_logos/zulily_logo.png">
+				<img src="/images/community_logos/we_pay_logo.png">
+				<img src="/images/community_logos/viacom_logo.png">
+				<img src="/images/community_logos/goldman_sachs_logo.png">
+				<img src="/images/community_logos/ebay_logo.png">
+				<img src="/images/community_logos/box_logo.png">
+				<img src="/images/community_logos/wikimedia_logo.png">
+				<img src="/images/community_logos/soundcloud_logo.png">
+				<img src="/images/community_logos/new_york_times_logo.png">
+				<img src="/images/community_logos/kabam_logo.png">
+			</div>
+		</div>
+		<div class="content">
+			<h3>Events</h3>
+			<div id="calendarWrapper">
+				<iframe src="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com&ctz=America/Los_Angeles"
+				        frameborder="0" scrolling="no"></iframe>
+			</div>
+		</div>
+		<div class="content">
+			<h3>Companies</h3>
+			<p>We are working with a broad group of companies to make sure that Kubernetes works well for everyone, from
+				individual developers to the largest companies in the cloud space.</p>
+			<div class="company-logos">
+				<img src="/images/community_logos/red_hat_logo.png">
+				<img src="/images/community_logos/intel_logo.png">
+				<img src="/images/community_logos/core_os_logo.png">
+				<img src="/images/community_logos/puppet_logo.png">
+				<img src="/images/community_logos/sysdig_logo.png">
+			</div>
+		</div>
+	</main>
+</section>
 
-		<!-- TODO: this is MULHAUSEN LAND -->
-
+<section id="talkToUs">
+	<main>
+		<h3>Talk to Us!</h3>
+		<h4>We would love to hear from you, how you are using Kubernetes,<br> and what we can do to make it better.</h4>
+		<div id="bigSocial">
+			<div>
+				<a href="https://twitter.com/kubernetesio">@kubernetesio</a>
+				<p>Get the latest news and updates.</p>
+			</div>
+			<div>
+				<a href="https://github.com/kubernetes/kubernetes">Github Project</a>
+				<p>Check out the project and consider contributing.</p>
+			</div>
+			<div>
+				<a href="http://slack.k8s.io/">#kubernetes-users</a>
+				<p>Our Slack channel is the best way to contact our engineers and share your ideas with them.</p>
+			</div>
+			<div>
+				<a href="http://stackoverflow.com/questions/tagged/kubernetes">Stack Overflow</a>
+				<p>Our user forum is a great place to go for community support.</p>
+			</div>
+		</div>
 	</main>
 </section>
 

index.html

@@ -128,30 +128,6 @@ title: Accelerate Your Delivery
 	</main>
 </section>
 
-<section id="talkToUs">
-	<main>
-		<h3>Talk to Us!</h3>
-		<h4>We would love to hear from you, how you are using Kubernetes,<br> and what we can do to make it better.</h4>
-		<div id="bigSocial">
-			<div>
-				<a href="https://twitter.com/kubernetesio">@kubernetesio</a>
-				<p>Get the latest news and updates.</p>
-			</div>
-			<div>
-				<a href="https://github.com/kubernetes/kubernetes">Github Project</a>
-				<p>Check out the project and consider contributing.</p>
-			</div>
-			<div>
-				<a href="http://slack.k8s.io/">#kubernetes-users</a>
-				<p>Our Slack channel is the best way to contact our engineers and share your ideas with them.</p>
-			</div>
-			<div>
-				<a href="http://stackoverflow.com/questions/tagged/kubernetes">Stack Overflow</a>
-				<p>Our user forum is a great place to go for community support.</p>
-			</div>
-		</div>
-	</main>
-</section>
 
 {% include footer.html %}