Yuzu Theme

from meowapps.com

index.php

@@ -0,0 +1,66 @@
+<?php
+get_header();
+?>
+
+	<div id="primary" class="content-area">
+		<main id="main" class="site-main">
+
+		<div id="articles-list" class="articles-list large-container top-and-bottom-margin">
+			<?php
+			if ( have_posts() ) :
+
+				/* Start the Loop */
+				$count = 0;
+				while ( have_posts() ) :
+					the_post();
+					switch($count) {
+						case 0:
+							echo '<div class="row">';
+							require get_template_directory() . '/components/article-cards/large-article-card.php';
+							echo '</div>';
+							$count++;
+							break;
+						case 1:
+							echo '<div class="row">';
+							require get_template_directory() . '/components/article-cards/medium-article-card.php';
+							$count++;
+							break;
+						case 2: 
+							require get_template_directory() . '/components/article-cards/medium-article-card.php';
+							echo '</div>';
+							$count++;
+							break;
+						case 3:
+							echo '<div class="row">';
+							require get_template_directory() . '/components/article-cards/small-article-card.php';
+							$count++;
+							break;
+						case 4:
+							require get_template_directory() . '/components/article-cards/small-article-card.php';
+							$count++;
+							break;
+						case 5:
+							require get_template_directory() . '/components/article-cards/small-article-card.php';
+							echo '</div>';
+							$count = 0;
+							break;
+					}
+
+
+				endwhile;
+
+				the_posts_navigation();
+
+			else :
+
+				_e('No posts found!', 'yuzu');
+
+			endif;
+			?>
+		</div>
+
+		</main><!-- #main -->
+	</div><!-- #primary -->
+
+<?php
+get_footer();