[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_239":240,"_241":242},"routes/_app.x.$handle.$name",{"_100":99,"_32":44,"_108":87,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":121,"_122":123,"_124":25,"_125":126,"_127":57,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",17,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","index.html","latestPath","fileId","019e6f3a-9b0b-73a3-930e-94d585d90cc2","name","fileType","content","\n\n\n \n \n Liquid Patina // Refined Index\n \n \n \n \n \n\n \n\n\n\n

\n\n

\n \n

index // archive

\n\n

SYS // LOADING

Liquid Refraction Engines

The progression of user experience design has arrived at a critical junction: the intersection of raw computation and optical simulation.

\n Read Article\n →\n

\n\n

SYS // LOADING

The Patina of Web Artifacts

As the web matures, it generates its own structural history. Today, we view early web limitations as distinct, premium aesthetic markers.

\n Read Article\n →\n

\n\n

SYS // LOADING

Hyper-Skeuomorphic Planes

Hyper-skeuomorphism bypasses literal structural representations in favor of deep lighting rules and live kinetic animation profiles.

\n Read Article\n →\n

\n\n

\n \n

\n\n

\n\n \n\n \n\n \n\n","\n\n\n \n \n Liquid Patina // Refined Index\n \n \n \n \n \n\n \n\n\n\n

\n\n

\n \n

index // archive

\n\n

SYS // LOADING

Liquid Refraction Engines

The progression of user experience design has arrived at a critical junction: the intersection of raw computation and optical simulation.

\n Read Article\n →\n

\n\n

SYS // LOADING

The Patina of Web Artifacts

As the web matures, it generates its own structural history. Today, we view early web limitations as distinct, premium aesthetic markers.

\n Read Article\n →\n

\n\n

SYS // LOADING

Hyper-Skeuomorphic Planes

Hyper-skeuomorphism bypasses literal structural representations in favor of deep lighting rules and live kinetic animation profiles.

\n Read Article\n →\n

\n\n

\n \n

\n\n

\n\n \n\n \n\n \n\n","createdAt",["D",1780325332568],"branchVersion","branchId","f4c7c3e6-5aaa-11f1-8e84-ee650bb23af1","id","f4c3fa18-5aaa-11f1-8e84-ee650bb23af1","basic-html-starter5",["D",1779982572252],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","01999b42-6923-7516-b82f-33ca961b034d","pinnedFileId","019e6f3a-9b0b-73a3-930e-9956b82084ae","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01999b42-6923-7516-b82f-3505b8a0d6c5","tursoName","f4c3fa185aaa11f18e84ee650bb23af1","tursoHostname","f4c3fa185aaa11f18e84ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789492855745],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":53,"_104":105,"_106":25},"branch",{"_13":14,"_32":87,"_42":41,"_88":43,"_89":90,"_91":92,"_93":49,"_94":95,"_96":63,"_97":44,"_98":99},"isOwned","main","projectId","forkedBranchId","dc43cf5e-f682-11f0-90bf-42dde27851f2","forkedBranchVersion",34,"forkedProjectPrivacy","forkedProjectId","dc4048ac-f682-11f0-90bf-42dde27851f2","forkedProjectOrgId","projectName","userHandle","want","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzUVBmSlozZlNTS0gzRFFsaHhPZk84VDFPNyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":234,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":235,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":236,"_82":237,"_84":238,"_86":25},"tree",[205,206,207,208,209,210,211],"files",[205,206,207,208,209,210,211],"counts",{"_195":61,"_196":170,"_197":61,"_198":199,"_200":201},"contents",[141,142,143,144,145,146,147],"upstreamProject",{"_42":95,"_32":139,"_51":-5,"_52":-5,"_48":49,"_80":140},"upstreamBranch",{"_42":90,"_37":132,"_133":134,"_32":87,"_88":95,"_13":92,"_89":135,"_91":136,"_137":138,"_46":-5,"_86":25,"_48":49,"_98":99,"_62":63,"_97":139},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1768970234977],"updatedAt",["D",1769622974019],"1bd09c8a-f2f8-11f0-af8c-42dde27851f2",43,"lockfileKey","1769622975181-esm.town_v_want_basic-html-starter4@34-main","basic-html-starter4",{"_100":99,"_107":103},{"_42":190,"_32":49,"_30":191,"_151":-5,"_40":41,"_39":170,"_153":57,"_37":192,"_13":61,"_33":193,"_34":-5,"_24":25,"_157":-5,"_27":194},{"_42":184,"_32":185,"_30":186,"_151":-5,"_40":41,"_39":170,"_153":57,"_37":187,"_13":61,"_33":20,"_34":188,"_24":25,"_157":-5,"_27":189},{"_42":178,"_32":179,"_30":180,"_151":-5,"_40":41,"_39":170,"_153":57,"_37":181,"_13":61,"_33":20,"_34":182,"_24":25,"_157":-5,"_27":183},{"_42":174,"_32":28,"_30":31,"_151":-5,"_40":41,"_39":14,"_153":57,"_37":175,"_13":176,"_33":20,"_34":36,"_24":25,"_157":-5,"_27":177},{"_42":166,"_32":167,"_30":55,"_151":-5,"_40":41,"_39":168,"_153":57,"_37":169,"_13":170,"_33":171,"_34":172,"_24":25,"_157":-5,"_27":173},{"_42":159,"_32":160,"_30":161,"_151":-5,"_40":41,"_39":162,"_153":57,"_37":163,"_13":61,"_33":20,"_34":164,"_24":25,"_157":-5,"_27":165},{"_42":148,"_32":149,"_30":150,"_151":-5,"_40":41,"_39":152,"_153":57,"_37":154,"_13":61,"_33":155,"_34":156,"_24":25,"_157":-5,"_27":158},"1c51b4b0-5dc8-11f1-98c3-1607ee4eb77e","video.ts","1c51b58c-5dc8-11f1-98c3-1607ee4eb77e","parentId",13,"latest",["D",1780324947505],"script","import { blob } from \"https://esm.town/v/std/blob\";\n\n// The blob key under which the background video is stored.\nexport const VIDEO_BLOB_KEY = \"cloud-mp4\";\n\n/**\n * Serve the background video from blob storage with HTTP Range support.\n *\n * Range support is what lets browsers stream and seek the video, and many\n * browsers will refuse to even start playing a

Liquid Refraction Engines

The Patina of Web Artifacts

Hyper-Skeuomorphic Planes

Liquid Refraction Engines

The Patina of Web Artifacts

Hyper-Skeuomorphic Planes

Background video

Diff · v17