<!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>[1400] sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012: Central Theme: Display WordCamp stats programatically with `[wcc_about_stats]`.</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/1400">1400</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/1400","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>iandunn</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2015-03-13 23:55:01 +0000 (Fri, 13 Mar 2015)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Central Theme: Display WordCamp stats programatically with `[wcc_about_stats]`.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentthemeswordcampcentral2012functionsphp">sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/functions.php</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentthemeswordcampcentral2012stylecss">sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/style.css</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentthemeswordcampcentral2012shortcodeaboutstatsphp">sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/shortcode-about-stats.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentthemeswordcampcentral2012functionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/functions.php 2015-03-13 21:48:54 UTC (rev 1399)
+++ sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/functions.php 2015-03-13 23:55:01 UTC (rev 1400)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -42,6 +42,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // add_filter( 'wcpt_register_post_type', array( __CLASS__, 'wcpt_register_post_type' ) ); // set to public in wcpt plugin
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'nav_menu_css_class', array( __CLASS__, 'nav_menu_css_class' ), 10, 3 );
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'wp_nav_menu_items', array( __CLASS__, 'add_rss_links_to_footer_menu' ), 10, 2 );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ add_shortcode( 'wcc_about_stats', array( __CLASS__, 'shortcode_about_stats' ) );
</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"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -644,6 +646,63 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> return $url;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /**
+ * Render the [wcc_about_stats] shortcode
+ *
+ * @param array $attributes
+ *
+ * @return string
+ */
+ public static function shortcode_about_stats( $attributes ) {
+ $map_stats = self::get_map_stats();
+
+ ob_start();
+ require( __DIR__ . '/shortcode-about-stats.php' );
+ return ob_get_clean();
+ }
+
+ /**
+ * Gather the stats for the [wcc_about_stats] shortcode
+ *
+ * There isn't an easy way to collect the country stats programmatically, but it just takes a minute to
+ * manually count the number countries on the map that have pins.
+ *
+ * @return array
+ */
+ protected static function get_map_stats() {
+ $transient_key = 'wcc_about_map_stats';
+
+ if ( ! $map_stats = get_transient( $transient_key ) ) {
+ $cities = array();
+ $wordcamps = new WP_Query( array(
+ 'post_type' => 'wordcamp',
+ 'posts_per_page' => -1,
+ ) );
+
+ // Count the number of cities
+ foreach ( $wordcamps->posts as $wordcamp ) {
+ $url = get_post_meta( $wordcamp->ID, 'URL', true );
+
+ if ( $hostname = parse_url( $url, PHP_URL_HOST ) ) {
+ $city = explode( '.', $hostname );
+ $cities[ $city[0] ] = true;
+ }
+ }
+
+ // Compile the results
+ $map_stats = array(
+ 'wordcamps' => $wordcamps->found_posts,
+ 'cities' => count( $cities ),
+ 'countries' => 48,
+ 'continents' => 6,
+ );
+
+ // todo set_transient( $transient_key, $map_stats, 2 * WEEK_IN_DAYS );
+ }
+
+ return $map_stats;
+ }
</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"> // Load the theme class, this is where it all starts.
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentthemeswordcampcentral2012shortcodeaboutstatsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/shortcode-about-stats.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/shortcode-about-stats.php (rev 0)
+++ sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/shortcode-about-stats.php 2015-03-13 23:55:01 UTC (rev 1400)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,21 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<ul class="about-stats clearfix">
+ <li>
+ <span class="about-stat-number"><?php echo esc_html( $map_stats['wordcamps'] ); ?></span>
+ <span class="about-stat-descriptor">WordCamps</span>
+ </li>
+
+ <li>
+ <span class="about-stat-number"><?php echo esc_html( $map_stats['cities'] ); ?></span>
+ <span class="about-stat-descriptor">Cities</span>
+ </li>
+
+ <li>
+ <span class="about-stat-number"><?php echo esc_html( $map_stats['countries'] ); ?></span>
+ <span class="about-stat-descriptor">Countries</span>
+ </li>
+
+ <li>
+ <span class="about-stat-number"><?php echo esc_html( $map_stats['continents'] ); ?></span>
+ <span class="about-stat-descriptor">Continents</span>
+ </li>
+</ul>
</ins></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentthemeswordcampcentral2012stylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/style.css 2015-03-13 21:48:54 UTC (rev 1399)
+++ sites/trunk/wordcamp.org/public_html/wp-content/themes/wordcamp-central-2012/style.css 2015-03-13 23:55:01 UTC (rev 1400)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1973,25 +1973,44 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.3);
</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">-#content .map-stats p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#content .about-stats {
+ margin: 0;
+ background-color: #f1f6f9;
+}
+
+#content .about-stats li {
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 25%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 -1px 0 0; /* right value matches width of the border, to avoid each element being larger than 25% of the container width */
+ padding: 2.75em 0 2em 0;
+ list-style-type: none;
+ border-right: 1px solid #e6ebee;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: uppercase;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 12px !important;
- font-weight: 600 !important;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #969696;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #82878a;
</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">-#content .map-stats p strong {
- color: #424242;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#content .about-stats li:last-child {
+ border-right: none;
+}
+
+.about-stat-number {
+ display: block;
+ margin-bottom: 10px;
+ color: #7b8083;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: adelle, "Georgia", serif;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 38px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 50px;
+ font-weight: bold;
</ins><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">+.about-stat-descriptor {
+ display: block;
+ font-size: 18px;
+ letter-spacing: 1px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> #content .logos {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 711px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3220,6 +3239,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ #content .about-stats li {
+ float: none;
+ width: auto;
+ border-left: none;
+ border-bottom: 1px solid #E6EBEE;
+ }
+ #content .about-stats li:last-child {
+ border-bottom: none;
+ }
</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"> @media screen and (max-width: 550px) {
</span></span></pre>
</div>
</div>
</body>
</html>