Make WordPress Core

Ticket #32929: 32929.2.diff

File 32929.2.diff, 6.9 KB (added by ryelle, 9 years ago)
  • src/wp-admin/about.php

     
    2424
    2525$major_features = array(
    2626        array(
    27                 'src'         => '',
     27                'src'         => array(
     28                        'mp4'  => 'https://cldup.com/2k26HVNP6P.mp4',
     29                        'ogv'  => '',
     30                        'webm' => '',
     31                ),
    2832                'heading'     => 'Formatting Shortcuts',
    2933
    3034                /* Translators: 1: asterisks; 2: number sign; */
     
    3135                '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$.', '<code>*</code>', '<code>#</code>' ),
    3236        ),
    3337        array(
    34                 'src'         => '',
     38                'src'         => 'https://cldup.com/k23oK-g_v1.jpg',
    3539                'heading'     => 'Menus in the Customizer',
    3640                'description' => 'Create your menu, update it, and preview it in the customizer, before sharing it with the world. With every release, it becomes easier and faster to build your site from the front-end. And a streamlined customizer design mean a mobile-first, accessibility ready interface.',
    3741        ),
    3842        array(
    39                 'src'         => '',
     43                'src'         => 'https://cldup.com/t1HCztI0PR.jpg',
    4044                'heading'     => 'Better Passwords',
    4145                '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, WordPress will automatically generate a secure password.',
    4246        ),
    4347        array(
    44                 'src'         => '',
     48                'src'         => 'https://cldup.com/8LxuMwmsvE.jpg',
    4549                'heading'     => 'Site Icons',
    4650                '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.',
    4751        ),
     
    5054
    5155$minor_features = array(
    5256        array(
    53                 'src'         => '',
     57                'src'         => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48cGF0aCBmaWxsPSIjMDBhMGQyIiBkPSJNNTAgMjE1aDI0MHYzMEg1MHpNNTAgMjc1aDI0MHYzMEg1MHpNNTAgMTU1aDI0MHYzMEg1MHpNNTAgOTVoMjQwdjMwSDUwek0zMTAuMSA5NWwxOS45IDMwIDIwLjEtMzAiLz48L3N2Zz4=',
    5458                'heading'     => 'A smoother admin experience',
    5559                'description' => 'Refinements to the list view across the admin make your WordPress more accessible and easier to work with on any device.',
    5660        ),
    5761        array(
    58                 'src'         => '',
     62                'src'         => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzAwYTBkMiIgZD0iTTUgMmgxMHEuODIgMCAxLjQxLjU5VDE3IDR2OHEwIC44Mi0uNTkgMS40MVQxNSAxNGgtMmwtNSA1di01SDVxLS44MiAwLTEuNDEtLjU5VDMgMTJWNHEwLS44Mi41OS0xLjQxVDUgMnptOC41IDguNUwxMSA4bDIuNS0yLjUtMS0xTDEwIDcgNy41IDQuNWwtMSAxTDkgOGwtMi41IDIuNSAxIDFMMTAgOWwyLjUgMi41eiIvPjwvc3ZnPg==',
    5963                'heading'     => 'Comments turned off on pages',
    6064                'description' => 'All new pages that you create will have comments turned off. Keep discussions to your blog, right where they’re supposed to happen.',
    6165        ),
    6266        array(
    63                 'src'         => '',
     67                'src'         => 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iIzAwYTBkMiIgZD0iTTI5LjMyOCA1LjcxMnEuMDQ4LS4xNDQuMDk2LS4zODR0LS4wNjQtLjgxNi0uNTI4LS45NzZxLS4zODQtLjM2OC0uODcyLS40NjR0LS43OTIgMGwtLjI4OC4wOHEtMS40NTYuNzItNS44OCAzLjczNnQtNi4zOTIgNS4xNzZxLS43MzYuODMyLTEuNDA4IDIuMzJ0LS44OCAzIC41NDQgMi4zOTJxLjgzMi43MzYgMi4zNDQuNTc2dDMuMDcyLS44MjQgMi4yNDgtMS4zNTJxMi4xNDQtMi4xNDQgNS4xNjgtNi42NTZ0My42MzItNS44MDh6TTIuMjQgMjguMjRxMS4wNTYtLjY4OCAxLjcxMi0xLjUyOHQuOTUyLTEuNjE2LjU0NC0xLjUyLjcyLTEuNDggMS4yNC0xLjI4cTEuMDg4LS44IDIuNTA0LS43MDR0Mi40MjQgMS4xNjhxLjgxNi44OC44MjQgMi42NHQtMS4wOCAyLjg5NnEtMS4yMTYgMS4xMi0yLjkwNCAxLjYyNHQtMy40MjQuNDI0LTMuNTEyLS42MjR6Ii8+PC9zdmc+',
    6468                'heading'     => 'Customize your site quickly' ,
    6569                'description' => 'Wherever you are on the front-end, you can click the customize button in the toolbar to swiftly make changes to your site.',
    6670        ),
     
    105109                <div class="feature-section two-col">
    106110                        <?php foreach ( $major_features as $feature ) : ?>
    107111                        <div class="col">
    108                                 <img src="<?php echo esc_url( $feature['src'] ); ?>" />
     112                                <div class="media-container">
     113                                <?php if ( is_array( $feature['src'] ) ) : /* Video */ ?>
     114                                         <?php
     115                                                echo wp_video_shortcode( array(
     116                                                        'mp4'      => $feature['src']['mp4'],
     117                                                        'ogv'      => $feature['src']['ogv'],
     118                                                        'webm'     => $feature['src']['webm'],
     119                                                        'loop'     => true,
     120                                                        'autoplay' => true,
     121                                                        'width'    => 500,
     122                                                        'height'   => 284
     123                                                ) );
     124                                        ?>
     125                                <?php else: /* Image */ ?>
     126                                        <img src="<?php echo esc_url( $feature['src'] ); ?>" />
     127                                <?php endif; ?>
     128                                </div>
    109129                                <h3><?php echo $feature['heading']; ?></h3>
    110130                                <p><?php echo $feature['description']; ?></p>
    111131                        </div>
     
    115135                <div class="feature-section three-col">
    116136                        <?php foreach ( $minor_features as $feature ) : ?>
    117137                        <div class="col">
    118                                 <img src="<?php echo esc_url( $feature['src'] ); ?>" />
     138                                <div class="svg-container">
     139                                        <img src="<?php echo esc_attr( $feature['src'] ); ?>" />
     140                                </div>
    119141                                <h3><?php echo $feature['heading']; ?></h3>
    120142                                <p><?php echo $feature['description']; ?></p>
    121143                        </div>
     
    128150                        <div class="feature-section under-the-hood three-col">
    129151                                <?php foreach ( $tech_features as $feature ) : ?>
    130152                                <div class="col">
    131                                         <h3><?php echo $feature['heading']; ?></h3>
     153                                        <h4><?php echo $feature['heading']; ?></h4>
    132154                                        <p><?php echo $feature['description']; ?></p>
    133155                                </div>
    134156                                <?php endforeach; ?>
  • src/wp-admin/css/about.css

     
    236236        max-width: 95%;
    237237}
    238238
     239.about-wrap .feature-section .media-container {
     240        border: 1px solid #ddd;
     241        overflow: hidden;
     242}
     243
     244.about-wrap .feature-section .svg-container {
     245        padding: 50px 0;
     246        text-align: center;
     247        background-color: #e1e1e3;
     248}
     249
     250.about-wrap .feature-section .svg-container img {
     251        max-width: 150px;
     252}
     253
    239254.about-wrap .feature-section:not(.under-the-hood) .col {
    240255        margin-top: 40px;
    241256}
     
    367382                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    368383        }
    369384
    370         .about-wrap .two-col .col h3 {
    371                 margin-top: 0;
    372         }
    373 
    374385        .about-wrap .three-col img {
    375386                display: block;
    376387                margin: 0 auto;
     
    423434                border-bottom: 1px solid #ccc;
    424435        }
    425436
     437        .about-wrap .feature-section .svg-container {
     438                padding-top: 20px;
     439                padding-bottom: 20px;
     440        }
     441
    426442        .about-wrap .three-col .col,
    427443        .about-wrap .headline-feature .feature-section .col {
    428444                width: 100% !important;
    429445                float: none !important;
    430446        }
    431 
    432         .about-wrap .dfw p {
    433                 max-width: 90%;
    434         }
    435447}
    436448
    437449@media only screen and (max-width: 400px) {