Restructured featured speakers code

Author: jamesbull

Diff for: css/style.css

@@ -596,6 +596,13 @@ nav a.flagNav{
 
 .featuredSpeakers ul li{
 	position: relative;
+	margin-left: 0;
+	margin-right: 4.4%;
+	margin-bottom: 20px;
+}
+
+.featuredSpeakers ul li:nth-child(3n){
+	margin-right: 0;
 }
 
 a.speakerLink{
@@ -1139,22 +1146,10 @@ body.speakers a.speakerLink{
 		margin: 0;
 	}
 
-	.featuredSpeakers ul li + li + li{
-		display: none;
-	}
-	
-	.recentNews article + article + article{
-		display: none;	
-	}
-	
 	.videoPicks a{
 		text-align: center;
 	}
 
-	.videoPicks a + a{
-		display: none;
-	}
-	
 	ul.row{
 		display: inline;
 	}
@@ -1373,45 +1368,32 @@ body.speakers a.speakerLink{
 		width: 31px;
 	}
 
-	.featuredSpeakers{
-		text-align: center;
-	}
-	
 	.videoPicks a.videoPick{
 		width: 100% !important;
 		margin: 0 auto;
 	}
 
-	.featuredSpeakers div.columns {
-		min-width: 100%;
-		max-width: 100%;
-		width: 100%;
-		margin: 0;
-	}
-	
-	.featuredSpeakers ul li + li + li{
-		display: none;
-	}
-	
-	.featuredSpeakers ul li + li{
-		margin-top: 20px;
-	}
-	
-	a.speakerLink{
-		width: 300px;
-		margin: 0 auto;
+	.featuredSpeakers .four{
+		min-width: 47.8%;
+		max-width: 47.8%;
+		width: 47.8%;
+		float: left;
 	}
 
-	.recentNews article + article + article{
-		display: none;	
+	.featuredSpeakers ul li:nth-child(3n){
+		margin-right: 4.4%;
 	}
 
-	.videoPicks a + a{
-		display: none;
+	.featuredSpeakers ul li:nth-child(2n+2){
+		margin-right: 0;
 	}
 
-	.speakers ul.row{
-		text-align: center;
+	.featuredSpeakers ul li a h3{
+		position: relative;
+		left: 0;
+		top: 0;
+		color: #fff;
+		line-height: 40px;
 	}
 
 	.video_wrapper{

Diff for: front-page.php

@@ -23,32 +23,27 @@
 			  				'post_type' => 'speakers',
 			  				'taxonomy' => 'tedxyycYear',
 			  				'term' => '2012',
-			  				'posts_per_page' => 9,
+			  				'posts_per_page' => -1,
 			  				'orderby' => 'title',
 			  				'order' => 'ASC'
 							);
 						query_posts($args);
 					?>
 
 					<?php /* Start loop */ ?>
-					<?php $i = 0; ?>
+					<ul class="row clearfix">
 					<?php while (have_posts()) : the_post(); ?>
-					<?php if ($i%3 == 0 && $i != 0) { echo '</ul>'; } ?>
-					<?php if ($i%3 == 0) { echo '<ul class="row clearfix">'; } ?>
 						<li class="four columns">
 							<a href="<?php the_permalink(); ?>" class="speakerLink">
-								<h3><?php the_title(); ?></h3>
 								<?php the_post_thumbnail('wide_thumb', array(
 									'alt' => ''.get_the_title().'',
 									'title' => ''.get_the_title().'' 
 								)); ?>
+								<h3><?php the_title(); ?></h3>
 							</a>
 						</li>
-					<?php
-						$i++;
-						endwhile; // End the loop
-						echo '</ul>';
-   					?>
+					<?php endwhile; // End the loop ?>
+					</ul>
 					<?php wp_reset_query(); ?>
 
 					<a href="/speakers" class="sectionCTA row">view all the <span class="tedx">TEDx</span><span class="yyc">YYC</span> speakers</a>