Penguin Writes Mochii

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_177":178,"_179":180},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_134":-5,"_20":135,"_22":136,"_137":138,"_139":140,"_26":141,"_24":142,"_143":-5,"_144":-5,"_145":51,"_146":147,"_148":43,"_149":-5,"_150":-5,"_151":152},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","ethansalve990_b86130e2","name","untitled-6272","branchName","main","version","path","index.html","project",{"_33":80,"_13":14,"_44":81,"_82":-5,"_83":51,"_84":85,"_86":85,"_87":-5,"_88":-5,"_89":90,"_91":-5,"_92":51,"_93":-5,"_94":-5,"_95":96,"_97":98,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":104,"_105":104,"_106":107,"_108":107,"_109":107,"_110":104,"_111":104,"_112":113,"_114":115,"_116":117,"_118":51},"tree",[54,55,56],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":53},"contents",[],"upstream","pull","ahead","behind","envVars","id","ec85791e-33bb-11f1-ad3b-42b51c65c3df","fileId","c94c3010-33ab-11f1-a397-42b51c65c3df","parentId","branchId","4a0d74ea-33aa-11f1-97c8-42b51c65c3df","branchVersion",23,"latest",true,"createdAt",["D",1775701764514],7,"fileType","content","\n\n \n \n \n Penguin Writes Mochii\n \n \n \n

\n \n \n","deleted",false,"label",[19],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":77,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_65":78,"_18":79},{"_33":68,"_13":69,"_35":70,"_37":-5,"_38":39,"_40":71,"_42":43,"_44":72,"_17":62,"_47":73,"_48":74,"_50":51,"_52":-5,"_65":75,"_18":76},{"_33":57,"_13":58,"_35":59,"_37":-5,"_38":39,"_40":60,"_42":43,"_44":61,"_17":62,"_47":63,"_48":64,"_50":51,"_52":-5,"_65":66,"_18":67},"e5be0ede-33bb-11f1-b9ad-42b51c65c3df","main.http.tsx","4a0fc5a6-33aa-11f1-97c8-42b51c65c3df",22,["D",1775701753140],6,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default staticHTTPServer(import.meta.url);","children",[],[58],"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();",[],[69],["D",1775701764514],[],[19],"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",0,"orgId","019d6f9d-f34e-7149-bf57-292642ffd597","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_133":129},"org",{"_11":12,"_127":-5,"_128":129,"_89":90,"_130":131,"_132":51},"branch",{"_17":71,"_13":16,"_33":39,"_119":80,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":14,"_126":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":80,"_13":14,"_44":173,"_82":-5,"_83":51,"_84":85,"_86":85,"_87":-5,"_88":-5,"_89":90,"_91":-5,"_92":51,"_93":-5,"_94":-5,"_95":96,"_97":98,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":104,"_105":104,"_106":107,"_108":107,"_109":107,"_110":104,"_111":104,"_112":174,"_114":175,"_116":176,"_118":51},[164,165,166],"files",[164,165,166],"counts",{"_154":96,"_155":156,"_157":96,"_32":158,"_159":160},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":153},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches",1,"forks",{"_161":96,"_163":96},"connections",{"_161":96,"_162":96},"count","unfilledCount","emptyCount",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":77,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_65":171,"_18":172},{"_33":68,"_13":69,"_35":70,"_37":-5,"_38":39,"_40":71,"_42":43,"_44":72,"_17":62,"_47":73,"_48":74,"_50":51,"_52":-5,"_65":169,"_18":170},{"_33":57,"_13":58,"_35":59,"_37":-5,"_38":39,"_40":60,"_42":43,"_44":61,"_17":62,"_47":63,"_48":64,"_50":51,"_52":-5,"_65":167,"_18":168},[],[58],[],[69],[],[19],["D",1775694190499],{"_11":12,"_133":129},{"_11":12,"_127":-5,"_128":129,"_89":90,"_130":131,"_132":51},{"_17":71,"_13":16,"_33":39,"_119":80,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":14,"_126":12},"ctx",{"_112":-5,"_150":210,"_211":212,"_213":214,"_215":51,"_216":51,"_217":51,"_218":43,"_219":-5,"_220":-7,"_221":-7,"_222":96,"_223":51,"_224":51,"_225":-5,"_226":51,"_227":51,"_228":51,"_229":-5},"ENV",{"_181":182,"_183":184,"_185":16,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209},"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"]