Changeset 35825

Timestamp:

12/08/2015 03:32:37 AM (9 years ago)

Author:

wonderboymusic

Message:

About Page: use srcset for images, also known as Recursive Dogfooding.

Props joemcgill.
See #34663.

File:

• trunk/src/wp-admin/about.php (modified) (3 diffs)

trunk/src/wp-admin/about.php

@@ -46 +46 @@
             <h2><?php _e( 'Twenty Sixteen' ); ?></h2>
             <div class="media-container">
-                <img src="https://cldup.com/K6k4JfS2nW.png" alt="" />
+                <img src="https://cldup.com/K6k4JfS2nW.png" alt="" srcset="https://cldup.com/F7tEqWxzrx-3000x3000.png 268w, https://cldup.com/zxAXtkbN40-3000x3000.png 536w, https://cldup.com/f2FyXrEthb-3000x3000.png 558w, https://cldup.com/xFofz-J2o0-3000x3000.png 840w, https://cldup.com/2fTSHlMGIt-3000x3000.png 1086w, https://cldup.com/RRCVETtgEs-3000x3000.png 1116w, https://cldup.com/SshVHkB_oX-3000x3000.png 1680w, https://cldup.com/ptbHQzcmog-3000x3000.png 2172w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .8), (max-width: 1290px) calc((100vw - 240px) * .8), 840px" />
             </div>
             <div class="two-col">
@@ -55 +55 @@
                     <div class="horizontal-image">
                         <div class="content">
-                            <img class="feature-image horizontal-screen" src="https://cldup.com/J-zxmMqkXs.png" alt="" />
+                            <img class="feature-image horizontal-screen" src="https://cldup.com/J-zxmMqkXs.png" alt=""  srcset="https://cldup.com/GJ_OChqU-3-3000x3000.png 268w, https://cldup.com/opV2KAg7px-3000x3000.png 535w, https://cldup.com/H7TUss5F-L-3000x3000.png 558w, https://cldup.com/4Mgr3kchBL-3000x3000.png 783w, https://cldup.com/kW9lcVhn3v-3000x3000.png 1116w, https://cldup.com/M2gkxI9RnI-3000x3000.png 1566w" sizes="(max-width: 500px) calc((100vw - 40px) * .8), (max-width: 782px) calc((100vw - 70px) * .8), (max-width: 960px) calc((100vw - 116px) * .5216), (max-width: 1290px) calc((100vw - 240px) * .5216), 548px" />
                         </div>
                     </div>
                 </div>
                 <div class="col feature-image">
-                    <img class="vertical-screen" src="https://cldup.com/5mh4eg1O3o.png" alt="" />
+                    <img class="vertical-screen" src="https://cldup.com/5mh4eg1O3o.png" alt="" srcset="https://cldup.com/x_sJ-I3UDl-3000x3000.png 107w, https://cldup.com/tlGp0BJTzE-3000x3000.png 214w, https://cldup.com/n613ekUCQg-3000x3000.png 252w, https://cldup.com/tjpHRtg6zh-3000x3000.png 410w, https://cldup.com/Db9pMyLNeJ-3000x3000.png 504w, https://cldup.com/P4PM_7sjQt-3000x3000.png 820w" sizes="(max-width: 500px) calc((100vw - 40px) * .32), (max-width: 782px) calc((100vw - 70px) * .32), (max-width: 960px) calc((100vw - 116px) * .24), (max-width: 1290px) calc((100vw - 240px) * .24), 252px" />
                 </div>
             </div>
@@ -70 +70 @@
             <div class="col">
                 <div class="media-container">
-                    <img src="https://cldup.com/av6MH44-Au.png" alt="" />
+                    <img src="https://cldup.com/av6MH44-Au.png" alt="" srcset="https://cldup.com/KFesVSr1qr-3000x3000.png 335w, https://cldup.com/bX6aec9s9y-3000x3000.png 500w, https://cldup.com/sN3AlF6bSs-3000x3000.png 670w, https://cldup.com/2sAEKiKjQh-3000x3000.png 698w, https://cldup.com/TqUWsx6V2V-3000x3000.png 1000w, https://cldup.com/5gLqAd5tJL-3000x3000.png 1200w, https://cldup.com/m20tMOQZvT-3000x3000.png 1396w, https://cldup.com/d82AnAj-MF-3000x3000.png 2400w" sizes="(max-width: 500px) calc((100vw - 40px)), (max-width: 782px) calc((100vw - 70px), (max-width: 960px) calc((100vw - 116px) * .476), (max-width: 1290px) calc((100vw - 240px) * .476), 500px" />
                 </div>
             </div>