Hello from Hono on Val Town!

This content is from index.html.

\n \n \n\n",[],[106],"535d6900-0b25-11f0-aeda-569c3dd06744","baraja.html","17c0e6f6-0b25-11f0-b16b-569c3dd06744",12,["D",1743091538867],"\n\n\n\n\n \n \n \n Baraja: Card Deck with Focus Spread\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n\n\n

Card Deck with Focus Spread

\n\n

\n \n \n

\n \n

\n\n \n \n \n \n\n\n",[],[113],["D",1743091645459],[123,124],[19],{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":128,"_17":63,"_51":24,"_52":64,"_54":55,"_56":-5,"_85":129,"_18":130},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":125,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_85":126,"_18":127},["D",1743091754500],[],[19,37],["D",1743091822476],[],[19,59],"8eb27702-0b25-11f0-9cb8-569c3dd06744","css","8eb277b6-0b25-11f0-9cb8-569c3dd06744",14,["D",1743091638418],[138,139,140],[132],{"_35":157,"_13":158,"_38":159,"_40":133,"_42":43,"_44":160,"_46":47,"_48":161,"_17":50,"_51":24,"_52":162,"_54":55,"_56":-5,"_85":163,"_18":164},{"_35":149,"_13":150,"_38":151,"_40":133,"_42":43,"_44":152,"_46":47,"_48":153,"_17":50,"_51":24,"_52":154,"_54":55,"_56":-5,"_85":155,"_18":156},{"_35":141,"_13":142,"_38":143,"_40":133,"_42":43,"_44":144,"_46":47,"_48":145,"_17":50,"_51":24,"_52":146,"_54":55,"_56":-5,"_85":147,"_18":148},"a84c7cc6-0b25-11f0-8b05-569c3dd06744","demo.css","a7490aa6-0b25-11f0-a923-569c3dd06744",20,["D",1743091681363],"/* General Demo Style */\n@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);\n\n*,\n*:after,\n*:before {\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\nhtml { \n\theight: 100%; \n\tfont-size: 62.5%;\n}\n\n/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */\n.clearfix:before,\n.clearfix:after {\n\tcontent: \" \";\n\tdisplay: table;\n}\n\n.clearfix:after {\n\tclear: both;\n}\n\n.clearfix {\n\t*zoom: 1;\n}\n\nbody {\n\tfont-family: 'Lato', Calibri, Arial, sans-serif;\n\tbackground: #fff url(../images/bg.jpg);\n\tfont-weight: 300;\n\tfont-size: 14px; \n\tfont-size: 1.4rem;\n\tcolor: #333;\n\t-webkit-font-smoothing: antialiased;\n\toverflow-y: scroll;\n\toverflow-x: hidden;\n}\n\na {\n\tcolor: #555;\n\ttext-decoration: none;\n}\n\n.container {\n\twidth: 100%;\n\tposition: relative;\n}\n\n.clr {\n\tclear: both;\n\tpadding: 0;\n\theight: 0;\n\tmargin: 0;\n}\n\n.container > header,\n.main {\n\twidth: 80%;\n\tmax-width: 960px;\n\tmargin: 0 auto;\n\tpadding: 0 30px;\n}\n\n.container > header {\n\tpadding: 30px;\n}\n\n.container > header h1 {\n\tmargin: 0;\n\tfont-weight: 700;\n\tcolor: #333;\n\tfloat: left;\n\tfont-size: 36px; \n\tfont-size: 3.6rem;\n\tline-height: 46px; \n\tline-height: 4.6rem;\n}\n\n.container > header h1 span {\n\tdisplay: block;\n\tcolor: #444;\n\tfont-size: 20px;\n\tline-height: 28px;\n\tline-height: 2.8rem;\n\tfont-weight: 300;\n\ttext-shadow: 0 1px 0 rgba(255,255,255,0.5);\n}\n\n/* Header Style */\n.codrops-top {\n\tfont-size: 11px; \n\tfont-size: 1.1rem;\n\tline-height: 24px; \n\tline-height: 2.4rem;\n\tbackground: #fff;\n\tbackground: rgba(255, 255, 255, 0.5);\n\ttext-transform: uppercase;\n\tz-index: 9999;\n\tposition: relative;\n\tbox-shadow: 1px 0px 2px rgba(0,0,0,0.2);\n}\n\n.codrops-top a {\n\tpadding: 0px 10px;\n\tletter-spacing: 1px;\n\tcolor: #333;\n\tfont-weight: 400;\n\ttext-shadow: 0 -1px 0 #fff;\n\tdisplay: inline-block;\n}\n\n.codrops-top a:hover {\n\tbackground: rgba(255,255,255,0.8);\n\tcolor: #000;\n}\n\n.codrops-top span.right {\n\tfloat: right;\n}\n\n.codrops-top span.right a {\n\tfloat: left;\n\tdisplay: block;\n}\n\n.support-note {\n\tclear: both;\n}\n\n.support-note span{\n\tcolor: #ac375d;\n\tfont-size: 16px;\n\tfont-size: 1.6rem;\n\tdisplay: none;\n\tfont-weight: bold;\n\ttext-align: center;\n\tpadding: 5px 0;\n}\n\n.actions {\n\twidth: 100%;\n\tpadding: 0 0 20px 0;\n}\n\n.actions span {\n\tbox-shadow: 0 1px 1px rgba(0,0,0,0.2);\n\tbackground: #fff;\n\tcolor: #888;\n\tfont-weight: 700;\n\tfont-size: 12px;\n\tfont-size: 1.2rem;\n\ttext-align: center;\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 5px 10px;\n\ttext-transform: uppercase;\n\tmargin: 3px;\n\tborder-radius: 3px;\n\n}\n\n.actions span:hover {\n\tbackground: #f7f7f7;\n}\n\n.actions span:active {\n\tbackground: #aaa;\n\tcolor: #fff;\n\tbox-shadow: 0 1px 1px rgba(255,255,255,0.5);\n}\n\n.actions span.disabled {\n\topacity: 0.8;\n\tcolor: #ddd;\n}\n\n.light {\n\tpadding: 60px 0 250px;\n}\n\n.light span {\n\tbackground: #aaa;\n\tcolor: #fff;\n\ttext-shadow: 0 1px 1px rgba(0,0,0,0.3);\n\tbox-shadow: inset 0 1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,0.8);\n}\n\n.light span:hover {\n\tbackground: #444;\n}\n\n#nav-prev, #nav-next {\n\twidth: 30px;\n\theight: 30px;\n\tfont-size: 18px;\n\tline-height: 20px;\n}\n\n#close {\n\tfloat: right;\n}",[],[132,142],"ad179312-0b25-11f0-b791-569c3dd06744","custom.css","a3187fd4-0b25-11f0-9721-569c3dd06744",21,["D",1743091689408],".baraja-demo {\n\twidth: 200px;\n\tmargin: 30px auto;\n\tcolor: #aaa;\n}\n\n.no-js .baraja-demo {\n\twidth: auto;\n}\n\n.baraja-demo h4 {\n\tcolor: #666;\n\tfont-size: 14px;\n\tpadding: 8px 10px 5px;\n\tmargin: 20px 3px 5px;\n\tborder-bottom: 1px solid #f0f0f0;\n}\n\n.baraja-demo p {\n\tfont-size: 12px;\n\tfont-weight: 700;\n\tpadding: 0 10px;\n\tmargin: 0px 3px 0;\n}\n\n/* .baraja-demo ul.baraja-container li {\n\tborder-radius: 10px;\n\tpadding: 5px;\n\tbox-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);\n\t-webkit-user-select: none;\n\t-khtml-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n} */\n\n/* .baraja-demo li img {\n\tdisplay: block;\n\tmargin: 0 auto;\n\twidth: 100%;\n\tborder-radius: 10px 10px 0 0;\n} */",[],[132,150],"9cf1f09a-0b25-11f0-8b05-569c3dd06744","baraja.css","9a805e46-0b25-11f0-8642-569c3dd06744",17,["D",1743091662318],"ul.baraja-container {\n\twidth: 200px;\n\theight: 310px;\n\tmargin: 0 auto 30px;\n\tposition: relative;\n\tpadding: 0;\n\tlist-style-type: none;\n}\n\nul.baraja-container li {\n\twidth: 100%;\n\theight: 100%;\n\tmargin: 0;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tcursor: pointer;\n\tbackground: transparent;\n\tpointer-events: auto;\n\tbox-shadow: none;\n}\n\n/* ul.baraja-container li:hover .card-inner {\n box-shadow: 0 5px 15px rgba(0,0,0,0.3);\n} */\n\nul.baraja-container li.focused .card-inner {\n box-shadow: 0 10px 25px rgba(0,0,0,0.35);\n}\n\n.no-js ul.baraja-container {\n\twidth: auto;\n\theight: auto;\n\ttext-align: center;\n}\n\n.no-js ul.baraja-container li {\n\tposition: relative;\n\tdisplay: inline-block;\n\twidth: 200px;\n\theight: 310px;\n\tmargin: 10px;\n}\n\n/* Add styles for the new inner wrapper */\n.card-inner {\n position: relative;\n width: 100%;\n height: 100%;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n transform-style: preserve-3d;\n perspective: 1000px;\n background: #fff;\n box-shadow: 0 1px 5px rgba(0,0,0,0.2);\n border-radius: 6px;\n}\n\n/* Add these new styles for card flipping */\n.card-front,\n.card-back {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n border-radius: inherit;\n}\n\n.card-front {\n z-index: 2; /* Front side is above back side by default */\n transform: rotateY(0deg);\n background: white;\n}\n\n.card-back {\n z-index: 1; /* Back side below front by default */\n transform: rotateY(180deg);\n background: white;\n display: block !important;\n padding: 20px;\n box-sizing: border-box;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n max-height: 100%;\n}\n\n/* Apply flip rotation to the inner wrapper */\nli.flipped .card-inner {\n transform: rotateY(180deg);\n}\n\n/* Scrollbar styling for the back of the card */\n.card-back::-webkit-scrollbar {\n width: 8px;\n}\n\n.card-back::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 4px;\n}\n\n.card-back::-webkit-scrollbar-thumb {\n background: #888;\n border-radius: 4px;\n}\n\n.card-back::-webkit-scrollbar-thumb:hover {\n background: #555;\n}\n\n/* Allow text selection and interaction on card content */\n.card-content,\n.card-back-content {\n user-select: text;\n -webkit-user-select: text;\n pointer-events: auto;\n}\n\n/* Make images on the back interactive */\n.card-back img {\n cursor: pointer !important;\n pointer-events: auto !important;\n transition: opacity 0.2s;\n}\n\n.card-back img:hover {\n opacity: 0.9;\n}",[],[132,158],"bd8420d4-0a86-11f0-bec7-569c3dd06744",["D",1743023426975],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","a8270e74-6479-475a-8025-9b69544ee0e7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","8319defa-6e1a-46d4-ba66-2114ffd3360b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_217":213},"org",{"_11":12,"_211":-5,"_212":213,"_174":175,"_214":215,"_216":55},"branch",{"_17":61,"_13":16,"_35":43,"_203":165,"_204":-5,"_205":-5,"_206":-5,"_207":-5,"_208":-5,"_209":14,"_210":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2NnaHhpxNuH1xWRIRjQNoo16TVc.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":165,"_13":14,"_48":288,"_167":-5,"_168":55,"_169":170,"_171":170,"_172":-5,"_173":-5,"_174":175,"_176":90,"_177":47,"_178":-5,"_179":91,"_180":68,"_181":182,"_183":-5,"_184":-5,"_185":-5,"_186":-5,"_187":188,"_189":188,"_190":191,"_192":191,"_193":191,"_194":188,"_195":188,"_196":289,"_198":290,"_200":291,"_202":55},[252,256,259,260,261,262,263],"files",[252,253,254,255,256,257,258,259,260,261,262,263],"counts",{"_243":68,"_244":50,"_245":68,"_32":246,"_247":248},[239,240],{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":70,"_46":47,"_48":237,"_17":68,"_51":67,"_52":-5,"_54":55,"_56":-5,"_18":238},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1743091645459],[19],{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":62,"_17":63,"_51":24,"_52":64,"_54":55,"_56":-5,"_18":242},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":241},[19,37],[19,59],"pulls","branches","forks",{"_249":68,"_251":68},"connections",{"_249":68,"_250":68},"count","unfilledCount","emptyCount",{"_35":131,"_13":132,"_38":133,"_40":-5,"_42":43,"_44":134,"_46":47,"_48":135,"_17":68,"_51":67,"_52":-5,"_54":55,"_56":-5,"_85":286,"_18":287},{"_35":157,"_13":158,"_38":159,"_40":133,"_42":43,"_44":160,"_46":47,"_48":161,"_17":50,"_51":24,"_52":162,"_54":55,"_56":-5,"_85":284,"_18":285},{"_35":149,"_13":150,"_38":151,"_40":133,"_42":43,"_44":152,"_46":47,"_48":153,"_17":50,"_51":24,"_52":154,"_54":55,"_56":-5,"_85":282,"_18":283},{"_35":141,"_13":142,"_38":143,"_40":133,"_42":43,"_44":144,"_46":47,"_48":145,"_17":50,"_51":24,"_52":146,"_54":55,"_56":-5,"_85":280,"_18":281},{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":70,"_46":47,"_48":120,"_17":68,"_51":67,"_52":-5,"_54":55,"_56":-5,"_85":278,"_18":279},{"_35":58,"_13":59,"_38":60,"_40":41,"_42":43,"_44":61,"_46":47,"_48":128,"_17":63,"_51":24,"_52":64,"_54":55,"_56":-5,"_85":276,"_18":277},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":125,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_85":274,"_18":275},{"_35":112,"_13":113,"_38":114,"_40":-5,"_42":43,"_44":115,"_46":47,"_48":116,"_17":63,"_51":24,"_52":117,"_54":55,"_56":-5,"_85":272,"_18":273},{"_35":105,"_13":106,"_38":107,"_40":-5,"_42":43,"_44":63,"_46":47,"_48":108,"_17":50,"_51":24,"_52":109,"_54":55,"_56":-5,"_85":270,"_18":271},{"_35":97,"_13":98,"_38":99,"_40":-5,"_42":43,"_44":100,"_46":47,"_48":101,"_17":50,"_51":24,"_52":102,"_54":55,"_56":-5,"_85":268,"_18":269},{"_35":88,"_13":89,"_38":90,"_40":-5,"_42":43,"_44":91,"_46":47,"_48":92,"_17":82,"_51":93,"_52":94,"_54":55,"_56":-5,"_85":266,"_18":267},{"_35":79,"_13":80,"_38":81,"_40":-5,"_42":43,"_44":82,"_46":47,"_48":83,"_17":50,"_51":24,"_52":84,"_54":55,"_56":-5,"_85":264,"_18":265},[],[80],[],[89],[],[98],[],[106],[],[113],[],[19,37],[],[19,59],[257,258],[19],[],[132,142],[],[132,150],[],[132,158],[253,254,255],[132],["D",1743023426975],{"_11":12,"_217":213},{"_11":12,"_211":-5,"_212":213,"_174":175,"_214":215,"_216":55},{"_17":61,"_13":16,"_35":43,"_203":165,"_204":-5,"_205":-5,"_206":-5,"_207":-5,"_208":-5,"_209":14,"_210":12},"ctx",{"_196":-5,"_234":325,"_326":327,"_328":329,"_330":55,"_331":55,"_332":55,"_333":47,"_334":-5,"_335":-7,"_336":-7,"_337":68,"_338":55,"_339":55,"_340":-5,"_341":55,"_342":55,"_343":55,"_344":-5},"ENV",{"_296":297,"_298":299,"_300":16,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]