Penguin Writes Mochii

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_197":198,"_199":200},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_63":154,"_16":-7,"_159":-5,"_17":160,"_161":162,"_28":163,"_21":164,"_23":165,"_80":-5,"_166":-5,"_167":-5,"_168":36,"_169":170,"_171":34,"_172":-5,"_173":-5,"_174":175},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":-5,"_27":-5,"_28":29,"_30":-5,"_31":-5,"_32":-5,"_33":34,"_35":36,"_37":34},"handle","ethansalve990_b86130e2","name","untitled-6272","branchName","version","project",{"_41":105,"_13":14,"_52":106,"_107":-5,"_108":36,"_109":110,"_111":110,"_112":-5,"_113":-5,"_114":115,"_116":-5,"_117":36,"_118":-5,"_119":-5,"_120":94,"_121":122,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_136":137,"_138":139,"_140":141,"_142":36},"tags",[],"counts",{"_93":94,"_95":96,"_97":94,"_98":99,"_100":101},"contents",[84,85,86],"readme","upstream","pull","files",[38,39,40],"preview","ahead","behind","showHomeCustomizationHint",true,"showHTTPPreviewSettingsHint",false,"hasHTTPFiles",{"_41":74,"_13":75,"_44":76,"_46":-5,"_47":48,"_49":77,"_51":34,"_52":78,"_16":79,"_55":80,"_57":81,"_59":36,"_60":-5,"_61":82,"_63":83},{"_41":65,"_13":66,"_44":67,"_46":-5,"_47":48,"_49":68,"_51":34,"_52":69,"_16":54,"_55":70,"_57":71,"_59":36,"_60":-5,"_61":72,"_63":73},{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":34,"_52":53,"_16":54,"_55":56,"_57":58,"_59":36,"_60":-5,"_61":62,"_63":64},"id","e5be0ede-33bb-11f1-b9ad-42b51c65c3df","main.http.tsx","fileId","4a0fc5a6-33aa-11f1-97c8-42b51c65c3df","parentId","branchId","4a0d74ea-33aa-11f1-97c8-42b51c65c3df","branchVersion",22,"latest","createdAt",["D",1775701753140],6,"fileType","http","content","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default staticHTTPServer(import.meta.url);","deleted","label","children",[],"path",[43],"26a2de5c-33bc-11f1-83cc-42b51c65c3df","index.tsx","0f68d3fa-33ac-11f1-9c0e-42b51c65c3df",24,["D",1775701862014],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n return (\n

\n \n\n

\n \n \n \n \n \n \n\n \n\n {/* writing */}\n \n \n\n \n \n \n\n {/* pen tip guide dot */}\n \n\n {/* penguin */}\n \n \n\n {/* back wing */}\n \n\n {/* body back */}\n \n\n {/* belly */}\n \n\n {/* head tuft */}\n \n\n {/* beak */}\n \n\n {/* eye */}\n \n \n \n \n \n\n {/* writing arm */}\n \n \n \n \n\n {/* feet */}\n \n \n \n \n \n \n \n \n

\n );\n}\n\nconst page: React.CSSProperties = {\n minHeight: \"100vh\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"24px\",\n background: \"#f1f2f5\",\n};\n\nconst card: React.CSSProperties = {\n width: \"min(1800px, 98vw)\",\n background: \"#f7f7fa\",\n borderRadius: \"36px\",\n padding: \"20px\",\n boxShadow: \"0 24px 60px rgba(0,0,0,0.06)\",\n};\n\nconst styles = `\n .write-line {\n fill: none;\n stroke: #b69be8;\n stroke-width: 12;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-dasharray: 3600;\n stroke-dashoffset: 3600;\n animation: writeWord 5.8s ease-in-out infinite;\n }\n\n .heart {\n fill: #b69be8;\n opacity: 0;\n transform-origin: center;\n }\n\n .heart-left {\n animation: popHeartLeft 5.8s ease-in-out infinite;\n }\n\n .heart-right {\n animation: popHeartRight 5.8s ease-in-out infinite;\n }\n\n .penguin-float {\n transform-origin: 1288px 500px;\n animation: floatPenguin 3.2s ease-in-out infinite;\n }\n\n .arm {\n transform-origin: 1187px 410px;\n animation: armWrite 5.8s ease-in-out infinite;\n }\n\n .blink {\n transform-origin: 1306px 336px;\n animation: blinkEye 4s infinite;\n }\n\n .ground-shadow {\n transform-origin: center;\n animation: shadowPulse 3.2s ease-in-out infinite;\n }\n\n .pen-tip {\n opacity: 0;\n animation: penTipFlash 5.8s ease-in-out infinite;\n }\n\n @keyframes writeWord {\n 0% {\n stroke-dashoffset: 3600;\n }\n 12% {\n stroke-dashoffset: 3600;\n }\n 72% {\n stroke-dashoffset: 0;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n }\n\n @keyframes armWrite {\n 0%, 10% {\n transform: rotate(0deg) translate(0px, 0px);\n }\n 18% {\n transform: rotate(-10deg) translate(-8px, 3px);\n }\n 30% {\n transform: rotate(8deg) translate(6px, -3px);\n }\n 42% {\n transform: rotate(-8deg) translate(-5px, 4px);\n }\n 56% {\n transform: rotate(7deg) translate(4px, -3px);\n }\n 70% {\n transform: rotate(-5deg) translate(-2px, 2px);\n }\n 82% {\n transform: rotate(2deg) translate(0px, 0px);\n }\n 100% {\n transform: rotate(0deg) translate(0px, 0px);\n }\n }\n\n @keyframes popHeartLeft {\n 0%, 70% {\n opacity: 0;\n transform: scale(0.5);\n }\n 78% {\n opacity: 1;\n transform: scale(1.15);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes popHeartRight {\n 0%, 76% {\n opacity: 0;\n transform: scale(0.5);\n }\n 84% {\n opacity: 1;\n transform: scale(1.15);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes floatPenguin {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-6px);\n }\n }\n\n @keyframes shadowPulse {\n 0%, 100% {\n transform: scaleX(1);\n opacity: 0.18;\n }\n 50% {\n transform: scaleX(0.94);\n opacity: 0.12;\n }\n }\n\n @keyframes blinkEye {\n 0%, 44%, 48%, 100% {\n transform: scaleY(1);\n }\n 46% {\n transform: scaleY(0.08);\n }\n }\n\n @keyframes penTipFlash {\n 0%, 10% {\n opacity: 0;\n }\n 12%, 72% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n }\n`;\n\ncreateRoot(document.getElementById(\"root\")!).render();",[],[66],"ec85791e-33bb-11f1-ad3b-42b51c65c3df","index.html","c94c3010-33ab-11f1-a397-42b51c65c3df",23,["D",1775701764514],7,"file","\n\n \n \n \n Penguin Writes Mochii\n \n \n \n

\n \n \n",[],[75],{"_41":74,"_13":75,"_44":76,"_46":-5,"_47":48,"_49":77,"_51":34,"_52":91,"_16":79,"_55":80,"_57":81,"_59":36,"_60":-5,"_63":92},{"_41":65,"_13":66,"_44":67,"_46":-5,"_47":48,"_49":68,"_51":34,"_52":89,"_16":54,"_55":70,"_57":71,"_59":36,"_60":-5,"_63":90},{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":34,"_52":87,"_16":54,"_55":56,"_57":58,"_59":36,"_60":-5,"_63":88},["D",1775701753140],[43],["D",1775701862014],[66],["D",1775701764514],[75],"pulls",0,"branches",1,"forks","envVars",{"_102":94,"_104":94},"connections",{"_102":94,"_103":94},"count","unfilledCount","emptyCount","4a0cae84-33aa-11f1-97c8-42b51c65c3df",["D",1775694190499],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","61721e65-40b6-45c8-885f-776e6578358d","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019d6f9d-f34e-7149-bf57-292642ffd597","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_158":154},"org",{"_11":12,"_152":-5,"_153":154,"_114":115,"_155":156,"_157":36},"branch",{"_16":68,"_13":143,"_41":48,"_144":105,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":14,"_151":12},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_41":105,"_13":14,"_52":193,"_107":-5,"_108":36,"_109":110,"_111":110,"_112":-5,"_113":-5,"_114":115,"_116":-5,"_117":36,"_118":-5,"_119":-5,"_120":94,"_121":122,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_136":194,"_138":195,"_140":196,"_142":36},"tree",[184,185,186],[184,185,186],{"_93":94,"_95":96,"_97":94,"_98":182,"_100":183},[176,177,178],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":74,"_13":75,"_44":76,"_46":-5,"_47":48,"_49":77,"_51":34,"_52":91,"_16":79,"_55":80,"_57":81,"_59":36,"_60":-5,"_63":181},{"_41":65,"_13":66,"_44":67,"_46":-5,"_47":48,"_49":68,"_51":34,"_52":89,"_16":54,"_55":70,"_57":71,"_59":36,"_60":-5,"_63":180},{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":34,"_52":87,"_16":54,"_55":56,"_57":58,"_59":36,"_60":-5,"_63":179},[43],[66],[75],{"_102":94,"_104":94},{"_102":94,"_103":94},{"_41":74,"_13":75,"_44":76,"_46":-5,"_47":48,"_49":77,"_51":34,"_52":78,"_16":79,"_55":80,"_57":81,"_59":36,"_60":-5,"_61":191,"_63":192},{"_41":65,"_13":66,"_44":67,"_46":-5,"_47":48,"_49":68,"_51":34,"_52":69,"_16":54,"_55":70,"_57":71,"_59":36,"_60":-5,"_61":189,"_63":190},{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":34,"_52":53,"_16":54,"_55":56,"_57":58,"_59":36,"_60":-5,"_61":187,"_63":188},[],[43],[],[66],[],[75],["D",1775694190499],{"_11":12,"_158":154},{"_11":12,"_152":-5,"_153":154,"_114":115,"_155":156,"_157":36},{"_16":68,"_13":143,"_41":48,"_144":105,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":14,"_151":12},"ctx",{"_136":-5,"_173":230,"_231":232,"_233":234,"_235":36,"_236":36,"_237":36,"_238":34,"_239":-5,"_240":-7,"_241":-7,"_242":94,"_243":36,"_244":36,"_245":-5,"_246":36,"_247":36,"_248":36,"_249":-5},"ENV",{"_201":202,"_203":204,"_205":143,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229},"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"]