Added Grid miner game data and media

readme.md

@@ -23,19 +23,19 @@ hexo deploy
 
 - [x] Presskit page
 
-- [ ] Grid Miner content
+- [x] Grid Miner content
   
-  - [ ] Hero image
+  - [x] Hero image
   
-  - [ ] Logo
+  - [x] Logo
   
-  - [ ] Cover
+  - [x] Cover
   
-  - [ ] Screenshots
+  - [x] Screenshots
   
-  - [ ] Short description
+  - [x] Short description
   
-  - [ ] Long description
+  - [x] Long description
 
 - [ ] Newsletter form better visuals
 
@@ -63,4 +63,6 @@ hexo deploy
   
   - [ ] Contact message functions
 
-- [ ] Test all Links
+- [ ] Test all Links
+
+- [ ] Add media to presskit (logo, hero, thumbnail, icon, developer and publisher logos)

source/_posts/games/grid-miner.md

@@ -3,18 +3,47 @@ title: Grid Miner
 id: grid-miner
 content_type: game
 layout: game
-description: This is the grid miner description.
+description: Grid Miner is a real time strategy puzzle game where you mine asteroids to gather resources and expand you space station. Unlock new tools and utilities as you progress thru levels. Maintain your quotas and learn more about your employer, "Hypergo Industries", and it's employees.
 developer: Kairoscope
+developer_url: http://kairoscope.net
 publisher: Kairoscope
+publisher_url: http://kairoscope.net
 genre: Strategy, puzzle
-tags: Strategy, Puzzle, RTS, Casual, Top-Down Isometric, Singleplayer, Space, Sci-fi
 platforms: Windows PC and Mac
+released: false
 release: November 20th 2021
 game_modes: Singleplayer campaign
 email: kairoscope.games[at]gmail.com
 twitter_dev: kairoscope
+library_hero: /games/grid-miner/library-hero.png
+library_logo: /games/grid-miner/library-logo.png
+screenshots:
+- /games/grid-miner/screenshots/grid-miner-screenshot-001.png
+- /games/grid-miner/screenshots/grid-miner-screenshot-003.png
+- /games/grid-miner/screenshots/grid-miner-screenshot-004.png
+- /games/grid-miner/screenshots/grid-miner-screenshot-005.png
+- /games/grid-miner/screenshots/grid-miner-screenshot-006.png
+- /games/grid-miner/screenshots/grid-miner-screenshot-007.png
+- /games/grid-miner/screenshots/grid-miner-screenshot-008.png
+tags: 
+- Strategy 
+- Puzzle 
+- RTS
+- Casual
+- Top-Down
+- Isometric
+- Singleplayer
+- Space
+- Sci-fi
+
 ---
 
-# Grid Miner
+## Features
 
-This is the grid miner description.
+- 18 unique buildings like tubes, power plants, asteroid crushers and tractor beams
+- 8 levels to test your skills
+- Rich backstory about "Hypergo Industries" and it employees
+- Unlock rewards as you progress thru levels
+- Relaxing original soundtrack
+- Random map generator (roadmap)
+- 3 different color pallets (roadmap)

source/_posts/games/max-raider.md

@@ -5,10 +5,13 @@ content_type: game
 layout: game
 description: Max Raider is a top-down 3D action shooter where you fight waves of enemies on procedurally generated arenas. Rest and prepare for the next series of waves by buying a variety of weapons and items from your allies. Protect the Bunker, your only hope for a home.
 developer: Kairoscope
+developer_url: http://kairoscope.net
 publisher: Kairoscope
+publisher_url: http://kairoscope.net
 genre: Action, Indie
 tags: Twin Stick Shooter, Post-apocalyptic, Arena Shooter, Top-Down,Isometric, Arcade, Shooter, Top-Down Shooter, Perma Death, Procedural Generation, Combat, Third Person, 3D, Singleplayer, Stylized, Military, Robots, Sci-fi, Inventory Management
 platforms: Windows PC and Mac
+released: true
 release: December 15th 2020
 game_modes: Arena Deathmatch
 email: kairoscope.games[at]gmail.com

source/games/grid-miner/presskit/index.md

@@ -1,10 +1,23 @@
 ---
 title: Grid Miner Presskit
-id: grid-miner
-content_type: game
+id: grid-miner-preskit
+target_id: grid-miner
+content_type: presskit
 layout: presskit
 ---
 
 ## About This Game
 
-Nothing here yet...
+Grid Miner is a real time strategy puzzle game where you mine asteroids to gather resources and expand you space station. Unlock new tools and utilities as you progress thru levels. Maintain your quotas and learn more about your employer, "Hypergo Industries", and it's employees.
+
+- 18 unique buildings like tubes, power plants, asteroid crushers and tractor beams
+- 8 levels to test your skills
+- Rich backstory about "Hypergo Industries" and it employees
+- Unlock rewards as you progress thru levels
+- Relaxing original soundtrack
+- Random map generator (roadmap)
+- 3 different color pallets (roadmap)
+
+## About The Team
+
+Kairoscope Games is a one-person studio located near São Paulo, Brazil. Before working on games, James worked with video production and editing. He has been studying game design and making prototypes for the last 10 years. Max Raider is Kairoscope's first comercial game.

source/games/max-raider/presskit/index.md

@@ -1,29 +1,9 @@
 ---
 title: Max Raider
-id: max-raider
-content_type: game
+id: max-raider-presskit
+target_id: max-raider
+content_type: presskit
 layout: presskit
-description: Max Raider is a top-down 3D action shooter where you fight waves of enemies on procedurally generated arenas. Rest and prepare for the next series of waves by buying a variety of weapons and items from your allies. Protect the Bunker, your only hope for a home.
-developer: Kairoscope
-developer_url: http://kairoscope.net
-publisher: Kairoscope
-publisher_url: http://kairoscope.net
-genre: Action, Indie
-tags: Twin Stick Shooter, Post-apocalyptic, Arena Shooter, Top-Down,Isometric, Arcade, Shooter, Top-Down Shooter, Perma Death, Procedural Generation, Combat, Third Person, 3D, Singleplayer, Stylized, Military, Robots, Sci-fi, Inventory Management
-platforms: Windows PC and Mac
-release: December 15th 2020
-game_modes: Arena Deathmatch
-email: kairoscope.games[at]gmail.com
-twitter_dev: kairoscope
-trailer: https://www.youtube.com/embed/p6RHwO6mFlU
-screenshots:
-- /games/max-raider/screenshots/max-raider-screenshot-001.png
-- /games/max-raider/screenshots/max-raider-screenshot-003.png
-- /games/max-raider/screenshots/max-raider-screenshot-004.png
-- /games/max-raider/screenshots/max-raider-screenshot-006.png
-- /games/max-raider/screenshots/max-raider-screenshot-007.png
-- /games/max-raider/screenshots/max-raider-screenshot-011.png
-- /games/max-raider/screenshots/max-raider-screenshot-012.png
 ---
 
 ## About This Game

themes/kairoscope-theme/layout/_partial/links.ejs

@@ -5,7 +5,7 @@
         </div>
     </div>
     <div class="row">
-        <div class="col-12">
+        <div class="col-12 center-list">
             <ul>
                 <li><a href="" class="display-4 social-link"><i class="fab fa-steam"></i></a></li>
                 <li><a href="" class="display-4 social-link"><i class="fab fa-discord"></i></a></li>

themes/kairoscope-theme/layout/presskit.ejs

@@ -1,9 +1,11 @@
+<% var content = get_page(site.posts, page.target_id) %>
+
 <main role="main" class="presskit">
     <section class="py-5 text-center container">
         <div class="row py-lg-5">
             <div class="col-10 mx-auto">
-                <h1><%- page.title %> <small class="fw-light">Presskit</small></h1>
-                <p class="lead text-muted"><%- page.description %></p>
+                <h1><%- content.title %> <small class="fw-light">Presskit</small></h1>
+                <p class="lead text-muted"><%- content.description %></p>
                 <a class="btn-steam" href="https://store.steampowered.com/app/1481070/Max_Raider/">
                 <!-- <img src="images/button-steam.png"> -->
                 </a>
@@ -11,61 +13,70 @@
         </div>
     </section>
 
-    <% if(page.trailer != undefined) { %>
+    <% if(content.trailer != undefined) { %>
         <div class="album py-5 bg-light">
             <div class="container container-large">
                 <div class="row justify-content-center">
                 <div class="col-lg-10" style="text-align: center;">
                     <div class="ratio ratio-16x9">
-                    <iframe class="video-player" src="<%- page.trailer %>" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                    <iframe class="video-player" src="<%- content.trailer %>" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                     </div>
                 </div>
                 </div>
             </div>
         </div>
     <% } %>
-    <% if(page.developer != undefined) { %>
-        <div class="container">
+    <% if(content.developer != undefined) { %>
+        <div class="container" style="margin-top: 80px;">
             <div class="row justify-content-center">
             <div class="col-lg-10">
                 <dl class="row">
                     <h2 class="text-center space-bottom">Fact Sheet</h2>
-                    <% if(page.developer != undefined && page.developer_url != undefined) { %>
+                    <% if(content.developer != undefined && content.developer_url != undefined) { %>
                         <dt class="col-sm-3">Developer</dt>
-                        <dd class="col-sm-9"><a href="<%- page.developer_url %>"><%- page.developer %></a></dd>
+                        <dd class="col-sm-9"><a href="<%- content.developer_url %>"><%- content.developer %></a></dd>
                         <% } %>
-                    <% if(page.publisher != undefined && page.publisher_url != undefined) { %>
+                    <% if(content.publisher != undefined && content.publisher_url != undefined) { %>
                         <dt class="col-sm-3">Publisher</dt>
-                        <dd class="col-sm-9"><a href="<%- page.publisher_url %>"><%- page.publisher %></a></dd>
+                        <dd class="col-sm-9"><a href="<%- content.publisher_url %>"><%- content.publisher %></a></dd>
                     <% } %>
-                    <% if(page.genre != undefined) { %>
+                    <% if(content.genre != undefined) { %>
                         <dt class="col-sm-3">Genre</dt>
-                        <dd class="col-sm-9"><%- page.genre %></dd>
+                        <dd class="col-sm-9"><%- content.genre %></dd>
                     <% } %>
-                    <% if(page.tags != undefined) { %>
+                    <% if(content.tags != undefined) { %>
                         <dt class="col-sm-3">Tags</dt>
-                        <dd class="col-sm-9"><p><%- page.tags %></p></dd>
+                        <dd class="col-sm-9">
+                            <%- list_tags(content.tags, {style: false, separator: ', ', show_count: false}) %>
+                        </dd>
+                         %>
                     <% } %>
-                    <% if(page.platforms != undefined) { %>
+                    <% if(content.platforms != undefined) { %>
                         <dt class="col-sm-3">Platforms</dt>
-                        <dd class="col-sm-9"><%- page.platforms %></dd>
+                        <dd class="col-sm-9"><%- content.platforms %></dd>
                     <% } %>
-                    <% if(page.released != undefined) { %>
-                        <dt class="col-sm-3">Release</dt>
-                        <dd class="col-sm-9"><%- page.released %></dd>
+                    <% if(content.release != undefined && content.released != undefined) { %>
+                        <dt class="col-sm-3">
+                            <% if(content.released) { %>
+                                Released
+                            <% } else { %>
+                                Release date
+                            <% } %>
+                        </dt>
+                        <dd class="col-sm-9"><%- content.release %></dd>
                     <% } %>
-                    <% if(page.game_modes != undefined) { %>
+                    <% if(content.game_modes != undefined) { %>
                         <dt class="col-sm-3">Game Modes</dt>
-                        <dd class="col-sm-9"><%- page.game_modes %></dd>
+                        <dd class="col-sm-9"><%- content.game_modes %></dd>
                     <% } %>
-                    <% if(page.email != undefined) { %>
+                    <% if(content.email != undefined) { %>
                         <dt class="col-sm-3">Email</dt>
-                        <dd class="col-sm-9"><%- page.email %></dd>
+                        <dd class="col-sm-9"><%- content.email %></dd>
                     <% } %>
-                    <% if(page.twitter_dev != undefined) { %>
+                    <% if(content.twitter_dev != undefined) { %>
                         <dt class="col-sm-3">Twitter (dev): </dt>
                         <dd class="col-sm-9">
-                            <a href="http://twitter.com/<%- page.twitter_dev %>">@<%- page.twitter_dev %></a>
+                            <a href="http://twitter.com/<%- content.twitter_dev %>">@<%- content.twitter_dev %></a>
                         </dd>
                     <% } %>
                 </dl>
@@ -83,7 +94,7 @@
         </div>
     </section>
 
-    <% if(page.screenshots != undefined) { %>
+    <% if(content.screenshots != undefined) { %>
         <div class="album py-3 bg-light">
             <div class="container-fluid content">
                 <div class="row">
@@ -92,12 +103,12 @@
                     </div>
                 </div>
                 <div class="row py-5 row-cols-1 row-cols-sm-2 row-cols-md-3 g-3 space-bottom">
-                    <% var screenshot_count = (Math.round(page.screenshots.length/3)*3) %>
+                    <% var screenshot_count = (Math.round(content.screenshots.length/3)*3) %>
                     <% for(var i = 0; i < screenshot_count; i++) { %>
                         <div class="col">
                             <div class="card shadow-sm">
-                                <a href="<%- page.screenshots[i] %>" target="_BLANK">
-                                <img src="<%- page.screenshots[i] %>" class="img-fluid">
+                                <a href="<%- content.screenshots[i] %>" target="_BLANK">
+                                <img src="<%- content.screenshots[i] %>" class="img-fluid">
                                 </a>
                             </div>
                         </div>

themes/kairoscope-theme/scripts/helpers.js

@@ -7,4 +7,16 @@ hexo.extend.helper.register('order_pages', function(pages){
         return new Date(b.date) - new Date(a.date);
     });
     return page_list;
+});
+
+hexo.extend.helper.register('get_page', function(pages, id){
+    var result = undefined;
+    pages.forEach(page => {
+        if(page.id != undefined){
+            if(page.id == id) {
+                result = page;
+            }
+        }
+    });
+    return result;
 });

themes/kairoscope-theme/source/css/style.styl

@@ -113,6 +113,13 @@ a:hover { color: text_color; }
     font-weight: 200;
 }
 
+.post-content ul, .center-list ul {
+    text-align: center;
+    padding-left: 0px;
+    margin-left: 0px;
+}
+
+
 .presskit h2 {
     text-align: center;
     //text-transform: uppercase;
@@ -159,12 +166,6 @@ a:hover { color: text_color; }
   object-fit: cover;
 }
 
-ul {
-text-align: center;
-  padding-left: 0px;
-  margin-left: 0px;
-}
-
 li {
   display: inline-block;
   padding-bottom: 12px;
@@ -197,4 +198,8 @@ li {
     left: 0;
     width: 100%;
     height: 100%;
+}
+
+.tag-list {
+    padding-left: 0px;
 }