Add dev program call-out

Fabian Perez · Fabian Perez · commit 67fd26c43865 · 2014-02-24T22:03:04.000-08:00
diff --git a/content/index.md b/content/index.md
@@ -28,6 +28,14 @@ GitHub in your app</h1>
 			<h2><a href="http://github.com/contact">Support</a></h2>
 			<p>Are you stuck? Already tried our <a href="/v3/troubleshooting/">troubleshooting guide</a>? Talk to a supportocat.</p>
 		</li>
-
 	</ul>
 </div>
+
+<div class="full-width dev-program-callout">
+  <div class="wrapper">
+    <h2>Join the GitHub Developer Program.</h2>
+    <p>The best way to integrate with GitHub.</p>
+    <a href="https://github.com/developer/register" class="nav-register-button">Register</a>
+  </div>
+</div>
+
diff --git a/static/shared/css/documentation.css b/static/shared/css/documentation.css
@@ -610,38 +610,6 @@ a img {
   margin-top: -1px;
 }
 
-.dev-program.feature {
-  background: #160625;
-  height: 420px;
-  margin-top: -2px;
-  position: relative;
-}
-
-.dev-program.feature .intro {
-  color: #a397ad;
-  font-size: 20px;
-  line-height: 1.5em;
-  max-width: 500px;
-}
-
-.dev-program.feature h1 {
-  color: #eee;
-  width: 600px;
-}
-
-.dev-program.feature .earth {
-  margin-top: -175px;
-  position: absolute;
-  right: 0;
-  top: 50%;
-  z-index: 0;
-}
-
-.dev-program.feature .wrapper {
-  position: relative;
-  z-index: 1;
-}
-
 .full-width-divider {
   width: 100%;
   background: #f2f2f2;
@@ -962,6 +930,70 @@ div.sidebar-module ul ul li span {
 
 /* end */
 
+/*------------------------------------------------------------------------------
+    Dev Program
+------------------------------------------------------------------------------*/
+.dev-program.feature {
+  height: 420px;
+  margin-top: -2px;
+  position: relative;
+}
+
+.dev-program.feature,
+.dev-program-callout {
+  background: #160625;
+}
+
+.dev-program.feature .intro {
+  font-size: 20px;
+  line-height: 1.5em;
+  max-width: 500px;
+}
+
+.dev-program.feature h1 {
+  width: 600px;
+}
+
+.dev-program.feature .earth {
+  margin-top: -175px;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  z-index: 0;
+}
+
+.dev-program.feature .wrapper {
+  position: relative;
+  z-index: 1;
+}
+
+.dev-program-callout {
+  padding: 40px 0;
+}
+
+.dev-program.feature h1,
+.dev-program-callout h2 {
+  color: #eee;
+}
+
+.dev-program.feature .intro,
+.dev-program-callout p {
+  color: #a397ad;
+}
+
+.dev-program-callout h2 {
+  font-size: 20px;
+  font-weight: 300;
+  margin: 0;
+}
+
+.dev-program-callout p {
+  font-size: 16px;
+  margin: 10px 0 0;
+}
+
+/* end */
+
 /*------------------------------------------------------------------------------
     Not Footer
 ------------------------------------------------------------------------------*/
