Index: wp-content/themes/wporg-developer/style.css
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- wp-content/themes/wporg-developer/style.css	(revision 127)
+++ wp-content/themes/wporg-developer/style.css	(revision )
@@ -27,7 +27,7 @@
 	content: '()';
 }
 
-article.wpapi-function .wpfuncref-prototype {	
+article.wpapi-function .wpfuncref-prototype {
 	font-family: 'Droid Sans Mono', Courier New, Monospace;
 	font-size: 1.1em;
 	margin: 1em 0;
@@ -53,7 +53,7 @@
 	margin: 1em 0;
 }
 article.wpapi-function dl {
-	
+
 }
 
 article.wpapi-function dl dt {
@@ -74,8 +74,7 @@
 article.wpapi-function .wpfuncref-arg {
 	margin-bottom: 1em;
 }
-article.
-#comments .comment {
+article.wpapi-function #comments .comment {
 	padding-bottom: 5px;
 	margin-bottom: 10px;
 }
@@ -84,7 +83,7 @@
 	display: block;
 }
 
-#comments #ace-editor { 
+#comments #ace-editor {
 	width: 60%;
 	height: 250px;
 	border: 1px solid #ccc;
@@ -109,5 +108,551 @@
 }
 
 #comments .comment-author {
-	
+
+}
+
+
+
+/* =========== New styles ======== */
+
+/* =========== _s Standard ======= */
+
+/*
+Resetting and rebuilding styles have been helped along thanks to the fine work of
+Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
+along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
+and Blueprint http://www.blueprintcss.org/
+*/
+
+
+/* =Reset
+-------------------------------------------------------------- */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	border: 0;
+	font-family: inherit;
+	font-size: 100%;
+	font-style: inherit;
+	font-weight: inherit;
+	margin: 0;
+	outline: 0;
+	padding: 0;
+	vertical-align: baseline;
+}
+html {
+	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
+	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
+	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
+	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
+}
+body {
+	background: #fff;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+main,
+nav,
+section {
+	display: block;
+}
+ol, ul {
+	list-style: none;
+}
+table { /* tables still need 'cellspacing="0"' in the markup */
+	border-collapse: separate;
+	border-spacing: 0;
+}
+caption, th, td {
+	font-weight: normal;
+	text-align: left;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: "";
+}
+blockquote, q {
+	quotes: "" "";
+}
+a:focus {
+	outline: thin dotted;
+}
+a:hover,
+a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
+	outline: 0;
+}
+a img {
+	border: 0;
+}
+
+
+/* =Global
+----------------------------------------------- */
+
+body,
+button,
+input,
+select,
+textarea {
+	color: #404040;
+	font-family: sans-serif;
+	font-size: 16px;
+	font-size: 1.6rem;
+	line-height: 1.5;
+}
+
+/* Headings */
+h1, h2, h3, h4, h5, h6 {
+	clear: both;
+	font-weight: normal;
+}
+hr {
+	background-color: #ccc;
+	border: 0;
+	height: 1px;
+	margin-bottom: 1.5em;
+}
+
+/* Text elements */
+p {
+	margin-bottom: 1.5em;
+}
+ul, ol {
+	margin: 0 0 1.5em 3em;
+}
+ul {
+	list-style: disc;
+}
+ol {
+	list-style: decimal;
+}
+li > ul,
+li > ol {
+	margin-bottom: 0;
+	margin-left: 1.5em;
+}
+dt {
+	font-weight: bold;
+}
+dd {
+	margin: 0 1.5em 1.5em;
+}
+b, strong {
+	font-weight: bold;
+}
+dfn, cite, em, i {
+	font-style: italic;
+}
+blockquote {
+	margin: 0 1.5em;
+}
+address {
+	margin: 0 0 1.5em;
+}
+pre {
+	background: #eee;
+	font-family: "Courier 10 Pitch", Courier, monospace;
+	font-size: 15px;
+	font-size: 1.5rem;
+	line-height: 1.6;
+	margin-bottom: 1.6em;
+	max-width: 100%;
+	overflow: auto;
+	padding: 1.6em;
+}
+code, kbd, tt, var {
+	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
+}
+abbr, acronym {
+	border-bottom: 1px dotted #666;
+	cursor: help;
+}
+mark, ins {
+	background: #fff9c0;
+	text-decoration: none;
+}
+sup,
+sub {
+	font-size: 75%;
+	height: 0;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+sup {
+	bottom: 1ex;
+}
+sub {
+	top: .5ex;
+}
+small {
+	font-size: 75%;
+}
+big {
+	font-size: 125%;
+}
+figure {
+	margin: 0;
+}
+table {
+	margin: 0 0 1.5em;
+	width: 100%;
+}
+th {
+	font-weight: bold;
+}
+img {
+	height: auto; /* Make sure images are scaled correctly. */
+	max-width: 100%; /* Adhere to container width. */
+}
+
+/* Links */
+a {
+	color: royalblue;
+}
+a:visited {
+	color: purple;
+}
+a:hover,
+a:focus,
+a:active {
+	color: midnightblue;
+}
+
+/* Alignment */
+.alignleft {
+	display: inline;
+	float: left;
+	margin-right: 1.5em;
+}
+.alignright {
+	display: inline;
+	float: right;
+	margin-left: 1.5em;
+}
+.aligncenter {
+	clear: both;
+	display: block;
+	margin: 0 auto;
+}
+
+/* Text meant only for screen readers */
+.screen-reader-text {
+	clip: rect(1px, 1px, 1px, 1px);
+	position: absolute !important;
+}
+
+.screen-reader-text:hover,
+.screen-reader-text:active,
+.screen-reader-text:focus {
+	background-color: #f1f1f1;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+	clip: auto !important;
+	color: #21759b;
+	display: block;
+	font-size: 14px;
+	font-weight: bold;
+	height: auto;
+	left: 5px;
+	line-height: normal;
+	padding: 15px 23px 14px;
+	text-decoration: none;
+	top: 5px;
+	width: auto;
+	z-index: 100000; /* Above WP toolbar */
+}
+
+/* Clearing */
+.clear:before,
+.clear:after,
+.entry-content:before,
+.entry-content:after,
+.comment-content:before,
+.comment-content:after,
+.site-header:before,
+.site-header:after,
+.site-content:before,
+.site-content:after,
+.site-footer:before,
+.site-footer:after {
+	content: '';
+	display: table;
+}
+
+.clear:after,
+.entry-content:after,
+.comment-content:after,
+.site-header:after,
+.site-content:after,
+.site-footer:after {
+	clear: both;
+}
+
+
+/* =========== Devhub Custom ===== */
+
+.devhub-wrap *,
+.devhub-wrap *:before,
+.devhub-wrap *:after {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.devhub-wrap a {
+	color: #21759b;
+	font-weight: bold;
+}
+
+.devhub-wrap h2,
+.devhub-wrap h3,
+.devhub-wrap h4,
+.devhub-wrap h5,
+.devhub-wrap h6 {
+	color: #1e1e1e;
+	font-family: Georgia, serif;
+}
+
+.devhub-wrap h2.widget-title,
+.devhub-wrap h3.widget-title {
+	font-family: Helvetica, sans-serif;
+}
+
+#headline h2 a {
+	color: #555;
+	font-weight: 300;
+	font-size: 28px;
+	line-height: 1em;
+	text-shadow: #fff 0px 1px 0px;
+	font-family: Helvetica, sans-serif;
+}
+
+.devhub-wrap h2 {
+	font-size: 28px;
+	line-height: 32px;
+}
+.devhub-wrap h3 {
+	font-size: 22px;
+	line-height: 26px;
+}
+.devhub-wrap h4 {
+	font-size: 18px;
+	line-height: 22px;
+	border-bottom: none;
+}
+
+
+.devhub-wrap button,
+.devhub-wrap input,
+.devhub-wrap select,
+.devhub-wrap textarea {
+	font-size: 100%; /* Corrects font size not being inherited in all browsers */
+	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
+	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
+	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
+}
+.devhub-wrap button,
+.devhub-wrap input {
+	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
+}
+.devhub-wrap button,
+.devhub-wrap input[type="button"],
+.devhub-wrap input[type="reset"],
+.devhub-wrap input[type="submit"] {
+	background-color: #21759b;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
+	background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
+	background-image:    -moz-linear-gradient(top, #2a95c5, #21759b);
+	background-image:     -ms-linear-gradient(top, #2a95c5, #21759b);
+	background-image:      -o-linear-gradient(top, #2a95c5, #21759b);
+	background-image:   linear-gradient(to bottom, #2a95c5, #21759b);
+	border-color: #21759b;
+	border-bottom-color: #1e6a8d;
+	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
+ 	box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
+ 	color: #fff;
+	text-decoration: none;
+	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
+}
+.devhub-wrap button:hover,
+.devhub-wrap input[type="button"]:hover,
+.devhub-wrap input[type="reset"]:hover,
+.devhub-wrap input[type="submit"]:hover {
+	background-color: #278ab7;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
+	background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
+	background-image:    -moz-linear-gradient(top, #2e9fd2, #21759b);
+	background-image:     -ms-linear-gradient(top, #2e9fd2, #21759b);
+	background-image:      -o-linear-gradient(top, #2e9fd2, #21759b);
+	background-image:   linear-gradient(to bottom, #2e9fd2, #21759b);
+	border-color: #1b607f;
+	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
+ 	box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
+	color: #fff;
+	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
+}
+.devhub-wrap button:focus,
+.devhub-wrap input[type="button"]:focus,
+.devhub-wrap input[type="reset"]:focus,
+.devhub-wrap input[type="submit"]:focus,
+.devhub-wrap button:active,
+.devhub-wrap input[type="button"]:active,
+.devhub-wrap input[type="reset"]:active,
+.devhub-wrap input[type="submit"]:active {
+	border-color: #0e3950;
+	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
+	box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
+}
+.devhub-wrap input[type="checkbox"],
+.devhub-wrap input[type="radio"] {
+	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
+	padding: 0; /* Addresses excess padding in IE8/9 */
+}
+.devhub-wrap input[type="search"] {
+	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
+	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
+	-moz-box-sizing:    content-box;
+	box-sizing:         content-box;
+}
+.devhub-wrap input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
+	-webkit-appearance: none;
+}
+.devhub-wrap button::-moz-focus-inner,
+.devhub-wrap input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
+	border: 0;
+	padding: 0;
+}
+.devhub-wrap input[type="text"],
+.devhub-wrap input[type="email"],
+.devhub-wrap input[type="url"],
+.devhub-wrap input[type="password"],
+.devhub-wrap input[type="search"],
+.devhub-wrap textarea {
+	color: #666;
+	border: 1px solid #ccc;
+	border-radius: 3px;
+}
+.devhub-wrap input[type="text"]:focus,
+.devhub-wrap input[type="email"]:focus,
+.devhub-wrap input[type="url"]:focus,
+.devhub-wrap input[type="password"]:focus,
+.devhub-wrap input[type="search"]:focus,
+.devhub-wrap textarea:focus {
+	color: #111;
+}
+.devhub-wrap input[type="text"],
+.devhub-wrap input[type="email"],
+.devhub-wrap input[type="url"],
+.devhub-wrap input[type="password"],
+.devhub-wrap input[type="search"] {
+	padding: 3px;
+}
+.devhub-wrap textarea {
+	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
+	padding-left: 3px;
+	vertical-align: top; /* Improves readability and alignment in all browsers */
+	width: 98%;
+}
+
+.reference-landing {
+	margin: 0 auto;
+	max-width: 660px;
+	max-width: 66rem;
+	padding: 1em 0;
+}
+
+.reference-landing .section {
+	padding: 1.5em 0;
+}
+
+.devhub-wrap .horizontal-list {
+	display: inline;
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+}
+.devhub-wrap .horizontal-list li {
+	display: inline;
+}
+.devhub-wrap .horizontal-list li a {
+	padding: 0px 40px;
+	border-left: 1px solid #ccc;
+}
+.devhub-wrap .horizontal-list li:first-child a {
+	padding-left: 0;
+	border-left: none;
+}
+
+.search-guide h3 {
+	margin-bottom: 1em;
+}
+
+.reference-landing .searchform,
+.reference-landing .searchform input {
+	height: 50px;
+	margin-bottom: 1em;
+}
+
+.reference-landing .searchform input[type="text"] {
+	width: 560px;
+	margin-right: 15px;
+	float: left;
+}
+.reference-landing .searchform input[type="submit"] {
+	width: 85px;
+	float: left;
+}
+
+@media ( max-width: 66em ) {
+	.reference-landing .searchform input[type="text"],
+	.reference-landing .searchform input[type="submit"] {
+		width: 100%;
+		margin-right: 0;
+		margin-bottom: 1em;
+		float: none;
+		clear: both;
+	}
+}
+
+.devhub-wrap .box {
+	width: 48%;
+	background: #f7f7f7;
+	border: 1px solid #dfdfdf;
+	padding: 30px;
+	padding: 3rem;
+}
+.devhub-wrap .box-left {
+	float: left;
+}
+.devhub-wrap .box-right {
+	float: right;
+}
+
+.devhub-wrap .box .unordered-list {
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
+	font-size: 13px;
+	line-height: 30px;
+}
+
+.devhub-wrap .box .widget-title {
+	font-size: 16px;
+	line-height: 26px;
+	font-weight: bold;
+	border-bottom: 1px solid #dfdfdf;
+	margin-bottom: 10px;
+	margin-bottom: 1rem;
-}
+}
\ No newline at end of file
Index: wp-content/themes/wporg-developer/front-page.php
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- wp-content/themes/wporg-developer/front-page.php	(revision 127)
+++ wp-content/themes/wporg-developer/front-page.php	(revision )
@@ -3,8 +3,55 @@
 <div class="pagebody">
 	<div class="wrapper">
 
-		<div style="margin: 3em 0 1em; color: #666; text-transform: uppercase; font-size: 15px; text-align: center">(As announced at WordCamp San Francisco 2013)</div>
-		<div style="margin: 1em 0 3em; font-size: 16px; text-align: center">Coming soon. In the meantime, <a href="http://codex.wordpress.org/">the Codex</a> is still pretty great.</div>
+		<div class="reference-landing">
+
+			<div class="search-guide section clear">
+				<h3><?php _e( 'Find what you need:', 'wporg' ); ?></h3>
+				<?php get_search_form(); ?>
+			</div><!-- /search-guide -->
+
+			<div class="topic-guide section">
+				<h4><?php _e( 'Or browse through topics:', 'wporg' ); ?></h4>
+				<ul class="unordered-list horizontal-list no-bullets">
+					<li><a href="#"><?php _e( 'Functions', 'wporg' ); // TODO archive links ?></a></li>
+					<li><a href="#"><?php _e( 'Hooks', 'wporg' ); ?></a></li>
+					<li><a href="#"><?php _e( 'Classes', 'wporg' ); ?></a></li>
+				</ul>
+			</div><!-- /topic-guide -->
+
+			<div class="new-in-guide section clear">
+				<div class="widget box box-left">
+					<h3 class="widget-title"><?php printf( __( 'New in %s:', 'wporg' ), '3.7' ); // TODO current version ?></h3>
+					<ul class="unordered-list no-bullets">
+						<?php
+
+						// TODO version query
+						$list = new WP_Query( array(
+							'posts_per_page' => 10,
+							'post_type'      => 'wpapi-function',
+							'orderby'        => 'title',
+							'order'          => 'ASC',
+						) );
+
+						while ( $list->have_posts() ) : $list->the_post();
+
+							echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
+
+						endwhile;
+						?>
+					</ul>
+				</div>
+				<div class="widget box box-right">
+					<h3 class="widget-title"><?php _e( 'APIs', 'wporg' ); ?></h3>
+					<ul class="unordered-list no-bullets">
+						<li><a href="#">Some API</a></li>
+						<li><a href="#">Some other API</a></li>
+						<li><a href="#">Another new API</a></li>
+					</ul>
+				</div>
+			</div><!-- /new-in-guide -->
+
+		</div><!-- /reference-landing -->
 
 	</div><!-- /wrapper -->
 </div><!-- /pagebody -->
Index: wp-content/themes/wporg-developer/footer.php
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- wp-content/themes/wporg-developer/footer.php	(revision 127)
+++ wp-content/themes/wporg-developer/footer.php	(revision )
@@ -1,5 +1,6 @@
 </div> <!-- /#wrapper -->
 
+</div><!-- /devhub-wrap -->
 <?php
 require WPORGPATH . 'footer.php';
 
Index: wp-content/themes/wporg-developer/header.php
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- wp-content/themes/wporg-developer/header.php	(revision 127)
+++ wp-content/themes/wporg-developer/header.php	(revision )
@@ -4,6 +4,8 @@
 wp_enqueue_style( 'wporg-developer', get_bloginfo( 'stylesheet_url' ), array(), 1, 'screen' );
 require WPORGPATH . 'header.php';
 ?>
+<div class="devhub-wrap">
+
 <div id="headline">
         <div class="wrapper">
                 <h2><a href="<?php echo home_url( '/' ); ?>"><?php bloginfo( 'name' ); ?></a></h2>