22< meta name ="viewport " content ="width=device-width, initial-scale=1 ">
33< title > SERP Platform</ title >
44< style > * box-sizing : border-box;margin : 0 ;padding : 0 }: root {--primary-color : # 00dc82--background-color : # 0c0c0d--text-color : # fff--text-secondary : # a3a3a3--border-color : # 2d2d2d--card-background : # 18181b--hover-background : # 27272abody {background-color : var (--background-color );color : var (--text-color );font-family : -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height : 1.6 }.container {margin : 0 auto;max-width : 1200px ;padding : 0 1rem }.header {background-color : var (--card-background );border-bottom : 1px solid var (--border-color );padding : 1rem 0 ;position : sticky;top : 0 ;z-index : 100 }.header-content {align-items : center;display : flex;justify-content : space-between}.logo {color : var (--primary-color );font-size : 1.5rem ;font-weight : 700 ;text-decoration : none}.nav-links {display : flex;gap : 2rem ;list-style : none}.nav-links a {color : var (--text-color );text-decoration : none;transition : color .2s }.nav-links a .router-link-active , .nav-links a : hover {color : var (--primary-color )}.mobile-menu-toggle {background : none;border : none;cursor : pointer;display : none;height : 40px ;padding : .5rem ;position : relative;width : 40px }.hamburger , .hamburger : after , .hamburger : before {background-color : var (--text-color );display : block;height : 2px ;left : 8px ;position : absolute;transition : transform .3s ;width : 24px }.hamburger {top : 50% ;transform : translateY (-50% )}.hamburger : after , .hamburger : before {content : "" ;left : 0 }.hamburger : before {top : -8px }.hamburger : after {top : 8px }.mobile-menu-toggle [aria-expanded = true ] .hamburger {background-color : transparent}.mobile-menu-toggle [aria-expanded = true ] .hamburger : before {transform : rotate (45deg ) translate (5px , 6px )}.mobile-menu-toggle [aria-expanded = true ] .hamburger : after {transform : rotate (-45deg ) translate (5px , -6px )}@media (max-width : 768px ){.mobile-menu-toggle {display : block}.nav-links {background-color : var (--card-background );border-top : 1px solid var (--border-color );flex-direction : column;gap : 0 ;left : 0 ;opacity : 0 ;padding : 1rem ;position : absolute;right : 0 ;top : 100% ;transform : translateY (-100% );transition : all .3s ease;visibility : hidden;z-index : 99 }.nav-links--open {box-shadow : 0 4px 6px # 0000001aopacity : 1 ;transform : translateY (0 );visibility : visible}.nav-links li {width : 100% }.nav-links a {border-radius : 4px ;display : block;padding : .75rem 1rem ;transition : background-color .2s }.nav-links a .router-link-active , .nav-links a : hover {background-color : var (--hover-background )}.header {position : relative}}.main {min-height : calc (100vh - 200px );padding : 2rem 0 }.game-grid {display : grid;gap : 1.5rem ;grid-template-columns : repeat (auto-fill, minmax (300px , 1fr ));margin-top : 2rem }.game-card {background-color : var (--card-background );border : 1px solid var (--border-color );border-radius : 8px ;color : inherit;cursor : pointer;display : block;padding : 1.5rem ;text-decoration : none;transition : all .2s }.game-card : hover {background-color : var (--hover-background );border-color : var (--primary-color );transform : translateY (-2px )}.game-title {font-size : 1.25rem ;margin-bottom : .5rem }.game-description {color : var (--text-secondary );font-size : .9rem }.game-container {align-items : center;display : flex;justify-content : center;min-height : 600px ;padding : 2rem }.game-canvas {background-color : # 000border : 2px solid var (--border-color );border-radius : 8px ;max-width : 100% }.footer {background-color : var (--card-background );border-top : 1px solid var (--border-color );margin-top : 4rem ;padding : 2rem 0 ;text-align : center}.footer , .loading {color : var (--text-secondary )}.loading {align-items : center;display : flex;font-size : 1.2rem ;justify-content : center;min-height : 400px }.error {background-color : # dc2626border-radius : 4px ;color : # fffmargin : 1rem 0 ;padding : 1rem }.button {background-color : var (--primary-color );border : none;border-radius : 4px ;color : var (--background-color );cursor : pointer;display : inline-block;font-weight : 600 ;padding : .75rem 1.5rem ;text-decoration : none;transition : all .2s }.button : hover {opacity : .9 ;transform : translateY (-1px )}</ style >
5- < link rel ="modulepreload " as ="script " crossorigin href ="/_nuxt/BHSc32QG.js ">
6- < link rel ="prefetch " as ="script " crossorigin href ="/_nuxt/BrZSXGY9.js ">
7- < link rel ="prefetch " as ="script " crossorigin href ="/_nuxt/BtBy3qlf.js ">
8- < link rel ="prefetch " as ="script " crossorigin href ="/_nuxt/BJCttDn2.js ">
9- < link rel ="prefetch " as ="script " crossorigin href ="/_nuxt/M9pRylKm.js ">
5+ < link rel ="modulepreload " as ="script " crossorigin href ="/_nuxt/u1o1WUvV.js ">
6+ < link rel ="prefetch " as ="script " crossorigin href ="/_nuxt/DNG4Cux6.js ">
7+ < link rel ="prefetch " as ="script " crossorigin href ="/_nuxt/wQpX_jRg.js ">
8+ < link rel ="prefetch " as ="script " crossorigin href ="/_nuxt/jCgI1Qxg.js ">
9+ < link rel ="prefetch " as ="script " crossorigin href ="/_nuxt/DZnDSCAG.js ">
10+ < link rel ="prefetch " as ="script " crossorigin href ="/_nuxt/CaF32ppK.js ">
11+ < link rel ="prefetch " as ="script " crossorigin href ="/_nuxt/2SZFqT11.js ">
1012< link rel ="icon " type ="image/x-icon " href ="/favicon.ico ">
1113< meta name ="description " content ="Discover games, tools, and more on our platform ">
1214< meta property ="og:site_name " content ="SERP Platform ">
1315< meta property ="og:type " content ="website ">
1416< meta property ="og:image " content ="/og-image.png ">
1517< meta name ="twitter:card " content ="summary_large_image ">
16- < script type ="module " src ="/_nuxt/BHSc32QG .js " crossorigin > </ script >
17- < script id ="unhead:payload " type ="application/json "> { "title" :"SERP Platform" } </ script > < meta name ="robots " content ="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1 " /> </ head > < body > < div id ="__nuxt "> </ div > < div id ="teleports "> </ div > < script > window . __NUXT_SITE_CONFIG__ = ( function ( a ) { return { _priority :{ name :a , env :- 15 , description :a , url :a , defaultLocale :a } , defaultLocale :"en" , description :"A flexible platform for games, tools, and other content" , env :"production" , name :"SERP Platform" , url :"https:\u002F\u002Fserp.co" } } ( - 3 ) ) </ script > < script type ="application/json " data-nuxt-data ="nuxt-app " data-ssr ="false " id ="__NUXT_DATA__ "> [ { "prerenderedAt" :1 , "serverRendered" :2 } , 1748598948461 , false ] </ script >
18- < script > window . __NUXT__ = { } ; window . __NUXT__ . config = { public :{ "seo-utils" :{ canonicalQueryWhitelist :[ "page" , "sort" , "filter" , "search" , "q" , "category" , "tag" ] , canonicalLowercase :true } } , app :{ baseURL :"/" , buildId :"32c665a6-bcf2-4819-8140-4819853fbfe0 " , buildAssetsDir :"/_nuxt/" , cdnURL :"" } } </ script > </ body > </ html >
18+ < script type ="module " src ="/_nuxt/u1o1WUvV .js " crossorigin > </ script >
19+ < script id ="unhead:payload " type ="application/json "> { "title" :"SERP Platform" } </ script > < meta name ="robots " content ="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1 " /> </ head > < body > < div id ="__nuxt "> </ div > < div id ="teleports "> </ div > < script > window . __NUXT_SITE_CONFIG__ = ( function ( a ) { return { _priority :{ name :a , env :- 15 , description :a , url :a , defaultLocale :a } , defaultLocale :"en" , description :"A flexible platform for games, tools, and other content" , env :"production" , name :"SERP Platform" , url :"https:\u002F\u002Fserp.co" } } ( - 3 ) ) </ script > < script type ="application/json " data-nuxt-data ="nuxt-app " data-ssr ="false " id ="__NUXT_DATA__ "> [ { "prerenderedAt" :1 , "serverRendered" :2 } , 1748600283478 , false ] </ script >
20+ < script > window . __NUXT__ = { } ; window . __NUXT__ . config = { public :{ "seo-utils" :{ canonicalQueryWhitelist :[ "page" , "sort" , "filter" , "search" , "q" , "category" , "tag" ] , canonicalLowercase :true } } , app :{ baseURL :"/" , buildId :"a8eb5fc7-a877-4327-8fba-f5308a08e70c " , buildAssetsDir :"/_nuxt/" , cdnURL :"" } } </ script > </ body > </ html >
0 commit comments