- <div class="feature-section col two-col">
- <div class="col-1">
- <img src="//s.w.org/images/core/3.9/gallery.jpg?0" />
- <h4><?php _e( 'Gallery previews' ); ?></h4>
- <p><?php _e( 'Galleries display a beautiful grid of images right in the editor, just like they do in your published post.' ); ?></p>
- </div>
- <div class="col-2 last-feature">
- <div class="wp-playlist wp-audio-playlist wp-playlist-light">
- <div class="wp-playlist-current-item"></div>
- <audio controls="controls" preload="metadata"></audio>
- <div class="wp-playlist-next"></div>
- <div class="wp-playlist-prev"></div>
- <?php
- $audio_icon_js = esc_js( includes_url( 'images/media/audio.png' ) );
- $wp_host = '//s.w.org/images/core/3.9/';
- ?>
-
- <script type="application/json">{
- "type":"audio",
- "tracklist":true,
- "tracknumbers":true,
- "images":true,
- "artists":true,
- "tracks":[{
- "src":"<?php echo $wp_host ?>AintMisbehavin.mp3",
- "type":"audio\/mpeg","title":"Ain't Misbehavin'","caption":"","description":"",
- "meta":{
- "artist":"Louis Armstrong & His Orchestra",
- "album":"78 RPMs & Cylinder Recordings",
- "genre":"Jazz",
- "length_formatted":"3:21"
- },
- "image":{"src":"//s.w.org/images/core/3.9/louis.jpg","width":308,"height":240},
- "thumb":{"src":"//s.w.org/images/core/3.9/louis.jpg","width":308,"height":240}
- },
- {
- "src":"<?php echo $wp_host ?>JellyRollMorton-BuddyBoldensBlues.mp3",
- "type":"audio\/mpeg","title":"Buddy Bolden's Blues","caption":"","description":"",
- "meta":{
- "artist":"Jelly Roll Morten",
- "album":"78 RPMs & Cylinder Recordings",
- "genre":"Jazz",
- "length_formatted":"2:09"
- },
- "image":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64},
- "thumb":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64}
- },
- {
- "src":"<?php echo $wp_host ?>DavenportBlues.mp3",
- "type":"audio\/mpeg","title":"Davenport Blues","caption":"","description":"",
- "meta":{
- "artist":"Bix Beiderbecke & His Rhythm Jugglers",
- "album":"78 RPMs & Cylinder Recordings",
- "genre":"Jazz",
- "length_formatted":"2:48"
- },
- "image":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64},
- "thumb":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64}
- },
- {
- "src":"<?php echo $wp_host ?>WolverineBlues.mp3",
- "type":"audio\/mpeg","title":"Wolverine Blues","caption":"","description":"",
- "meta":{
- "artist":"Benny Goodman's Boys",
- "album":"78 RPMs & Cylinder Recordings",
- "genre":"Jazz",
- "length_formatted":"2:55"
- },
- "image":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64},
- "thumb":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64}
- },
- {
- "src":"<?php echo $wp_host ?>Louisiana_Five-Dixie_Blues-1919.mp3",
- "type":"audio\/mpeg","title":"Dixie Blues","caption":"","description":"",
- "meta":{
- "artist":"Louisiana Five",
- "album":"78 RPMs & Cylinder Recordings",
- "genre":"Jazz",
- "length_formatted":"3:01"
- },
- "image":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64},
- "thumb":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64}
- },
- {
- "src":"<?php echo $wp_host ?>Johnny_Hodges_Orchestra-Squaty_Roo-1941.mp3",
- "type":"audio\/mpeg","title":"Squaty Roo","caption":"","description":"",
- "meta":{
- "artist":"Johnny Hodges Orchestra",
- "album":"78 RPMs & Cylinder Recordings",
- "genre":"Jazz",
- "length_formatted":"2:24"
- },
- "image":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64},
- "thumb":{"src":"<?php echo $audio_icon_js ?>","width":48,"height":64}
- }]
- }</script>
+ <div class="headline-feature feature-section one-col">
+ <h2><?php _e( 'Twenty Sixteen' ); ?></h2>
+ <div class="media-container">
+ <img src="https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-white-smartphone-1x.png 268w, https://s.w.org/images/core/4.4/twenty-sixteen-white-smartphone-2x.png 536w, https://s.w.org/images/core/4.4/twenty-sixteen-white-tablet-1x.png 558w, https://s.w.org/images/core/4.4/twenty-sixteen-white-desktop-1x.png 840w, https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-1x.png 1086w, https://s.w.org/images/core/4.4/twenty-sixteen-white-tablet-2x.png 1116w, https://s.w.org/images/core/4.4/twenty-sixteen-white-desktop-2x.png 1680w, https://s.w.org/images/core/4.4/twenty-sixteen-white-fullsize-2x.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">
+ <div class="col">
+ <h3><?php _e( 'Introducing Twenty Sixteen' ); ?></h3>
+ <p><?php _e( 'Our newest default theme, Twenty Sixteen, is a modern take on a classic blog design.' ); ?></p>
+ <p><?php _e( 'Twenty Sixteen was built to look great on any device. A fluid grid design, flexible header, fun color schemes, and more, will make your content shine.' ); ?></p>
+ <div class="horizontal-image">
+ <div class="content">
+ <img class="feature-image horizontal-screen" src="https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-2x.png?2" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-dark-smartphone-1x.png?2 268w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-smartphone-2x.png?2 535w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-desktop-1x.png?2 558w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-1x.png?2 783w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-desktop-2x.png?2 1116w, https://s.w.org/images/core/4.4/twenty-sixteen-dark-fullsize-2x.png?2 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://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-2x.png" alt="" srcset="https://s.w.org/images/core/4.4/twenty-sixteen-red-smartphone-1x.png 107w, https://s.w.org/images/core/4.4/twenty-sixteen-red-smartphone-2x.png 214w, https://s.w.org/images/core/4.4/twenty-sixteen-red-desktop-1x.png 252w, https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-1x.png 410w, https://s.w.org/images/core/4.4/twenty-sixteen-red-desktop-2x.png 504w, https://s.w.org/images/core/4.4/twenty-sixteen-red-fullsize-2x.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>