PageSourceSearch

https://www.ujjwalagarwal.com/work/timelines/

html ujjwalagarwal.com collected 2026-10-06 11:00:46 UTC 40,255 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="fraunces_38ac04fb-module__eCEi9q__variable hanken_grotesk_e87ef351-module__gkCOZW__variable jetbrains_mono_2c330a35-module__w3uxYa__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/54fc36028e2bb174-s.p.20jfceqj9zyw9.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/66b33cc02d8f8b9d-s.p.3slq8sz4zhb1g.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c47649aa31f9e140-s.p.3lxpqujs87tck.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/2k1poxkof2g0n.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/1pprjam-awg24.js"/>
1<script src="/_next/static/chunks/0paxexg6-m0de.js" async=""></script>
1<script src="/_next/static/chunks/0y-qmi6py9vt0.js" async=""></script>
1<script src="/_next/static/chunks/2nykiepra7i1k.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-3e0vgzsextt_k.js" async=""></script>
1<script src="/_next/static/chunks/3rdqn8rx95pw7.js" async=""></script>
1<script src="/_next/static/chunks/14mrh2-p_w84d.js" async=""></script>
1<script src="/_next/static/chunks/3tte7lhlvfih6.js" async=""></script>
1<script src="/_next/static/chunks/187fqkobd87o7.js" async=""></script>
1<script src="/_next/static/chunks/36h26fgg2j09f.js" async=""></script>
1<script src="/_next/static/chunks/18z3sfs8uwebz.js" async=""></script>
1<script src="/_next/static/chunks/1154-xmho7hrf.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Timelines — Ujjwal Agarwal</title><meta name="description" content="A real-time generative clock that refuses to read like one: the hour sets the number of rows, the minute and second drive the motion within them, and the background flips with AM and PM. What you see above is the piece running on your clock, right now."/><meta property="og:title" content="Ujjwal Agarwal — Generative Artist &amp; Creative Technologist"/><meta property="og:description" content="An exploration of time — of moments, of meaning."/><meta property="og:url" content="https://www.ujjwalagarwal.com/"/><meta property="og:site_name" content="Ujjwal Agarwal"/><meta property="og:image" content="https://www.ujjwalagarwal.com/og.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Ujjwal Agarwal"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@kalatalk"/><meta name="twitter:title" content="Ujjwal Agarwal — Generative Artist &amp; Creative Technologist"/><meta name="twitter:description" content="An exploration of time — of moments, of meaning."/><meta name="twitter:image" content="https://www.ujjwalagarwal.com/og.png"/><link rel="icon" href="/icon.svg" type="image/svg+xml"/>
1<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
1</head><body class="grain"><div hidden=""><!--$--><!--/$--></div><div aria-hidden="true" style="position:fixed;inset:0;z-index:100;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem"><div style="width:min(62vw, 380px);aspect-ratio:1 / 1;position:relative;will-change:transform, filter"><span role="img" aria-label="Ujjwal Agarwal" class="portrait-mark  " style="display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0.07"></span><span role="img" aria-label="Ujjwal Agarwal" class="portrait-mark mondrian " style="display:block;width:100%;height:100%;position:absolute;inset:0;clip-path:inset(100% 0 0 0);transition:clip-path 0.25s linear"></span></div></div><header style="position:fixed;top:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.6rem clamp(1.2rem, 4vw, 3rem);color:var(--black);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;transition:padding 0.5s var(--ease-out-expo), background 0.5s var(--ease-out-expo), border-color 0.5s var(--ease-out-expo)"><span class="hide-sm" style="justify-self:start;grid-column:1"><span class="mono">BLR <!-- --> <span style="color:var(--mond-red)">●</span></span></span><a aria-label="Home" id="nav-logo" style="justify-self:center;grid-column:2" href="/"><span role="img" aria-label="Ujjwal Agarwal" class="portrait-mark  " style="display:block;width:100px;height:100px"></span></a><button aria-label="Open menu" aria-expanded="false" class="mono" style="justify-self:end;grid-column:3;display:flex;align-items:center;gap:0.7rem;background:none;border:none;cursor:pointer;color:var(--black);padding:0"><span class="hide-sm">Menu</span><span aria-hidden="true" style="display:inline-flex;flex-direction:column;gap:5px;width:26px"><span style="height:1.5px;width:100%;background:var(--black);transition:transform 0.4s var(--ease-out-expo);transform:none"></span><span style="height:1.5px;width:100%;background:var(--black);transition:transform 0.4s var(--ease-out-expo);transform:none"></span></span></button></header><div style="position:fixed;inset:0;z-index:49;background:var(--paper);padding:clamp(1.5rem, 5vw, 3rem);display:flex;flex-direction:column;justify-content:center;clip-path:inset(0 0 100% 0);opacity:0;pointer-events:none;transition:clip-path 0.7s var(--ease-out-expo), opacity 0.4s ease"><nav style="display:grid;gap:0.4rem"><a style="display:flex;align-items:baseline;gap:1.2rem;width:100%;padding:0.4rem 0;font-family:var(--font-display);font-size:var(--step-3);line-height:1.1;color:var(--black);transform:translateY(40px);opacity:0;transition:transform 0.7s var(--ease-out-expo) 0.12s, opacity 0.7s ease 0.12s" href="/#work"><span class="mono" style="font-size:var(--step--1)">01</span>Work</a><a style="display:flex;align-items:baseline;gap:1.2rem;width:100%;padding:0.4rem 0;font-family:var(--font-display);font-size:var(--step-3);line-height:1.1;color:var(--black);transform:translateY(40px);opacity:0;transition:transform 0.7s var(--ease-out-expo) 0.19s, opacity 0.7s ease 0.19s" href="/#about"><span class="mono" style="font-size:var(--step--1)">02</span>About</a><a style="display:flex;align-items:baseline;gap:1.2rem;width:100%;padding:0.4rem 0;font-family:var(--font-display);font-size:var(--step-3);line-height:1.1;color:var(--black);transform:translateY(40px);opacity:0;transition:transform 0.7s var(--ease-out-expo) 0.26s, opacity 0.7s ease 0.26s" href="/#kala"><span class="mono" style="font-size:var(--step--1)">03</span>Order of Kala</a></nav><div class="mono" style="margin-top:clamp(2.5rem, 6vh, 5rem);display:flex;flex-wrap:wrap;gap:1.5rem;color:var(--black)"><a class="link" href="mailto:[email protected]">[email protected]</a><a class="link" href="https://www.instagram.com/kala.cast" target="_blank" rel="noreferrer">Instagram</a><a class="link" href="https://x.com/kalatalk" target="_blank" rel="noreferrer">Twitter</a><a class="link" href="https://soundcloud.com/kalabmusic" target="_blank" rel="noreferrer">SoundCloud</a><a class="link" href="https://www.orderofkala.org" target="_blank" rel="noreferrer">Order of Kala</a></div></div><main><div style="animation:page-rise 0.9s var(--ease-out-expo) both"><article><section style="position:relative;height:100svh;overflow:hidden;background:var(--paper)"><iframe title="Timelines — live generative timepiece" src="/work/timelines/live.html?s=1" style="width:100%;height:100%;border:none;display:block;background:#000"></iframe><div aria-hidden="true" style="position:absolute;
1left:50%;bottom:22px;transform:translateX(-50%);z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:7px;color:#fff;mix-blend-mode:difference;opacity:0.85;transition:opacity 0.5s ease"><span class="mono" style="font-size:0.66rem;letter-spacing:0.22em">SCROLL</span><span class="scroll-bob" style="font-size:1rem;line-height:1">↓</span></div></section><header class="wrap" style="padding-top:clamp(2.5rem, 7vh, 5.5rem)"><div class="mono" style="color:var(--saffron);display:flex;gap:1.2rem;flex-wrap:wrap;margin-bottom:1.5rem"><span>03</span><span style="color:var(--ash)">/</span><span>Real-time installation</span><span style="color:var(--ash)">/</span><span>2022</span></div><h1 style="font-size:var(--step-5)">Timelines</h1><p style="max-width:40ch;margin-top:1.5rem;color:var(--bone-dim);font-size:var(--step-1);line-height:1.35">A real-time generative timepiece — the hero above is the live clock.</p></header><section class="wrap" style="padding-block:clamp(5rem, 12vh, 10rem)"><div class="proj-body"><div><div style="opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease-out-expo) 0s, transform 1.1s var(--ease-out-expo) 0s;will-change:opacity, transform"><p style="font-family:var(--font-display);font-size:var(--step-2);line-height:1.2;color:var(--bone);margin-bottom:3rem">A real-time generative clock that refuses to read like one: the hour sets the number of rows, the minute and second drive the motion within them, and the background flips with AM and PM. What you see above is the piece running on your clock, right now.</p></div><div style="opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease-out-expo) 0s, transform 1.1s var(--ease-out-expo) 0s;will-change:opacity, transform"><p style="color:var(--bone-dim);margin-bottom:1.6rem;max-width:60ch;font-size:var(--step-1);line-height:1.5">Timelines treats the present moment as the only material. A flocking system fills a row for every hour; as the minutes and seconds pass, the lines articulate and shift, and on the turn of each hour the field resolves and re-forms. Day and night invert the palette, so the work carries the colour of the time you meet it.</p></div><div style="opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease-out-expo) 0.05s, transform 1.1s var(--ease-out-expo) 0.05s;will-change:opacity, transform"><p style="color:var(--bone-dim);margin-bottom:1.6rem;max-width:60ch;font-size:var(--step-1);line-height:1.5">Shown as a large-format outdoor installation at Method, and as a solo projection on the Jodhpur Clock Tower — a generative timepiece set against a centuries-old one.</p></div></div><aside><dl style="display:grid;gap:1.2rem;margin:0"><div style="display:grid;gap:0.3rem;border-bottom:1px solid var(--line);padding-bottom:1.2rem"><dt class="mono" style="color:var(--ash)">Medium</dt><dd style="margin:0;color:var(--bone)">p5.js / real-time</dd></div><div style="display:grid;gap:0.3rem;border-bottom:1px solid var(--line);padding-bottom:1.2rem"><dt class="mono" style="color:var(--ash)">Venues</dt><dd style="margin:0;color:var(--bone)">Method · Jodhpur Clock Tower</dd></div><div style="display:grid;gap:0.3rem;border-bottom:1px solid var(--line);padding-bottom:1.2rem"><dt class="mono" style="color:var(--ash)">Mode</dt><dd style="margin:0;color:var(--bone)">Outdoor projection</dd></div><div style="display:grid;gap:0.3rem;border-bottom:1px solid var(--line);padding-bottom:1.2rem"><dt class="mono" style="color:var(--ash)">Year</dt><dd style="margin:0;color:var(--bone)">2022</dd></div></dl></aside></div></section><section class="wrap" style="padding-bottom:clamp(3rem, 8vh, 7rem)"><div style="position:relative;width:100%;aspect-ratio:16 / 9;margin-bottom:1.2rem;background:#000"><iframe src="https://www.youtube-nocookie.com/embed/b84ZK8O1E2I" title="Timelines — video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen="" style="position:absolute;inset:0;width:100%;height:100%;border:0;display:block"></iframe></div><div class="gallery"><div class="gal-row"><figure class="gal-cell"><img src="/work/timelines/1200am.png" alt="Timelines" loading="lazy"/><figcaption class="mono">12:00 AM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/100am.png" alt="Timelines" loading="lazy"/><figcaption class="mono">1:00 AM</figcaption></figure></div><div class="gal-row"><figure class="gal-cell"><img src="/work/timelines/200am.png" alt="Timelines" loading="lazy"/><figcaption class="mono">2:00 AM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/400am.png" alt="Timelines" loading="lazy"/><figcaption class="mono">4:00 AM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/600am.png" alt="Timelines" loading="lazy"/><figcaption class="mono">6:00 AM</figcaption></figure></div><div class="gal-row"><figure class="gal-cell"><img src="/work/timelines/700am.png" alt="Timelines" loading="lazy"/><figcaption class="mono">7:00 AM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/930am.png" alt="Timelines" loading="lazy"/><figcaption class="mono">9:30 AM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/1111am.png" alt="Timelines" loading="lazy"/><figcaption class="mono">11:11 AM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/1200pm.png" alt="Timelines" loading="lazy"/><figcaption class="mono">12:00 PM</figcaption></figure></div><div class="gal-row"><figure class="gal-cell"><img src="/work/timelines/215pm.png" alt="Timelines" loading="lazy"/><figcaption class="mono">2:15 PM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/300pm.png" alt="Timelines" loading="lazy"/><figcaption class="mono">3:00 PM</figcaption></figure></div><div class="gal-row"><figure class="gal-cell"><img src="/work/timelines/345pm.png" alt="Timelines" loading="lazy"/><figcaption class="mono">3:45 PM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/500pm.png" alt="Timelines" loading="lazy"/><figcaption class="mono">5:00 PM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/600pm.png" alt="Timelines" loading="lazy"/><figcaption class="mono">6:00 PM</figcaption></figure></div><div class="gal-row"><figure class="gal-cell"><img src="/work/timelines/715pm.png" alt="Timelines" loading="lazy"/><figcaption class="mono">7:15 PM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/800pm.png" alt="Timelines" loading="lazy"/><figcaption class="mono">8:00 PM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/845pm.png" alt="Timelines" loading="lazy"/><figcaption class="mono">8:45 PM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/900pm.png" alt="Timelines" loading="lazy"/><figcaption class="mono">9:00 PM</figcaption></figure><figure class="gal-cell"><img src="/work/timelines/1015pm.png" alt="Timelines" loading="lazy"/><figcaption class="mono">
110:15 PM</figcaption></figure></div></div></section><section class="wrap" style="padding-bottom:clamp(3rem, 8vh, 7rem)"><div class="mono" style="color:var(--saffron);border-bottom:1px solid var(--line);padding-bottom:1.1rem;margin-bottom:1.5rem">Solo projection — Jodhpur Clock Tower (SITE Jodhpur)</div><blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/DBREEUFoNUS/?utm_source=ig_embed&amp;utm_campaign=loading" data-instgrm-version="14" style="background:#FFF;border:0;border-radius:3px;margin:0 auto;max-width:540px;width:100%;padding:0"></blockquote></section><a class="wrap" style="display:flex;justify-content:space-between;align-items:baseline;padding-block:clamp(4rem, 10vh, 8rem);border-top:1px solid var(--line)" href="/work/silent-night/"><span class="mono" style="color:var(--ash)">Next</span><span style="font-family:var(--font-display);font-size:var(--step-3);color:var(--bone)" class="link">Silent Night<!-- --> →</span></a></article><!--$--><!--/$--></div></main>
1<script src="/_next/static/chunks/1pprjam-awg24.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[24179,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\"],\"default\"]\n3:I[23323,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\"],\"default\"]\n4:I[20032,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\"],\"default\"]\n5:I[84834,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\"],\"default\"]\n6:I[39756,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\"],\"default\"]\n7:I[16868,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\",\"/_next/static/chunks/36h26fgg2j09f.js\"],\"default\"]\n8:I[37457,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\"],\"default\"]\na:I[97367,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\"],\"OutletBoundary\"]\nb:\"$Sreact.suspense\"\ne:I[97367,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\"],\"ViewportBoundary\"]\n10:I[97367,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\"],\"MetadataBoundary\"]\n12:I[68027,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/2k1poxkof2g0n.css\",\"style\"]\n:HL[\"/_next/static/media/54fc36028e2bb174-s.p.20jfceqj9zyw9.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/66b33cc02d8f8b9d-s.p.3slq8sz4zhb1g.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c47649aa31f9e140-s.p.3lxpqujs87tck.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"work\",\"timelines\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"work\",{\"children\":[[\"slug\",\"timelines\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2k1poxkof2g0n.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/14mrh2-p_w84d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/3tte7lhlvfih6.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/187fqkobd87o7.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"fraunces_38ac04fb-module__eCEi9q__variable hanken_grotesk_e87ef351-module__gkCOZW__variable jetbrains_mono_2c330a35-module__w3uxYa__variable\",\"children\":[\"$\",\"body\",null,{\"className\":\"grain\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"children\":[[\"$\",\"$L5\",null,{}],[\"$\",\"main\",null,{\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$L8\",null,{}]}],\"templateStyles\":[],\"templateScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/36h26fgg2j09f.js\",\"async\":true}]],\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L9\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/18z3sfs8uwebz.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1154-xmho7hrf.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$La\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@c\"}]}]]}],{}
1,null,false,null]},null,false,\"$@d\"]},null,false,\"$@d\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L10\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L11\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$12\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2k1poxkof2g0n.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"MHmwIkuWN40nBFfn_neek\"}\n"])</script>
1<script>self.__next_f.push([1,"13:[]\nd:\"$W13\"\n"])</script>
1<script>self.__next_f.push([1,"14:I[56812,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\",\"/_next/static/chunks/18z3sfs8uwebz.js\",\"/_next/static/chunks/1154-xmho7hrf.js\"],\"default\"]\n15:I[23548,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\",\"/_next/static/chunks/18z3sfs8uwebz.js\",\"/_next/static/chunks/1154-xmho7hrf.js\"],\"default\"]\n16:I[96199,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\",\"/_next/static/chunks/18z3sfs8uwebz.js\",\"/_next/static/chunks/1154-xmho7hrf.js\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"9:[\"$\",\"article\",null,{\"children\":[[\"$\",\"section\",null,{\"style\":{\"position\":\"relative\",\"height\":\"100svh\",\"overflow\":\"hidden\",\"background\":\"var(--paper)\"},\"children\":[[\"$\",\"$L14\",null,{\"slug\":\"timelines\"}],[\"$\",\"$L15\",null,{}]]}],[\"$\",\"header\",null,{\"className\":\"wrap\",\"style\":{\"paddingTop\":\"clamp(2.5rem, 7vh, 5.5rem)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"mono\",\"style\":{\"color\":\"var(--saffron)\",\"display\":\"flex\",\"gap\":\"1.2rem\",\"flexWrap\":\"wrap\",\"marginBottom\":\"1.5rem\"},\"children\":[[\"$\",\"span\",null,{\"children\":\"03\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--ash)\"},\"children\":\"/\"}],[\"$\",\"span\",null,{\"children\":\"Real-time installation\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--ash)\"},\"children\":\"/\"}],[\"$\",\"span\",null,{\"children\":\"2022\"}]]}],[\"$\",\"h1\",null,{\"style\":{\"fontSize\":\"var(--step-5)\"},\"children\":\"Timelines\"}],[\"$\",\"p\",null,{\"style\":{\"maxWidth\":\"40ch\",\"marginTop\":\"1.5rem\",\"color\":\"var(--bone-dim)\",\"fontSize\":\"var(--step-1)\",\"lineHeight\":1.35},\"children\":\"A real-time generative timepiece — the hero above is the live clock.\"}]]}],[\"$\",\"section\",null,{\"className\":\"wrap\",\"style\":{\"paddingBlock\":\"clamp(5rem, 12vh, 10rem)\"},\"children\":[\"$\",\"div\",null,{\"className\":\"proj-body\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"$L16\",null,{\"children\":[\"$\",\"p\",null,{\"style\":{\"fontFamily\":\"var(--font-display)\",\"fontSize\":\"var(--step-2)\",\"lineHeight\":1.2,\"color\":\"var(--bone)\",\"marginBottom\":\"3rem\"},\"children\":\"A real-time generative clock that refuses to read like one: the hour sets the number of rows, the minute and second drive the motion within them, and the background flips with AM and PM. What you see above is the piece running on your clock, right now.\"}]}],[[\"$\",\"$L16\",\"0\",{\"delay\":0,\"children\":[\"$\",\"p\",null,{\"style\":{\"color\":\"var(--bone-dim)\",\"marginBottom\":\"1.6rem\",\"maxWidth\":\"60ch\",\"fontSize\":\"var(--step-1)\",\"lineHeight\":1.5},\"children\":\"Timelines treats the present moment as the only material. A flocking system fills a row for every hour; as the minutes and seconds pass, the lines articulate and shift, and on the turn of each hour the field resolves and re-forms. Day and night invert the palette, so the work carries the colour of the time you meet it.\"}]}],[\"$\",\"$L16\",\"1\",{\"delay\":0.05,\"children\":[\"$\",\"p\",null,{\"style\":{\"color\":\"var(--bone-dim)\",\"marginBottom\":\"1.6rem\",\"maxWidth\":\"60ch\",\"fontSize\":\"var(--step-1)\",\"lineHeight\":1.5},\"children\":\"Shown as a large-format outdoor installation at Method, and as a solo projection on the Jodhpur Clock Tower — a generative timepiece set against a centuries-old one.\"}]}]],\"$undefined\"]}],[\"$\",\"aside\",null,{\"children\":[\"$\",\"dl\",null,{\"style\":{\"display\":\"grid\",\"gap\":\"1.2rem\",\"margin\":0},\"children\":[[\"$\",\"div\",\"Medium\",{\"style\":{\"display\":\"grid\",\"gap\":\"0.3rem\",\"borderBottom\":\"1px solid var(--line)\",\"paddingBottom\":\"1.2rem\"},\"children\":[[\"$\",\"dt\",null,{\"className\":\"mono\",\"style\":{\"color\":\"var(--ash)\"},\"children\":\"Medium\"}],[\"$\",\"dd\",null,{\"style\":{\"margin\":0,\"color\":\"var(--bone)\"},\"children\":\"p5.js / real-time\"}]]}],[\"$\",\"div\",\"Venues\",{\"style\":{\"display\":\"grid\",\"gap\":\"0.3rem\",\"borderBottom\":\"1px solid var(--line)\",\"paddingBottom\":\"1.2rem\"},\"children\":[[\"$\",\"dt\",null,{\"className\":\"mono\",\"style\":{\"color\":\"var(--ash)\"},\"children\":\"Venues\"}],[\"$\",\"dd\",null,{\"style\":{\"margin\":0,\"color\":\"var(--bone)\"},\"children\":\"Method · Jodhpur Clock Tower\"}]]}],[\"$\",\"div\",\"Mode\",{\"style\":{\"display\":\"grid\",\"gap\":\"0.3rem\",\"borderBottom\":\"1px solid var(--line)\",\"paddingBottom\":\"1.2rem\"},\"children\":[[\"$\",\"dt\",null,{\"className\":\"mono\",\"style\":{\"color\":\"var(--ash)\"},\"children\":\"Mode\"}],[\"$\",\"dd\",null,{\"style\":{\"margin\":0,\"color\":\"var(--bone)\"},\"children\":\"Outdoor projection\"}]]}
1],[\"$\",\"div\",\"Year\",{\"style\":{\"display\":\"grid\",\"gap\":\"0.3rem\",\"borderBottom\":\"1px solid var(--line)\",\"paddingBottom\":\"1.2rem\"},\"children\":[[\"$\",\"dt\",null,{\"className\":\"mono\",\"style\":{\"color\":\"var(--ash)\"},\"children\":\"Year\"}],[\"$\",\"dd\",null,{\"style\":{\"margin\":0,\"color\":\"var(--bone)\"},\"children\":\"2022\"}]]}]]}]}]]}]}],[\"$\",\"section\",null,{\"className\":\"wrap\",\"style\":{\"paddingBottom\":\"clamp(3rem, 8vh, 7rem)\"},\"children\":[[\"$\",\"div\",null,{\"style\":{\"position\":\"relative\",\"width\":\"100%\",\"aspectRatio\":\"16 / 9\",\"marginBottom\":\"1.2rem\",\"background\":\"#000\"},\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://www.youtube-nocookie.com/embed/b84ZK8O1E2I\",\"title\":\"Timelines — video\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\",\"allowFullScreen\":true,\"style\":{\"position\":\"absolute\",\"inset\":0,\"width\":\"100%\",\"height\":\"100%\",\"border\":0,\"display\":\"block\"}}]}],\"$undefined\",null,\"$L17\"]}],\"$L18\",\"$undefined\",\"$L19\"]}]\n"])</script>
1<script>self.__next_f.push([1,"1c:I[44389,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\",\"/_next/static/chunks/18z3sfs8uwebz.js\",\"/_next/static/chunks/1154-xmho7hrf.js\"],\"default\"]\n1d:I[22016,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\",\"/_next/static/chunks/18z3sfs8uwebz.js\",\"/_next/static/chunks/1154-xmho7hrf.js\"],\"\"]\n"])</script>
1<script>self.__next_f.push([1,"17:[\"$\",\"div\",null,{\"className\":\"gallery\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"gal-row\",\"children\":[[\"$\",\"figure\",\"/work/timelines/1200am.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/1200am.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"12:00 AM\"}]]}],[\"$\",\"figure\",\"/work/timelines/100am.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/100am.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"1:00 AM\"}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"gal-row\",\"children\":[[\"$\",\"figure\",\"/work/timelines/200am.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/200am.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"2:00 AM\"}]]}],[\"$\",\"figure\",\"/work/timelines/400am.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/400am.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"4:00 AM\"}]]}],[\"$\",\"figure\",\"/work/timelines/600am.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/600am.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"6:00 AM\"}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"gal-row\",\"children\":[[\"$\",\"figure\",\"/work/timelines/700am.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/700am.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"7:00 AM\"}]]}],[\"$\",\"figure\",\"/work/timelines/930am.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/930am.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"9:30 AM\"}]]}],[\"$\",\"figure\",\"/work/timelines/1111am.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/1111am.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"11:11 AM\"}]]}],[\"$\",\"figure\",\"/work/timelines/1200pm.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/1200pm.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"12:00 PM\"}]]}]]}],[\"$\",\"div\",\"3\",{\"className\":\"gal-row\",\"children\":[[\"$\",\"figure\",\"/work/timelines/215pm.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/215pm.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"2:15 PM\"}]]}],[\"$\",\"figure\",\"/work/timelines/300pm.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/300pm.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"3:00 PM\"}]]}]]}],[\"$\",\"div\",\"4\",{\"className\":\"gal-row\",\"children\":[[\"$\",\"figure\",\"/work/timelines/345pm.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/345pm.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"3:45 PM\"}]]}],[\"$\",\"figure\",\"/work/timelines/500pm.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/500pm.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"5:00 PM\"}]]}],[\"$\",\"figure\",\"/work/timelines/600pm.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/600pm.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"6:00 PM\"}]]}]]}],[\"$\",\"div\",\"5\",{\"className\":\"gal-row\",\"children\":[[\"$\",\"figure\",\"/work/timelines/715pm.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/715pm.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"7:15 PM\"}]]}],[\"$\",\"figure\",\"/work/timelines/800pm.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/800pm.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"8:00 PM\"}]]}],[\"$\",\"figure\",\"/work/timelines/845pm.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/845pm.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"8:45 PM\"}]]}],[\"$\",\"figure\",\"/work/timelines/900pm.png\",{\"className\":\"gal-cell\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/work/timelines/900pm.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}],[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"9:00 PM\"}]]}],[\"$\",\"figure\",\"/work/timelines/1015pm.png\",{\"className\":\"gal-cell\",\"children\":[\"$L1a\",\"$L1b\"]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"18:[\"$\",\"section\",null,{\"className\":\"wrap\",\"style\":{\"paddingBottom\":\"clamp(3rem, 8vh, 7rem)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"mono\",\"style\":{\"color\":\"var(--saffron)\",\"borderBottom\":\"1px solid var(--line)\",\"paddingBottom\":\"1.1rem\",\"marginBottom\":\"1.5rem\"},\"children\":\"Solo projection — Jodhpur Clock Tower (SITE Jodhpur)\"}],[\"$\",\"$L1c\",null,{\"url\":\"https://www.instagram.com/p/DBREEUFoNUS/\"}]]}]\n19:[\"$\",\"$L1d\",null,{\"href\":\"/work/silent-night\",\"className\":\"wrap\",\"style\":{\"display\":\"flex\",\"justifyContent\":\"space-between\",\"alignItems\":\"baseline\",\"paddingBlock\":\"clamp(4rem, 10vh, 8rem)\",\"borderTop\":\"1px solid var(--line)\"},\"children\":[[\"$\",\"span\",null,{\"className\":\"mono\",\"style\":{\"color\":\"var(--ash)\"},\"children\":\"Next\"}],[\"$\",\"span\",null,{\"style\":{\"fontFamily\":\"var(--font-display)\",\"fontSize\":\"var(--step-3)\",\"color\":\"var(--bone)\"},\"className\":\"link\",\"children\":[\"Silent Night\",\" →\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1a:[\"$\",\"img\",null,{\"src\":\"/work/timelines/1015pm.png\",\"alt\":\"Timelines\",\"loading\":\"lazy\"}]\n1b:[\"$\",\"figcaption\",null,{\"className\":\"mono\",\"children\":\"10:15 PM\"}]\n"])</script>
1<script>self.__next_f.push([1,"f:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"1e:I[27201,[\"/_next/static/chunks/3rdqn8rx95pw7.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3tte7lhlvfih6.js\",\"/_next/static/chunks/187fqkobd87o7.js\"],\"IconMark\"]\nc:null\n"])</script>
1<script>self.__next_f.push([1,"11:[[\"$\",\"title\",\"0\",{\"children\":\"Timelines — Ujjwal Agarwal\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"A real-time generative clock that refuses to read like one: the hour sets the number of rows, the minute and second drive the motion within them, and the background flips with AM and PM. What you see above is the piece running on your clock, right now.\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"Ujjwal Agarwal — Generative Artist \u0026 Creative Technologist\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"An exploration of time — of moments, of meaning.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:url\",\"content\":\"https://www.ujjwalagarwal.com/\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:site_name\",\"content\":\"Ujjwal Agarwal\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image\",\"content\":\"https://www.ujjwalagarwal.com/og.png\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:alt\",\"content\":\"Ujjwal Agarwal\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:creator\",\"content\":\"@kalatalk\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"Ujjwal Agarwal — Generative Artist \u0026 Creative Technologist\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"An exploration of time — of moments, of meaning.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://www.ujjwalagarwal.com/og.png\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"/icon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"$L1e\",\"17\",{}]]\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.