Merge branch 'gdp-updates'

tclem · tclem · commit bc79b1f1bf4f · 2014-03-07T20:36:24.000-08:00
diff --git a/content/program.md b/content/program.md
@@ -6,7 +6,7 @@ layout: developers
 <div class="feature dev-program">
   <div class="wrapper">
     <h1>It takes a community to design, build, and ship great software.</h1>
-    <p class="intro">With the GitHub Developer Program, the possibilities are endless and the kudos is all yours.</p>
+    <p class="intro">Building an application that integrates with GitHub? Register for our Developer Program, the possibilities are endless and the kudos is all yours.</p>
     <a href="https://github.com/developer/register" class="button">Register now</a>
   </div>
   <img src="/shared/images/header-animation.gif" alt="GitHub Universe" class="earth" width="450" height="375">
@@ -32,3 +32,27 @@ layout: developers
     </li>
   </ul>
 </div>
+
+<div class="wrapper clearfix">
+  <div class="program-info-column">
+    <span class="mega-octicon octicon-zap"></span>
+    <h2>Have an integration that works with GitHub?</h2>
+    <p>Awesome! We'd love to have you be part of the program. Here’s how you can spread the word:</p>
+    <ul>
+      <li>Let us know about your integration</li>
+      <li>Use the <a href="https://github.com/logos">Octocat or GitHub logo</a> to advertise that your product works with GitHub</li>
+      <li>Post a video or a blog on your website about your integration</li>
+    </ul>
+  </div>
+
+  <div class="program-info-column">
+    <span class="mega-octicon octicon-person-add"></span>
+    <h2>Ready to join the GitHub Developer Program?</h2>
+    <p>Membership is open to individual developers and companies who have:</p>
+    <ul>
+      <li>A <a href="https://github.com/pricing">paid GitHub.com personal or organization plan</a></li>
+      <li>An integration in production or development using the GitHub API</li>
+      <li>An email address where GitHub users can contact you for support</li>
+    </ul>
+  </div>
+</div>
diff --git a/static/shared/css/documentation.css b/static/shared/css/documentation.css
@@ -1562,6 +1562,48 @@ li.api-status img {
 }
 /* @end */
 
+
+/*------------------------------------------------------------------------------
+  Dev Program
+------------------------------------------------------------------------------*/
+
+.program-info-column {
+  float: left;
+  position: relative;
+  margin: 20px 0 60px;
+  padding-left: 50px;
+  width: 415px;
+}
+
+.program-info-column:first-child {
+  margin-right: 50px;
+}
+
+.program-info-column h2 {
+  margin-bottom: 0;
+  font-size: 18px;
+}
+
+.program-info-column p {
+  margin-top: 5px;
+  font-size: 16px;
+  line-height: 1.5;
+  color: #666;
+}
+
+.program-info-column .mega-octicon {
+  position: absolute;
+  left: 0;
+  top: 32px;
+  color: #4183c4;
+}
+
+.program-info-column ul {
+  margin-left: 15px;
+}
+
+/* @end */
+
 /********************/
 /*  Retina support  */
 /********************/
