Altered game posts to include 'game' tag and altered games page layout

_includes/gamebox.html

@@ -0,0 +1,29 @@
+<!-- begin post -->
+{% assign author = site.authors[post.author] %}
+<div class="card">
+    <a href="{{ post.url | absolute_url }}">
+        {% if post.image %} <img class="rounded mb-4" src="{{ post.image }}" alt="{{ post.title }}"> {% endif %}
+    </a>
+    <div class="card-block">
+        <h2 class="card-title h4 serif-font"><a href="{{ post.url | absolute_url }}">{{ post.title }}</a></h2>
+        <p class="card-text text-muted">{{ post.excerpt | strip_html | truncatewords:15 }}</p>
+        <div class="metafooter">
+            <div class="post-tag-box text-center">
+                {% for tag in post.categories %}
+                    {% if tag != "game" %}
+                    <span class="post-tag"> {{tag}} </span>
+                    {% endif %}
+
+                {% endfor %}
+            </div>
+            <div class="wrapfooter small d-flex align-items-center">
+                <span class="author-meta">
+                Developed By <b><span class="post-name"> {% if post.creator %}{{ post.creator }}{% else %}{{ "Hello" }}{% endif %}, </span>   </b>          
+                on <span class="post-date">{{ post.date | date_to_string }}</span>
+                </span>               
+                <div class="clearfix"></div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- end post -->

_includes/postbox.html

@@ -10,7 +10,7 @@
         <div class="metafooter">
             <div class="wrapfooter small d-flex align-items-center">
                 <span class="author-meta">
-                By  <span class="post-name"> {% if post.author %}{{ author.display_name }}{% else %}{{ site.author }}{% endif %}, </span>             
+                By  <span class="post-name"> {% if post.creator %}{{ post.creator }}{% else %}{{ "Hello" }}{% endif %}, </span>             
                 on <span class="post-date">{{ post.date | date_to_string }}</span>
                 </span>               
                 <div class="clearfix"></div>

_layouts/gameslist.html

@@ -16,7 +16,7 @@ layout: default
 {% if post.title != null %}
 {% if group == null or group == post.group %}
 <div class="col-md-4 mb-5">
-{% include postbox.html %}
+{% include gamebox.html %}
 </div>
 {% endif %}
 {% endif %}

_posts/games/2023-10-21-munam-k.md

@@ -0,0 +1,47 @@
+---
+layout: post
+title:  "Game | Codey Chef"
+categories: [ ninja, "2023", game ]
+creator: "Munam K"
+gamelink: "https://codeninjaslangley.co.uk/game-codey-chef/"
+image: "https://showcase.codeninjaslangley.co.uk/assets/images/games/munam-codey-chef-thumb.png"
+
+
+![Alt text](image.png)
+---
+_Game Created by {{page.creator}}_
+
+## Code Ninjas
+IMPACT is the beating heart of the Dojo is the soul of Code Ninjas.
+It is our proprietary learning platform designed to give our Ninjas the best learning environment possible. 
+It does so much more than just teach your child to code - it helps develop key skills such as problem-solving, critical thinking, and logical reasoning skills.
+
+### Journey to Black Belt
+On the road to Black Belt, your child will develop their original video game using Unity, a platform that professional video games are developed on!
+**Unity Game Engine** is a popular Game development platform that powers famous gaming titles like Pokemon Go, Among Us, Genshin Impact!
+
+### Creator:
+{{page.creator}} created this game as part of the Brown Belt!
+
+<div class="card"> 
+    <img class="card-img-top makecode-preview" src= "{{page.image}}"> 
+    <div class="card-img-overlay card-inverse text-center mx-auto" text-center> 
+        <h4 class="text-stroke text-white">  
+            {{page.creator}}'s Game
+        </h4> 
+        <div class="card-body text-center mx-auto"> 
+            <button onclick="window.open('{{page.gamelink}}')" class="makecode-btn">
+                <i class="fa fa-play mr-2"></i>
+                Play the Game
+            </button>
+        </div> 
+    </div> 
+</div> 
+
+[Click Here if the above game link doesn't work]({{page.gamelink}})
+
+### About
+During IMPACT, your child will learn a variety of coding concepts - and earn "Achievements" to show off their progress!
+Ninjas will earn hundreds of individual Achievements throughout their coding journey!
+
+[Click here to learn more and book a free Taster!](https://www.codeninjas.co.uk/langley-brk-uk/)

_posts/games/2023-12-14-ekam-k.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title:  "Game | Ho Ho Ho!"
-categories: [ christmas, "2023" ]
+categories: [ christmas, "2023", game  ]
 creator: "Ekam K"
 gamelink: "https://arcade.makecode.com/61128-01953-82826-13919"
 image: "https://pxt.azureedge.net/api/61128-01953-82826-13919/thumb"

_posts/games/2023-12-14-shreesha-a.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title:  "Game | Donut Game!"
-categories: [ impact, "2023" ]
+categories: [impact, "2023", game ]
 creator: "Shreesha A"
 gamelink: "https://arcade.makecode.com/76052-93614-05533-33156"
 image: "https://pxt.azureedge.net/api/76052-93614-05533-33156/thumb"

_posts/games/2023-12-16-jaya-s.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title:  "Game | Santa's Missing Presents"
-categories: [ christmas, "2023" ]
+categories: [ christmas, "2023", game ]
 creator: "Jaya S"
 gamelink: "https://arcade.makecode.com/64583-25605-02094-72349"
 image: "https://pxt.azureedge.net/api/64583-25605-02094-72349/thumb"

_posts/games/2023-12-21-aaron-d.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title:  "Game | Super Duper Shapes!"
-categories: [ ninja, "2023" ]
+categories: [ ninja, "2023", game ]
 creator: "Aaron D"
 gamelink: "https://codeninjaslangley.co.uk/game-super-duper-shapes/"
 image: "https://showcase.codeninjaslangley.co.uk/assets/images/games/aaron-super-duper-shapes-thumb.png"

_posts/games/2023-12-21-jaya-s.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title:  "Game | Get the Treasure!"
-categories: [ impact, "2023" ]
+categories: [ impact, "2023", game ]
 creator: "Jaya S"
 gamelink: "https://arcade.makecode.com/48047-89726-17503-40626"
 image: "https://pxt.azureedge.net/api/48047-89726-17503-40626/thumb"

_posts/games/2023-12-21-rohan-d.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title:  "Game | Food Frenzy!"
-categories: [ ninja, "2023" ]
+categories: [ ninja, "2023", game ]
 creator: "Rohan D"
 gamelink: "https://codeninjaslangley.co.uk/game-food-frenzy/"
 image: "https://showcase.codeninjaslangley.co.uk/assets/images/games/rohan-food-frenzy-thumb.png"

_posts/games/2023-12-23-vayikra-s.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title:  "Game | An Adventure of Food"
-categories: [ impact, "2023" ]
+categories: [ impact, "2023", game ]
 creator: "Vayikra S"
 gamelink: "https://arcade.makecode.com/96526-02420-88770-69556"
 image: "https://pxt.azureedge.net/api/96526-02420-88770-69556/thumb"

assets/css/custom.css

@@ -34,4 +34,16 @@ Just customize your theme here.
 .makecode-preview{
     filter: blur(3px) opacity(0.3);
 
+}
+
+.post-tag-box{
+    margin-bottom: 10px;
+}
+
+.post-tag {
+    background: rgb(231, 231, 231);
+    margin-right: 5px;
+    padding: 5px 10px;
+    border-radius: 5px;
+    font-variant-caps: all-small-caps;
 }