Updated index layout

source/_posts/blog/grid-miner-launch-date.md

@@ -5,8 +5,8 @@ description: The game is ready and the launch date is set!
 author: James Peret
 date: 04/15/2022
 ---
-After delaying the release date and doing a lot more work on the game we have finally got to a mostly complete state. This week we launched [version 0.8](https://store.steampowered.com/news/app/1768300/view/3194749759250401418) with many updates like a new mechanic, achievements, video tutorials and new levels.
+After delaying the release date and doing a lot more work on the game,  we have finally got to a mostly complete state. We recently published [version 0.8](https://store.steampowered.com/news/app/1768300/view/3194749759250401418) with many updates like a new mechanic, achievements, video tutorials, and new levels.
 
-The next game updates leading to *version 1.0* will be more about polishing, balancing and adding translations to the game.
+Future game updates leading to *version 1.0* will be more about polishing, balancing, and adding translations to the game.
 
-Also this week Steam has approved [Grid Miner](https://store.steampowered.com/app/1768300/Grid_Miner/) and the launch date is set to **May 3 2022**!
+Also, this week, Steam has approved [Grid Miner](https://store.steampowered.com/app/1768300/Grid_Miner/). The launch date is set for May 3, 2022!

themes/kairoscope-theme/layout/index.ejs

@@ -27,19 +27,23 @@
         </div>
         <div class="row">
             <% var pages = order_pages(site.posts); %>
+            <% var count = 0 %>
             <% pages.forEach(content => { %>
                 <% if(content.content_type == "post") { %>
-                    <div class="col-12 col-sm-4" style="margin-bottom: 20px;">
-                        <div class="card card-dark hoverable">
-                            <div class="card-body">
-                                <h5 class="card-title">
-                                    <a href="<%- content.path %>"><%- content.title %></a>
-                                </h5>
-                                <p class="card-text"><%- content.description %></p>
+                    <% count += 1 %>
+                    <% if(count <= 3) { %>
+                        <div class="col-12 col-sm-4" style="margin-bottom: 20px;">
+                            <div class="card card-dark hoverable">
+                                <div class="card-body">
+                                    <h5 class="card-title">
+                                        <a href="<%- content.path %>"><%- content.title %></a>
+                                    </h5>
+                                    <p class="card-text"><%- content.description %></p>
+                                </div>
+                                <p class="card-date"><small><%- date(content.date, 'M/D/YYYY') %></small></p>
                             </div>
-                            <p class="card-date"><small><%- date(content.date, 'M/D/YYYY') %></small></p>
                         </div>
-                    </div>
+                    <% } %>
                 <% } %>
             <% }); %>
         </div>