<!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>[26719] trunk/src/wp-admin: Updates to the About page:</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">
<dt>Revision</dt> <dd><a href="http://core.trac.wordpress.org/changeset/26719">26719</a></dd>
<dt>Author</dt> <dd>iammattthomas</dd>
<dt>Date</dt> <dd>2013-12-06 12:15:59 +0000 (Fri, 06 Dec 2013)</dd>
</dl>
<h3>Log Message</h3>
<pre>Updates to the About page:
- Better screenshots
- Align screenshots with the dividers between sections
- Increase body text size
- Add a mention of Twenty Fourteen by name
- i18nalize 'Now with more color'
- Replace ’ with &<a href="http://core.trac.wordpress.org/ticket/8217">#8217</a>;
See <a href="http://core.trac.wordpress.org/ticket/26387">#26387</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadminaboutphp">trunk/src/wp-admin/about.php</a></li>
<li><a href="#trunksrcwpadmincsscolorscss">trunk/src/wp-admin/css/colors.css</a></li>
<li><a href="#trunksrcwpadmincsswpadmincss">trunk/src/wp-admin/css/wp-admin.css</a></li>
<li><a href="#trunksrcwpadminimagesaboutcolorspng">trunk/src/wp-admin/images/about-colors.png</a></li>
<li><a href="#trunksrcwpadminimagesaboutoverviewpng">trunk/src/wp-admin/images/about-overview.png</a></li>
<li><a href="#trunksrcwpadminimagesaboutthemespng">trunk/src/wp-admin/images/about-themes.png</a></li>
<li><a href="#trunksrcwpadminimagesabouttwentyfourteenpng">trunk/src/wp-admin/images/about-twentyfourteen.png</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpadminaboutphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-admin/about.php (26718 => 26719)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-admin/about.php 2013-12-06 07:49:05 UTC (rev 26718)
+++ trunk/src/wp-admin/about.php 2013-12-06 12:15:59 UTC (rev 26719)
</span><span class="lines">@@ -36,8 +36,8 @@
</span><span class="cx"> </h2>
</span><span class="cx">
</span><span class="cx"> <div class="changelog">
</span><del>- <h2><?php _e( 'Introducing a new, modern admin design' ); ?></h2>
- <img src="<?php echo admin_url( 'images/about-overview.png' ); ?>" />
</del><ins>+ <h2 class="about-headline-callout"><?php _e( 'Introducing a new, modern admin design' ); ?></h2>
+ <img class="about-overview-img" src="<?php echo admin_url( 'images/about-overview.png' ); ?>" />
</ins><span class="cx">
</span><span class="cx"> <div class="feature-section col three-col about-updates">
</span><span class="cx"> <div class="col-1">
</span><span class="lines">@@ -58,7 +58,7 @@
</span><span class="cx"> </div>
</span><span class="cx"> </div>
</span><span class="cx">
</span><del>-<hr />
</del><ins>+<hr>
</ins><span class="cx">
</span><span class="cx"> <!-- Image example -->
</span><span class="cx"> <!-- <img alt="" src="<?php echo admin_url( 'images/about-search-2x.png' ); ?>" /> -->
</span><span class="lines">@@ -69,21 +69,21 @@
</span><span class="cx"> <h3><?php _e( 'Take WordPress with you anywhere with our responsive design' ); ?></h3>
</span><span class="cx"> <p><?php _e( 'The WordPress admin is now completely responsive: you can work on your website easily from your smartphone or tablet. The full power of WordPress is at your fingertips, even when you’re on the go.' ); ?></p>
</span><span class="cx"> <h4><?php _e( 'Naturally HiDPI' ); ?></h4>
</span><del>- <p><?php _e( 'No more blurry edges — with the inclusion of vector icons and graphics, the admin is now entirely HiDPI, so you get the best viewing experience no matter what kind of computer or mobile device you use.' ); ?></p>
</del><ins>+ <p><?php _e( 'No more blurry edges — with the inclusion of vector icons and graphics, the admin is now entirely HiDPI, so you get the best viewing experience no matter what kind of computer or mobile device you use.' ); ?></p>
</ins><span class="cx"> </div>
</span><del>- <div class="last-feature">
</del><ins>+ <div class="last-feature about-colors-img">
</ins><span class="cx"> <img src="<?php echo admin_url( 'images/about-colors.png' ); ?>" />
</span><span class="cx"> </div>
</span><span class="cx"> </div>
</span><span class="cx"> </div>
</span><span class="cx">
</span><del>-<hr />
</del><ins>+<hr class="flushtopdivider">
</ins><span class="cx">
</span><span class="cx"> <div class="changelog about-colors">
</span><span class="cx"> <div class="feature-section col one-col">
</span><span class="cx"> <div>
</span><del>- <h3>Now with more color</h3>
- <p><?php _e( 'Your admin is not longer monochromatic — we’ve brought some more color to keep it looking fresh. You now have the option of four different default color schemes.' ); ?></p>
</del><ins>+ <h3><?php _e( 'Now with more color' ); ?></h3>
+ <p><?php _e( 'Your admin is not longer monochromatic — we’ve brought some more color to keep it looking fresh. You now have the option of four different default color schemes.' ); ?></p>
</ins><span class="cx"> <p><?php _e( 'Try them out below:' ); ?></p>
</span><span class="cx"> <img src="https://i.cloudup.com/NBlGusRk0H.png" style="border: 2px solid red; max-width: 99%; margin: 0;" />
</span><span class="cx"> <p><?php _e( 'You can change your color scheme at any time from your profile page.' ); ?></p>
</span><span class="lines">@@ -91,7 +91,7 @@
</span><span class="cx"> </div>
</span><span class="cx"> </div>
</span><span class="cx">
</span><del>-<hr />
</del><ins>+<hr>
</ins><span class="cx">
</span><span class="cx"> <div class="changelog">
</span><span class="cx"> <div class="feature-section col two-col">
</span><span class="lines">@@ -105,28 +105,28 @@
</span><span class="cx"> <h4><?php _e( 'Easier updates' ); ?></h4>
</span><span class="cx"> <p><?php _e( 'Identify immediately when a theme update is available.' ); ?></p>
</span><span class="cx"> </div>
</span><del>- <div class="last-feature">
</del><ins>+ <div class="last-feature about-themes-img">
</ins><span class="cx"> <img src="<?php echo admin_url( 'images/about-themes.png' ); ?>" />
</span><span class="cx"> </div>
</span><span class="cx"> </div>
</span><span class="cx"> </div>
</span><span class="cx">
</span><del>-<hr />
</del><ins>+<hr class="flushtopdivider">
</ins><span class="cx">
</span><span class="cx"> <div class="changelog">
</span><del>- <h2><?php _e( 'Sleek New Magazine Theme' ); ?></h2>
</del><ins>+ <h2 class="about-headline-callout"><?php _e( 'Twenty Fourteen, A Sleek New Magazine Theme' ); ?></h2>
</ins><span class="cx"> <img src="<?php echo admin_url( 'images/about-twentyfourteen.png' ); ?>" />
</span><span class="cx">
</span><span class="cx"> <div class="feature-section col one-col">
</span><span class="cx"> <div>
</span><span class="cx"> <h3><?php _e( 'Our new default theme lets you create a responsive magazine website with an elegant, modern design.' ); ?></h3>
</span><del>- <p><?php _e( 'Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content’s layout with a full width page template and a contributor page to show of your authors.' ); ?></p>
</del><ins>+ <p><?php _e( 'Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content’s layout with a full width page template and a contributor page to show of your authors.' ); ?></p>
</ins><span class="cx"> <p><?php _e( 'Creating a magazine website with WordPress has never been easier.' ); ?></p>
</span><span class="cx"> </div>
</span><span class="cx"> </div>
</span><span class="cx"> </div>
</span><span class="cx">
</span><del>-<hr />
</del><ins>+<hr>
</ins><span class="cx">
</span><span class="cx"> <div class="changelog">
</span><span class="cx"> <h3><?php _e( 'Under the Hood' ); ?></h3>
</span></span></pre></div>
<a id="trunksrcwpadmincsscolorscss"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-admin/css/colors.css (26718 => 26719)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-admin/css/colors.css 2013-12-06 07:49:05 UTC (rev 26718)
+++ trunk/src/wp-admin/css/colors.css 2013-12-06 12:15:59 UTC (rev 26719)
</span><span class="lines">@@ -1792,14 +1792,12 @@
</span><span class="cx"> border-bottom-color: #eee;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.about-wrap h3 {
- color: #333;
</del><ins>+.about-wrap h2,
+.about-wrap h3,
+.about-wrap h4 {
+ color: #222;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.about-wrap .feature-section h4 {
- color: #464646;
-}
-
</del><span class="cx"> .about-wrap .feature-section .col-2:before,
</span><span class="cx"> .about-wrap .feature-section .col-2:after,
</span><span class="cx"> .about-wrap .feature-section.two-col p:before {
</span></span></pre></div>
<a id="trunksrcwpadmincsswpadmincss"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-admin/css/wp-admin.css (26718 => 26719)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-admin/css/wp-admin.css 2013-12-06 07:49:05 UTC (rev 26718)
+++ trunk/src/wp-admin/css/wp-admin.css 2013-12-06 12:15:59 UTC (rev 26719)
</span><span class="lines">@@ -7804,6 +7804,7 @@
</span><span class="cx">
</span><span class="cx"> .about-wrap p {
</span><span class="cx"> line-height: 1.6em;
</span><ins>+ font-size: 14px;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .about-wrap h1 {
</span><span class="lines">@@ -7831,10 +7832,10 @@
</span><span class="cx"> font-size: 24px;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.about-wrap .changelog h2 {
</del><ins>+.about-wrap .changelog h2.about-headline-callout {
</ins><span class="cx"> margin: 1.4em 0 0;
</span><del>- font-size: 2.1em;
</del><span class="cx"> line-height: 1.3;
</span><ins>+ font-weight: 600;
</ins><span class="cx"> text-align: center;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -7846,6 +7847,7 @@
</span><span class="cx">
</span><span class="cx"> .about-wrap .feature-section h4 {
</span><span class="cx"> margin: 1.4em 0 0.6em 0;
</span><ins>+ font-size: 1.2em;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .about-wrap .feature-section p {
</span><span class="lines">@@ -7857,7 +7859,28 @@
</span><span class="cx"> font-size: 14px;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+/* 3.8 Images */
</ins><span class="cx">
</span><ins>+.about-wrap .about-colors-img,
+.about-wrap .about-themes-img {
+ bottom: -25px;
+}
+
+.about-wrap .about-overview-img {
+ border-bottom: 1px solid #ddd;
+}
+
+.about-wrap hr.flushtopdivider {
+ margin-top: 0;
+}
+
+.about-colors-img img,
+.about-themes-img img {
+ margin: 0 0;
+ padding: 0;
+ line-height: 1;
+}
+
</ins><span class="cx"> /* Point Releases */
</span><span class="cx">
</span><span class="cx"> .about-wrap .point-releases {
</span><span class="lines">@@ -7936,11 +7959,14 @@
</span><span class="cx">
</span><span class="cx"> .about-wrap .feature-section.two-col div {
</span><span class="cx"> position: relative;
</span><del>- width: 47%;
- margin-right: 4.999999999%;
</del><ins>+ width: 50%;
</ins><span class="cx"> float: left;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.about-wrap .feature-section.two-col div p {
+ margin-right: 3%;
+}
+
</ins><span class="cx"> .about-wrap .feature-section.three-col div {
</span><span class="cx"> position: relative;
</span><span class="cx"> width: 30%;
</span></span></pre></div>
<a id="trunksrcwpadminimagesaboutcolorspng"></a>
<div class="binary"><h4>Modified: trunk/src/wp-admin/images/about-colors.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunksrcwpadminimagesaboutoverviewpng"></a>
<div class="binary"><h4>Modified: trunk/src/wp-admin/images/about-overview.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunksrcwpadminimagesaboutthemespng"></a>
<div class="binary"><h4>Modified: trunk/src/wp-admin/images/about-themes.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunksrcwpadminimagesabouttwentyfourteenpng"></a>
<div class="binary"><h4>Modified: trunk/src/wp-admin/images/about-twentyfourteen.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
</div>
</body>
</html>