Hello from Hono on Val Town!

This content is from index.html.

\n \n \n\n",[158],"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",[165],"92e7e32a-0b25-11f0-ae7b-569c3dd06744","js","92e7e406-0b25-11f0-ae7b-569c3dd06744",15,["D",1743091645459],"directory",[172],"8eb27702-0b25-11f0-9cb8-569c3dd06744","css","8eb277b6-0b25-11f0-9cb8-569c3dd06744",14,["D",1743091638418],[179],"pulls","branches","forks","envVars",{"_191":61,"_193":61},"connections",{"_191":61,"_192":61},"count","unfilledCount","emptyCount",{"_41":178,"_31":179,"_29":180,"_134":-5,"_39":40,"_38":181,"_136":56,"_36":234,"_13":61,"_33":176,"_34":-5,"_23":24,"_140":-5,"_204":235,"_26":236},{"_41":226,"_31":227,"_29":228,"_134":180,"_39":40,"_38":229,"_136":56,"_36":230,"_13":138,"_33":20,"_34":231,"_23":24,"_140":-5,"_204":232,"_26":233},{"_41":222,"_31":32,"_29":30,"_134":180,"_39":40,"_38":14,"_136":24,"_36":223,"_13":61,"_33":20,"_34":35,"_23":24,"_140":-5,"_204":224,"_26":225},{"_41":171,"_31":172,"_29":173,"_134":-5,"_39":40,"_38":174,"_136":56,"_36":219,"_13":61,"_33":176,"_34":-5,"_23":24,"_140":-5,"_204":220,"_26":221},{"_41":164,"_31":165,"_29":166,"_134":-5,"_39":40,"_38":167,"_136":56,"_36":216,"_13":160,"_33":20,"_34":169,"_23":24,"_140":-5,"_204":217,"_26":218},{"_41":157,"_31":158,"_29":159,"_134":-5,"_39":40,"_38":160,"_136":56,"_36":213,"_13":138,"_33":20,"_34":162,"_23":24,"_140":-5,"_204":214,"_26":215},{"_41":150,"_31":151,"_29":152,"_134":-5,"_39":40,"_38":153,"_136":56,"_36":210,"_13":138,"_33":20,"_34":155,"_23":24,"_140":-5,"_204":211,"_26":212},{"_41":142,"_31":143,"_29":54,"_134":-5,"_39":40,"_38":144,"_136":24,"_36":207,"_13":146,"_33":147,"_34":148,"_23":24,"_140":-5,"_204":208,"_26":209},{"_41":131,"_31":132,"_29":133,"_134":-5,"_39":40,"_38":135,"_136":56,"_36":203,"_13":138,"_33":20,"_34":139,"_23":24,"_140":-5,"_204":205,"_26":206},["D",1743091133644],"children",[],[132],["D",1743091612293],[],[143],["D",1743091143193],[],[151],["D",1743091117111],[],[158],["D",1743091538867],[],[165],["D",1743091645459],[],[172],"a3187ee4-0b25-11f0-9721-569c3dd06744",["D",1743091672636],[],[179,32],"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}",[],[179,227],["D",1743091638418],[195,196],[179],["D",1743023426975],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":52,"_99":100,"_101":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"ctx",{"_77":-5,"_121":274,"_275":276,"_277":278,"_279":24,"_280":24,"_281":24,"_282":56,"_283":-5,"_284":-7,"_285":-7,"_286":61,"_287":24,"_288":24,"_289":-5,"_290":24,"_291":24,"_292":24,"_293":-5},"ENV",{"_245":246,"_247":248,"_249":85,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273},"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"]

Diff · v18