A Webpage

box1

\n\n

box2

\n\n

box3

\n\n

box4

\n \n","label",[18],"pulls","branches","forks","envVars",{"_304":26,"_306":26},"connections",{"_304":26,"_305":26},"count","unfilledCount","emptyCount",{"_48":288,"_13":18,"_81":82,"_58":-5,"_50":51,"_289":200,"_290":219,"_52":336,"_54":292,"_83":21,"_293":294,"_84":24,"_295":-5,"_318":337,"_17":338},{"_48":329,"_13":330,"_81":217,"_58":-5,"_50":51,"_289":55,"_290":219,"_52":331,"_54":26,"_83":332,"_293":333,"_84":24,"_295":-5,"_318":334,"_17":335},{"_48":321,"_13":322,"_81":323,"_58":-5,"_50":51,"_289":242,"_290":219,"_52":324,"_54":55,"_83":325,"_293":326,"_84":24,"_295":-5,"_318":327,"_17":328},{"_48":311,"_13":312,"_81":313,"_58":-5,"_50":51,"_289":314,"_290":219,"_52":315,"_54":316,"_83":21,"_293":317,"_84":24,"_295":-5,"_318":319,"_17":320},"61a4028e-05d5-11f1-9567-42dde27851f2","style.css","019c4325-580f-7109-8e35-a863682ea659",72,["D",1770654944939],55,"* {\n box-sizing: border-box; /* Ensures padding/border are included in the element's width calculation */\n}\n\nbody {\n background-color: white;\n}\n\ndiv {\n border: 10px solid #0f9131;\n width: 580px;\n background-color: #00ff44;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 20px\n}\n\n.box1 {\n padding-bottom: 2%;\n color: #f4fff8;\n font-family: EB Garamond, Eb Garamond;\n width: 300px;\n transition: all 0.5s ease-in-out; \n\n}\n\n.box2 {\n padding-bottom: 2%;\n color: #f4fff8;\n font-family: EB Garamond, Eb Garamond;\n width: 300px;\n transition: all 0.5s ease-in-out; \n\n}\n\n.box3 {\n padding-bottom: 2%;\n color: #f4fff8;\n font-family: EB Garamond, Eb Garamond;\n width: 300px;\n transition: all 0.5s ease-in-out; \n\n}\n\n.box4 {\n padding-bottom: 2%;\n color: #f4fff8;\n font-family: EB Garamond, Eb Garamond;\n width: 300px;\n transition: all 0.5s ease-in-out; \n}\n\np {\n text-align: center;\n}\n\ndiv:hover {\n background-color: #ff0000;\n border: 10px solid #9c2121;\n padding-top:20px;\n padding-bottom:20px;\n}","children",[],[312],"9659696a-05d5-11f1-8a0e-42dde27851f2","script.js","019c4325-580f-7109-8e35-a731ca5d1f05",["D",1770655033354],"script","const player = document.getElementById('player');\nlet positionX = 0; // Track the current position\nconst speed = 10; // Movement increment\n\ndocument.addEventListener('keydown', (event) => {\n if (event.key === 'ArrowLeft') {\n positionX -= speed;\n updatePosition();\n } else if (event.key === 'ArrowRight') {\n positionX += speed;\n updatePosition();\n }\n});\n\nfunction updatePosition() {\n // Use CSS transform to move the element\n player.style.transform = `translateX(${positionX}px)`;\n}",[],[322],"f645975e-05d0-11f1-a5b1-42dde27851f2","main.ts",["D",1770653046698],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[330],["D",1770653907942],[],[18],["D",1770653046698],{"_11":12,"_256":87},{"_11":12,"_252":-5,"_86":87,"_30":85,"_253":254,"_255":24},{"_54":242,"_13":16,"_48":51,"_243":207,"_244":78,"_245":55,"_246":211,"_247":248,"_249":57,"_250":14,"_251":12},"ctx",{"_67":-5,"_277":376,"_377":378,"_379":380,"_381":24,"_382":24,"_383":24,"_384":219,"_385":-5,"_386":-7,"_387":-7,"_388":26,"_389":24,"_390":24,"_391":-5,"_392":24,"_393":24,"_394":24,"_395":-5},"ENV",{"_347":348,"_349":350,"_351":16,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

History · index.html