WordPress.org

Make WordPress Core

Changeset 24926


Ignore:
Timestamp:
07/31/2013 05:56:24 PM (8 years ago)
Author:
nacin
Message:

Add screenshots and video to about page. props markjaquith. fixes #24832. for trunk.

Location:
trunk/wp-admin
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/about.php

    r24900 r24926  
    3838
    3939    <div class="feature-section images-stagger-right">
    40         <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-twenty-twelve.png' ) ); ?>" class="image-66" />
     40        <img alt="" src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.6/theme.png" class="image-66" />
    4141        <h4><?php _e( 'Introducing Twenty Thirteen' ); ?></h4>
    4242        <p><?php printf( __( "The new default theme puts focus on your content with a colorful, single-column design made for media-rich blogging." ) ); ?></p>
     
    4949
    5050    <div class="feature-section images-stagger-right">
    51         <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-retina.png' ) ); ?>" class="image-66" />
     51        <img alt="" src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.6/revisions.png" class="image-66" />
    5252        <h4><?php _e( 'Explore Revisions' ); ?></h4>
    5353        <p></p>
     
    7676
    7777    <div class="feature-section images-stagger-right">
    78         <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-color-picker.png' ) ); ?>" class="image-30" />
     78        <div class="video image-66"><?php echo wp_video_shortcode(
     79            array(
     80                'm4v' => (is_ssl() ? 'https://' : 'http://s.' ) . 'wordpress.org/images/core/3.6/video.m4v',
     81                'ogv' => (is_ssl() ? 'https://' : 'http://s.' ) . 'wordpress.org/images/core/3.6/video.ogv',
     82                'width' => 625,
     83                'height' => 360,
     84            )
     85        ); ?></div>
    7986        <h4><?php _e( 'New Media Player' ); ?></h4>
    8087        <p><?php _e( 'Share your audio and video with the new built-in HTML5 media player. Upload files using the media manager and embed them in your posts.' ); ?></p>
  • trunk/wp-admin/css/wp-admin-rtl.css

    r24808 r24926  
    17301730}
    17311731
    1732 .about-wrap .feature-section.images-stagger-right img {
     1732.about-wrap .feature-section.images-stagger-right img,
     1733.about-wrap .feature-section.images-stagger-right .video {
    17331734    float: left;
    17341735    margin: 0 2em 12px 5px;
     
    17471748}
    17481749
     1750@media only screen and (max-width: 900px) {
     1751    .about-wrap .feature-section.images-stagger-right .video.image-66 {
     1752        margin-right: 3px;
     1753    }
     1754}
     1755
    17491756@media only screen and (max-width: 768px) {
    1750     .about-wrap .feature-section img.image-66 {
     1757    .about-wrap .feature-section .image-66 {
    17511758        float: none;
    17521759    }
    17531760
    1754     .about-wrap .feature-section.images-stagger-right img.image-66 {
     1761    .about-wrap .feature-section.images-stagger-right .image-66 {
    17551762        margin-right: 3px;
    17561763    }
    17571764
    1758     .about-wrap .feature-section.images-stagger-left img.image-66 {
     1765    .about-wrap .feature-section.images-stagger-left .image-66 {
    17591766        margin-left: 3px;
    17601767    }
  • trunk/wp-admin/css/wp-admin.css

    r24913 r24926  
    58725872/* Changelog / Update screen */
    58735873
    5874 .about-wrap .feature-section img {
     5874.about-wrap .feature-section img,
     5875.about-wrap .feature-section .video {
    58755876    border: none;
    58765877    margin: 0 1.94% 10px 0;
     
    58895890}
    58905891
    5891 .about-wrap .feature-section.images-stagger-right img {
     5892.about-wrap .feature-section.images-stagger-right img,
     5893.about-wrap .feature-section.images-stagger-right .video {
    58925894    float: right;
    58935895    margin: 0 5px 12px 2em;
     
    58995901}
    59005902
    5901 .about-wrap .feature-section img.image-100 {
     5903.about-wrap .feature-section .image-100 {
    59025904    margin: 0 0 2em 0;
    59035905    width: 100%;
    59045906}
    59055907
    5906 .about-wrap .feature-section img.image-66 {
     5908.about-wrap .feature-section .image-66 {
    59075909    width: 65%;
    59085910}
    59095911
    5910 .about-wrap .feature-section img.image-50 {
     5912.about-wrap .feature-section .image-66.video {
     5913    max-width: 600px;
     5914}
     5915
     5916.about-wrap .feature-section .image-50 {
    59115917    max-width: 50%;
    59125918}
     
    59765982@media only screen and (max-width: 900px) {
    59775983    .about-wrap .feature-section.images-stagger-left img,
    5978     .about-wrap .feature-section.images-stagger-right img {
     5984    .about-wrap .feature-section.images-stagger-right img,
     5985    .about-wrap .feature-section.images-stagger-right .video {
    59795986        clear: both;
    59805987    }
    5981 }
    5982 
    5983 @media only screen and (max-width: 768px) {
    5984     .about-wrap .feature-section img.image-66 {
     5988
     5989    .about-wrap .feature-section .video.image-66 {
    59855990        float: none;
    59865991        width: 98%;
     
    59885993    }
    59895994
    5990     .about-wrap .feature-section.images-stagger-right img.image-66 {
     5995    .about-wrap .feature-section.images-stagger-right .video.image-66 {
    59915996        margin-left: 3px;
    59925997    }
    5993 
    5994     .about-wrap .feature-section.images-stagger-left img.image-66 {
     5998}
     5999
     6000@media only screen and (max-width: 768px) {
     6001    .about-wrap .feature-section .image-66 {
     6002        float: none;
     6003        width: 98%;
     6004        max-width: 98%;
     6005    }
     6006
     6007    .about-wrap .feature-section.images-stagger-right .image-66 {
     6008        margin-left: 3px;
     6009    }
     6010
     6011    .about-wrap .feature-section.images-stagger-left .image-66 {
    59956012        margin-right: 3px;
    59966013    }
Note: See TracChangeset for help on using the changeset viewer.