<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[1615] sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta: Rosetta Theme: Responsive and other improvements.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="http://meta.trac.wordpress.org/changeset/1615">1615</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"http://meta.trac.wordpress.org/changeset/1615","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>ocean90</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2015-05-24 20:06:47 +0000 (Sun, 24 May 2015)</dd>
</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Rosetta Theme: Responsive and other improvements.

* Add template for 404 error.
* Add template for front page which was previously the index template.
* Update index template to support static front page and page for posts.
* Update comments template to use `wp_list_comments()` and `comment_form()`.
* Update styling of blog posts.

see <a href="http://meta.trac.wordpress.org/ticket/1049">#1049</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettacommentsphp">sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/comments.php</a></li>
<li><a href="#sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettadownloadsidebarphp">sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/download-sidebar.php</a></li>
<li><a href="#sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettadownloadphp">sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/download.php</a></li>
<li><a href="#sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettafunctionsphp">sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/functions.php</a></li>
<li><a href="#sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettaindexphp">sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/index.php</a></li>
<li><a href="#sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettapagephp">sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/page.php</a></li>
<li><a href="#sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettasinglephp">sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/single.php</a></li>
<li><a href="#sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettastylecss">sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/style.css</a></li>
</ul>

<h3>Added Paths</h3>
<ul>
<li><a href="#sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosetta404php">sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/404.php</a></li>
<li><a href="#sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettafrontpagephp">sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/front-page.php</a></li>
<li>sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/inc/</li>
<li><a href="#sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettainctemplatetagsphp">sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/inc/template-tags.php</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosetta404php"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/404.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/404.php                            (rev 0)
+++ sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/404.php      2015-05-24 20:06:47 UTC (rev 1615)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,17 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php get_header(); ?>
+
+<div id="headline">
+       <div class="wrapper">
+               <h2><?php _e( 'Page Not Found', 'rosetta' ); ?></h2>
+       </div>
+</div>
+
+<div id="pagebody">
+       <div class="wrapper">
+               <div class="col-12">
+                       <p class="intro"><?php _e( 'The page you were looking for could not be found. I&#8217;m sorry, it&#8217;s not your fault&hellip; probably.', 'rosetta' ); ?></p>
+               </div>
+       </div>
+</div>
+
+<?php get_footer();
</ins></span></pre></div>
<a id="sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettacommentsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/comments.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/comments.php       2015-05-24 19:17:09 UTC (rev 1614)
+++ sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/comments.php 2015-05-24 20:06:47 UTC (rev 1615)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,54 +1,43 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php if ( $comments ) : ?>
-<h2 id="commentheader" class="fancy"><?php _e('Comments', 'rosetta'); ?></h2>
-<ol id="comments" class="commentlist">
-       <?php foreach ($comments as $comment) : ?>
-               <li id="comment-<?php comment_ID() ?>" class="comment">
-                       <div class="narrow">
-                               <span class="author"><?php comment_author_link(); ?></span>
-                               <span class="date"><?php comment_date(__('F j, Y', 'rosetta')) ?>,&nbsp;<?php comment_time(__('g:i a', 'rosetta')) ?></span>
-                               <span class="permlink"><a href="#comment-<?php comment_ID() ?>" title="<?php esc_attr_e('Permanent link to this comment', 'rosetta'); ?>">#</a></span>
-                               <?php edit_comment_link(__("Edit&nbsp;This", 'rosetta'), ''); ?>
-                       </div>
-                       <div class="wide">
-                               <?php comment_text() ?>
-                       </div>
-               </li>
-       <?php endforeach; ?>
-</ol>
-<?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/*
+ * If the current post is protected by a password and
+ * the visitor has not yet entered the password we will
+ * return early without loading the comments.
+ */
+if ( post_password_required() ) {
+       return;
+}
+?>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php if ( comments_open() ) : ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div id="comments" class="comments-area">
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<form id="commentform" action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post">
-       <h3><?php _e('Add a Comment', 'rosetta'); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( have_comments() ) : ?>
+               <h2 class="comments-title">
+                       <?php
+                               printf( _nx( 'One thought on &ldquo;%2$s&rdquo;', '%1$s thoughts on &ldquo;%2$s&rdquo;', get_comments_number(), 'comments title', 'rosetta' ),
+                                       number_format_i18n( get_comments_number() ), get_the_title() );
+                       ?>
+               </h2>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <?php if ( $user_ID ) : ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <ol class="comment-list">
+                       <?php
+                               wp_list_comments( array(
+                                       'style'       => 'ol',
+                                       'short_ping'  => true,
+                                       'avatar_size' => 56,
+                               ) );
+                       ?>
+               </ol>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <div id="loggedin"><?php printf(__('Logged in as %s.', 'rosetta'), '<a href="' . admin_url( 'profile.php' ) .'">'.$user_identity.'</a>'); ?> <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="<?php esc_attr_e('Log out of this account.', 'rosetta') ?>"><?php _e('Logout &raquo;', 'rosetta'); ?></a></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <?php else : ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+               // If comments are closed and there are comments, let's leave a little note, shall we?
+               if ( ! comments_open() && get_comments_number() ) :
+       ?>
+               <p class="no-comments"><?php _e( 'Comments are closed.', 'rosetta' ); ?></p>
+       <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <div class="narrow">
-               <input id="author" name="author" type="text" value="<?php echo esc_attr( $comment_author ) ?>" tabindex="1" />
-               <label for="author"><?php _e('Name <em>(required)</em>', 'rosetta') ?></label>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php comment_form(); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <input id="email" name="email" type="text" value="<?php echo esc_attr( $comment_author_email ) ?>" tabindex="2" />
-               <label for="email"><?php _e('Email <em>(required)</em>', 'rosetta') ?></label>
-
-               <input id="url" name="url" type="text" value="<?php echo esc_attr( $comment_author_url ) ?>" tabindex="3" />
-               <label for="url"><?php _e('Web Site', 'rosetta') ?></label>
-       </div>
-
-<?php endif; ?>
-
-       <div class="wide">
-               <textarea id="comment" name="comment" cols="45" rows="8" tabindex="4"></textarea>
-               <input id="submit" name="submit" type="submit" value="<?php esc_attr_e('Post Comment &raquo;', 'rosetta') ?>" tabindex="5" /><input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
-       </div>
-
-<?php do_action('comment_form', $post->ID); ?>
-
-</form> <!-- end commentform -->
-
-<?php else : // Comments are closed ?>
-<?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+</div>
</ins></span></pre></div>
<a id="sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettadownloadsidebarphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/download-sidebar.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/download-sidebar.php       2015-05-24 19:17:09 UTC (rev 1614)
+++ sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/download-sidebar.php 2015-05-24 20:06:47 UTC (rev 1615)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,29 +1,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        $latest_release = $rosetta->rosetta->get_latest_release();
-       if (false !== $latest_release):
-?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+global $rosetta;
+$latest_release = $rosetta->rosetta->get_latest_release();
+if ( false !== $latest_release ) :
+       ?>
+       <p class="download-meta">
+               <a class="button download-button button-large button-large" href="<?php echo $latest_release['zip_url']; ?>">
+                       <strong><?php
+                               echo apply_filters( 'no_orphans',
+                                       sprintf(
+                                               __( 'Download WordPress %s', 'rosetta' ),
+                                               $latest_release['version']
+                                       )
+                               );
+                       ?></strong>
+               </a>
+               <span><?php printf( __( '.zip &mdash; %s MB', 'rosetta' ), $latest_release['zip_size_mb'] ); ?></span>
+       </p>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <a class="download-button" href="<?php echo $latest_release['zip_url']; ?>">
-                                               <strong><?php echo apply_filters( 'no_orphans', sprintf(__('Download WordPress %s', 'rosetta'), $latest_release['version']) ); ?></strong>
-                                               <br />
-                                               <span><?php printf(__('.zip &mdash; %s MB', 'rosetta'), $latest_release['zip_size_mb']); ?></span>
-                                       </a>
-                                       <p class="download-tar"><a href="<?php echo $latest_release['targz_url']; ?>"><?php printf(__('Download .tar.gz &mdash; %s MB', 'rosetta'), $latest_release['tar_size_mb']);?></a></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p class="download-tar">
+               <a href="<?php echo $latest_release['targz_url']; ?>"><?php printf(
+                       __( 'Download .tar.gz &mdash; %s MB', 'rosetta' ),
+                       $latest_release['tar_size_mb'] );
+               ?></a>
+       </p>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <h5><?php _e("More download options", 'rosetta'); ?></h5>
-                                       <ul>
-                                               <li><a href="/releases/#latest"><?php _e('Other file formats', 'rosetta'); ?></a></li>
-                                               <li><a href="/releases/#older"><?php _e('Older versions', 'rosetta'); ?></a></li>
-                                               <li><a href="/releases/#beta"><?php _e('Beta &amp; RC versions', 'rosetta'); ?></a></li>
-                                       </ul>
-<?php
-       endif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><?php _e( 'More download options', 'rosetta' ); ?></h3>
+       <ul>
+               <li><a href="/releases/#latest"><?php _e( 'Other file formats', 'rosetta' ); ?></a></li>
+               <li><a href="/releases/#older"><?php _e( 'Older versions', 'rosetta' ); ?></a></li>
+               <li><a href="/releases/#beta"><?php _e( 'Beta &amp; RC versions', 'rosetta' ); ?></a></li>
+       </ul>
+       <?php
+endif;
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <h5><?php _e('Resources', 'rosetta'); ?></h5>
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <p><?php _e('For help with installing or using WordPress, consult our documentation in your language.', 'rosetta'); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<h3><?php _e( 'Resources', 'rosetta' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <ul>
-                                       <?php wp_list_bookmarks('categorize=0&category_before=&category_after=&title_li=&'); ?>
-                                       </ul>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<p><?php _e( 'For help with installing or using WordPress, consult our documentation in your language.', 'rosetta' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<ul>
+       <?php wp_list_bookmarks( 'categorize=0&category_before=&category_after=&title_li=&' ); ?>
+</ul>
</ins></span></pre></div>
<a id="sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettadownloadphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/download.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/download.php       2015-05-24 19:17:09 UTC (rev 1614)
+++ sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/download.php 2015-05-24 20:06:47 UTC (rev 1615)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,17 +5,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</span><span class="cx" style="display: block; padding: 0 10px"> $releases = $rosetta->rosetta->get_releases_breakdown();
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+the_post();
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <div class="wrapper">
-       <div class="section releases">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div id="headline">
+               <div class="wrapper">
+                       <h2><?php the_title(); ?></h2>
+               </div>
+       </div>
+
+       <div id="pagebody">
+               <div class="wrapper">
+                       <div class="col-9">
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px">        if ( ! empty( $releases ) ):
</span><span class="cx" style="display: block; padding: 0 10px">                if ( isset( $releases['latest'] ) ):
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        release_row(null, null, null, true);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 rosetta_release_row( null, null, null, true );
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <h3 id="latest"><?php _e('Latest release', 'rosetta'); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <h3 id="latest"><?php _e( 'Latest release', 'rosetta' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px">                         <table class="releases latest">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <?php echo release_row( $releases['latest'], 'alt' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <?php echo rosetta_release_row( $releases['latest'], 'alt' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px">                         </table>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px">                endif;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,14 +33,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        <a name="older" id="older"></a>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px">                foreach ( $releases['branches'] as $branch => $branch_rels ):
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        release_row( null, null, null, true );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 rosetta_release_row( null, null, null, true );
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <h3><?php printf( __('%s Branch', 'rosetta'), $branch );?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <h3><?php printf( __( '%s Branch', 'rosetta' ), $branch );?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px">                         <table class="releases">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px">        foreach ( $branch_rels as $release ):
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <?php release_row( $release, 'alt' );?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <?php rosetta_release_row( $release, 'alt' );?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px">        endforeach;
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -41,13 +50,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">                endif; # any branches
</span><span class="cx" style="display: block; padding: 0 10px">                if ( ! empty( $releases['betas'] ) ):
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <h3 id="betas"><?php _e('Beta &amp; RC releases', 'rosetta'); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <h3 id="betas"><?php _e( 'Beta &amp; RC releases', 'rosetta' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px">                         <table id="beta" class="releases">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        release_row( null, null, null, true );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ rosetta_release_row( null, null, null, true );
</ins><span class="cx" style="display: block; padding: 0 10px">         foreach ( $releases['betas'] as $release ):
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <?php release_row( $release, 'alt', 'beta-first' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <?php rosetta_release_row( $release, 'alt', 'beta-first' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px">        endforeach;
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -57,8 +66,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">                endif; # any betas
</span><span class="cx" style="display: block; padding: 0 10px">        else: # no releases
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <p><?php _e('There are no releases'); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p><?php _e( 'There are no releases, yet.', 'rosetta' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php endif; # if releases?>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        </div>
+               </div>
</ins><span class="cx" style="display: block; padding: 0 10px">         </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        </div>
-<?php get_footer(); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+get_footer();
</ins></span></pre></div>
<a id="sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettafrontpagephp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/front-page.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/front-page.php                             (rev 0)
+++ sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/front-page.php       2015-05-24 20:06:47 UTC (rev 1615)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,151 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php get_header(); ?>
+<div id="pagebody">
+       <div class="outer" id="mid-wrapper">
+<?php
+$latest_release = $rosetta->rosetta->get_latest_public_release();
+if ( false === $latest_release && $rosetta->rosetta->get_latest_release() ) :
+?>
+               <div class="wrapper">
+                       <div class="section">
+                               <h3>The <?php echo $rosetta->rosetta->get_glotpress_locale()->english_name; ?> translation of WordPress is inactive</h3>
+                               <p><a href="https://wordpress.org/download/">Download the English version instead</a>.</p>
+                               <p>If you&#8217;re interested in translating WordPress to <?php echo $rosetta->rosetta->get_glotpress_locale()->english_name; ?>,
+                               join <a href="https://make.wordpress.org/polyglots/">the Polyglots team</a> and find out how.</p>
+                       </div>
+               </div>
+<?php endif; ?>
+
+               <div class="wrapper">
+                       <div class="section">
+                               <div class="col-12">
+<?php
+       query_posts('pagename=txt-welcome');
+       while(have_posts()):
+               the_post();
+?>
+                               <h3><?php the_title(); ?></h3>
+
+                               <?php
+                               if ( $header_image = get_header_image() ) {
+                                       $hw = image_hwstring( HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT );
+                                       printf(
+                                               '<img class="shot" %ssrc="%s" alt="" />',
+                                               $hw,
+                                               esc_url( $header_image )
+                                       );
+                               }
+
+                               the_content();
+                               ?>
+<?php endwhile; ?>
+                               </div>
+                       </div>
+               </div>
+       </div>
+<?php
+       $latest_release = $rosetta->rosetta->get_latest_public_release();
+       if (false !== $latest_release):
+?>
+               <div class="wrapper">
+                       <div class="section">
+                               <div class="col-9">
+<?php
+       query_posts('pagename=txt-download');
+       while(have_posts()):
+               the_post();
+?>
+                               <h3><?php the_title(); ?></h3>
+                                       <?php the_content(); ?>
+<?php endwhile; ?>
+                               </div>
+                               <div class="col-3">
+<?php
+       get_template_part( 'download-sidebar' );
+?>
+                               </div>
+                       </div>
+               </div>
+<?php
+       endif; # at least one no-beta release
+       $showcase = $rosetta->showcase->front();
+       if ( $showcase ) :
+?>
+       <div class="wrapper">
+               <div class="section">
+                       <div class="col-12">
+                               <h3><?php _e( 'Showcase', 'rosetta' ); ?></h3>
+                               <ul id="showcase">
+<?php
+       foreach ( $showcase as $item ) :
+               $url = get_permalink( $item->ID );
+?>
+       <li>
+               <a class="shot" href="<?php echo esc_url( $url ); ?>">
+                       <img src="<?php echo esc_url( $rosetta->screenshot_url( $url, 230 ) ); ?>" width="230" alt="screenshot" />
+               </a>
+               <?php echo esc_html( $item->post_title ); ?>
+               <br />
+               <a href="<?php echo esc_url( $url ); ?>"><?php _e( 'Visit the site &rarr;', 'rosetta' ); ?></a>
+       </li>
+<?php
+       endforeach;
+?>
+                               </ul>
+                       </div>
+               </div>
+       </div>
+<?php
+       elseif( current_user_can('edit_posts') ):
+?>
+               <div class="wrapper">
+                       <div class="section">
+                               <div class="col-12">
+                                       <h3><?php _e('Showcase', 'rosetta'); ?></h3>
+                                       <span id="showcase-front-slate">You can <a href="<?php echo admin_url('edit.php?post_type=showcase'); ?>">add notable sites</a> in your language and screenshot and description of random three of them will show here.</span>
+                               </div>
+                       </div>
+               </div>
+<?php
+       endif;
+?>
+<?php
+       query_posts('pagename=txt-install');
+       while(have_posts()):
+               the_post();
+?>
+       <div class="wrapper">
+               <div class="section">
+                       <div class="col-12">
+                               <h3><?php the_title(); ?></h3>
+                               <?php the_content(); ?>
+                       </div>
+               </div>
+       </div>
+<?php endwhile; ?>
+               <div class="wrapper">
+                       <div id="blog" class="section">
+                               <div class="col-9">
+                                       <h3><?php _e('Blog', 'rosetta'); ?></h3>
+<?php
+       query_posts( 'showposts=5' );
+       while (have_posts()) : the_post();
+?>
+                                                       <div class="post" id="post-<?php the_ID(); ?>">
+                                                               <h4><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf( esc_attr__('Permanent Link to %s', 'rosetta'), get_the_title()); ?>"><?php the_title(); ?></a></h4>
+                                                               <div class="entry">
+                                                                       <?php the_excerpt(); ?>
+                                                               </div>
+                                                       </div>
+<?php endwhile; ?>
+                               </div>
+
+                               <div class="col-3">
+                                       <h5><?php _e( 'Blog Archives', 'rosetta' ); ?></h5>
+                                       <ul>
+                                               <?php wp_get_archives('type=monthly&limit=12'); ?>
+                                       </ul>
+                               </div>
+                       </div>
+               </div>
+</div>
+<?php get_footer();
</ins></span></pre></div>
<a id="sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettafunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/functions.php      2015-05-24 19:17:09 UTC (rev 1614)
+++ sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/functions.php        2015-05-24 20:06:47 UTC (rev 1615)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,8 +1,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Set the content width based on the theme's design and stylesheet.
+ */
+if ( ! isset( $content_width ) ) {
+       $content_width = 692;
+}
+
+/**
+ * Sets up theme defaults and registers support for various WordPress features.
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function rosetta_after_setup_theme() {
</span><span class="cx" style="display: block; padding: 0 10px">        add_theme_support( 'automatic-feed-links' );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        add_theme_support( 'html5', array(
+               'search-form', 'comment-form', 'comment-list', 'gallery', 'caption'
+       ) );
+
</ins><span class="cx" style="display: block; padding: 0 10px">         add_theme_support( 'custom-header', array(
</span><span class="cx" style="display: block; padding: 0 10px">                'default-image' => false,
</span><span class="cx" style="display: block; padding: 0 10px">                'header-text'   => false,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,33 +43,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'admin_footer-nav-menus.php', 'rosetta_admin_footer_nav_menus' );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function release_row( $release, $alt_class=false, $first_of_branch_class=false, $reset = false) {
-       static $even = true;
-       static $last_branch='';
-
-       if ($reset) {
-               $even = true;
-               $last_branch = '';
-               return;
-       }
-       $classes = array();
-       if (!$even && $alt_class) {
-               $classes[] = $alt_class;
-       }
-       $even = !$even;
-       if ($release['branch'] != $last_branch && $first_of_branch_class) {
-               $classes[] = $first_of_branch_class;
-       }
-       $last_branch = $release['branch'];
-       $classes_str = implode(' ', $classes);
-       print "<tr class='$classes_str'>";
-       print "\t<td>".$release['version']."</td>";
-       print "\t<td>".date_i18n(__('Y-M-d', 'rosetta'), $release['builton'])."</td>";
-       print "\t<td><a href='".$release['zip_url']."'>zip</a> <small>(<a href='".$release['zip_url'].".md5'>md5</a>)</small></td>";
-       print "\t<td><a href='".$release['targz_url']."'>tar.gz</a> <small>(<a href='".$release['targz_url'].".md5'>md5</a>)</small></td>";
-       print "</tr>";
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function rosetta_body_class( $classes ) {
+       $classes[] = 'wporg-responsive';
+       $classes[] = 'wporg-international';
+       return $classes;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+add_filter( 'body_class', 'rosetta_body_class' );
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> function is_locale_css() {
</span><span class="cx" style="display: block; padding: 0 10px">        global $rosetta;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -72,3 +65,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        return substr_replace( $string, '&nbsp;', strrpos( $string, ' ' ), 1 );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'no_orphans', 'rosetta_orphan_control' );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+/**
+ * Custom template tags for this theme.
+ */
+require get_template_directory() . '/inc/template-tags.php';
</ins></span></pre></div>
<a id="sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettainctemplatetagsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/inc/template-tags.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/inc/template-tags.php                              (rev 0)
+++ sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/inc/template-tags.php        2015-05-24 20:06:47 UTC (rev 1615)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,73 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Prints HTML with meta information for the date, author, categories.
+ */
+function rosetta_entry_meta() {
+       if ( is_sticky() && is_home() && ! is_paged() ) {
+               printf( '<span class="sticky-post">%s</span> ', __( 'Featured', 'rosetta' ) );
+       }
+
+       $time_string = sprintf(
+               '<time class="entry-date published" datetime="%1$s">%2$s</time>',
+               esc_attr( get_the_date( 'c' ) ),
+               get_the_date()
+       );
+
+       $author_string = sprintf(
+               '<span class="entry-author vcard"><a class="url fn n" href="%1$s">%2$s</a></span>',
+               esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
+               get_the_author()
+       );
+
+       printf(
+               /* translators: 1: post date 2: post author */
+               __( 'Posted on %1$s by %2$s.', 'rosetta' ),
+               $time_string,
+               $author_string
+       );
+       echo ' ';
+
+       $categories_list = get_the_category_list( _x( ', ', 'Used between list items, there is a space after the comma.', 'rosetta' ) );
+       if ( $categories_list ) {
+               $categories_string = sprintf(
+                       '<span class="entry-cat-links">%s</span>',
+                       $categories_list
+               );
+               echo ' ';
+               printf(
+                       /* translators: %s: list of categories */
+                       __( 'Filed under %s.', 'rosetta' ),
+                       $categories_string
+               );
+       }
+
+       edit_post_link( null, ' ' );
+}
+
+function rosetta_release_row( $release, $alt_class=false, $first_of_branch_class=false, $reset = false) {
+       static $even = true;
+       static $last_branch='';
+
+       if ($reset) {
+               $even = true;
+               $last_branch = '';
+               return;
+       }
+       $classes = array();
+       if (!$even && $alt_class) {
+               $classes[] = $alt_class;
+       }
+       $even = !$even;
+       if ($release['branch'] != $last_branch && $first_of_branch_class) {
+               $classes[] = $first_of_branch_class;
+       }
+       $last_branch = $release['branch'];
+       $classes_str = implode(' ', $classes);
+       print "<tr class='$classes_str'>";
+       print "\t<td>".$release['version']."</td>";
+       print "\t<td>".date_i18n(__('Y-M-d', 'rosetta'), $release['builton'])."</td>";
+       print "\t<td><a href='".$release['zip_url']."'>zip</a> <small>(<a href='".$release['zip_url'].".md5'>md5</a>)</small></td>";
+       print "\t<td><a href='".$release['targz_url']."'>tar.gz</a> <small>(<a href='".$release['targz_url'].".md5'>md5</a>)</small></td>";
+       print "</tr>";
+
+}
</ins></span></pre></div>
<a id="sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettaindexphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/index.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/index.php  2015-05-24 19:17:09 UTC (rev 1614)
+++ sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/index.php    2015-05-24 20:06:47 UTC (rev 1615)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,143 +1,42 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php get_header(); ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <div class="outer" id="mid-wrapper">
-<?php
-$latest_release = $rosetta->rosetta->get_latest_public_release();
-if ( false === $latest_release && $rosetta->rosetta->get_latest_release() ) :
-?>
-               <div class="wrapper">
-                       <div class="section">
-                               <h3>The <?php echo $rosetta->rosetta->get_glotpress_locale()->english_name; ?> translation of WordPress is inactive</h3>
-                               <p><a href="https://wordpress.org/download/">Download the English version instead</a>.</p>
-                               <p>If you&#8217;re interested in translating WordPress to <?php echo $rosetta->rosetta->get_glotpress_locale()->english_name; ?>,
-                               join <a href="https://make.wordpress.org/polyglots/">the Polyglots team</a> and find out how.</p>
-                       </div>
-               </div>
-<?php endif; ?>
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="wrapper">
-                       <div class="section">
-<?php
-       query_posts('pagename=txt-welcome');
-       while(have_posts()):
-               the_post();
-?>
-                               <h3><?php the_title(); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div id="pagebody">
+       <div class="wrapper">
+               <div class="col-9">
+                       <?php
+                       if ( have_posts()) :
+                               while (have_posts() ) : the_post(); ?>
+                                       <h2 class="fancy"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <?php
-                               if ( $header_image = get_header_image() ) {
-                                       $hw = image_hwstring( HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT );
-                                       printf(
-                                               '<img class="shot" %ssrc="%s" alt="" />',
-                                               $hw,
-                                               esc_url( $header_image )
-                                       );
-                               }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <div class="meta">
+                                               <?php rosetta_entry_meta(); ?>
+                                       </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                the_content();
-                               ?>
-<?php endwhile; ?>
-                       </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <div class="storycontent">
+                                               <?php the_content('Read on for more &raquo;'); ?>
+                                       </div>
+
+                                       <div class="feedback">
+                                               <?php comments_popup_link(); ?>
+                                       </div>
+
+                                       <?php comments_template(); ?>
+                               <?php endwhile;
+                       else: ?>
+                               <p><?php _e( 'Sorry, no posts matched your criteria.', 'rosetta' ); ?></p>
+                       <?php endif; ?>
+
+                       <?php posts_nav_link(' &#8212; ', __( '&laquo; Newer Posts', 'rosetta' ), __( 'Older Posts &raquo;', 'rosetta' ) ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px">                 </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        </div>
-<?php
-       $latest_release = $rosetta->rosetta->get_latest_public_release();
-       if (false !== $latest_release):
-?>
-               <div class="wrapper">
-                       <div class="section">
-                               <div class="main">
-<?php
-       query_posts('pagename=txt-download');
-       while(have_posts()):
-               the_post();
-?>
-                               <h3><?php the_title(); ?></h3>
-                                       <?php the_content(); ?>
-<?php endwhile; ?>
-                               </div>
-                               <div class="sidebar">
-<?php
-       require_once dirname( __FILE__ ) . '/download-sidebar.php';
-?>
-                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div class="col-3">
+                       <div class="blog-categories">
+                               <h4><?php _e( 'Categories', 'rosetta' ); ?></h4>
+                               <ul>
+                                       <?php wp_list_categories( 'title_li=&show_count=1&orderby=count&order=DESC&number=10' ); ?>
+                               </ul>
</ins><span class="cx" style="display: block; padding: 0 10px">                         </div>
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php
-       endif; # at least one no-beta release
-       $showcase = $rosetta->showcase->front();
-       if ( $showcase ) :
-?>
-       <div class="wrapper">
-               <div class="section">
-                       <h3><?php _e( 'Showcase', 'rosetta' ); ?></h3>
-                       <ul id="showcase">
-<?php
-       foreach ( $showcase as $item ) :
-               $url = get_permalink( $item->ID );
-?>
-       <li>
-               <a class="shot" href="<?php echo esc_url( $url ); ?>">
-                       <img src="<?php echo esc_url( $rosetta->screenshot_url( $url, 230 ) ); ?>" width="230" alt="screenshot" />
-               </a>
-               <?php echo esc_html( $item->post_title ); ?>
-               <br />
-               <a href="<?php echo esc_url( $url ); ?>"><?php _e( 'Visit the site &rarr;', 'rosetta' ); ?></a>
-       </li>
-<?php
-       endforeach;
-?>
-                       </ul>
-               </div>
</del><span class="cx" style="display: block; padding: 0 10px">         </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php
-       elseif( current_user_can('edit_posts') ):
-?>
-               <div class="wrapper">
-               <div class="section">
-                       <h3><?php _e('Showcase', 'rosetta'); ?></h3>
-                       <span id="showcase-front-slate">You can <a href="<?php echo admin_url('edit.php?post_type=showcase'); ?>">add notable sites</a> in your language and screenshot and description of random three of them will show here.</span>
-               </div>
-               </div>
-<?php
-       endif;
-?>
-<?php
-       query_posts('pagename=txt-install');
-       while(have_posts()):
-               the_post();
-?>
-       <div class="wrapper">
-               <div class="section">
-                       <h3><?php the_title(); ?></h3>
-                               <?php the_content(); ?>
-               </div>
-       </div>
-<?php endwhile; ?>
-               <div class="wrapper">
-                       <div id="blog" class="section">
-                               <div class="main">
-                                       <h3><?php _e('Blog', 'rosetta'); ?></h3>
-<?php
-       wp_reset_query();
-       while (have_posts()) : the_post();
-?>
-                                                       <div class="post" id="post-<?php the_ID(); ?>">
-                                                               <h4><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf( esc_attr__('Permanent Link to %s', 'rosetta'), get_the_title()); ?>"><?php the_title(); ?></a></h4>
-                                                               <h6><?php the_time(__('F j, Y', 'rosetta')); ?></h6>
-                                                               <div class="entry">
-                                                                       <?php the_excerpt(); ?>
-                                                               </div>
-                                                       </div>
-<?php endwhile; ?>
-                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+</div>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <div class="sidebar">
-                                       <h5><?php _e('Blog Archives', 'rosetta'); ?></h5>
-                                       <ul>
-                                               <?php wp_get_archives('type=monthly&limit=12'); ?>
-                                       </ul>
-                               </div>
-                       </div>
-               </div>
-
-<?php get_footer(); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php get_footer();
</ins></span></pre></div>
<a id="sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettapagephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/page.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/page.php   2015-05-24 19:17:09 UTC (rev 1614)
+++ sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/page.php     2015-05-24 20:06:47 UTC (rev 1615)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,24 +1,22 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php get_header(); ?>
-       <div class="wrapper">
-                       <div class="section">
</del><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        while(have_posts()):
-               the_post();
-?>
-                               <div class="main">
-                               <h3><?php the_title(); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+get_header();
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <?php the_content(); ?>
-                               </div>
-
-                               <div class="sidebar">
-<?php
-       include 'download-sidebar.php';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+the_post();
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div id="headline">
+               <div class="wrapper">
+                       <h2><?php the_title(); ?></h2>
+               </div>
+       </div>
+       <div id="pagebody">
+               <div class="wrapper">
+                       <div class="col-9">
+                               <?php the_content(); ?>
</ins><span class="cx" style="display: block; padding: 0 10px">                         </div>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        <div class="col-3">
+                               <?php get_template_part( 'download-sidebar' ); ?>
+                       </div>
</ins><span class="cx" style="display: block; padding: 0 10px">                 </div>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        endwhile;
-       get_footer();
-?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+get_footer();
</ins></span></pre></div>
<a id="sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettasinglephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/single.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/single.php 2015-05-24 19:17:09 UTC (rev 1614)
+++ sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/single.php   2015-05-24 20:06:47 UTC (rev 1615)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,31 +1,38 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php get_header(); ?>
-       <div class="outer" id="mid-wrapper">
-               <div class="wrapper">
-                       <div class="section blog">
-                               <h3><?php _e('Blog', 'rosetta');?></h3>
-                       </div>
-               </div>
-       </div>
-       <?php if (have_posts()) : ?>
-               <?php while (have_posts()) : the_post(); ?>
-               <div class="wrapper">
-               <div class="section blog">
-                               <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
-
-                               <p><small><em><?php the_time(__('F j, Y', 'rosetta')); ?>, <?php the_author_link(); ?></em></small></p>
-
-                               <?php the_content(__('Read the rest of this entry &raquo;', 'rosetta')); ?>
-
-                               <?php comments_template(); ?>
-                               <div class="navigation">
-                                               <div class="nav-previous"><?php previous_post_link('&larr; %link') ?></div>
-                                               <div class="nav-next"><?php next_post_link('%link &rarr;') ?></div>
-                               </div>
-
-               </div>
-               </div>
-
-               <?php endwhile; ?>
-
-       <?php endif; ?>
-<?php get_footer(); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php get_header(); ?>
+
+<div id="pagebody">
+       <div class="wrapper">
+               <div class="col-9">
+                       <?php
+                       if ( have_posts()) :
+                               while (have_posts() ) : the_post(); ?>
+                                       <h2 class="fancy"><?php the_title(); ?></h2>
+
+                                       <div class="meta">
+                                               <?php rosetta_entry_meta(); ?>
+                                       </div>
+
+                                       <div class="storycontent">
+                                               <?php the_content( 'Read on for more &raquo;', 'rosetta' ); ?>
+                                       </div>
+
+                                       <?php comments_template(); ?>
+                               <?php endwhile;
+                       else: ?>
+                               <p><?php _e( 'Sorry, no posts matched your criteria.', 'rosetta' ); ?></p>
+                       <?php endif; ?>
+
+                       <?php posts_nav_link(' &#8212; ', __( '&laquo; Newer Posts', 'rosetta' ), __( 'Older Posts &raquo;', 'rosetta' ) ); ?>
+               </div>
+               <div class="col-3">
+                       <div class="blog-categories">
+                               <h4><?php _e( 'Categories', 'rosetta' ); ?></h4>
+                               <ul>
+                                       <?php wp_list_categories( 'title_li=&show_count=1&orderby=count&order=DESC&number=10' ); ?>
+                               </ul>
+                       </div>
+               </div>
+       </div>
+</div>
+
+<?php get_footer();
</ins></span></pre></div>
<a id="sitestrunkglobalwordpressorgpublic_htmlwpcontentthemesrosettastylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/style.css  2015-05-24 19:17:09 UTC (rev 1614)
+++ sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/style.css    2015-05-24 20:06:47 UTC (rev 1615)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,109 +6,138 @@
</span><span class="cx" style="display: block; padding: 0 10px"> Author: Matt Thomas
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* The Reset ---------------------------------- */
-/* -------------------------------------------- */
-body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
-h6,pre,form,fieldset,input,p,blockquote,table,
-th,td { margin: 0; padding: 0; }
-fieldset,img,abbr { border: 0; }
-address,caption,cite,code,dfn,em,h1,h2,h3,
-h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
-caption,th { text-align: left; }
-q:before,q:after { content: ''; }
-a { text-decoration: none; }
-ul { list-style: none; }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body {
+       font-family: 'Open Sans', sans-serif;
+}
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* STRUCTURE AND PAGEBODY */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.nextprev {
+       margin-bottom: 2em;
+}
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body {
-       color: #555;
-       margin: 0;
-       padding: 0;
-       font-size: 16px;
-       font-family: "Open Sans","Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.blog-categories ul li ul {
+       margin-bottom: 0 !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-pre a { font-weight: normal; }
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-a { color: #2583ad; text-decoration: none; font-weight: bold; }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.storycontent div {
+       margin-top: 2em;
+       margin-bottom: 2em;
+}
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-a:hover, a:active { color: #d54e21; }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.storycontent div.googleplus1_button,
+.storycontent .wp-playlist div,
+.storycontent .mejs-video div {
+       margin-top: 0;
+       margin-bottom: 0;
+}
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h3 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (max-width:692px) {
+       .col-9 {
+               width:100%;
+       }
+}
+
+#pagebody {
+       font-size: 15px;
+       line-height: 1.5;
+}
+
+.section .col-9 h3,
+.section .col-12 h3,
+#pagebody h2.fancy {
+       margin-bottom: 20px;
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: 36px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        color: #555;
-       margin-bottom: 22px;
-       font-family: "Open Sans",Georgia,Times,"Times New Roman",serif;
</del><span class="cx" style="display: block; padding: 0 10px">         font-weight: 300;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        line-height: 1.3;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h4 {
-       font-size: 15px;
-       float: left;
-       margin-right: 7px;
-}
-h6 {
-       padding-top: 2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+#pagebody .meta {
+       margin-bottom: 20px;
+       font-size: 12px;
</ins><span class="cx" style="display: block; padding: 0 10px">         color: #999;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        font: 11px/1.8em "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
-       float: left;
-       font-style: italic;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h5 {
-       margin-top: 30px;
-       font-size: 16px;
-       font-weight: bold;
-       padding: 4px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.storycontent {
+       padding-right: 60px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-p {
-       font-size: 16px;
-       line-height: 1.6em;
-       margin-top: 16px;
-       margin-bottom: 16px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.storycontent ul li {
+       margin-bottom: 5px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-em {
-       font-style: italic;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.col-3 p, .col-3 ul li {
+       font-size: 14px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-ul {
-       list-style-type: square;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.feedback {
+       margin-bottom: 40px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-ul, ol {
-       margin-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+hr {
+       margin: 2em 0 3em;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#wporg-header ul {
-       margin-left: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.col-9 h2 {
+       margin: 15px 0 20px;
+       font-family: 'Open Sans', sans-serif;
+       font-size: 26px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-ul li, ol li {
-       line-height: 1.6em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.storycontent h3 {
+       margin: 0 0 5px 0;
+       font-size: 16px;
+       font-weight: bold;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote {
-       margin-left: 40px;
-       font-style: italic;
-       font-family: Georgia,Times,"Times New Roman",serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.col-9 h2.aligncenter,
+.col-9 h3.aligncenter {
+       text-align: center;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wrapper {
-       width: 960px;
-       margin: 0 auto;
-       padding: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.col-3 p, .col-3 ul li {
+       font-size: 13px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.outer {
-       width: 100%;
-       margin: 0 auto;
-       padding: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+h2.fancy:nth-of-type(1) {
+       margin-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+#pagebody ul {
+       margin-left: 17px;
+}
+
+#pagebody dt {
+       font-style: italic;
+       margin: 22px 0 10px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> #mid-wrapper {
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: #f7f7f7;
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom: 1px solid #dfdfdf;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        margin-top: -29px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .section {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-top: 27px;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-bottom: 17px;
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        width: 960px;
</del><span class="cx" style="display: block; padding: 0 10px">         border-bottom: 1px solid #DADADA;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.section .post h4 {
+       font-size: 16px;
+       margin-bottom: 5px;
+       border-bottom: 0;
+}
+
+.section .post:last-child .entry {
+       border-bottom: 0;
+}
+
+.wrapper:last-child .section,
</ins><span class="cx" style="display: block; padding: 0 10px"> #mid-wrapper .section {
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .section:after  {
</span><span class="cx" style="display: block; padding: 0 10px">        content: ".";
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -116,30 +145,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">        clear: both;
</span><span class="cx" style="display: block; padding: 0 10px">        visibility: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .section img.shot {
</span><span class="cx" style="display: block; padding: 0 10px">        float: right;
</span><span class="cx" style="display: block; padding: 0 10px">        border: 1px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 2px;
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0 0 5px 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-img.wp-smiley {
-       border: 0;
-       display: inline;
-       float: none;
-       margin: 0;
-       padding: 0;
-       vertical-align: text-top;
-}
-.main {
-       width: 685px;
-       padding-right: 50px;
-       float: left;
-}
-.sidebar {
-       width: 225px;
-       float: left;
-       font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+/**
+ * Sidebar
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> .sidebar p {
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 13px;
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 1.6em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -152,99 +168,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.download-button {
-       white-space: normal;
-       height: auto;
-       display: block;
-       text-align: center;
-       line-height: 1.6em;
-       padding: 8px 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+p.download-tar {
+       padding-top: 5px;
+       font-size: 12px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.download-button strong {
-       font-size: 13px;
-}
-.download-button span {
-       font-weight: normal;
-}
-.download-tar {
-       font-size: 10px;
-       text-align: center;
-       margin-bottom: 14px !important;
-}
-
-form#commentform {
-       margin-top: 40px;
-       width: 100%;
-}
-h2.fancy, h2.fancy a {
-       font-size: 18px;
-       color: #555;
-}
-#commentheader {
-       margin-top: 40px;
-}
-#commentform input {
-       width: 90%;
-       margin-bottom: 3px;
-}
-#commentform textarea {
-       height: 20em;
-       margin-bottom: 5px;
-       width: 100%;
-}
-#commentform label {
-       padding-bottom: 12px;
-       display: block;
-       font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
-}
-.narrow {
-       width: 180px;
-       margin-right: 20px;
-       float: left;
-}
-.wide {
-       width: 640px;
-       float: left;
-}
-#commentform .wide {
-       margin-bottom: 40px;
-}
-ol#comments {
-       list-style: none;
-       margin: 0;
-       padding: 0;
-}
-ol#comments p {
-       margin-top: 3px;
-}
-ol#comments .narrow {
-       font: 11px/1.8em "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
-       padding-top: 5px;
-}
-#loggedin {
-       font: 11px/1.8em "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
-       margin-bottom: 5px;
-}
-ol#comments .narrow .author {
-       font-size: 14px;
-}
-li.comment {
-       clear: both;
-       padding: 10px 0 20px;
-       border-bottom: 1px solid #ccc;
-       height: 100%;
-}
-li.comment:after {
-       content: ".";
-       display: block;
-       height: 0;
-       clear: both;
-       visibility: hidden;
-}
-input#submit {
-       width: 150px;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Page Template: Releases
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> table.releases {
</span><span class="cx" style="display: block; padding: 0 10px">        clear: left;
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 5px 5px 24px 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -278,71 +209,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> table.latest a:hover {
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-div .entry {
-       clear: left;
-}
-.releases h3 {
-       margin-bottom: 12px;
-}
-.section.blog h2 {
-       font-size: 18px;
-       margin-bottom: 8px;
-}
-.navigation {
-       clear: left;
-}
-.nav-previous {
-       float: left;
-}
-.nav-next {
-       float: right;
-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-table.widefat {
-       border: 1px solid #ccc;
-       border-collapse: collapse;
-       width: 100%;
-       clear: both;
-       margin-bottom: 11px;
-}
-
-table.widefat a {
-       text-decoration: none;
-}
-
-table.widefat tr.alt {
-       background-color: #f9f9f9;
-}
-
-table.widefat thead {
-       background-color: #464646;
-       color: #d7d7d7;
-}
-
-table.widefat td, table.widefat th {
-       border-bottom-width: 1px;
-       border-bottom-style: solid;
-       border-bottom-color: #ccc;
-       font-size: 12px;
-       padding: 6px;
-       vertical-align: text-top;
-}
-
-table.widefat th {
-       padding-bottom: 4px;
-       padding-top: 8px;
-       text-align: left;
-}
-
-table.widefat .check-column {
-       text-align: center;
-       vertical-align: text-top;
-       width: 3%;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Page Template: Contact
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> form#contactme td {
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-form#contactme input, textarea {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+form#contactme input, form#contactme textarea {
</ins><span class="cx" style="display: block; padding: 0 10px">         padding: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> form#contactme input {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -354,21 +228,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.submit input,
-input[type=button],
-input[type=submit],
-.button,
-.button-primary,
-.download-button,
-.button-secondary {
-       line-height: 1;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> form#contactme .submit input,
</span><span class="cx" style="display: block; padding: 0 10px"> form#contactme input[type=button],
</span><span class="cx" style="display: block; padding: 0 10px"> form#contactme input[type=submit],
</span><span class="cx" style="display: block; padding: 0 10px"> form#contactme .button,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button-primary,
</del><span class="cx" style="display: block; padding: 0 10px"> form#contactme .download-button,
</span><span class="cx" style="display: block; padding: 0 10px"> form#contactme .button-secondary {
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 11px 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -377,24 +240,25 @@
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: 230px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-tr.error {
-       background-color: #E4F2FD;
-}
-#showcase {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Showcase
+ */
+ul#showcase {
</ins><span class="cx" style="display: block; padding: 0 10px">         text-align: center;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin: 0 -7px 0 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: 85%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> #showcase li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        float: left;
-       list-style-type: none;
-       display: block;
-       margin-right: 7px;
-       width: 235px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
+       margin-right: 6%;
+       width: 20%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> #showcase li:last-child {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> #showcase a.shot {
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 6px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -402,55 +266,404 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border: 1px solid rgb(204, 204, 204);
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> #showcase a {
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 110%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> span#showcase-front-slate {
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and ( max-width: 960px ) {
-       #wporg-header {
-               height: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.feedback {
+       text-align: right;
+       font-size: 10px;
+       text-transform: uppercase;
+       border-bottom: 1px solid #dadada;
+       padding-bottom: 1px;
+       margin-bottom: 25px;
+}
+
+.feedback a {
+       text-decoration: none;
+}
+
+
+/* Hide visually but not from screen readers */
+.screen-reader-text,
+.screen-reader-text span {
+       position: absolute;
+       margin: -1px;
+       padding: 0;
+       height: 1px;
+       width: 1px;
+       overflow: hidden;
+       clip: rect(0 0 0 0);
+       border: 0;
+       word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
+}
+
+/**
+ * Forms
+ */
+button,
+input,
+select,
+textarea {
+       background-color: #fff;
+       border-radius: 0;
+       font-size: 14px;
+       line-height: 1.5;
+       margin: 0;
+       max-width: 100%;
+       vertical-align: baseline;
+}
+
+button,
+input {
+       line-height: normal;
+}
+
+input,
+textarea {
+       background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
+       border: 1px solid #ccc;
+       color: #333;
+}
+
+input[type="text"],
+input[type="email"],
+input[type="url"],
+input[type="password"],
+input[type="search"],
+textarea {
+       padding: 0.375em;
+       width: 100%;
+}
+
+textarea {
+       overflow: auto;
+       vertical-align: top;
+}
+
+/**
+ * Comments
+ */
+.comments-area {
+       border-top: 1px solid #eaeaea;
+}
+
+.comments-area > :last-child {
+       margin-bottom: 0;
+}
+
+.comment-list + .comment-respond {
+       border-top: 1px solid #eaeaea;
+}
+
+.comment-list + .comment-respond,
+.comment-navigation + .comment-respond {
+       padding-top: 1.6em;
+}
+
+.comments-title,
+.comment-reply-title {
+       font-size: 18px;
+       line-height: 1.3333;
+}
+
+.comments-title {
+       margin-bottom: 1.3333em;
+}
+
+#pagebody .comment-list {
+       list-style: none;
+       margin: 0;
+}
+
+.comment-list .alt {
+       background: none;
+}
+
+.comment-list article,
+.comment-list .pingback,
+.comment-list .trackback {
+       border-top: 1px solid #eaeaea;
+       padding: 1.6em 0;
+}
+
+.comment-list .children {
+       list-style: none;
+       margin: 0;
+}
+
+.comment-list .children > li {
+       padding-left: 0.8em;
+}
+
+.comment-author {
+       color: #999;
+       margin-bottom: 0.4em;
+}
+
+.comment-author .avatar {
+       float: left;
+       height: 24px;
+       margin-right: 0.8em;
+       width: 24px;
+}
+
+.comment-metadata,
+.pingback .edit-link {
+       color: #999;
+       font-size: 12px;
+       line-height: 1.5;
+}
+
+.comment-metadata a,
+.pingback .edit-link a {
+       color: #777;
+       border-bottom: 1px solid #dfdfdf;
+}
+
+.comment-metadata a:hover,
+.comment-metadata a:focus,
+.pingback .edit-link a:hover,
+.pingback .edit-link a:focus {
+       color: #d54e21;
+       border-bottom-color: #d54e21;
+}
+
+.comment-metadata {
+       margin-bottom: 1.6em;
+}
+
+.comment-metadata .edit-link {
+       margin-left: 1em;
+}
+
+.pingback .edit-link {
+       margin-left: 1em;
+}
+
+.pingback .edit-link:before {
+       top: 5px;
+}
+
+.comment-content ul,
+.comment-content ol {
+       margin: 0 0 1.6em 1.3333em;
+}
+
+.comment-content li > ul,
+.comment-content li > ol {
+       margin-bottom: 0;
+}
+
+.comment-content > :last-child {
+       margin-bottom: 0;
+}
+
+.comment-list .reply {
+       font-size: 12px;
+}
+
+.comment-list .reply a {
+       border: 1px solid #eaeaea;
+       color: #707070;
+       display: inline-block;
+       font-weight: 700;
+       line-height: 1;
+       margin-top: 2em;
+       padding: 0.4167em 0.8333em;
+       text-transform: uppercase;
+}
+
+.comment-list .reply a:hover,
+.comment-list .reply a:focus {
+       border-color: #333;
+       color: #333;
+       outline: 0;
+}
+
+.comment-form {
+       padding-top: 1.6em;
+}
+
+.comment-form label {
+       font-size: 12px;
+       font-weight: 700;
+       display: block;
+       letter-spacing: 0.04em;
+       line-height: 1.5;
+}
+
+.comment-form input[type="text"],
+.comment-form input[type="email"],
+.comment-form input[type="url"] {
+       width: 100%;
+}
+
+.comment-notes,
+.comment-awaiting-moderation,
+.logged-in-as,
+.form-allowed-tags {
+       font-size: 12px;
+       line-height: 1.5;
+       margin-bottom: 2em;
+}
+
+.no-comments {
+       border-top: 1px solid #eaeaea;
+       color: #999;
+       font-weight: 700;
+       padding-top: 1.6em;
+}
+
+.comment-navigation + .no-comments {
+       border-top: 0;
+}
+
+.form-allowed-tags code {
+       font-family: Inconsolata, monospace;
+}
+
+.form-submit {
+       margin-bottom: 0;
+}
+
+.required {
+       color: #c0392b;
+}
+
+/**
+ * Media Queries
+ */
+@-ms-viewport {
+       width: device-width;
+}
+
+@viewport {
+       width: device-width;
+}
+
+
+@media screen and (min-width: 620px) {
+       .comments-area {
+               border-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                #mobile-menu-button {
-                       display: none;    /* Because the global menu doesn't actually exist */
-               }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment-content ul,
+       .comment-content ol {
+               margin-left: 0;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                #wporg-header .menu ul li,
-               #wporg-header ul.menu li {
-                       float: left;
-               }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment-content li > ul,
+       .comment-content li > ol,
+       .comment-content blockquote > ul,
+       .comment-content blockquote > ol {
+               margin-left: 1.3333em;
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        #wporg-header .menu ul li a,
-                       #wporg-header ul.menu li a {
-                               padding-left: 0;
-                               padding-right: 15px;
-                       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 740px) {
+       .comments-title {
+               margin-bottom: 1.4em;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        #mid-wrapper.outer,
-       .wrapper,
-       .section,
-       .main {
-               width: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment-list article,
+       .comment-list .pingback,
+       .comment-list .trackback {
+               padding: 1.6471em 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        #mid-wrapper,
-       .wrapper {
-               margin-left: 40px;
-               margin-right: 40px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment-list + .comment-respond,
+       .comment-navigation + .comment-respond {
+               padding-top: 1.6471em;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                form#contactme textarea {
-                       width: 100%;
-               }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment-list .children > li {
+               padding-left: 1.2353em;
+       }
+
+       .comment-meta {
+               position: relative;
+       }
+
+       .comment-author {
+               margin-bottom: 0;
+       }
+
+       .comment-author .avatar {
+               height: 42px;
+               margin-right: 1.64705em;
+               position: relative;
+               top: 5px;
+               width: 42px;
+       }
+
+       .comment-content ul,
+       .comment-content ol {
+               margin-bottom: 1.6471em;
+       }
+
+       .comment-list .reply a {
+               padding: 0.4286em 0.8571em;
+       }
+
+       .comment-form,
+       .no-comments {
+               padding-top: 1.6471em;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and ( max-width: 768px ) {
-       #wporg-header h2.rosetta a {
-               padding-top: 5px;
-               padding-left: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 880px) {
+       .comment-form label {
+               font-size: 15px;
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       .comments-title {
+               margin-bottom: 1.4545em;
+       }
+
+       .comment-list article,
+       .comment-list .pingback,
+       .comment-list .trackback {
+               padding: 1.6842em 0;
+       }
+
+       .comment-list + .comment-respond,
+       .comment-navigation + .comment-respond {
+               padding-top: 1.6842em;
+       }
+
+       .comment-list .children > li {
+               padding-left: 1.4737em;
+       }
+
+       .comment-author .avatar {
+               height: 56px;
+               margin-right: 1.6842em;
+               top: 3px;
+               width: 56px;
+       }
+
+       .comment-metadata {
+               line-height: 2;
+       }
+
+       .comment-content ul,
+       .comment-content ol {
+               margin-bottom: 1.6842em;
+       }
+
+       .comment-list .reply a {
+               padding: 0.4375em 0.875em;
+       }
+
+       .comment-form,
+       .no-comments {
+               padding-top: 1.6842em;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre>
</div>
</div>

</body>
</html>