Fixed a routing issue

_data/menus.yml

@@ -4,6 +4,9 @@ topmenu:
 - title: Home
   url: ""
 
+- title: Games
+  url: "games/"
+
 - title: Join Us
   url: "https://codeninjaslangley.co.uk"
   external: true

_includes/gamecard.html

@@ -0,0 +1,14 @@
+<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 card-header">  
+            {{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> 

_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.creator %}{{ post.creator }}{% else %}{{ "Hello" }}{% endif %}, </span>             
+                    By <span class="post-name"> {% if post.author %}{{ author.display_name }}{% else %}{{ site.author }}{% endif %}, </span>             
                 on <span class="post-date">{{ post.date | date_to_string }}</span>
                 </span>               
                 <div class="clearfix"></div>

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

@@ -7,7 +7,6 @@ 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}}_
 
@@ -23,20 +22,7 @@ On the road to Black Belt, your child will develop their original video game usi
 ### 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> 
+{% include gamecard.html %}
 
 [Click Here if the above game link doesn't work]({{page.gamelink}})
 

assets/css/custom.css

@@ -8,19 +8,32 @@ Just customize your theme here.
 }
 
 .makecode-btn{
-    background: #028b9b;
+    background: #04aabd;
     transition: 0.2s ease;
-    padding: 15px 20px;
+    padding: 10px 10px;
     font-family:Arial, Helvetica, sans-serif !important;
     color: white;
     border: none;
     outline: none;
     font-weight: 600;
-    border-radius: 20px;
+    border-radius: 10px;
+    cursor: pointer;
+}
+
+.makecode-btn::selection{
+    outline: none;
+}
+
+.card-header{
+    margin-top: 0px !important;
+    background: none;
+    text-shadow: 1px 1px black;
+    outline: none;
+    border: none;
 }
 
 .makecode-btn > i{
-    font-size: 80px;
+    font-size: 40px;
     width: 100%;
     cursor: pointer;
 }
@@ -33,7 +46,7 @@ Just customize your theme here.
 
 .makecode-preview{
     filter: blur(3px) opacity(0.3);
-
+    cursor: pointer;
 }
 
 .post-tag-box{