Adding arcade

layouts/games/summary.html

@@ -1,27 +1,27 @@
 <div class="game-summary">
-  {{ if .Params.thumbnail }}
-    <div class="game-thumbnail">
-      <img src="{{ .Params.thumbnail }}" alt="{{ .Title }}" loading="lazy">
+  {{ if .Params.released }}
+  <a href="{{ .RelPermalink }}" class="game-link">
+  {{ end }}
+    {{ if .Params.logo }}
+    <div
+      class="game-logo"
+      style="-webkit-mask-image: url('{{ .RelPermalink }}{{ .Params.logo }}'); mask-image: url('{{ .RelPermalink }}{{ .Params.logo }}');"
+    >
+      <img
+        src="{{ .RelPermalink }}{{ .Params.logo }}"
+        alt="{{ .Title }}"
+        loading="lazy"
+      />
     </div>
-  {{ else }}
-    <div class="game-thumbnail game-thumbnail-placeholder">
+    {{ else }}
+    <div class="game-logo game-logo-placeholder">
       <div class="placeholder-icon">🎮</div>
     </div>
+    {{ end }}
+    {{ if not .Params.released }}
+    <div class="coming-soon-label">COMING SOON</div>
+    {{ end }}
+  {{ if .Params.released }}
+  </a>
   {{ end }}
-
-  <div class="game-info">
-    <h3 class="game-title">
-      <a href="{{ .Permalink }}">{{ .Title }}</a>
-    </h3>
-
-    {{ if .Params.description }}
-      <p class="game-description">{{ .Params.description }}</p>
-    {{ end }}
-
-    {{ if .Params.genre }}
-      <div class="game-meta">
-        <span class="game-genre">{{ .Params.genre }}</span>
-      </div>
-    {{ end }}
-  </div>
 </div>