WordPress.org

Make WordPress Core

Changeset 24925


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

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

Location:
branches/3.6/wp-admin
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • branches/3.6/wp-admin/about.php

    r24901 r24925  
    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>
  • branches/3.6/wp-admin/css/wp-admin-rtl.css

    r24811 r24925  
    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    }
  • branches/3.6/wp-admin/css/wp-admin.css

    r24914 r24925  
    58245824/* Changelog / Update screen */
    58255825
    5826 .about-wrap .feature-section img {
     5826.about-wrap .feature-section img,
     5827.about-wrap .feature-section .video {
    58275828    border: none;
    58285829    margin: 0 1.94% 10px 0;
     
    58415842}
    58425843
    5843 .about-wrap .feature-section.images-stagger-right img {
     5844.about-wrap .feature-section.images-stagger-right img,
     5845.about-wrap .feature-section.images-stagger-right .video {
    58445846    float: right;
    58455847    margin: 0 5px 12px 2em;
     
    58515853}
    58525854
    5853 .about-wrap .feature-section img.image-100 {
     5855.about-wrap .feature-section .image-100 {
    58545856    margin: 0 0 2em 0;
    58555857    width: 100%;
    58565858}
    58575859
    5858 .about-wrap .feature-section img.image-66 {
     5860.about-wrap .feature-section .image-66 {
    58595861    width: 65%;
    58605862}
    58615863
    5862 .about-wrap .feature-section img.image-50 {
     5864.about-wrap .feature-section .image-66.video {
     5865    max-width: 600px;
     5866}
     5867
     5868.about-wrap .feature-section .image-50 {
    58635869    max-width: 50%;
    58645870}
     
    59285934@media only screen and (max-width: 900px) {
    59295935    .about-wrap .feature-section.images-stagger-left img,
    5930     .about-wrap .feature-section.images-stagger-right img {
     5936    .about-wrap .feature-section.images-stagger-right img,
     5937    .about-wrap .feature-section.images-stagger-right .video {
    59315938        clear: both;
    59325939    }
    5933 }
    5934 
    5935 @media only screen and (max-width: 768px) {
    5936     .about-wrap .feature-section img.image-66 {
     5940
     5941    .about-wrap .feature-section .video.image-66 {
    59375942        float: none;
    59385943        width: 98%;
     
    59405945    }
    59415946
    5942     .about-wrap .feature-section.images-stagger-right img.image-66 {
     5947    .about-wrap .feature-section.images-stagger-right .video.image-66 {
    59435948        margin-left: 3px;
    59445949    }
    5945 
    5946     .about-wrap .feature-section.images-stagger-left img.image-66 {
     5950}
     5951
     5952@media only screen and (max-width: 768px) {
     5953    .about-wrap .feature-section .image-66 {
     5954        float: none;
     5955        width: 98%;
     5956        max-width: 98%;
     5957    }
     5958
     5959    .about-wrap .feature-section.images-stagger-right .image-66 {
     5960        margin-left: 3px;
     5961    }
     5962
     5963    .about-wrap .feature-section.images-stagger-left .image-66 {
    59475964        margin-right: 3px;
    59485965    }
Note: See TracChangeset for help on using the changeset viewer.