1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[13309,64046],{64046:function(e,n,a){a.r(n);var t=a(5544),r=a(45256),s=a(88094),i=a(55713),o=a(47894),l=a(78690),d=a(15678);n.default=function(){var e=(0,s.useState)(null),n=(0,t.A)(e,2),a=n[0],c=n[1],m=(0,s.useState)(!0),p=(0,t.A)(m,2),g=p[0],x=p[1];return(0,s.useEffect)((function(){r.Ay.util.Session.isLoggedIn()?r.Ay.api.Users.playedGames({limit:1}).then((function(e){c(e.data.data[0]||null),x(!1)})).catch((function(){return x(!1)})):x(!1)}),[]),g||!a?null:(0,d.jsxs)("section",{className:"continue-playing-banner container my-4",children:[(0,d.jsxs)("div",{className:"resume-card animate__animated animate__fadeIn",children:[(0,d.jsx)("div",{className:"resume-bg",style:{backgroundImage:"url(".concat(a.image_banner||a.image_main,")")}}),(0,d.jsxs)("div",{className:"resume-overlay",children:[(0,d.jsxs)("div",{className:"resume-content",children:[(0,d.jsxs)("div",{className:"d-flex align-items-center gap-3 mb-2",children:[(0,d.jsx)("div",{className:"live-tag",children:"RESUME SESSION"}),(0,d.jsxs)("span",{className:"last-played-time",children:[(0,d.jsx)(i.gc,{icon:o.Int,className:"me-1"}),"Last played ",new Date(a.last_played_at).toLocaleDateString()]})]}),(0,d.jsx)("h2",{className:"game-title",children:a.name}),(0,d.jsxs)("div",{className:"playtime-info",children:[(0,d.jsx)(i.gc,{icon:o.a$,className:"me-2"}),Math.floor(a.total_minutes_played/60),"h ",a.total_minutes_played%60,"m total playtime"]})]}),(0,d.jsx)("div",{className:"resume-action",children:(0,d.jsx)(l.default,{gameId:a.id,variant:"banner",showDetails:!1})})]})]}),(0,d.jsx)("style",{jsx:!0,children:"\n .resume-card { \n position: relative; \n height: 180px; \n border-radius: 24px; \n overflow: hidden; \n border: 1px solid rgba(255,255,255,0.1);\n transition: transform 0.3s;\n }\n .resume-card:hover { transform: scale(1.01); border-color: #0d6efd; }\n .resume-bg { position: absolute; inset: 0; background-size: cover; background-position: center; filter: blur(5px) brightness(0.4); }\n .resume-overlay { position: relative; z-index: 2; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 40px; }\n \n .live-tag { background: #0d6efd; color: #fff; font-size: 0.6rem; font-weight: 900; padding: 4px 12px; border-radius: 4px; letter-spacing: 1px; }\n .last-played-time { font-size: 0.75rem; color: rgba(255,255,255,0.5); font-weight: 600; }\n .game-title { font-size: 2rem; font-weight: 900; text-transform: uppercase; margin: 5px 0; }\n .playtime-info { font-size: 0.85rem; color: rgba(255,255,255,0.7); font-weight: 600; }\n\n @media (max-width: 768px) {\n .resume-overlay { padding: 20px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 16px; }\n .game-title { font-size: 1.4rem; }\n .resume-action { width: 100%; }\n }\n "})]})}},13309:function(e,n,a){a.r(n);var t=a(5544),r=a(45256),s=a(88094),i=a(43930),o=a(55713),l=a(47894),d=a(77432),c=a(74438),m=a(34176),p=a(64046),g=a(71399),x=a(64168),f=a(15599),u=a(53564),h=a(77103),b=a(15678);n.default=function(){var e=(0,s.useState)(null),n=(0,t.A)(e,2),a=n[0],y=n[1],j=(0,s.useState)(""),v=(0,t.A)(j,2),N=(v[0],v[1],(0,s.useState)([])),w=(0,t.A)(N,2),k=w[0],_=w[1];return(0,s.useEffect)((function(){r.Ay.util.Session.isLoggedIn()&&r.Ay.api.Users.me().then((function(e){return y(e.data.data)})).catch((function(){}))}),[]),(0,s.useEffect)((function(){r.Ay.api.Titles.list({is_live:1,is_nsfw:0,per_page:3,sort_by:"created_at"}).then((function(e){_(e.data.data)})).catch((function(){}))}),[]),(0,b.jsxs)("div",{className:"games-home-page",children:[(0,b.jsxs)(d.mg,{children:[(0,b.jsx)("title",{children:"Glitch | Instantly Play Games"}),(0,b.jsx)("meta",{name:"description",content:"Discover and play the best games instantly in your browser."})]}),(0,b.jsx)(m.default,{position:"relative"}),(0,b.jsx)("section",{className:"store-hero",children:(0,b.jsx)("div",{className:"container",children:(0,b.jsxs)("div",{className:"row align-items-center py-5",children:[(0,b.jsxs)("div",{className:"col-lg-7 text-center text-lg-start",children:[(0,b.jsxs)("div",{className:"hero-badge animate__animated animate__fadeInDown",children:[(0,b.jsx)(o.gc,{icon:l.KMJ,className:"me-2"})," No Downloads. No Waiting."]}),(0,b.jsxs)("h1",{className:"display-3 fw-900 text-white mb-4",children:["THE FUTURE OF ",(0,b.jsx)("br",{}),(0,b.jsx)("span",{children:"INSTANT PLAY"})]}),(0,b.jsx)("p",{className:"lead text-white-50 mb-5",children:"Access a growing library of premium indie titles directly in your browser. Powered by Aegis high-performance streaming."}),(0,b.jsxs)("div",{className:"d-flex flex-column flex-sm-row gap-3 justify-content-center justify-content-lg-start",children:[(0,b.jsxs)(i.N_,{to:h.default.gamesListPage(),className:"btn-store-primary",children:["Browse All Games ",(0,b.jsx)(o.gc,{icon:l.XkK,className:"ms-2"})]}),!(null!==a&&void 0!==a&&a.has_global_subscription)&&(0,b.jsxs)(i.N_,{to:h.default.gamesSubscribePage(),className:"btn-store-outline",children:[(0,b.jsx)(o.gc,{icon:l.zqi,className:"me-2 text-warning"})," Get Glitch Pass"]})]})]}),(0,b.jsx)("div",{className:"col-lg-5 d-none d-lg-block",children:(0,b.jsx)("div",{className:"hero-visual-stack",children:k.map((function(e,n){return(0,b.jsx)(i.N_,{to:h.default.gamesLandingPage(e.id),className:"floating-card card-".concat(n+1," shadow-2xl"),style:{backgroundImage:"url(".concat(e.image_main,")"),cursor:"pointer"},children:(0,b.jsx)("div",{className:"card-hover-overlay",children:(0,b.jsx)("span",{className:"small fw-bold",children:e.name})})},e.id)}))})})]})})}),(0,b.jsx)(p.default,{}),(0,b.jsx)("div",{className:"container my-5",children:(0,b.jsx)(g.default,{displayType:"horizontal",window:1,limit:6,title:"Live Right Now",description:"Join thousands of players currently in-game."})}),(0,b.jsx)("section",{className:"bg-dark-soft py-5 border-top border-bottom border-secondary border-opacity-10",children:(0,b.jsx)("div",{className:"container",children:(0,b.jsx)(x.default,{displayType:"carousel",limit:10,title:"Recommended For You",description:"Based on your playstyle and community trends."})})}),(0,b.jsx)("div",{className:"container my-5 pt-4",children:(0,b.jsx)(f.default,{type:"influencer",dis
1playType:"horizontal",limit:8,title:"Influencer Favorites",description:"The games your favorite creators are streaming this week."})}),(0,b.jsx)("div",{className:"container my-5",children:(0,b.jsx)(f.default,{type:"organic",displayType:"horizontal",limit:8,title:"Community Buzz",description:"Games going viral across social media organically."})}),(0,b.jsx)("div",{className:"container my-5 pb-5",children:(0,b.jsx)(u.default,{})}),(0,b.jsx)("section",{className:"browse-footer-cta py-5 text-center",children:(0,b.jsx)("div",{className:"container",children:(0,b.jsxs)("div",{className:"p-5 rounded-5 bg-glass border border-secondary border-opacity-20",children:[(0,b.jsx)(o.gc,{icon:l.Rbk,size:"3x",className:"text-primary mb-4"}),(0,b.jsx)("h2",{className:"text-white fw-900",children:"STILL LOOKING FOR MORE?"}),(0,b.jsx)("p",{className:"text-white-50 mb-4",children:"Explore our full catalog of 100+ indie titles across all genres."}),(0,b.jsx)(i.N_,{to:h.default.gamesListPage(),className:"btn-store-primary px-5",children:"View Full Catalog"})]})})}),(0,b.jsx)(c.default,{}),(0,b.jsx)("style",{jsx:!0,children:"\n .games-home-page { background: #06080f; min-height: 100vh; color: #fff; }\n \n .fw-900 { font-weight: 900; }\n \n /* Hero Section */\n .store-hero { \n background: radial-gradient(circle at top right, rgba(13, 110, 253, 0.15), transparent 50%),\n radial-gradient(circle at bottom left, rgba(102, 16, 242, 0.1), transparent 50%);\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n\n .hero-badge { \n display: inline-flex; \n align-items: center; \n background: rgba(13, 110, 253, 0.1); \n color: #0d6efd; \n padding: 8px 20px; \n border-radius: 50px; \n font-size: 0.75rem; \n font-weight: 800; \n text-transform: uppercase; \n letter-spacing: 1.5px;\n margin-bottom: 1.5rem;\n border: 1px solid rgba(13, 110, 253, 0.2);\n }\n\n .store-hero h1 span {\n background: linear-gradient(90deg, #0d6efd 0%, #6610f2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .btn-store-primary {\n background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);\n color: #fff;\n padding: 16px 40px;\n border-radius: 12px;\n font-weight: 900;\n text-transform: uppercase;\n text-decoration: none;\n transition: 0.3s;\n box-shadow: 0 10px 30px rgba(13, 110, 253, 0.3);\n }\n\n .btn-store-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(13, 110, 253, 0.5);\n color: #fff;\n }\n\n .btn-store-outline {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n color: #fff;\n padding: 16px 40px;\n border-radius: 12px;\n font-weight: 900;\n text-transform: uppercase;\n text-decoration: none;\n transition: 0.3s;\n }\n\n .btn-store-outline:hover {\n background: rgba(255,255,255,0.08);\n border-color: #fff;\n }\n\n /* Hero Visual Stack */\n .hero-visual-stack { position: relative; height: 400px; }\n .floating-card { \n position: absolute; \n width: 240px; \n height: 320px; \n border-radius: 20px; \n background-size: cover;\n background-position: center;\n border: 1px solid rgba(255,255,255,0.1);\n transition: all 0.4s ease;\n display: flex;\n align-items: flex-end;\n padding: 20px;\n text-decoration: none;\n }\n\n .card-hover-overlay {\n background: rgba(0,0,0,0.7);\n backdrop-filter: blur(5px);\n padding: 8px 12px;\n border-radius: 10px;\n width: 100%;\n opacity: 0;\n transition: 0.3s;\n color: white;\n text-align: center;\n }\n\n .floating-card:hover {\n z-index: 10 !important;\n transform: scale(1.05) translateY(-10px) !important;\n border-color: #0d6efd;\n }\n\n .floating-card:hover .card-hover-overlay {\n opacity: 1;\n }\n\n .card-1 { transform: rotate(-10deg) translateX(0); z-index: 1; }\n .card-2 { transform: rotate(5deg) translateX(100px) translateY(20px); z-index: 2; }\n .card-3 { transform: rotate(15deg) translateX(200
1px) translateY(-20px); z-index: 3; }\n\n .bg-dark-soft { background: rgba(255,255,255,0.01); }\n .bg-glass { background: rgba(21, 25, 43, 0.6); backdrop-filter: blur(15px); }\n\n @media (max-width: 991px) {\n .store-hero { text-align: center; padding: 40px 0; }\n .display-3 { font-size: 2.5rem; }\n }\n "})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.