https://herrerogames.com/assets/index.page-Dh5FiWUn.js

1import{i as d,ɵ as f,a as h,b as u,c as x,N as b,d as a,e as l,f as i,g as C,h as r,j as y,k as p,l as s,m as S,n as m,o as c}from"./index-5nEyLmTD.js";const w=(e,n)=>n.attributes.slug;function v(e,n){e&1&&(a(0,"span",3),S(1,"In development"),i())}function k(e,n){if(e&1&&(a(0,"a",4),l(1,"img",8),i()),e&2){const t=m().$implicit;p("href",t.attributes.switchUrl,c)}}function F(e,n){if(e&1&&(a(0,"a",5),l(1,"img",9),i()),e&2){const t=m().$implicit;p("href",t.attributes.steamUrl,c)}}function U(e,n){if(e&1&&(a(0,"a",6),l(1,"img",10),i()),e&2){const t=m().$implicit;p("href",t.attributes.googlePlayUrl,c)}}function P(e,n){if(e&1&&(a(0,"a",7),l(1,"img",11),i()),e&2){const t=m().$implicit;p("href",t.attributes.appStoreUrl,c)}}function T(e,n){if(e&1&&(a(0,"article")(1,"div",0),l(2,"img",1),i(),a(3,"div",2),C(4,v,2,0,"span",3)(5,k,2,1,"a",4)(6,F,2,1,"a",5)(7,U,2,1,"a",6)(8,P,2,1,"a",7),i()()),e&2){const t=n.$implicit;r(2),y("alt",t.attributes.title),p("ngSrc",t.attributes.coverImage),r(2),s(t.attributes.wip?4:-1),r(),s(t.attributes.switchUrl?5:-1),r(),s(t.attributes.steamUrl?6:-1),r(),s(t.attributes.googlePlayUrl?7:-1),r(),s(t.attributes.appStoreUrl?8:-1)}}const o=class o{constructor(){this.games=d().sort((n,t)=>t.attributes.order-n.attributes.order)}};o.ɵfac=function(t){return new(t||o)},o.ɵcmp=f({type:o,selectors:[["app-home"]],standalone:!0,features:[h],decls:2,vars:0,consts:[[1,"img-container"],["width","800","height","450","priority","",3,"alt","ngSrc"],[1,"platforms"],[1,"text-gray-600"],["target","_blank","title","Nintendo Switch","rel","noreferrer",3,"href"],["target","_blank","title","Steam","rel","noreferrer",3,"href"],["target","_blank","title","Google Play","rel","noreferrer",3,"href"],["target","_blank","title","App Store","rel","noreferrer",3,"href"],["alt","Switch link","ngSrc","imgs/icon_switch.svg","width","90","height","90"],["alt","Steam link","ngSrc","imgs/icon_steam.svg","width","90","height","90"],["alt","Google Play link","ngSrc","imgs/icon_google_play.png","width","152","height","90"],["alt","App Storelink","ngSrc","imgs/app_store.svg","width","120","height","90"]],template:function(t,g){t&1&&u(0,T,9,7,"article",null,w),t&2&&x(g.games)},dependencies:[b],styles:[`[_nghost-%COMP%] {
2            padding-top: 56px;
3            display: grid;
4            justify-content: center;
5            gap: 18px;
6            grid-template-columns: repeat(2, minmax(30%, 560px));
7        }
8
9        @media screen and (max-width: 1024px) {
10            [_nghost-%COMP%] {
11                padding-top: 0;
12                grid-template-columns: repeat(1, minmax(80%, 500px));
13            }
14        }
15
16        .platforms[_ngcontent-%COMP%] {
17            height: 64px;
18            padding: 8px;
19            display: flex;
20            justify-content: center;
21            align-items: center;
22            gap: 6px;
23
24            img {
25                transition: transform 0.25s ease;
26
27                &:hover {
28                    transform: scale3d(1.2, 1.2, 1.2);
29                }
30            }
31        }
32
33        article[_ngcontent-%COMP%] {
34            background-color: #f1f1f1;
35            border-radius: .25em;
36            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .15);
37
38            .img-container {
39                overflow: hidden;
40
41                img {
42                    transition: transform 0.3s;
43
44                    &:hover {
45                        transform: scale3d(1.025, 1.025, 1.025);
46                    }
47                }
48            }
49
50
51        }`]});let _=o;export{_ as default};