Gurden’s work portfolio 2023-01-25T00:00:00Z https://gurden.xyz// Gurden Batra gurden.batra@proton.me 2023-01-25T00:00:00Z https://gurden.xyz/blog/circulaw/ <p>An open source tool for city councils in Netherlands &amp; EU to help understand the details of legal framework to be able to push it towards circularity.</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/CL_themes-2928w.avif 2928w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/CL_themes-2928w.webp 2928w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/CL_themes-2928w.jpeg 2928w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/CL_themes-2928w.jpeg" width="2928" height="1856" alt="screenshot from CircuLaw app" loading="lazy" decoding="async" /></picture></figure> <p><a href="https://www.circulaw.nl/" target="_blank" rel="noopener">Link to the app</a><br /> <a href="https://github.com/Dark-Matter-Labs/circulaw" target="_blank" rel="noopener">Link to the code</a></p> <h2 id="tech-and-design-stack"><a class="heading-anchor" href="https://gurden.xyz/blog/circulaw/#tech-and-design-stack">Tech &amp; design stack</a></h2> <p>Next.JS<br /> Sanity<br /> Vercel<br /> Figma</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/CL_scroll-3064w.avif 3064w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/CL_scroll-3064w.webp 3064w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/CL_scroll-3064w.jpeg 3064w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/CL_scroll-3064w.jpeg" width="3064" height="1934" alt="screenshot from CircuLaw app" loading="lazy" decoding="async" /></picture></figure> <h2 id="collaborators"><a class="heading-anchor" href="https://gurden.xyz/blog/circulaw/#collaborators">Collaborators</a></h2> <p>Romy Snijders<br /> Heather Griffin<br /> Yvonne de Mey van Streefkerk<br /> Theo Campbell<br /> Andrea Vos<br /> Arianna Smaron<br /> Anahat Kaur</p> <p><a href="https://darkmatterlabs.org/initiatives/circulaw" target="_blank" rel="noopener">Read more</a></p> 2023-01-24T00:00:00Z https://gurden.xyz/blog/treesai-location-based-scoring/ <p>Geospatical data analysis tool to assess climate risks and help plant the right tree in the right location.</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/lbs-2-2880w.avif 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/lbs-2-2880w.webp 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/lbs-2-2880w.jpeg 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/lbs-2-2880w.jpeg" width="2880" height="1800" alt="screenshot from LBS app" loading="lazy" decoding="async" /></picture></figure> <p>Part of <a href="https://treesasinfrastructure.com/" target="_blank" rel="noopener">Trees as Infrastructure</a> project, made for Stuttgart Council.</p> <p><a href="https://lbs.treesai.org/" target="_blank" rel="noopener">Link to the app</a><br /> <a href="https://github.com/Dark-Matter-Labs/lbs-interface" target="_blank" rel="noopener">Link to the code</a><br /> <a href="https://www.loom.com/share/6bd73b45454f4b4e907e1081bdb050a4" target="_blank" rel="noopener">Demo video</a></p> <h2 id="tech-and-design-stack"><a class="heading-anchor" href="https://gurden.xyz/blog/treesai-location-based-scoring/#tech-and-design-stack">Tech &amp; design stack</a></h2> <p>React<br /> Mapbox<br /> Netlify<br /> Figma</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/lbs-heat-2880w.avif 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/lbs-heat-2880w.webp 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/lbs-heat-2880w.jpeg 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/lbs-heat-2880w.jpeg" width="2880" height="1800" alt="screenshot from LBS app" loading="lazy" decoding="async" /></picture></figure> <h2 id="collaborators"><a class="heading-anchor" href="https://gurden.xyz/blog/treesai-location-based-scoring/#collaborators">Collaborators</a></h2> <p>Sofia Valentini<br /> Arianna Smaron<br /> Alessandra Puricelli<br /> Sebastian Klemm</p> <p><a href="https://provocations.darkmatterlabs.org/treesai-is-implementing-location-based-scoring-in-stuttgart-c54c752bdaaf" target="_blank" rel="noopener">Read more</a></p> 2023-01-21T00:00:00Z https://gurden.xyz/blog/dark-matter-labs-website/ <p>Dark Matter Labs’ official website with 3D interactive matrix to explain Dm matrix and showcase all the work and team.</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/dm-1-2880w.avif 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/dm-1-2880w.webp 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/dm-1-2880w.jpeg 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/dm-1-2880w.jpeg" width="2880" height="1800" alt="screenshot from Dm site" loading="lazy" decoding="async" /></picture></figure> <p><a href="https://darkmatterlabs.org/" target="_blank" rel="noopener">Link to the site</a></p> <h2 id="tech-and-design-stack"><a class="heading-anchor" href="https://gurden.xyz/blog/dark-matter-labs-website/#tech-and-design-stack">Tech &amp; design stack</a></h2> <p>Next.JS<br /> Sanity<br /> Vercel<br /> Figma</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/dm-2-2880w.avif 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/dm-2-2880w.webp 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/dm-2-2880w.jpeg 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/dm-2-2880w.jpeg" width="2880" height="1800" alt="screenshot from Dm site" loading="lazy" decoding="async" /></picture></figure> <h2 id="collaborators"><a class="heading-anchor" href="https://gurden.xyz/blog/dark-matter-labs-website/#collaborators">Collaborators</a></h2> <p>Vlad Afanasiev<br /> Emily Harris</p> 2023-01-04T00:00:00Z https://gurden.xyz/blog/planetary-civics-inquiry/ <p>Static site to hold details about the initative and share resources.</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/pci-2880w.avif 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/pci-2880w.webp 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/pci-2880w.jpeg 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/pci-2880w.jpeg" width="2880" height="1800" alt="screenshot from PCI site" loading="lazy" decoding="async" /></picture></figure> <p><a href="https://www.circulaw.nl/" target="_blank" rel="noopener">Link to the site</a></p> <h2 id="tech-and-design-stack"><a class="heading-anchor" href="https://gurden.xyz/blog/planetary-civics-inquiry/#tech-and-design-stack">Tech &amp; design stack</a></h2> <p>Webflow</p> <h2 id="collaborators"><a class="heading-anchor" href="https://gurden.xyz/blog/planetary-civics-inquiry/#collaborators">Collaborators</a></h2> <p>Martin Lorenz<br /> Prateek Shankar</p> <p><a href="https://darkmatterlabs.org/feed/planetary-civics-inquiry" target="_blank" rel="noopener">Read more</a></p> 2023-01-02T00:00:00Z https://gurden.xyz/blog/life-pact/ <p>Website to share project and details and share tools and templates for replication and reuse of the work.</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/lp-1-2880w.avif 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/lp-1-2880w.webp 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/lp-1-2880w.jpeg 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/lp-1-2880w.jpeg" width="2880" height="1800" alt="screenshot from Life Pact site" loading="lazy" decoding="async" /></picture></figure> <p><a href="https://www.lifepactreplication.org/" target="_blank" rel="noopener">Link to the site</a><br /> <a href="https://github.com/Dark-Matter-Labs/life-pact" target="_blank" rel="noopener">Link to the code</a></p> <h2 id="tech-and-design-stack"><a class="heading-anchor" href="https://gurden.xyz/blog/life-pact/#tech-and-design-stack">Tech &amp; design stack</a></h2> <p>Webflow<br /> Figma</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/lp-2-2880w.avif 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/lp-2-2880w.webp 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/lp-2-2880w.jpeg 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/lp-2-2880w.jpeg" width="2880" height="1800" alt="screenshot from Life Pact site" loading="lazy" decoding="async" /></picture></figure> <h2 id="collaborators"><a class="heading-anchor" href="https://gurden.xyz/blog/life-pact/#collaborators">Collaborators</a></h2> <p>Alessandra Puricelli<br /> Alicia Carvajal Rowan</p> <p><a href="https://darkmatterlabs.org/feed/life-pact" target="_blank" rel="noopener">Read more</a></p> 2023-01-01T00:00:00Z https://gurden.xyz/blog/sheffield-city-goals/ <p>Website for Sheffield City to engage with their citizens and share all the work in the city goals space.</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/scg-1-2880w.avif 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/scg-1-2880w.webp 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/scg-1-2880w.jpeg 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/scg-1-2880w.jpeg" width="2880" height="1800" alt="screenshot from City Gaols site" loading="lazy" decoding="async" /></picture></figure> <p><a href="https://sheffieldcitygoals.uk/" target="_blank" rel="noopener">Link to the site</a></p> <h2 id="tech-and-design-stack"><a class="heading-anchor" href="https://gurden.xyz/blog/sheffield-city-goals/#tech-and-design-stack">Tech &amp; design stack</a></h2> <p>Readymag<br /> Figma</p> <h2 id="collaborators"><a class="heading-anchor" href="https://gurden.xyz/blog/sheffield-city-goals/#collaborators">Collaborators</a></h2> <p>Arianna Smaron<br /> Tom Beresford</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/scg-2-2880w.avif 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/scg-2-2880w.webp 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/scg-2-2880w.jpeg 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/scg-2-2880w.jpeg" width="2880" height="1800" alt="screenshot from City Gaols site" loading="lazy" decoding="async" /></picture></figure> 2022-01-01T00:00:00Z https://gurden.xyz/blog/flux-island/ <p>Website for student organised month long installations and worksops in Helsinki, Finland.</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/fi-1-2880w.avif 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/fi-1-2880w.webp 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/fi-1-2880w.jpeg 2880w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/fi-1-2880w.jpeg" width="2880" height="1800" alt="screenshot from Flux Island site" loading="lazy" decoding="async" /></picture></figure> <p><a href="https://www.fluxisland.com/2020/" target="_blank" rel="noopener">Link to the site</a></p> <h2 id="tech-and-design-stack"><a class="heading-anchor" href="https://gurden.xyz/blog/flux-island/#tech-and-design-stack">Tech &amp; design stack</a></h2> <p>p5.js</p> <h2 id="collaborators"><a class="heading-anchor" href="https://gurden.xyz/blog/flux-island/#collaborators">Collaborators</a></h2> <p>Reishabh Kailey</p> <figure><picture><source type="image/avif" srcset="https://gurden.xyz/assets/images/fi-2-3028w.avif 3028w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/webp" srcset="https://gurden.xyz/assets/images/fi-2-3028w.webp 3028w" sizes="(min-width: 25rem) 220px, 100vw" /><source type="image/jpeg" srcset="https://gurden.xyz/assets/images/fi-2-3028w.jpeg 3028w" sizes="(min-width: 25rem) 220px, 100vw" /><img src="https://gurden.xyz/assets/images/image-placeholder.png" data-src="/assets/images/fi-2-3028w.jpeg" width="3028" height="1974" alt="screenshot from Flux Islands site" loading="lazy" decoding="async" /></picture></figure>