<!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>[1034] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes: WP.org Themes: Revamped modal layout and responsive styles.</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/1034">1034</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/1034","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>obenland</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2014-12-11 19:39:05 +0000 (Thu, 11 Dec 2014)</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'>WP.org Themes: Revamped modal layout and responsive styles.
See https://wordpress.slack.com/archives/meta/p1418066438000006
See <a href="http://meta.trac.wordpress.org/ticket/745">#745</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemescontentsinglephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/content-single.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesfunctionsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/functions.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesindexphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/index.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesjsthemejs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/js/theme.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesstylecss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/style.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesviewtemplatesthemepreviewphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-preview.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesviewtemplatesthemesinglephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-single.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesviewtemplatesthemephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemescontentsinglephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/content-single.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/content-single.php 2014-12-11 16:07:57 UTC (rev 1033)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/content-single.php 2014-12-11 19:39:05 UTC (rev 1034)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,162 +12,160 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .theme-info -->
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</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 class="theme-info hentry">
- <h3 class="theme-name entry-title"><?php the_title(); ?></h3>
- <span class="theme-version">
- <?php
- printf( __( 'Version: %s' ),
- sprintf( '<abbr title="%1$s">%2$s</abbr>',
- esc_attr( sprintf( __( 'Last updated: %s' ), date_i18n( get_option( 'date_format' ), strtotime( $theme->last_updated ) ) ) ),
- $theme->version
- )
- );
- ?>
- </span>
- <h4 class="theme-author"><?php printf( __( 'By %s' ), '<span class="author">' . $theme->author . '</span>' ); ?></h4>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-screenshots">
+ <div class="screenshot"><?php the_post_thumbnail(); ?></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="theme-description entry-summary"><?php the_content(); ?></div>
-
- <?php if ( ! empty( $theme->template ) ) : ?>
- <div class="theme-notice notice notice-info">
- <p class="parent-theme"><?php printf( __( 'This is a child theme of %s.' ), sprintf( '<a href="/%1$s">%2$s</a>', $theme->template, $theme->template ) ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-actions">
+ <a href="<?php echo esc_url( '//downloads.wordpress.org/theme/' . $theme->slug . '.' . $theme->version . '.zip' ); ?>" class="button button-primary"><?php _e( 'Download' ); ?></a>
+ <a href="<?php echo esc_url( $theme->preview_url ); ?>" class="button button-secondary"><?php _e( 'Preview' ); ?></a>
</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">- <?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div><!-- .theme-screenshots -->
</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 class="theme-tags">
- <span><?php _e( 'Tags:' ); ?></span>
- <?php
- foreach( $theme->tags as &$tag ) :
- $tag = sprintf( '<a href="/tags/%1$s">%1$s</a>', $tag );
- endforeach;
- echo implode( ', ', $theme->tags );
- ?>
- </p>
- </div><!-- .theme-info -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-info">
+ <div class="hentry">
+ <h3 class="theme-name entry-title"><?php the_title(); ?></h3>
+ <span class="theme-version">
+ <?php
+ printf( __( 'Version: %s' ),
+ sprintf( '<abbr title="%1$s">%2$s</abbr>',
+ esc_attr( sprintf( __( 'Last updated: %s' ), date_i18n( get_option( 'date_format' ), strtotime( $theme->last_updated ) ) ) ),
+ $theme->version
+ )
+ );
+ ?>
+ </span>
+ <h4 class="theme-author"><?php printf( __( 'By %s' ), '<span class="author">' . $theme->author . '</span>' ); ?></h4>
</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="theme-screenshots">
- <div class="screenshot"><?php the_post_thumbnail(); ?></div>
- </div><!-- .theme-screenshots -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-description entry-summary"><?php the_content(); ?></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="theme-ratings" itemprop="aggregateRating" itemscope
- itemtype="http://schema.org/AggregateRating">
- <meta itemprop="ratingValue" content="<?php echo esc_attr( number_format_i18n( $theme->rating / 20, 1 ) ); ?>"/>
- <meta itemprop="ratingCount" content="<?php echo esc_attr( $theme->num_ratings ); ?>"/>
- <h4><?php _e( 'Ratings', 'wporg-themes' ); ?></h4>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( ! empty( $theme->parent ) ) : ?>
+ <div class="theme-notice notice notice-info">
+ <p class="parent-theme"><?php printf( __( 'This is a child theme of %s.' ), sprintf( '<a href="/%1$s">%2$s</a>', $theme->parent->slug, $theme->parent->name ) ); ?></p>
+ </div>
+ <?php endif; ?>
+ </div><!-- .theme-info -->
</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="star-holder">
- <div class="star-rating" style="width: <?php echo esc_attr( number_format_i18n( $theme->rating, 1 ) ); ?>%">
- <?php printf( __( '%d stars', 'wporg-themes' ), number_format_i18n( $theme->rating / 20 ) ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-ratings" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
+ <meta itemprop="ratingValue" content="<?php echo esc_attr( number_format_i18n( $theme->rating / 20, 1 ) ); ?>"/>
+ <meta itemprop="ratingCount" content="<?php echo esc_attr( $theme->num_ratings ); ?>"/>
+ <h4><?php _e( 'Ratings', 'wporg-themes' ); ?></h4>
+
+ <div class="star-holder">
+ <div class="star-rating" style="width: <?php echo esc_attr( number_format_i18n( $theme->rating, 1 ) ); ?>%">
+ <?php printf( __( '%d stars', 'wporg-themes' ), number_format_i18n( $theme->rating / 20 ) ); ?>
+ </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>
- <span><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), number_format_i18n( $theme->rating / 20, 1 ) ); ?></span>
- <?php
- $ratingcount = array(); // TODO: Rating counts
- foreach ( range( 1, 5 ) as $val ) {
- if ( empty( $ratingcount[ $val ] ) ) {
- $ratingcount[ $val ] = 0;
- }
- }
- krsort( $ratingcount );
- foreach ( $ratingcount as $key => $ratecount ) :
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <span><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), number_format_i18n( $theme->rating / 20, 1 ) ); ?></span>
+
+ <?php
+ if ( $theme->lvl_ratings ) :
+ foreach ( $theme->lvl_ratings as $key => $rate_count ) :
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="counter-container">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <a href="//wordpress.org/support/view/theme-reviews/<?php echo esc_attr( $theme->slug ); ?>?filter=<?php echo $key; ?>"
- title="<?php printf( _n( 'Click to see reviews that provided a rating of %d star', 'Click to see reviews that provided a rating of %d stars', $key, 'wporg-themes' ), $key ); ?>">
- <span class="counter-label" style="float:left; margin-right:5px;"><?php printf( __( '%d stars', 'wporg-themes' ), $key ); ?></span>
- <span class="counter-back" style="height:17px;width:92px;background-color:#ececec;float:left;">
- <span class="counter-bar" style="width: <?php echo 92 * ( $ratecount / count( 1 ) ); ?>px;height:17px;background-color:#fddb5a;float:left;"></span>
- </span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <a href="//wordpress.org/support/view/theme-reviews/<?php echo esc_attr( $theme->slug ); ?>?filter=<?php echo $key; ?>" title="<?php printf( _n( 'Click to see reviews that provided a rating of %d star', 'Click to see reviews that provided a rating of %d stars', $key, 'wporg-themes' ), $key ); ?>">
+ <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), $key ); ?></span>
+ <span class="counter-back">
+ <span class="counter-bar" style="width: <?php echo 92 * ( $rate_count / $theme->num_ratings ); ?>px;"></span>
+ </span>
</ins><span class="cx" style="display: block; padding: 0 10px"> </a>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <span class="counter-count" style="margin-left:5px;"><?php echo $ratecount; ?></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <span class="counter-count"><?php echo $rate_count; ?></span>
</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">- <?php endforeach; ?>
- </div><!-- .theme-rating -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+ endforeach;
+ endif;
+ ?>
+ </div><!-- .theme-rating -->
</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="theme-devs">
- <h4><?php _e( 'Developers', 'wporg-themes' ); ?></h4>
- <h5><?php _e( 'Subscribe', 'wporg-themes' ); ?></h5>
- <ul class="unmarked-list">
- <li>
- <a href="//themes.trac.wordpress.org/log/<?php echo esc_attr( $theme->slug ); ?>?limit=100&mode=stop_on_copy&format=rss">
- <img src="//s.w.org/style/images/feedicon.png" style="vertical-align:text-top;"/>
- <?php _e( 'Development Log', 'wporg' ); ?>
- </a>
- </li>
- </ul>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-devs">
+ <h4><?php _e( 'Development', 'wporg-themes' ); ?></h4>
+ <h5><?php _e( 'Subscribe', 'wporg-themes' ); ?></h5>
+ <ul class="unmarked-list">
+ <li>
+ <a href="//themes.trac.wordpress.org/log/<?php echo esc_attr( $theme->slug ); ?>?limit=100&mode=stop_on_copy&format=rss">
+ <img src="//s.w.org/style/images/feedicon.png" style="vertical-align:text-top;"/>
+ <?php _e( 'Development Log', 'wporg' ); ?>
+ </a>
+ </li>
+ </ul>
</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( 'Browse the Code', 'wporg-themes' ); ?></h5>
- <ul class="unmarked-list">
- <li><a href="//themes.trac.wordpress.org/log/<?php echo esc_attr( $theme->slug ); ?>/" rel="nofollow"><?php _e( 'Development Log', 'wporg-themes' ); ?></a></li>
- <li><a href="//themes.svn.wordpress.org/<?php echo esc_attr( $theme->slug ); ?>/" rel="nofollow"><?php _e( 'Subversion Repository', 'wporg-themes' ); ?></a></li>
- <li><a href="//themes.trac.wordpress.org/browser/<?php echo esc_attr( $theme->slug ); ?>/" rel="nofollow"><?php _e( 'Browse in Trac', 'wporg-themes' ); ?></a></li>
- </ul>
- </div><!-- .theme-devs -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h5><?php _e( 'Browse the Code', 'wporg-themes' ); ?></h5>
+ <ul class="unmarked-list">
+ <li><a href="//themes.trac.wordpress.org/log/<?php echo esc_attr( $theme->slug ); ?>/" rel="nofollow"><?php _e( 'Development Log', 'wporg-themes' ); ?></a></li>
+ <li><a href="//themes.svn.wordpress.org/<?php echo esc_attr( $theme->slug ); ?>/" rel="nofollow"><?php _e( 'Subversion Repository', 'wporg-themes' ); ?></a></li>
+ <li><a href="//themes.trac.wordpress.org/browser/<?php echo esc_attr( $theme->slug ); ?>/" rel="nofollow"><?php _e( 'Browse in Trac', 'wporg-themes' ); ?></a></li>
+ </ul>
+ </div><!-- .theme-devs -->
</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="theme-downloads">
- <h4><?php _e( 'Downloads Per Day' ); ?></h4>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-downloads">
+ <h4><?php _e( 'Downloads', 'wporg-themes' ); ?></h4>
</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="theme-download-stats-<?php echo esc_attr( $theme->slug ); ?>" class="chart"></div>
- <script type="text/javascript">
- google.load("visualization", "1", {packages:["corechart"]});
- google.setOnLoadCallback(drawThemeDownloadsChart);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div id="theme-download-stats-<?php echo esc_attr( $theme->slug ); ?>" class="chart"></div>
+ <script type="text/javascript">
+ google.load("visualization", "1", {packages:["corechart"]});
+ google.setOnLoadCallback(drawThemeDownloadsChart);
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- function drawThemeDownloadsChart() {
- jQuery(document).ready(function($){
- jQuery.getJSON('https://api.wordpress.org/stats/themes/1.0/downloads.php?slug=<?php echo $theme->slug; ?>&limit=267&callback=?', function (downloads) {
- var data = new google.visualization.DataTable(),
- count = 0,
- sml;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ function drawThemeDownloadsChart() {
+ jQuery(document).ready(function($){
+ jQuery.getJSON('https://api.wordpress.org/stats/themes/1.0/downloads.php?slug=<?php echo $theme->slug; ?>&limit=267&callback=?', function (downloads) {
+ var data = new google.visualization.DataTable(),
+ count = 0,
+ sml;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- data.addColumn('string', _wpThemeSettings.l10n.date);
- data.addColumn('number', _wpThemeSettings.l10n.downloads);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ data.addColumn('string', _wpThemeSettings.l10n.date);
+ data.addColumn('number', _wpThemeSettings.l10n.downloads);
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $.each(downloads, function (key, value) {
- data.addRow();
- data.setValue(count, 0, new Date(key).toLocaleDateString() );
- data.setValue(count, 1, Number(value));
- count++;
- });
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $.each(downloads, function (key, value) {
+ data.addRow();
+ data.setValue(count, 0, new Date(key).toLocaleDateString() );
+ data.setValue(count, 1, Number(value));
+ count++;
+ });
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- sml = data.getNumberOfRows() < 225;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ sml = data.getNumberOfRows() < 225;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- new google.visualization.ColumnChart(document.getElementById('theme-download-stats-<?php echo esc_attr( $theme->slug ); ?>')).draw(data, {
- colors: ['#253578'],
- legend: {
- position: 'none'
- },
- titlePosition: 'in',
- axisTitlesPosition: 'in',
- chartArea: {
- height: 280,
- left: sml ? 30 : 0,
- width: sml ? '80%' : '100%'
- },
- hAxis: {
- textStyle: {color: 'black', fontSize: 9}
- },
- vAxis: {
- format: '###,###',
- textPosition: sml ? 'out' : 'in',
- viewWindowMode: 'explicit',
- viewWindow: {min: 0}
- },
- bar: {
- groupWidth: ( data.getNumberOfRows() > 100 ) ? "100%" : null
- },
- height: 350
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ new google.visualization.ColumnChart(document.getElementById('theme-download-stats-<?php echo esc_attr( $theme->slug ); ?>')).draw(data, {
+ colors: ['#253578'],
+ legend: {
+ position: 'none'
+ },
+ titlePosition: 'in',
+ axisTitlesPosition: 'in',
+ chartArea: {
+ height: 280,
+ left: sml ? 30 : 0,
+ width: sml ? '80%' : '100%'
+ },
+ hAxis: {
+ textStyle: {color: 'black', fontSize: 9}
+ },
+ vAxis: {
+ format: '###,###',
+ textPosition: sml ? 'out' : 'in',
+ viewWindowMode: 'explicit',
+ viewWindow: {min: 0}
+ },
+ bar: {
+ groupWidth: ( data.getNumberOfRows() > 100 ) ? "100%" : null
+ },
+ height: 350
+ });
</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">- });
- }
- </script>
- </div><!-- .theme-downloads -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }
+ </script>
+ <p class="total-downloads"><?php printf( __( 'Total downloads: %s' ), '<strong>' . number_format_i18n( $theme->downloaded ) . '</strong>' ); ?></p>
+ </div><!-- .theme-downloads -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-tags">
+ <h4><?php _e( 'Tags:' ); ?></h4>
+ <?php
+ foreach( $theme->tags as &$tag ) :
+ $tag = sprintf( '<a href="/tag/%1$s/">%1$s</a>', $tag );
+ endforeach;
+ echo implode( ', ', $theme->tags );
+ ?>
+ </div><!-- .theme-tags -->
+ </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 class="theme-actions">
- <a href="<?php echo esc_url( '//downloads.wordpress.org/theme/' . $theme->slug . '.' . $theme->version . '.zip' ); ?>" class="button button-primary"><?php _e( 'Download' ); ?></a>
- <a href="<?php echo esc_url( $theme->preview_url ); ?>" class="button button-secondary"><?php _e( 'Preview' ); ?></a>
- </div>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesfunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/functions.php 2014-12-11 16:07:57 UTC (rev 1033)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/functions.php 2014-12-11 19:39:05 UTC (rev 1034)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</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><span class="cx" style="display: block; padding: 0 10px"> * WP.org Themes' functions and definitions.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,6 +15,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> function wporg_themes_setup() {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ global $themes_allowedtags, $theme_field_defaults;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // load_theme_textdomain( 'wporg-themes', get_template_directory() . '/languages' );
</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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,10 +24,46 @@
</span><span class="cx" style="display: block; padding: 0 10px"> register_nav_menus( array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'primary' => __( 'Primary Menu', 'wporg-themes' ),
</span><span class="cx" style="display: block; padding: 0 10px"> ) );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> add_theme_support( 'html5', array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption'
</span><span class="cx" style="display: block; padding: 0 10px"> ) );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ $themes_allowedtags = array(
+ 'a' => array( 'href' => array(), 'title' => array(), 'target' => array() ),
+ 'abbr' => array( 'title' => array() ),
+ 'acronym' => array( 'title' => array() ),
+ 'code' => array(),
+ 'pre' => array(),
+ 'em' => array(),
+ 'strong' => array(),
+ 'div' => array(),
+ 'p' => array(),
+ 'ul' => array(),
+ 'ol' => array(),
+ 'li' => array(),
+ 'h1' => array(),
+ 'h2' => array(),
+ 'h3' => array(),
+ 'h4' => array(),
+ 'h5' => array(),
+ 'h6' => array(),
+ 'img' => array( 'src' => array(), 'class' => array(), 'alt' => array() ),
+ );
+
+ $theme_field_defaults = array(
+ 'description' => true,
+ 'sections' => false,
+ 'tested' => true,
+ 'requires' => true,
+ 'rating' => true,
+ 'downloaded' => true,
+ 'downloadlink' => true,
+ 'last_updated' => true,
+ 'homepage' => true,
+ 'tags' => true,
+ 'num_ratings' => true,
+ );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'after_setup_theme', 'wporg_themes_setup' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -46,6 +85,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_localize_script( 'theme', '_wpThemeSettings', array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'themes' => false,
</span><span class="cx" style="display: block; padding: 0 10px"> 'settings' => array(
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'isMobile' => wp_is_mobile(),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'isInstall' => true,
</span><span class="cx" style="display: block; padding: 0 10px"> 'canInstall' => false,
</span><span class="cx" style="display: block; padding: 0 10px"> 'installURI' => null,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -69,6 +109,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'wp_enqueue_scripts', 'wporg_themes_scripts' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @param object $args
+ * @param string $action
+ *
+ * @return array
+ */
+function wporg_themes_api_args( $args, $action ) {
+ if ( 'query_themes' == $action ) {
+ $args->per_page = 30;
+ $args->fields['parent'] = true;
+ $args->fields['tags'] = true;
+ }
+
+ return $args;
+}
+add_filter( 'themes_api_args', 'wporg_themes_api_args', 10, 2 );
+
+/**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Removes Core's built-in query-themes handler, so we can safely add ours later on.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function wporg_themes_remove_ajax_action() {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -112,6 +169,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'wp_ajax_query-themes', 'wporg_themes_query_themes' );
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'wp_ajax_nopriv_query-themes', 'wporg_themes_query_themes' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function wporg_themes_theme_info() {
+ global $themes_allowedtags;
+
+ $args = wp_unslash( $_REQUEST );
+ $theme = themes_api( 'theme_information', array( 'slug' => $args['slug'] ) );
+
+ if ( is_wp_error( $theme ) ) {
+ wp_send_json_error();
+ }
+
+ $theme->name = wp_kses( $theme->name, $themes_allowedtags );
+ $theme->author = wp_kses( $theme->author, $themes_allowedtags );
+ $theme->version = wp_kses( $theme->version, $themes_allowedtags );
+ $theme->description = wp_kses( $theme->description, $themes_allowedtags );
+ $theme->num_ratings = number_format_i18n( $theme->num_ratings );
+ $theme->preview_url = set_url_scheme( $theme->preview_url );
+
+ wp_send_json_success( $theme );
+}
+add_action( 'wp_ajax_theme-info', 'wporg_themes_theme_info' );
+add_action( 'wp_ajax_nopriv_theme-info', 'wporg_themes_theme_info' );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Include view templates in the footer.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesindexphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/index.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/index.php 2014-12-11 16:07:57 UTC (rev 1033)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/index.php 2014-12-11 19:39:05 UTC (rev 1034)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,76 +12,85 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> include ABSPATH . 'wp-admin/includes/theme.php';
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$themes = themes_api( 'query_themes', array(
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+$args = array(
</ins><span class="cx" style="display: block; padding: 0 10px"> 'per_page' => 15,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'browse' => get_query_var( 'attachment' ) ? get_query_var( 'attachment' ) : 'featured',
- 'fields' => 'tags',
-) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'fields' => array_merge( $GLOBALS['theme_field_defaults'], array(
+ 'parent' => true,
+ ) ),
+);
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+if ( get_query_var( 'tag' ) ) {
+ $args['tag'][] = get_query_var( 'tag' );
+} else {
+ $args['browse'] = get_query_var( 'attachment' ) ? get_query_var( 'attachment' ) : 'featured';
+}
+$themes = themes_api( 'query_themes', $args );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> get_header();
</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">-<div id="themes" class="wrap">
- <div class="wp-filter">
- <div class="filter-count">
- <span class="count theme-count"><?php echo count( $themes->themes ); ?></span>
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div id="themes" class="wrap">
+ <div class="wp-filter">
+ <div class="filter-count">
+ <span class="count theme-count"><?php echo count( $themes->themes ); ?></span>
+ </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">- <ul class="filter-links">
- <li><a href="#" data-sort="featured"><?php _ex( 'Featured', 'themes' ); ?></a></li>
- <li><a href="#" data-sort="popular"><?php _ex( 'Popular', 'themes' ); ?></a></li>
- <li><a href="#" data-sort="new"><?php _ex( 'Latest', 'themes' ); ?></a></li>
- </ul>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <ul class="filter-links">
+ <li><a href="/browse/featured/" data-sort="featured"><?php _ex( 'Featured', 'themes' ); ?></a></li>
+ <li><a href="/browse/popular/" data-sort="popular"><?php _ex( 'Popular', 'themes' ); ?></a></li>
+ <li><a href="/browse/new/" data-sort="new"><?php _ex( 'Latest', 'themes' ); ?></a></li>
+ </ul>
</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="drawer-toggle" href="#"><?php _e( 'Feature Filter' ); ?></a>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <a class="drawer-toggle" href="#"><?php _e( 'Feature Filter' ); ?></a>
</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="search-form"></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="search-form"></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="filter-drawer">
- <div class="buttons">
- <a class="apply-filters button button-secondary" href="#"><?php _e( 'Apply Filters' ); ?><span></span></a>
- <a class="clear-filters button button-secondary" href="#"><?php _e( 'Clear' ); ?></a>
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="filter-drawer">
+ <div class="buttons">
+ <a class="apply-filters button button-secondary" href="#"><?php _e( 'Apply Filters' ); ?><span></span></a>
+ <a class="clear-filters button button-secondary" href="#"><?php _e( 'Clear' ); ?></a>
+ </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">- <?php foreach ( get_theme_feature_list() as $feature_name => $features ) : ?>
- <div class="filter-group">
- <h4><?php echo esc_html( $feature_name ); ?></h4>
- <ol class="feature-group">
- <?php foreach ( $features as $feature => $feature_name ) : ?>
- <li>
- <input type="checkbox" id="filter-id-<?php echo esc_attr( $feature ); ?>" value="<?php echo esc_attr( $feature ); ?>" />
- <label for="filter-id-<?php echo esc_attr( $feature ); ?>"><?php echo esc_html( $feature_name ); ?></label>
- </li>
- <?php endforeach; ?>
- </ol>
- </div>
- <?php endforeach; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="filtered-by">
+ <span><?php _e( 'Filtering by:' ); ?></span>
+ <div class="tags"></div>
+ <a href="#"><?php _e( 'Edit' ); ?></a>
+ </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="filtered-by">
- <span><?php _e( 'Filtering by:' ); ?></span>
- <div class="tags"></div>
- <a href="#"><?php _e( 'Edit' ); ?></a>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php foreach( get_theme_feature_list() as $feature_name => $features ) : ?>
+ <div class="filter-group">
+ <h4><?php echo esc_html( $feature_name ); ?></h4>
+ <ol class="feature-group">
+ <?php foreach ( $features as $feature => $feature_name ) : ?>
+ <li>
+ <input type="checkbox" id="filter-id-<?php echo esc_attr( $feature ); ?>" value="<?php echo esc_attr( $feature ); ?>" />
+ <label for="filter-id-<?php echo esc_attr( $feature ); ?>"><?php echo esc_html( $feature_name ); ?></label>
+ </li>
+ <?php endforeach; ?>
+ </ol>
+ </div>
+ <?php endforeach; ?>
</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>
- </div><!-- .wp-filter -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div><!-- .wp-filter -->
</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="theme-browser content-filterable">
- <div class="themes">
- <?php
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-browser content-filterable">
+ <div class="themes">
+ <?php
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( ! is_wp_error( $themes ) ) :
</span><span class="cx" style="display: block; padding: 0 10px"> foreach ( $themes->themes as $theme ) :
</span><span class="cx" style="display: block; padding: 0 10px"> get_template_part( 'content', 'index' );
</span><span class="cx" style="display: block; padding: 0 10px"> endforeach;
</span><span class="cx" style="display: block; padding: 0 10px"> endif;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ?>
</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"> </div>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-install-overlay"></div>
+ <div class="theme-overlay"></div>
+
+ <p class="no-themes"><?php _e( 'No themes found. Try a different search.' ); ?></p>
+ <span class="spinner"></span>
</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 class="theme-install-overlay"></div>
- <div class="theme-overlay"></div>
</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 class="no-themes"><?php _e( 'No themes found. Try a different search.' ); ?></p>
- <span class="spinner"></span>
-</div>
-
</del><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> get_footer();
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesjsthemejs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/js/theme.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/js/theme.js 2014-12-11 16:07:57 UTC (rev 1033)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/js/theme.js 2014-12-11 19:39:05 UTC (rev 1034)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -38,8 +38,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> updated = new Date(data.last_updated);
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // If last updated plus 2 years is in the past, it's outdated.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- data.is_outdated = updated.setYear(updated.getYear() + 1902).valueOf() > new Date().valueOf();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ data.is_outdated = updated.setYear(updated.getYear() + 1902).valueOf() < new Date().valueOf();
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Make tags clickable and seprated by a comma.
+ data.tags = _.map( data.tags, function( tag ) {
+ return '<a href="/tag/'+tag+'/">'+tag+'</a>';
+ }).join( ', ' );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> this.$el.html( this.html( data ) );
</span><span class="cx" style="display: block; padding: 0 10px"> // Renders active theme styles
</span><span class="cx" style="display: block; padding: 0 10px"> this.activeTheme();
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -99,7 +104,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> preview.$el.removeClass( 'no-navigation' );
</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">- preview.$el.addClass( 'wp-full-overlay expanded' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( wp.themes.data.settings.isMobile ) {
+ preview.$el.addClass( 'wp-full-overlay collapsed' );
+ } else {
+ preview.$el.addClass( 'wp-full-overlay expanded' );
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Append preview
</span><span class="cx" style="display: block; padding: 0 10px"> $( '.theme-install-overlay' ).append( preview.el );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -239,12 +248,93 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> });
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ _.extend( wp.themes.view.Preview.prototype, {
+
+ close: function() {
+ this.$el.fadeOut( 200, function() {
+ $( 'body' ).removeClass( 'theme-installer-active full-overlay-active' );
+
+ // Return focus to the theme div
+ if ( wp.themes.focusedTheme ) {
+ wp.themes.focusedTheme.focus();
+ }
+ });
+
+ this.trigger( 'preview:close' );
+ this.undelegateEvents();
+ this.unbind();
+ return false;
+ },
+
+ keyEvent: function() {
+ // The escape key closes the preview
+ if ( event.keyCode === 27 ) {
+ this.undelegateEvents();
+ this.close();
+ }
+ // The right arrow key, next theme
+ if ( event.keyCode === 39 ) {
+ _.once( this.nextTheme() );
+ }
+
+ // The left arrow key, previous theme
+ if ( event.keyCode === 37 ) {
+ this.previousTheme();
+ }
+
+ // Prevent the underlying modal to advance too.
+ return false;
+ }
+ });
+
+ _.extend( wp.themes.view.InstallerSearch.prototype, {
+ doSearch: _.debounce( function( value ) {
+ var request = {};
+
+ request.search = value;
+
+ // Intercept an [author] search.
+ //
+ // If input value starts with `author:` send a request
+ // for `author` instead of a regular `search`
+ if ( value.substring( 0, 7 ) === 'author:' ) {
+ request.search = '';
+ request.author = value.slice( 7 );
+ }
+
+ // Intercept a [tag] search.
+ //
+ // If input value starts with `tag:` send a request
+ // for `tag` instead of a regular `search`
+ if ( value.substring( 0, 4 ) === 'tag:' ) {
+ request.search = '';
+ request.tag = [ value.slice( 4 ) ];
+ }
+
+ $( '.filter-links li > a.current' ).removeClass( 'current' );
+ $( 'body' ).removeClass( 'show-filters filters-applied' );
+
+ // Get the themes by sending Ajax POST request to api.wordpress.org/themes
+ // or searching the local cache
+ this.collection.query( request );
+
+ // Set route
+ if ( value ) {
+ wp.themes.router.navigate( wp.themes.router.baseUrl( wp.themes.router.searchPath + value ), { replace: true } );
+ } else {
+ wp.themes.router.navigate( wp.themes.router.baseUrl( '' ) );
+ }
+ }, 300 )
+ });
+
</ins><span class="cx" style="display: block; padding: 0 10px"> _.extend( wp.themes.InstallerRouter.prototype, {
</span><span class="cx" style="display: block; padding: 0 10px"> routes: {
</span><span class="cx" style="display: block; padding: 0 10px"> '/:slug/': 'preview',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- '/browse/:sort/': 'sort',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '/tag/:tag/': 'onFilter',
</ins><span class="cx" style="display: block; padding: 0 10px"> '/?upload': 'upload',
</span><span class="cx" style="display: block; padding: 0 10px"> '/search.php?q=:query': 'search',
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '/browse/:sort/': 'sort',
+ '/': 'sort',
</ins><span class="cx" style="display: block; padding: 0 10px"> '': 'sort'
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -257,4 +347,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> searchPath: 'search.php?q='
</span><span class="cx" style="display: block; padding: 0 10px"> });
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ _.extend( wp.themes.RunInstaller, {
+ extraRoutes: function() {
+ var self = this;
+
+ wp.themes.router.on( 'route:tag', function( tag ) {
+ $( '#filter-id-' + tag).checked( true );
+ self.view.applyFilters();
+ });
+ }
+ });
+
</ins><span class="cx" style="display: block; padding: 0 10px"> }( jQuery, wp ) );
</span><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesstylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/style.css 2014-12-11 16:07:57 UTC (rev 1033)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/style.css 2014-12-11 19:39:05 UTC (rev 1034)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,6 +21,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+p a,
+p a:hover {
+ border: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Assistive text */
</span><span class="cx" style="display: block; padding: 0 10px"> .screen-reader-text {
</span><span class="cx" style="display: block; padding: 0 10px"> clip: rect(1px, 1px, 1px, 1px);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -51,12 +56,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ clear: both;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 960px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.theme-overlay .theme-backdrop {
+ position: fixed;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-overlay .theme-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> left: 30px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ overflow: hidden;
</ins><span class="cx" style="display: block; padding: 0 10px"> top: 3%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -64,15 +76,36 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: calc(3% + 32px);
</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 only screen and (max-width: 782px) {
- .theme-overlay .theme-wrap {
- bottom: 3%;
- left: 10px;
- right: 10px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-browser .themes {
+ font-size: 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">+.theme-browser .theme {
+ display: inline-block;
+ float: none;
+}
+.theme-browser .theme:hover,
+.theme-browser .theme:focus {
+ border-color: #5b9dd9;
+ -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
+ box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
+}
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.theme-wrap .theme-about > div:not(.notice) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-browser .theme:hover .theme-screenshot img,
+.theme-browser .theme:focus .theme-screenshot img {
+ opacity: 0.4;
+}
+
+.theme-browser .theme:hover .more-details,
+.theme-browser .theme:focus .more-details,
+.theme-browser .theme .more-details:focus {
+ opacity: 1;
+}
+
+.theme-overlay .theme-about {
+ bottom: 0;
+}
+
+.theme-wrap .theme-info > div {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 75px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -85,27 +118,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-screenshots {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ float: left;
+ margin-bottom: 75px;
+ max-width: 880px;
+ text-align: center;
+ width: 55%;
</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">-.theme-wrap .theme-downloads {
- width: 55%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-wrap .screenshot {
+ overflow: initial;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.theme-wrap .theme-actions {
+ background: none;
+ border: none;
+ padding: 10px 25px 5px;
+ position: relative;
+ text-align: center;
+ z-index: auto;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-devs,
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-ratings {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 26%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 46%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-devs {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.4em;
</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">-.theme-wrap .theme-ratings {
- margin-right: 3%;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-devs h5 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1em 0 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -113,6 +156,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.5;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-wrap .theme-ratings {
+ margin-right: 7%;
+}
+
+.theme-wrap .theme-ratings .counter-label {
+ float: left;
+ margin-right: 5px;
+}
+.theme-wrap .theme-ratings .counter-back,
+.theme-wrap .theme-ratings .counter-bar {
+ float: left;
+ height: 17px;
+}
+.theme-wrap .theme-ratings .counter-back {
+ background-color: #ececec;
+ width: 92px;
+}
+.theme-wrap .theme-ratings .counter-bar {
+ background-color: #fddb5a;
+}
+.theme-wrap .theme-ratings .counter-count {
+ margin-left: 5px;
+}
+
+.theme-wrap .theme-tags {
+ border: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-install-overlay iframe {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -195,6 +266,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 30px 0 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-wrap .theme-downloads .total-downloads {
+ color: #555;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 1.5;
+ margin: 1.5em 0 0 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .theme-wrap .theme-tags {
</span><span class="cx" style="display: block; padding: 0 10px"> border-top: 3px solid #eee;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #888;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -210,12 +289,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 5px;
</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">-.single .theme-wrap .theme-screenshots {
- margin: 0 30px 0 0;
- width: 55%;
- max-width: 880px;
- text-align: center;
-}
</del><span class="cx" style="display: block; padding: 0 10px"> .single .theme-wrap .screenshot {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -230,42 +303,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</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">-.single .theme-wrap .theme-actions {
- background: #f3f3f3;
- border-top: 1px solid #eee;
- box-sizing: border-box;
- margin: 0 -4.3% -2.1%;
- padding: 10px 25px 5px;
- text-align: center;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .ie8 .single .theme-wrap .theme-actions {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #eee;
</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">-.single .theme-wrap .theme-actions a {
- margin-right: 5px;
- margin-bottom: 5px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* Spinner */
</span><span class="cx" style="display: block; padding: 0 10px"> .spinner {
</span><span class="cx" style="display: block; padding: 0 10px"> background: url(/wp-admin/images/spinner.gif) no-repeat;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-background-size: 20px 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> background-size: 20px 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: right;
</del><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.7;
</span><span class="cx" style="display: block; padding: 0 10px"> filter: alpha(opacity=70);
</span><span class="cx" style="display: block; padding: 0 10px"> width: 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 20px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 2px 5px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 25% auto 70%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .loading-content .spinner {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: none;
- margin: 40px auto 0;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #wordpress-org #pagebody p.intro {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -276,7 +332,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .filter-links {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-overlay .theme-header .close {
+ border-left: 0;
+ border-right: 1px solid #ddd;
+ float: left;
+}
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-overlay .theme-header .right {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -372,9 +432,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-filter .search-form {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 12px 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
</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">-.wp-filter .search-form input[type="search"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-filter .wp-filter-search {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3px 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 280px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -460,19 +521,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .filter-group {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #fff;
+ border: 1px solid #e5e5e5;
</ins><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: 710px;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 1% 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 10px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 19%;
- background: #fff;
- border: 1px solid #e5e5e5;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc(100% / 4 - 7px);
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 1px 1px rgba(0,0,0,0.04);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.filter-group:last-of-type {
+ margin: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .filter-group.wide {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 38%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -565,41 +629,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</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">-.loading-content .spinner {
- display: block;
- margin: 40px auto 0;
- float: none;
-}
-
-@media only screen and (max-width: 1120px) {
- .wp-filter .search-form {
- float: none;
- margin: 20px 0;
- }
-
- .filter-drawer {
- border-bottom: 1px solid #eee;
- }
-
- .filter-group {
- margin-bottom: 0;
- margin-top: 5px;
- width: 100%;
- }
-
- .filter-group li {
- margin: 10px 0;
- }
-}
-
-@media only screen and (max-width: 782px) {
- .filter-group,
- .filter-group li {
- width: 100%;
- }
-
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-filter-search {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #ddd;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -651,8 +680,38 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wrap .button-primary.hover,
+.wrap .button-primary:hover,
+.wrap .button-primary.focus,
+.wrap .button-primary:focus {
+ background: #1e8cbe;
+ border-color: #0074a2;
+ -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
+ box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
+ color: #fff;
+}
+
+.wrap .button-secondary {
+ color: #555;
+ border-color: #ccc;
+ background: #f7f7f7;
+ -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
+ box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
+ vertical-align: top;
+}
+
+.wrap .button-secondary.hover,
+.wrap .button-secondary:hover,
+.wrap .button-secondary.focus,
+.wrap .button-secondary:focus {
+ background: #fafafa;
+ border-color: #999;
+ color: #222;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Theme notices */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.notice {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.notice,
+.error {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left-width: 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -662,7 +721,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1px 12px;
</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">-.notice p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.notice p,
+.error p {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0.5em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -675,7 +735,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #ffba00;
</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">-.notice-error {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.notice-error,
+.error {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #dd3d36;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -686,4 +747,125 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wrap .notice {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 5px 0 15px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+}
+
+@media only screen and (min-width: 1640px) {
+ .theme-browser .themes .theme {
+ width: 30.6%;
+ margin: 0 4% 4% 0;
+ }
+
+ .theme-browser .theme:nth-child(4n) {
+ margin-right: 4%;
+ }
+
+ .theme-browser .theme:nth-child(3n) {
+ margin-right: 0;
+ }
+}
+
+@media only screen and (max-width: 1120px) {
+ .filter-drawer {
+ border-bottom: 1px solid #eee;
+ }
+
+ .filter-group {
+ margin-bottom: 0;
+ margin-top: 5px;
+ width: 100%;
+ }
+
+ .filter-group li {
+ margin: 10px 0;
+ }
+}
+
+@media only screen and (max-width: 960px) {
+ /* Keep ratings and dev links stacked until they have enough room. */
+ .theme-wrap .theme-devs,
+ .theme-wrap .theme-ratings {
+ margin: auto;
+ width: 100%;
+ }
+}
+
+@media only screen and (max-width: 782px) {
+ .theme-overlay .theme-wrap {
+ bottom: 3%;
+ left: 10px;
+ right: 10px;
+ }
+
+ .wp-filter .search-form {
+ float: none;
+ margin: 20px 0;
+ width: 100%;
+ }
+
+ .filter-group,
+ .filter-group li {
+ width: 100%;
+ }
+
+ .theme-wrap .theme-screenshots {
+ float: none;
+ width: 100%;
+ }
+
+ .theme-wrap .theme-actions {
+ padding: 10px 0 5px;
+ }
+
+ .theme-wrap .theme-actions .button-primary {
+ display: none;
+ }
+
+ .theme-wrap .theme-actions .button-secondary {
+ font-size: 18px;
+ height: auto;
+ padding: 0.5em 0;
+ width: 100%;
+ }
+
+ .theme-wrap .theme-info {
+ float: none;
+ width: auto;
+ }
+
+ .theme-install-overlay .wp-full-overlay-header .theme-install {
+ line-height: 26px;
+ margin-top: 8px;
+ }
+}
+
+@media only screen and (max-width: 480px) {
+ /* Align login info with site title. */
+ #headline .login {
+ float: left;
+ margin-left: 10px;
+ }
+
+ /* Hide Feature Filter on mobile. */
+ .wp-filter .drawer-toggle {
+ display: none;
+ }
+
+ /* Full width search form. */
+ .wp-filter .search-form,
+ .wp-filter .wp-filter-search {
+ width: 100%;
+ }
+
+ .admin-bar .theme-overlay .theme-wrap {
+ top: 3%;
+ }
+
+ .theme-browser .themes .theme {
+ margin-right: 0;
+ }
+
+ .theme-wrap .theme-screenshots,
+ .theme-wrap .theme-info > div {
+ margin-bottom: 30px;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesviewtemplatesthemepreviewphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-preview.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-preview.php 2014-12-11 16:07:57 UTC (rev 1033)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-preview.php 2014-12-11 19:39:05 UTC (rev 1034)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,7 +4,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="#" class="close-full-overlay"><span class="screen-reader-text"><?php _e( 'Close' ); ?></span></a>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="#" class="previous-theme"><span class="screen-reader-text"><?php _ex( 'Previous', 'Button label for a theme' ); ?></span></a>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="#" class="next-theme"><span class="screen-reader-text"><?php _ex( 'Next', 'Button label for a theme' ); ?></span></a>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <a href="#" class="button button-primary theme-install"><?php _e( 'Download' ); ?></a>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <a href="//downloads.wordpress.org/theme/{{ data.slug }}.{{ data.version }}.zip" class="button button-primary theme-install"><?php _e( 'Download' ); ?></a>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="wp-full-overlay-sidebar-content">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="install-theme-info">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,7 +22,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <span class="five"></span>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <# if ( data.num_ratings ) { #>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <small class="ratings">{{ data.num_ratings }}</small>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <small class="ratings"><?php printf( __( '(based on %s ratings).', 'wporg-themes' ), '{{ data.num_ratings }}' ); ?></small>
</ins><span class="cx" style="display: block; padding: 0 10px"> <# } else { #>
</span><span class="cx" style="display: block; padding: 0 10px"> <small class="ratings"><?php _e( 'No ratings.' ); ?></small>
</span><span class="cx" style="display: block; padding: 0 10px"> <# } #>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesviewtemplatesthemesinglephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-single.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-single.php 2014-12-11 16:07:57 UTC (rev 1033)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-single.php 2014-12-11 19:39:05 UTC (rev 1034)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,96 +13,128 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .theme-notice -->
</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">- <div class="theme-info hentry">
- <h3 class="theme-name entry-title">{{{ data.name }}}</h3>
- <span class="theme-version">
- <?php printf( __( 'Version: %s' ), sprintf( '<abbr title="%1$s">%2$s</abbr>', esc_attr( sprintf( __( 'Last updated: %s' ), '{{ new Date(data.last_updated).toLocaleDateString() }}' ) ), '{{{ data.version }}}' ) ); ?>
- </span>
- <h4 class="theme-author"><?php printf( __( 'By %s' ), '<span class="author">{{{ data.author }}}</span>' ); ?></h4>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-screenshots">
+ <# if ( data.screenshot_url ) { #>
+ <div class="screenshot"><img src="{{ data.screenshot_url }}" alt=""/></div>
+ <# } else { #>
+ <div class="screenshot blank"></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">- <p class="theme-description entry-summary">{{{ data.description }}}</p>
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <# if ( data.parent ) { #>
- <p class="parent-theme"><?php printf( __( 'This is a child theme of %s.' ), '<strong>{{{ data.parent }}}</strong>' ); ?></p>
- <# } #>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-actions">
+ <a href="//downloads.wordpress.org/theme/{{ data.slug }}.{{ data.version }}.zip" class="button button-primary"><?php _e( 'Download' ); ?></a>
+ <a href="{{{ data.preview_url }}}" class="button button-secondary"><?php _e( 'Preview' ); ?></a>
+ </div>
+ </div><!-- .theme-screenshot -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <# if ( data.tags ) { #>
- <p class="theme-tags">
- <span><?php _e( 'Tags:' ); ?></span>
- <# _.each( data.tags, function( tag ) { #>
- <a href="">{{{ tag }}}</a>
- <# }); #>
- </p>
- <# } #>
- </div><!-- .theme-info -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-info">
+ <div class="theme hentry">
+ <h3 class="theme-name entry-title">{{{ data.name }}}</h3>
+ <span class="theme-version">
+ <?php printf( __( 'Version: %s' ), sprintf( '<abbr title="%1$s">%2$s</abbr>', esc_attr( sprintf( __( 'Last updated: %s' ), '{{ new Date(data.last_updated).toLocaleDateString() }}' ) ), '{{{ data.version }}}' ) ); ?>
+ </span>
+ <h4 class="theme-author"><?php printf( __( 'By %s' ), '<span class="author">{{{ data.author }}}</span>' ); ?></h4>
</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="theme-screenshots">
- <# if ( data.screenshot_url ) { #>
- <div class="screenshot"><img src="{{ data.screenshot_url }}" alt=""/></div>
- <# } else { #>
- <div class="screenshot blank"></div>
- <# } #>
- </div><!-- .theme-screenshot -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p class="theme-description entry-summary">{{{ data.description }}}</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">- <div class="theme-ratings" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
- <meta itemprop="ratingValue" content="{{ (data.rating/20).toFixed(1) }}"/>
- <meta itemprop="ratingCount" content="{{ data.num_ratings }}"/>
- <h4><?php _e( 'Ratings', 'wporg-themes' ); ?></h4>
- <div class="star-holder">
- <div class="star-rating" style="width: {{ (data.rating).toFixed(1) }}%"><?php printf( __( '%d stars', 'wporg-themes' ), '{{ Math.round( data.rating ) }}' ); ?></div>
- </div>
- <span><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), '{{ (data.rating/20).toFixed(1) }}' ); ?></span>
- <?php
- $ratingcount = array(); // TODO: Rating counts
- foreach ( range( 1, 5 ) as $val ) {
- if ( empty( $ratingcount[ $val ] ) ) {
- $ratingcount[ $val ] = 0;
- }
- }
- krsort( $ratingcount );
- foreach ( $ratingcount as $key => $ratecount ) :
- ?>
- <div class="counter-container">
- <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=<?php echo $key; ?>" title="<?php printf( _n( 'Click to see reviews that provided a rating of %d star', 'Click to see reviews that provided a rating of %d stars', $key, 'wporg-themes' ), $key ); ?>">
- <span class="counter-label" style="float:left; margin-right:5px;"><?php printf( __( '%d stars', 'wporg-themes' ), $key ); ?></span>
- <span class="counter-back" style="height:17px;width:92px;background-color:#ececec;float:left;">
- <span class="counter-bar" style="width: <?php echo 92 * ( $ratecount / count( 1 ) ); ?>px;height:17px;background-color:#fddb5a;float:left;"></span>
- </span>
- </a>
- <span class="counter-count" style="margin-left:5px;"><?php echo $ratecount; ?></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <# if ( data.parent ) { #>
+ <div class="theme-notice notice notice-info">
+ <p class="parent"><?php printf( __( 'This is a child theme of %s.' ), sprintf( '<a href="/%1$s">%2$s</a>', '{{{ data.parent.slug }}}', '{{{ data.parent.name }}}' ) ); ?></p>
</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">- <?php endforeach; ?>
- </div><!-- .theme-rating -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <# } #>
+ </div><!-- .theme-info -->
</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="theme-devs">
- <h4><?php _e( 'Developers', 'wporg-themes' ); ?></h4>
- <h5><?php _e( 'Subscribe', 'wporg-themes' ); ?></h5>
- <ul class="unmarked-list">
- <li>
- <a href="//themes.trac.wordpress.org/log/{{data.id}}?limit=100&mode=stop_on_copy&format=rss">
- <img src="//s.w.org/style/images/feedicon.png" style="vertical-align:text-top;" />
- <?php _e( 'Development Log', 'wporg' ); ?>
- </a>
- </li>
- </ul>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-ratings" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
+ <meta itemprop="ratingValue" content="{{ (data.rating/20).toFixed(1) }}"/>
+ <meta itemprop="ratingCount" content="{{ data.num_ratings }}"/>
+ <h4><?php _e( 'Ratings', 'wporg-themes' ); ?></h4>
+ <div class="star-holder">
+ <div class="star-rating" style="width: {{ (data.rating).toFixed(1) }}%"><?php printf( __( '%d stars', 'wporg-themes' ), '{{ Math.round( data.rating ) }}' ); ?></div>
+ </div>
+ <span><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), '{{ (data.rating/20).toFixed(1) }}' ); ?></span>
</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( 'Browse the Code', 'wporg-themes' ); ?></h5>
- <ul class="unmarked-list">
- <li><a href="//themes.trac.wordpress.org/log/{{data.id}}/" rel="nofollow"><?php _e( 'Development Log', 'wporg-themes' ); ?></a></li>
- <li><a href="//themes.svn.wordpress.org/{{data.id}}/" rel="nofollow"><?php _e( 'Subversion Repository', 'wporg-themes' ); ?></a></li>
- <li><a href="//themes.trac.wordpress.org/browser/{{data.id}}/" rel="nofollow"><?php _e( 'Browse in Trac', 'wporg-themes' ); ?></a></li>
- </ul>
- </div><!-- .theme-devs -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <# if ( data.lvl_ratings ) { #>
+ <div class="counter-container">
+ <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=5" title="<?php printf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 5 ); ?>">
+ <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 5 ); ?></span>
+ <span class="counter-back">
+ <span class="counter-bar" style="width: {{ 92 * data.lvl_ratings[5] / data.num_ratings }}px;"></span>
+ </span>
+ </a>
+ <span class="counter-count">{{ data.lvl_ratings[5] }}</span>
+ </div>
+ <div class="counter-container">
+ <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=4" title="<?php printf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 4 ); ?>">
+ <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 4 ); ?></span>
+ <span class="counter-back">
+ <span class="counter-bar" style="width: {{ 92 * data.lvl_ratings[4] / data.num_ratings }}px;"></span>
+ </span>
+ </a>
+ <span class="counter-count">{{ data.lvl_ratings[4] }}</span>
+ </div>
+ <div class="counter-container">
+ <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=3" title="<?php printf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 3 ); ?>">
+ <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 3 ); ?></span>
+ <span class="counter-back">
+ <span class="counter-bar" style="width: {{ 92 * data.lvl_ratings[3] / data.num_ratings }}px;"></span>
+ </span>
+ </a>
+ <span class="counter-count">{{ data.lvl_ratings[3] }}</span>
+ </div>
+ <div class="counter-container">
+ <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=2" title="<?php printf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 2 ); ?>">
+ <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 2 ); ?></span>
+ <span class="counter-back">
+ <span class="counter-bar" style="width: {{ 92 * data.lvl_ratings[2] / data.num_ratings }}px;"></span>
+ </span>
+ </a>
+ <span class="counter-count">{{ data.lvl_ratings[2] }}</span>
+ </div>
+ <div class="counter-container">
+ <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=1" title="<?php printf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 1 ); ?>">
+ <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 1 ); ?></span>
+ <span class="counter-back">
+ <span class="counter-bar" style="width: {{ 92 * data.lvl_ratings[1] / data.num_ratings }}px;"></span>
+ </span>
+ </a>
+ <span class="counter-count">{{ data.lvl_ratings[1] }}</span>
+ </div>
+ <# } #>
+ </div><!-- .theme-rating -->
</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="theme-downloads">
- <h4><?php _e( 'Downloads Per Day' ); ?></h4>
- <div id="theme-download-stats-{{data.id}}" class="chart"></div>
- </div><!-- .theme-downloads -->
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-devs">
+ <h4><?php _e( 'Development', 'wporg-themes' ); ?></h4>
+ <h5><?php _e( 'Subscribe', 'wporg-themes' ); ?></h5>
+ <ul class="unmarked-list">
+ <li>
+ <a href="//themes.trac.wordpress.org/log/{{data.id}}?limit=100&mode=stop_on_copy&format=rss">
+ <img src="//s.w.org/style/images/feedicon.png" style="vertical-align:text-top;" />
+ <?php _e( 'Development Log', 'wporg' ); ?>
+ </a>
+ </li>
+ </ul>
</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="theme-actions">
- <a href="" class="button button-primary"><?php _e( 'Download' ); ?></a>
- <a href="{{{ data.preview_url }}}" class="button button-secondary"><?php _e( 'Preview' ); ?></a>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h5><?php _e( 'Browse the Code', 'wporg-themes' ); ?></h5>
+ <ul class="unmarked-list">
+ <li><a href="//themes.trac.wordpress.org/log/{{data.id}}/" rel="nofollow"><?php _e( 'Development Log', 'wporg-themes' ); ?></a></li>
+ <li><a href="//themes.svn.wordpress.org/{{data.id}}/" rel="nofollow"><?php _e( 'Subversion Repository', 'wporg-themes' ); ?></a></li>
+ <li><a href="//themes.trac.wordpress.org/browser/{{data.id}}/" rel="nofollow"><?php _e( 'Browse in Trac', 'wporg-themes' ); ?></a></li>
+ </ul>
+ </div><!-- .theme-devs -->
+
+ <div class="theme-downloads">
+ <h4><?php _e( 'Downloads Per Day' ); ?></h4>
+ <div id="theme-download-stats-{{data.id}}" class="chart"></div>
+ <p class="total-downloads"><?php printf( __( 'Total downloads: %s' ), '<strong>{{ new Number(data.downloaded).toLocaleString() }}</strong>' ); ?></p>
+ </div><!-- .theme-downloads -->
+
+ <# if ( data.tags ) { #>
+ <div class="theme-tags">
+ <h4><?php _e( 'Tags:' ); ?></h4>
+ {{{ data.tags }}}
+ </div><!-- .theme-tags -->
+ <# } #>
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesviewtemplatesthemephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme.php 2014-12-11 16:07:57 UTC (rev 1033)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme.php 2014-12-11 19:39:05 UTC (rev 1034)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11,6 +11,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <h3 class="theme-name entry-title">{{ data.name }}</h3>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-actions">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <a class="button button-primary preview install-theme-preview" href="#"><?php esc_html_e( 'Download' ); ?></a>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <a class="button button-primary preview install-theme-preview" href="//downloads.wordpress.org/theme/{{ data.slug }}.{{ data.version }}.zip"><?php esc_html_e( 'Download' ); ?></a>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span></span></pre>
</div>
</div>
</body>
</html>