Added kairoscope presskit and presskit list page

readme.md

@@ -88,17 +88,19 @@ hexo deploy
 
 - [x] Track *Contact Message Sent*, *Contact Message Invalid* and *Contact Message Error*
 
-- [ ] Presskits page
+- [x] Presskits page
 
 - [ ] Grid Miner alternative Newsletter Signup with reward (Mini Crusher card)
 
 - [ ] Newsletter signup page  (*kairoscope and Grid Miner*)
   *Each newsletter page signups to a different list*
 
-- [ ] feedback message ``sent_from`` field (sent from website or a game?)
+- [ ] feedback message and newsletter signup ``origin`` field (sent from website or a game?)
 
 - [ ] Blog post thumbnails
 
 - [ ] About the team section
 
+- [x] Kairoscope presskit
+
 - [ ] Deploy

source/presskits/company/index.md

@@ -0,0 +1,54 @@
+---
+title: Kairoscope
+layout: presskit
+content_type: presskit
+description: A two person independent game studio from São Paulo, Brazil. 
+                Kairoscope officially started in 2020 by cousins 
+                <a href="http://jamesperet.com">James Peret</a> 
+                and 
+                <a href="">Ben Peret</a>. 
+                Since then they have released one game and are hard working to finish the second.
+media:
+  logo:
+    name: Kairoscope Logo
+    description: The standard high resolution logo for Kairoscope. To be used in a light background.
+    media_type: image
+    file_size: 7 KB
+    image_size: 932x205
+    path: /presskits/company/kairoscope_logo.png
+  inverse_logo:
+    name: Kairoscope Logo White
+    description: The inversed color high resolution logo for Kairoscope. To be used in a dark background.
+    media_type: image
+    file_size: 6 KB
+    image_size: 932x205
+    path: /presskits/company/kairoscope_logo_white.png
+  logo_icon:
+    name: Kairoscope Logo Icon
+    description: A small version of the kairoscope logo, to be used as thumbnails or avatars.
+    media_type: image
+    file_size: 4 KB
+    image_size: 300x300
+    path: /presskits/company/kairoscope_logo_icon.png
+  logo_icon_inverse:
+    name: Kairoscope Logo Icon Inversed
+    description: A small version of the kairoscope logo with inversed colors and a background, to be used as thumbnails or avatars.
+    media_type: image
+    file_size: 4 KB
+    image_size: 300x300
+    path: /presskits/company/kairoscope_logo_icon_inverse.png
+  logo_ai:
+    name: Kairoscope Logo AI
+    description: The kairoscope logo as a vector in an Adobe Illustrator file.
+    media_type: ai
+    file_size: 198 KB
+    preview_path: /presskits/company/kairoscope_logo_2018_preview.png
+    path: /presskits/company/kairoscope_logo_2018.ai
+  logo_icon_ai:
+    name: Kairoscope Logo Icon AI
+    description: The kairoscope icon logo as a vector in an Adobe Illustrator file.
+    media_type: ai
+    file_size: 172 KB
+    preview_path: /presskits/company/kairoscope_logo_icon.png
+    path: /presskits/company/kairoscope_logo_icon_2015.ai
+---

themes/kairoscope-theme/layout/presskit.ejs

@@ -1,4 +1,5 @@
 <% var content = get_page(site.posts, page.target_id) %>
+<% if (content == undefined) content = page; %>
 
 <main role="main" class="presskit">
     <section class="py-5 text-center container">
@@ -95,27 +96,29 @@
     </section>
 
     <% if(content.media != undefined) { %>
-        <div class="album py-3 bg-light" style="margin-bottom: 80px;">
-            <div class="container-fluid content">
-                <div class="row">
-                    <div class="col-12">
-                        <h2>Screenshots</h2>
+        <% if(content.media.screenshots != undefined) { %>
+            <div class="album py-3 bg-light" style="margin-bottom: 80px;">
+                <div class="container-fluid content">
+                    <div class="row">
+                        <div class="col-12">
+                            <h2>Screenshots</h2>
+                        </div>
                     </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(content.media.screenshots.list.length/3)*3) %>
-                    <% for(var i = 0; i < screenshot_count; i++) { %>
-                        <div class="col">
-                            <div class="card shadow-sm">
-                                <a href="<%- content.media.screenshots.list[i] %>" target="_BLANK">
-                                <img src="<%- content.media.screenshots.list[i] %>" class="img-fluid">
-                                </a>
+                    <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(content.media.screenshots.list.length/3)*3) %>
+                        <% for(var i = 0; i < screenshot_count; i++) { %>
+                            <div class="col">
+                                <div class="card shadow-sm">
+                                    <a href="<%- content.media.screenshots.list[i] %>" target="_BLANK">
+                                    <img src="<%- content.media.screenshots.list[i] %>" class="img-fluid">
+                                    </a>
+                                </div>
                             </div>
-                        </div>
-                    <% }; %>   
+                        <% }; %>   
+                    </div>
                 </div>
             </div>
-        </div>
+        <% } %>
     <% } %>
 
     <section class="container" style="margin-bottom: 80px;">
@@ -129,7 +132,7 @@
                 <% var media = content.media[key]; %>
                 <% if(media.hide_media == undefined || media.hide_media == false) { %>
                     <% var c = 'col-md-8'; %>
-                    <% if (media.media_type != 'image') c = 'col-md-12' %>
+                    <% if (media.media_type != 'image' && media.media_type != 'ai') c = 'col-md-12' %>
                     <div class="card mb-3 col-12">
                         <div class="row g-0">
                             <div class="<%- c %>">
@@ -144,7 +147,10 @@
                                         <%- media.description %>
                                     </p>
                                     <p class="card-text" >
-                                        <small class="text-muted">
+                                        <span class="text-muted">
+                                            <i class="far fa-file-image"></i>
+                                        </span>
+                                        <small class="text-muted" style="padding-left: 10px;">
                                             <%- media.file_size %>
                                         </small>
                                         <% if(media.image_size != undefined)  { %>
@@ -155,11 +161,15 @@
                                     </p>
                                 </div>
                             </div>
-                            <% if(media.media_type == 'image') { %>
+                            <% if(media.media_type == 'image' || media.media_type == 'ai') { %>
                                 <div class="col-md-4 image-box">
                                     <a target="_BLANK" href="<%- media.path %>"
                                         v-on:click="mixpanelTrack('Media Download', { media_name: '<%- media.name %>', media_type: '<%- media.media_type %>', link : '<%- media.path %>', parent: '<%- page.title %>'})">
-                                        <img src="<%- media.path %>" class="img-fluid" alt="...">
+                                        <% if(media.preview_path == undefined) { %>
+                                            <img src="<%- media.path %>" class="img-fluid" alt="...">
+                                        <% } else { %>
+                                            <img src="<%- media.preview_path %>" class="img-fluid" alt="...">
+                                        <% } %> 
                                     </a>
                                 </div>
                             <% } %>

themes/kairoscope-theme/layout/presskits.ejs

@@ -6,6 +6,22 @@
                 <h2 class="group-header">Presskits</h2>
             </div>
         </div>
+        <div class="row post-content">
+            <div class="col-12">
+                <ul>
+                    <li><a href="/presskits/company" target="_BLANK">Company Presskit</a></li>
+                    <% site.pages.forEach(page => { %>
+                        <% if(page.content_type == 'presskit' && page.title != 'Kairoscope') { %>
+                            <li>
+                                <a href="/games/<%- page.target_id %>/presskit" target="_BLANK">
+                                    <%- page.title %>
+                                </a>
+                            </li>
+                        <% } %>
+                    <% }); %>
+                </ul>
+            </div>
+        </div>
         
     </div>
     <%- partial('_partial/links') %>