Changeset 6273 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/page-home.php

Timestamp:

12/14/2017 11:30:48 PM (7 years ago)

Author:

coffee2code

Message:

W.org Showcase: Make theme responsive.

• Changes left sidebar to hamburger menu slide-out for smaller viewports.
• Removes slider for smaller viewports.
• Updates jQuery Cycle slideshow library to Cycle2.
• Various styling tweaks for responsiveness.

Props xkon, coffee2code.
Fixes #1173.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/page-home.php (modified) (6 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/page-home.php

@@ -11 +11 @@
 
         <div class="wpsc-hero group">
-            <div class="wpsc-hero-slide-container no-js">
+            <div class="wpsc-hero-slide-container no-js cycle-slideshow" data-cycle-pager=".wpsc-slide-pager" data-cycle-fx="scrollHorz" data-cycle-auto-height="container" data-cycle-timeout="8000" data-cycle-slides="> div">
 
                 <?php while ( have_posts() ) : the_post(); ?>
@@ -17 +17 @@
                     <div class="wpsc-hero-slide">
                         <div class="wpsc-hero-slide-content">
+                            <div class="wpsc-hero-slide-content-left">
                             <a href="<?php the_permalink(); ?>" class="wpsc-hero-slide-img">
                                 <?php site_screenshot_tag( 457 ); ?>
                             </a>
+                            </div>
+                            <div class="wpsc-hero-slide-content-right">
+                                <div class="wpsc-hero-slide-content-right-wrapper">
                             <h3><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
 
@@ -37 +41 @@
                                 <?php _e( 'Learn More &rarr;', 'wporg-showcase' ); ?>
                             </a>
+                                </div>
+                            </div>
                         </div><!-- .wpsc-hero-slide-content -->
                     </div><!-- .wpsc-hero-slide -->
@@ -43 +49 @@
 
             </div>
-            <div class="wpsc-slide-nav"></div>
+            <div class="wpsc-slide-nav"><div class="wpsc-slide-pager"></div></div>
         </div> <!-- .wpsc-hero -->
 
@@ -53 +59 @@
 
         <div class="col-7 main-content">
-
+        <div class="maincontentwrapper">
             <?php query_posts( array( 'cat' => 4, 'posts_per_page' => 3, 'tag' => 'business', 'orderby' => 'rand' ) ); ?>
             <?php if ( have_posts() ) : ?>
@@ -102 +108 @@
 
         </div>
+        </div>
     </div>
 </div>