Penguin Writes Mochii

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_168":169,"_170":171},"routes/_app.x.$handle.$name",{"_16":17,"_20":21,"_81":64,"_82":76,"_62":-7,"_83":-5,"_13":84,"_85":86,"_11":87,"_88":89,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":26,"_96":97,"_98":99,"_100":-5,"_101":-5,"_102":103},"routes/_app.x.$handle.$name.search.$(branch)",{"_11":12,"_13":14,"_15":-5,"_16":17},"files",[],"project",{"_18":19,"_20":21,"_22":23,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":-5,"_35":26,"_36":-5,"_37":-5,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":-5,"_45":-5,"_46":47,"_48":47,"_49":50,"_51":50,"_52":50,"_53":47,"_54":47,"_55":56,"_57":58,"_59":60,"_61":26},"query","handle","ethansalve990_b86130e2","id","4a0cae84-33aa-11f1-97c8-42b51c65c3df","name","untitled-6272","createdAt",["D",1775694190499],"deletedAt","legacyEnvVars",false,"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",{"_16":17,"_80":76},"org",{"_16":17,"_74":-5,"_75":76,"_32":33,"_77":78,"_79":26},"branch",{"_62":63,"_20":64,"_18":65,"_66":19,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":21,"_73":17},"isOwned","version",24,"main","4a0d74ea-33aa-11f1-97c8-42b51c65c3df","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","","tier","free","canRestrictVals","profileImageUrl","branchName","path","adoptOrgId",{"_18":19,"_20":21,"_22":164,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":-5,"_35":26,"_36":-5,"_37":-5,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":-5,"_45":-5,"_46":47,"_48":47,"_49":50,"_51":50,"_52":50,"_53":47,"_54":47,"_55":165,"_57":166,"_59":167,"_61":26},"tree",[151,152,153],[151,152,153],"counts",{"_140":39,"_141":142,"_143":39,"_144":145,"_146":147},"contents",[104,105,106],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_18":132,"_20":133,"_109":134,"_111":-5,"_112":65,"_113":135,"_115":99,"_22":136,"_62":137,"_118":92,"_120":138,"_122":26,"_123":-5,"_82":139},{"_18":125,"_20":126,"_109":127,"_111":-5,"_112":65,"_113":63,"_115":99,"_22":128,"_62":117,"_118":129,"_120":130,"_122":26,"_123":-5,"_82":131},{"_18":107,"_20":108,"_109":110,"_111":-5,"_112":65,"_113":114,"_115":99,"_22":116,"_62":117,"_118":119,"_120":121,"_122":26,"_123":-5,"_82":124},"e5be0ede-33bb-11f1-b9ad-42b51c65c3df","main.http.tsx","fileId","4a0fc5a6-33aa-11f1-97c8-42b51c65c3df","parentId","branchId","branchVersion",22,"latest",["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",[108],"26a2de5c-33bc-11f1-83cc-42b51c65c3df","index.tsx","0f68d3fa-33ac-11f1-9c0e-42b51c65c3df",["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();",[126],"ec85791e-33bb-11f1-ad3b-42b51c65c3df","index.html","c94c3010-33ab-11f1-a397-42b51c65c3df",23,["D",1775701764514],7,"\n\n \n \n \n Penguin Writes Mochii\n \n \n \n

\n \n \n",[133],"pulls","branches",1,"forks","envVars",{"_148":39,"_150":39},"connections",{"_148":39,"_149":39},"count","unfilledCount","emptyCount",{"_18":132,"_20":133,"_109":134,"_111":-5,"_112":65,"_113":135,"_115":99,"_22":161,"_62":137,"_118":92,"_120":138,"_122":26,"_123":-5,"_155":162,"_82":163},{"_18":125,"_20":126,"_109":127,"_111":-5,"_112":65,"_113":63,"_115":99,"_22":158,"_62":117,"_118":129,"_120":130,"_122":26,"_123":-5,"_155":159,"_82":160},{"_18":107,"_20":108,"_109":110,"_111":-5,"_112":65,"_113":114,"_115":99,"_22":154,"_62":117,"_118":119,"_120":121,"_122":26,"_123":-5,"_155":156,"_82":157},["D",1775701753140],"children",[],[108],["D",1775701862014],[],[126],["D",1775701764514],[],[133],["D",1775694190499],{"_16":17,"_80":76},{"_16":17,"_74":-5,"_75":76,"_32":33,"_77":78,"_79":26},{"_62":63,"_20":64,"_18":65,"_66":19,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":21,"_73":17},"ctx",{"_55":-5,"_101":201,"_202":203,"_204":205,"_206":26,"_207":26,"_208":26,"_209":99,"_210":-5,"_211":-7,"_212":-7,"_213":39,"_214":26,"_215":26,"_216":-5,"_217":26,"_218":26,"_219":26,"_220":-5},"ENV",{"_172":173,"_174":175,"_176":64,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200},"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"]

Search