/** WordPress Administration Bootstrap */
require_once( dirname( __FILE__ ) . '/admin.php' );
+wp_enqueue_style( 'wp-mediaelement' );
+wp_enqueue_script( 'wp-mediaelement' );
+wp_localize_script( 'mediaelement', '_wpmejsSettings', array(
+ 'pluginPath' => includes_url( 'js/mediaelement/', 'relative' ),
+ 'pauseOtherPlayers' => ''
+) );
+
$title = __( 'About' );
list( $display_version ) = explode( '-', $wp_version );
-// Temporary 3.8 hack: We want to use user-profile for the color schemes but don't need the heavy zxcvbn.
-wp_deregister_script( 'zxcvbn-async' );
-wp_register_script( 'zxcvbn-async', false );
-wp_enqueue_script( 'user-profile' );
-
include( ABSPATH . 'wp-admin/admin-header.php' );
-?>
-<div class="wrap about-wrap">
-
-<h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
-
-<div class="about-text"><?php printf( __( 'Thank you for updating to WordPress %s, the most beautiful WordPress yet.' ), $display_version ); ?></div>
-
-<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
-
-<h2 class="nav-tab-wrapper">
- <a href="about.php" class="nav-tab nav-tab-active">
- <?php _e( 'What’s New' ); ?>
- </a><a href="credits.php" class="nav-tab">
- <?php _e( 'Credits' ); ?>
- </a><a href="freedoms.php" class="nav-tab">
- <?php _e( 'Freedoms' ); ?>
- </a>
-</h2>
-
-<div class="changelog">
- <h2 class="about-headline-callout"><?php _e( 'Introducing a modern new design' ); ?></h2>
- <img class="about-overview-img" src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/overview.png?1" />
- <div class="feature-section col three-col about-updates">
- <div class="col-1">
- <img src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/aesthetics.png?1" />
- <h3><?php _e( 'Modern aesthetic' ); ?></h3>
- <p><?php _e( 'The new WordPress dashboard has a fresh, uncluttered design that embraces clarity and simplicity.' ); ?></p>
- </div>
- <div class="col-2">
- <img src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/typography.png?1" />
- <h3><?php _e( 'Clean typography' ); ?></h3>
- <p><?php _e( 'The Open Sans typeface provides simple, friendly text that is optimized for both desktop and mobile viewing. It’s even open source, just like WordPress.' ); ?></p>
- </div>
- <div class="col-3 last-feature">
- <img src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/contrast.png?1" />
- <h3><?php _e( 'Refined contrast' ); ?></h3>
- <p><?php _e( 'We think beautiful design should never sacrifice legibility. With superior contrast and large, comfortable type, the new design is easy to read and a pleasure to navigate.' ); ?></p>
- </div>
- </div>
-</div>
-<hr>
+$video_url = 'https://videopress.com/embed/T54Iy7Tw';
+$locale = str_replace( '_', '-', get_locale() );
+if ( 'en-AU' !== $locale ) {
+ list( $locale ) = explode( '-', $locale );
+}
+if ( 'en' !== $locale ) {
+ $video_url = add_query_arg( 'defaultLangCode', $locale, $video_url );
+}
+
+$major_features = array(
+ array(
+ 'src' => array(
+ 'mp4' => '//s.w.org/images/core/4.3/formatting.mp4',
+ 'ogv' => '//s.w.org/images/core/4.3/formatting.ogv',
+ 'webm' => '//s.w.org/images/core/4.3/formatting.webm',
+ ),
+ 'heading' => __( 'Formatting Shortcuts' ),
+ /* Translators: 1: asterisks; 2: number sign; */
+ 'description' => sprintf( __( 'Your writing flow just got faster with new formatting shortcuts in WordPress 4.3. Use asterisks to create lists and number signs to make a heading. No more breaking your flow; your text looks great with a %1$s and a %2$s.' ), '<code>*</code>', '<code>#</code>' ),
+ ),
+ array(
+ 'src' => '//s.w.org/images/core/4.3/menu-customizer.png',
+ 'heading' => __( 'Menus in the Customizer' ),
+ 'description' => __( 'Create your menu, update it, and assign it, all while live-previewing in the customizer. The streamlined customizer design provides a mobile-friendly and accessible interface. With every release, it becomes easier and faster to make your site just the way you want it.' ),
+ ),
+ array(
+ 'src' => '//s.w.org/images/core/4.3/better-passwords.png',
+ 'heading' => __( 'Better Passwords' ),
+ 'description' => __( 'Keep your site more secure with WordPress’ improved approach to passwords. Instead of receiving passwords via email, you’ll get a password reset link. When you add new users to your site or edit a user profile, WordPress will automatically generate a secure password.' ),
+ ),
+ array(
+ 'src' => '//s.w.org/images/core/4.3/site-icon-customizer.png',
+ 'heading' => __( 'Site Icons' ),
+ 'description' => __( 'Site icons represent your site in browser tabs, bookmark menus, and on the home screen of mobile devices. Add your unique site icon in the customizer; it will even stay in place when you switch themes. Make your whole site reflect your brand.' ),
+ ),
+);
+shuffle( $major_features );
+
+$minor_features = array(
+ array(
+ 'src' => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48cGF0aCBmaWxsPSIjMDBhMGQyIiBkPSJNNTAgMjE1aDI0MHYzMEg1MHpNNTAgMjc1aDI0MHYzMEg1MHpNNTAgMTU1aDI0MHYzMEg1MHpNNTAgOTVoMjQwdjMwSDUwek0zMTAuMSA5NWwxOS45IDMwIDIwLjEtMzAiLz48L3N2Zz4=',
+ 'heading' => __( 'A smoother admin experience' ),
+ 'description' => __( 'Refinements to the list view across the admin make your WordPress more accessible and easier to work with on any device.' ),
+ ),
+ array(
+ 'src' => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzAwYTBkMiIgZD0iTTUgMmgxMHEuODIgMCAxLjQxLjU5VDE3IDR2OHEwIC44Mi0uNTkgMS40MVQxNSAxNGgtMmwtNSA1di01SDVxLS44MiAwLTEuNDEtLjU5VDMgMTJWNHEwLS44Mi41OS0xLjQxVDUgMnptOC41IDguNUwxMSA4bDIuNS0yLjUtMS0xTDEwIDcgNy41IDQuNWwtMSAxTDkgOGwtMi41IDIuNSAxIDFMMTAgOWwyLjUgMi41eiIvPjwvc3ZnPg==',
+ 'heading' => __( 'Comments turned off on pages' ),
+ 'description' => __( 'All new pages that you create will have comments turned off. Keep discussions to your blog, right where they’re supposed to happen.' ),
+ ),
+ array(
+ 'src' => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iIzAwYTBkMiIgZD0iTTI5LjMyOCA1LjcxMnEuMDQ4LS4xNDQuMDk2LS4zODR0LS4wNjQtLjgxNi0uNTI4LS45NzZxLS4zODQtLjM2OC0uODcyLS40NjR0LS43OTIgMGwtLjI4OC4wOHEtMS40NTYuNzItNS44OCAzLjczNnQtNi4zOTIgNS4xNzZxLS43MzYuODMyLTEuNDA4IDIuMzJ0LS44OCAzIC41NDQgMi4zOTJxLjgzMi43MzYgMi4zNDQuNTc2dDMuMDcyLS44MjQgMi4yNDgtMS4zNTJxMi4xNDQtMi4xNDQgNS4xNjgtNi42NTZ0My42MzItNS44MDh6TTIuMjQgMjguMjRxMS4wNTYtLjY4OCAxLjcxMi0xLjUyOHQuOTUyLTEuNjE2LjU0NC0xLjUyLjcyLTEuNDggMS4yNC0xLjI4cTEuMDg4LS44IDIuNTA0LS43MDR0Mi40MjQgMS4xNjhxLjgxNi44OC44MjQgMi42NHQtMS4wOCAyLjg5NnEtMS4yMTYgMS4xMi0yLjkwNCAxLjYyNHQtMy40MjQuNDI0LTMuNTEyLS42MjR6Ii8+PC9zdmc+',
+ 'heading' => __( 'Customize your site quickly' ),
+ 'description' => __( 'Wherever you are on the front-end, you can click the customize link in the toolbar to swiftly make changes to your site.' ),
+ ),
+);
+
+$tech_features = array(
+ array(
+ 'heading' => __( 'Taxonomy Roadmap' ),
+ 'description' => __( 'Terms shared across multiple taxonomies are now split into separate terms.' ),
+ ),
+ array(
+ 'heading' => __( 'Template Hierarchy' ),
+ /* Translators: 1: singular.php; 2: single.php; 3:page.php */
+ 'description' => sprintf( __( 'Added %1$s as a fallback for %2$s and %3$s' ), '<code>singular.php</code>', '<code>single.php</code>', '<code>page.php</code>.' ),
+ ),
+ array(
+ 'heading' => '<code>WP_List_Table</code>',
+ 'description' => __( 'List tables can and should designate a primary column.' ),
+ ),
+);
-<div class="changelog">
- <div class="feature-section col two-col">
- <div>
- <h3><?php _e( 'WordPress on every device' ); ?></h3>
- <p><?php _e( 'We all access the internet in different ways. Smartphone, tablet, notebook, desktop — no matter what you use, WordPress will adapt and you’ll feel right at home.' ); ?></p>
- <h4><?php _e( 'High definition at high speed' ); ?></h4>
- <p><?php _e( 'WordPress is sharper than ever with new vector-based icons that scale to your screen. By ditching pixels, pages load significantly faster, too.' ); ?></p>
- </div>
- <div class="last-feature about-colors-img">
- <img src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/colors.png?1" />
- </div>
- </div>
-</div>
+?>
+ <div class="wrap about-wrap">
+ <h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
-<hr>
+ <div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s makes it even easier to format your content and customize your site.' ), $display_version ); ?></div>
+ <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
-<?php
-global $_wp_admin_css_colors;
-$new_colors = array( 'fresh', 'light', 'blue', 'midnight', 'sunrise', 'ectoplasm', 'ocean', 'coffee' );
-$_wp_admin_css_colors = array_intersect_key( $_wp_admin_css_colors, array_fill_keys( $new_colors, true ) );
-
-if ( count( $_wp_admin_css_colors ) > 1 && has_action( 'admin_color_scheme_picker' ) ) : ?>
-<div class="changelog about-colors">
- <div class="feature-section col one-col">
- <div>
- <h3><?php _e( 'Pick a color' ); ?></h3>
- <p><?php _e( 'We’ve included eight color schemes so you can pick your favorite. Choose from any of them below to change it instantly.' ); ?>
- <?php
- /** This action is documented in wp-admin/user-edit.php */
- do_action( 'admin_color_scheme_picker' );
- ?>
- <p><?php printf( __( 'To change your color scheme later, just <a href="%1$s">visit your profile</a>.' ), get_edit_profile_url( get_current_user_id() ) ); ?></p>
- </div>
- </div>
-</div>
-
-<hr>
-<?php endif; ?>
-
-<div class="changelog">
- <div class="feature-section col two-col">
- <div>
- <h3><?php _e( 'Refined theme management' ); ?></h3>
- <p><?php _e( 'The new themes screen lets you survey your themes at a glance. Or want more information? Click to discover more. Then sit back and use your keyboard’s navigation arrows to flip through every theme you’ve got.' ); ?></p>
- <h4><?php _e( 'Smoother widget experience' ); ?></h4>
- <p><?php _e( 'Drag-drag-drag. Scroll-scroll-scroll. Widget management can be complicated. With the new design, we’ve worked to streamline the widgets screen.' ); ?></p>
- <p><?php _e( 'Have a large monitor? Multiple widget areas stack side-by-side to use the available space. Using a tablet? Just tap a widget to add it.' ); ?></p>
+ <h2 class="nav-tab-wrapper">
+ <a href="about.php" class="nav-tab nav-tab-active"><?php _e( 'What’s New' ); ?></a>
+ <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
+ <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
+ </h2>
+
+ <div class="headline-feature feature-video">
+ <iframe width="1050" height="591" src="<?php echo esc_url( $video_url ); ?>" frameborder="0" allowfullscreen></iframe>
+ <script src="https://videopress.com/videopress-iframe.js"></script>
</div>
- <div class="last-feature about-themes-img">
- <img src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/themes.png?1" />
+
+ <hr/>
+
+ <div class="feature-section two-col">
+ <?php foreach ( $major_features as $feature ) : ?>
+ <div class="col">
+ <div class="media-container">
+ <?php
+ // Video.
+ if ( is_array( $feature['src'] ) ) :
+ echo wp_video_shortcode( array(
+ 'mp4' => $feature['src']['mp4'],
+ 'ogv' => $feature['src']['ogv'],
+ 'webm' => $feature['src']['webm'],
+ 'loop' => true,
+ 'autoplay' => true,
+ 'width' => 500,
+ 'height' => 284
+ ) );
+
+ // Image.
+ else:
+ ?>
+ <img src="<?php echo esc_url( $feature['src'] ); ?>" />
+ <?php endif; ?>
+ </div>
+ <h3><?php echo $feature['heading']; ?></h3>
+ <p><?php echo $feature['description']; ?></p>
+ </div>
+ <?php endforeach; ?>
</div>
- </div>
-</div>
-<hr>
+ <div class="feature-section three-col">
+ <?php foreach ( $minor_features as $feature ) : ?>
+ <div class="col">
+ <div class="svg-container">
+ <img src="<?php echo esc_attr( $feature['src'] ); ?>" />
+ </div>
+ <h3><?php echo $feature['heading']; ?></h3>
+ <p><?php echo $feature['description']; ?></p>
+ </div>
+ <?php endforeach; ?>
+ </div>
-<div class="changelog about-twentyfourteen">
- <h2 class="about-headline-callout"><?php _e( 'Twenty Fourteen, a sleek new magazine theme' ); ?></h2>
- <img src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.8/twentyfourteen.jpg?1" />
+ <div class="changelog">
+ <h3><?php _e( 'Under the Hood' ); ?></h3>
+
+ <div class="feature-section under-the-hood three-col">
+ <?php foreach ( $tech_features as $feature ) : ?>
+ <div class="col">
+ <h4><?php echo $feature['heading']; ?></h4>
+ <p><?php echo $feature['description']; ?></p>
+ </div>
+ <?php endforeach; ?>
+ </div>
+
+ <div class="return-to-dashboard">
+ <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
+ <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
+ <?php is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard → Updates' ); ?>
+ </a> |
+ <?php endif; ?>
+ <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard → Home' ) : _e( 'Go to Dashboard' ); ?></a>
+ </div>
- <div class="feature-section col one-col center-col">
- <div>
- <h3><?php _e( 'Turn your blog into a magazine' ); ?></h3>
- <p><?php _e( 'Create a beautiful magazine-style site with WordPress and Twenty Fourteen. Choose a grid or a slider to display featured content on your homepage. Customize your site with three widget areas or change your layout with two page templates.' ); ?></p>
- <p><?php _e( 'With a striking design that does not compromise our trademark simplicity, Twenty Fourteen is our most intrepid default theme yet.' ); ?></p>
</div>
</div>
-</div>
-
-<hr>
-
-<div class="return-to-dashboard">
- <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
- <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>"><?php
- is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard → Updates' );
- ?></a> |
- <?php endif; ?>
- <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php
- is_blog_admin() ? _e( 'Go to Dashboard → Home' ) : _e( 'Go to Dashboard' ); ?></a>
-</div>
-
-</div>
<?php
include( ABSPATH . 'wp-admin/admin-footer.php' );