Changeset 24926

Timestamp:

07/31/2013 05:56:24 PM (13 years ago)

Author:

nacin

Message:

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

Location:

trunk/wp-admin

Files:

• about.php (modified) (3 diffs)
• css/wp-admin-rtl.css (modified) (2 diffs)
• css/wp-admin.css (modified) (5 diffs)

trunk/wp-admin/about.php

@@ -38 +38 @@
 
     <div class="feature-section images-stagger-right">
-        <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-twenty-twelve.png' ) ); ?>" class="image-66" />
+        <img alt="" src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.6/theme.png" class="image-66" />
         <h4><?php _e( 'Introducing Twenty Thirteen' ); ?></h4>
         <p><?php printf( __( "The new default theme puts focus on your content with a colorful, single-column design made for media-rich blogging." ) ); ?></p>
@@ -49 +49 @@
 
     <div class="feature-section images-stagger-right">
-        <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-retina.png' ) ); ?>" class="image-66" />
+        <img alt="" src="<?php echo is_ssl() ? 'https://' : '//s.'; ?>wordpress.org/images/core/3.6/revisions.png" class="image-66" />
         <h4><?php _e( 'Explore Revisions' ); ?></h4>
         <p></p>
@@ -76 +76 @@
 
     <div class="feature-section images-stagger-right">
-        <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-color-picker.png' ) ); ?>" class="image-30" />
+        <div class="video image-66"><?php echo wp_video_shortcode(
+            array(
+                'm4v' => (is_ssl() ? 'https://' : 'http://s.' ) . 'wordpress.org/images/core/3.6/video.m4v',
+                'ogv' => (is_ssl() ? 'https://' : 'http://s.' ) . 'wordpress.org/images/core/3.6/video.ogv',
+                'width' => 625,
+                'height' => 360,
+            )
+        ); ?></div>
         <h4><?php _e( 'New Media Player' ); ?></h4>
         <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

@@ -1730 +1730 @@
 }
 
-.about-wrap .feature-section.images-stagger-right img {
+.about-wrap .feature-section.images-stagger-right img,
+.about-wrap .feature-section.images-stagger-right .video {
     float: left;
     margin: 0 2em 12px 5px;
@@ -1747 +1748 @@
 }
 
+@media only screen and (max-width: 900px) {
+    .about-wrap .feature-section.images-stagger-right .video.image-66 {
+        margin-right: 3px;
+    }
+}
+
 @media only screen and (max-width: 768px) {
-    .about-wrap .feature-section img.image-66 {
+    .about-wrap .feature-section .image-66 {
         float: none;
     }
 
-    .about-wrap .feature-section.images-stagger-right img.image-66 {
+    .about-wrap .feature-section.images-stagger-right .image-66 {
         margin-right: 3px;
     }
 
-    .about-wrap .feature-section.images-stagger-left img.image-66 {
+    .about-wrap .feature-section.images-stagger-left .image-66 {
         margin-left: 3px;
     }

trunk/wp-admin/css/wp-admin.css

@@ -5872 +5872 @@
 /* Changelog / Update screen */
 
-.about-wrap .feature-section img {
+.about-wrap .feature-section img,
+.about-wrap .feature-section .video {
     border: none;
     margin: 0 1.94% 10px 0;
@@ -5889 +5890 @@
 }
 
-.about-wrap .feature-section.images-stagger-right img {
+.about-wrap .feature-section.images-stagger-right img,
+.about-wrap .feature-section.images-stagger-right .video {
     float: right;
     margin: 0 5px 12px 2em;
@@ -5899 +5901 @@
 }
 
-.about-wrap .feature-section img.image-100 {
+.about-wrap .feature-section .image-100 {
     margin: 0 0 2em 0;
     width: 100%;
 }
 
-.about-wrap .feature-section img.image-66 {
+.about-wrap .feature-section .image-66 {
     width: 65%;
 }
 
-.about-wrap .feature-section img.image-50 {
+.about-wrap .feature-section .image-66.video {
+    max-width: 600px;
+}
+
+.about-wrap .feature-section .image-50 {
     max-width: 50%;
 }
@@ -5976 +5982 @@
 @media only screen and (max-width: 900px) {
     .about-wrap .feature-section.images-stagger-left img,
-    .about-wrap .feature-section.images-stagger-right img {
+    .about-wrap .feature-section.images-stagger-right img,
+    .about-wrap .feature-section.images-stagger-right .video {
         clear: both;
     }
-}
-
-@media only screen and (max-width: 768px) {
-    .about-wrap .feature-section img.image-66 {
+
+    .about-wrap .feature-section .video.image-66 {
         float: none;
         width: 98%;
@@ -5988 +5993 @@
     }
 
-    .about-wrap .feature-section.images-stagger-right img.image-66 {
+    .about-wrap .feature-section.images-stagger-right .video.image-66 {
         margin-left: 3px;
     }
-
-    .about-wrap .feature-section.images-stagger-left img.image-66 {
+}
+
+@media only screen and (max-width: 768px) {
+    .about-wrap .feature-section .image-66 {
+        float: none;
+        width: 98%;
+        max-width: 98%;
+    }
+
+    .about-wrap .feature-section.images-stagger-right .image-66 {
+        margin-left: 3px;
+    }
+
+    .about-wrap .feature-section.images-stagger-left .image-66 {
         margin-right: 3px;
     }