Working on Are.na canvas to refresh my brain on concepts on how to make a draggable + canvas based tools. Going to make the interface for the publication tool a node based interface. So this is sort of the first draft/testing space for that.
I do wanna do a writeup for this... we'll see how that goes based on how much time I have in the coming days.
I need to add a search for channels, authentication and saving canvas data to channel to finish and publish this. Maybe clean up the UI and add some info too.
As this year is coming to an end, I'm sowing seeds for the next year. I started writing.a-p.space, this is mostly going to be a space akin to this feed where I can document, and formulate ideas. So I can look back on these, reflect and iterate.
Some way to know when people visit this page. I don't want to do tracking of any kind, just some kind of acknowledgement or something that there is a presence in this space. Maybe its a button that viewers can click to be like, "Yo"
A comment system of some kind perhaps?
Link to other posts on the feed as references. This should be easy to implement as all the images and videos are already block references. For here I could link another block that probably talks about how this feed works on are.na or smth
Also wanna do a recap of this year. Things from this feed, things not on this feed, general reflection of tying things up and where to go as the new year approaches.
I've been working on this for a month. but essentially this was the problem:
Given a fold line on a sheet of paper, find how the paper would fold. So calculate the vector coordinates for the shape after these two quads are folded.
See more
Added project pages, you can probably see this on the right here ->
There's also some new view options. There's a list option which will display only the first line of each block. And if you click it you can visit the block as a page. The block pages don't have any css as of yet but will add these soon.
Hopefully this will be useful if I wanna link specific posts...
Something I wanna add here is a way for people to let me know they were here :)
See more
As you may or may not know, this feed runs on
are.na
... another thing you may or may not know is that I have a self imposed constraint to have no javascript on this feed. So how do I add categories?
See more
I've been off instagram for almost the past 3 years. And I'm extremely happy with that decision and it has brought nothing but joy to me. However I think I need to interact with it for professional reasons.
So I've been thinking of alternative ways I could use it. One approach was Amir mentioning how he would have a system to only check and update it on one day in a month. So all stuff would get posted then. That I thought was interesting.
The one I just thought of was maybe, all the content and posts point outside of instagram. So for instance all of them are screenshots of my feed.a-p.space or website sketches. Or links to other peoples websites, etc. The whole point would be that these would all point outside of instagram. A link in bio interface that could open like instagram feed view and have links mentioned in each of the posts for easy access, so it is easy to get out of instagram as you enter it instead of being trapped in it.
This is an idea for an experiment. Perhaps I'll try it out.
Presented a breakdown of the parts that constitute this publication tool I've been working on. So presented it as a library of functions written down as an interrogation of a typographic vocabulary.
It was super fun. Made some new friends who I'm hoping to work with and excited to talk to :)
Was working on this tool last semester, and recently need it for another project where I need to make a publication (a menu) where pages are offset vertically and horizontally.
Finally got it all to work together nicely and have a live feedback/ui to change these offsets and quickly test out different possible layouts.
updated_at: 21 September, Mon, 22:43posted_on: 29 May, Thu, 04:08
How templater works
Overview
Essentially the website is static site generated, same as jekyll or something. There is three parts to this process. HTML is written in input.html, the HTML in that file is embeded with javascript. Essentially this file is parsed and generates an output.js file that generates the index.html.
The syntax of input.html is as such:
<!-- input.html -->
<a href="./blocks/37043847.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/37043808.html"><h1><h1>Templater</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNzA0MzMwNy9vcmlnaW5hbF8zNzI4MjQ1YjNlNGQ1OTkyMjAyNTA1MjktMi12Z2hkdDUucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">29 May 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:43</span>
<span class="metadata">posted_on: 29 May, Thu, 04:07</span>
<h1>Templater</h1>
<p>Playing around with static site generation. Here is a basic draft I made for a static site generator which basically compiles to a js file.</p>
<p>Trying out a programming paradigm where I try to think of the most simple raw solutions, like just putting js inside html, that makes a js file that accumalates a string and performs conditionals and for loops. The cool part is I don't have to implement any of that, I can leverage javascript as it is into this. So I get functions, loops, conditionals, all of it for free!</p>
<p>+-> Templating also allows to template over js code :)</p>
<p>Also trying to do more things with css rather than js... here is a toggle that changes grid size based on html attribute, the js code here only toggles the attribute, everything else is css... Thought this was cool :)</p>
<a href="./blocks/37043808.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/36928915.html"><h1><h1>New Era</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNjkyODkxMC9vcmlnaW5hbF84OWU0YzNiMTI1Yzc4NzFlMjAyNTA1MjMtMi04cmJiNmkucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">23 May 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:43</span>
<span class="metadata">posted_on: 23 May, Fri, 18:58</span>
<h1>New Era</h1>
<p><div class="media"><video src="https://attachments.are.na/36928910/90519b4ada9d02b2c595e0dd752a2202.mp4?1748041073" loading="lazy" controls loop></video></div></p>
<p>Playing around with emacs in preparation; planning to do the SICP course in summer.</p>
<a href="./blocks/36928915.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/36707806.html"><h1><h1>Snake game updates</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNjcwNzg4My9vcmlnaW5hbF8xZmNjMzU4NmQ5Y2Q2Mjc4MjAyNTA1MTQtMi01bTMyaGcucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNjcwNzg4MC9vcmlnaW5hbF81MDEzNmRlZDczNWJhZDNjMjAyNTA1MTQtMi1uZWdhaGMucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNjcwNzg4Mi9vcmlnaW5hbF9hNGUxZjZhNmEzZGYxMDcwMjAyNTA1MTQtMi15YTJiN28ucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">14 May 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:49</span>
<span class="metadata">posted_on: 14 May, Wed, 13:51</span>
<h1>Snake game updates</h1>
<p>So here is what I came up with in the last 24 hours...</p>
<p><div class="media"><video src="https://attachments.are.na/36707883/8ca0a7e397e15d4496b89e34d81588ab.mp4?1747245182" loading="lazy" controls loop></video></div></p>
<p>Pretty neat right?</p>
<p><div class="media"><video src="https://attachments.are.na/36707880/3266e3a3b159aff6e63270ce762cac69.mp4?1747245181" loading="lazy" controls loop></video></div></p>
<a href="./blocks/36707806.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/36683891.html"><h1><p>The eventual goal is also to write a CMS + Static site generator in C that will be the backend for this feed.</p></h1></a>
</div>
<div class="block">
<p class="date">13 May 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:49</span>
<span class="metadata">posted_on: 13 May, Tue, 17:10</span>
<p>The eventual goal is also to write a CMS + Static site generator in C that will be the backend for this feed.</p>
<p>Will be adding tags and stuff to organize it better.</p>
<p>And perhaps if it goes well will fork it to make a blog for myself!</p>
<a href="./blocks/36683891.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/36683852.html"><h1><p>2 weeks later, I have more free time now, so will be doing some stuff to learn how these computer thingies work.</p></h1></a>
</div>
<div class="block">
<p class="date">13 May 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:49</span>
<span class="metadata">posted_on: 13 May, Tue, 17:08</span>
<p>2 weeks later, I have more free time now, so will be doing some stuff to learn how these computer thingies work.</p>
<p>Hoping to learn more about computers by playing with low-level languages (C for now).</p>
<p>Today's challenge is to make a snake game using ncurses (c library that lets you work with the terminal).</p>
<p>So essentially you have a Col(x)Row space and a concept of windows. And then you draw to this virtual window and call refresh to draw on the screen. So yeah, will be using ncurses and try make a snake game in a day? maybe 2... Lets see. Will update here on the progress.</p>
<a href="./blocks/36683852.html"> See more </a>
</div>
<div class="block month mt30"><h1>April</h1></div>
<div class="block-list">
<a href="./blocks/36378522.html"><h1><h1>Finished stuff</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNjM3ODU1NC9vcmlnaW5hbF85YTE2NmUxZDU1ZDZkNTdlMjAyNTA1MDEtMi10eHhwMzQucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNjM3ODU3MS9vcmlnaW5hbF9jN2E5OTA5MDA2NjNiMGFiMjAyNTA1MDEtMi15Ymd3aHIucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">23 April 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:49</span>
<span class="metadata">posted_on: 1 May, Thu, 02:12</span>
<h1>Finished stuff</h1>
<p>This is what I showed in crit</p>
<h3>Editor</h3>
<p><div class="media"><video src="https://attachments.are.na/36378554/a912c5b082eff44930692d0c64173bfc.mp4?1746080098" loading="lazy" controls loop></video></div></p>
<h3>Scans</h3>
<a href="./blocks/36378522.html"> See more </a>
</div>
<div class="block month mt30"><h1>May</h1></div>
<div class="block-list">
<a href="./blocks/36378515.html"><h1><h1>C Season</h1></h1></a>
</div>
<div class="block">
<p class="date">1 May 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:49</span>
<span class="metadata">posted_on: 1 May, Thu, 02:12</span>
<h1>C Season</h1>
<p><span class="media"><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2F9UIIMBqq1D4%3Fwmode%3Dtransparent%26feature%3Doembed&wmode=transparent&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D9UIIMBqq1D4&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2F9UIIMBqq1D4%2Fhqdefault.jpg&type=text%2Fhtml&schema=youtube" width="640" height="360" scrolling="no" title="YouTube embed" frameborder="0" allow="autoplay; fullscreen; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></span></p>
<a href="./blocks/36378515.html"> See more </a>
</div>
<div class="block month mt30"><h1>April</h1></div>
<div class="block-list">
<a href="./blocks/36183760.html"><h1><h1>12 AM</h1></h1></a>
</div>
<div class="block">
<p class="date">23 April 2024</p>
<span class="metadata">updated_at: 21 September, Mon, 22:49</span>
<span class="metadata">posted_on: 23 April, Wed, 00:16</span>
<h1>12 AM</h1>
<p>ok back at it. let see what I can finish in the next 3 hours. Crit in 12 hours.</p>
<a href="./blocks/36183760.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/36156603.html"><h1><h1>Grid {system}</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNjE1NjU5MS9vcmlnaW5hbF80NmZhN2U0YmYzYTVmMDljMjAyNTA0MjItMi0xMTR3ZDEucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">22 April 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:49</span>
<span class="metadata">posted_on: 22 April, Tue, 00:25</span>
<h1>Grid {system}</h1>
<p>I was supposed to make a series of these, to explain the grid-structure, hyphenation, drawing line, overflow, imposition, etc but its 1am and I'm only 3 pages into the first one :)</p>
<p>I guess it's not gonna work out...</p>
<p><div class="media"><video src="https://attachments.are.na/36156591/a417f560491b56a44161232ed53c27a6.mp4?1745295851" loading="lazy" controls loop></video></div></p>
<a href="./blocks/36156603.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/36141846.html"><h1><h1>Imposition</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNjE0ODc1Mi9vcmlnaW5hbF82MDhiYmJlYjJhYmMyZWIyMjAyNTA0MjEtMi00YTByNDUucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNjE0ODc2My9vcmlnaW5hbF9jZWFhMTM1NDdmN2VhMDI3MjAyNTA0MjEtMi01a25kdWMucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">21 April 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:49</span>
<span class="metadata">posted_on: 21 April, Mon, 13:05</span>
<h1>Imposition</h1>
<p>The typsetter now export imposed spreads (print booklet). If I know which page will be on which sheet, I can consider alt bindings, for instance printing one of the sheets on blue paper and stitching it with an offset of an inch.</p>
<p>I introduced a viewport into the program so it can render this offset page. It handles coloring it and offsetting it while designing. When exported to print, the printer will switch out paper color for the given sheet.</p>
<p>Here is an example comparison of digital view and the printed counterpart.</p>
<p><div class="media"><video src="https://attachments.are.na/36148752/d92c25feeff8694a642becc15f9975fc.mp4?1745270231" loading="lazy" controls loop></video></div>
<a href="./blocks/36141846.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/35980243.html"><h1><h1>Working on the Alt-practices Symposium website</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNTk4MDIyMy9vcmlnaW5hbF8zN2M4NjkyOGE3ZTZiN2RkMjAyNTA0MTQtMi1kYWh3NHoucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">13 April 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:49</span>
<span class="metadata">posted_on: 14 April, Mon, 10:57</span>
<h1>Working on the Alt-practices Symposium website</h1>
<p><div class="media"><video src="https://attachments.are.na/35980223/dfb8c1765f06680f18c2d73671050906.mp4?1744642642" loading="lazy" controls loop></video></div></p>
<a href="./blocks/35980243.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/35931781.html"><h1><h1>Gave a presentation in this format</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNTkzMTc3MC9vcmlnaW5hbF83Yzc2OTY5MGU4MjdiYTA1ZTkwMzYxZWFlMWRiOGJhNS5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNTkzMTg5Ny9vcmlnaW5hbF85N2U1OTBhYTdhZWZlNDIyMjAyNTA0MTItMi1tZ2w3OWcucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">11 April 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:50</span>
<span class="metadata">posted_on: 11 April, Fri, 23:17</span>
<h1>Gave a presentation in this format</h1>
<p><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNTkzMTc3MC9vcmlnaW5hbF83Yzc2OTY5MGU4MjdiYTA1ZTkwMzYxZWFlMWRiOGJhNS5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></p>
<p>As book spreads in the typesetting tool I've been working on. The text and title is derived from are.na blocks and I have a function that turns the blocks into book spreads.</p>
<p>I update the current index and refresh to go next or prev.</p>
<p>Live edit mode:</p>
<a href="./blocks/35931781.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/35931708.html"><h1><h1>Playing with pixi.js</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNTkzMTg5NC9vcmlnaW5hbF9hODQyZjY4MTJkY2FhNzMyMjAyNTA0MTItMi1jZGJtbHkucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">11 April 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:50</span>
<span class="metadata">posted_on: 11 April, Fri, 23:15</span>
<h1>Playing with pixi.js</h1>
<p><div class="media"><video src="https://attachments.are.na/35931894/5cb6cd149a1e5b54bb31fcf03b14ba25.mp4?1744428127" loading="lazy" controls loop></video></div></p>
<a href="./blocks/35931708.html"> See more </a>
</div>
<div class="block month mt30"><h1>March</h1></div>
<div class="block-list">
<a href="./blocks/35462601.html"><h1><h1>Overflow working</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNTQ2MjU5NS9vcmlnaW5hbF85Y2FkMDYzZWY4MjEwZTQ5MjAyNTAzMjQtMi0ybHRvbzMucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">23 March 2024</p>
<span class="metadata">updated_at: 21 September, Mon, 22:50</span>
<span class="metadata">posted_on: 23 March, Sun, 22:04</span>
<h1>Overflow working</h1>
<p><div class="media"><video src="https://attachments.are.na/35462595/4cda268f3e505774242f8cbb2edea6f5.mp4?1742781867" loading="lazy" controls loop></video></div></p>
<a href="./blocks/35462601.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/35440454.html"><h1><p>Does mastodon have an api? Can I post this feed to mastodon directly?</p></h1></a>
</div>
<div class="block">
<p class="date">22 March 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:50</span>
<span class="metadata">posted_on: 22 March, Sat, 18:34</span>
<p>Does mastodon have an api? Can I post this feed to mastodon directly?</p>
<a href="./blocks/35440454.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/35440216.html"><h1><h1>Some more updates</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNTQ0MDI3Ny9vcmlnaW5hbF81M2FiNWFiNDYyZTA0YjA2MjAyNTAzMjItMi00NXcya2wucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNTQ0MDI4MS9vcmlnaW5hbF80NDhmZjhjYjFkMWQ2YTc4MjAyNTAzMjItMi16a2VycW4ucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNTQ0MDI4Ny9vcmlnaW5hbF9jN2JkMTU4MzAzYjBiYThjMjAyNTAzMjItMi0zcWhwMGYucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNTQ0MDI4Ni9vcmlnaW5hbF9jZWMyNjgyY2I5YjI0Y2RiMjAyNTAzMjItMi1kczBrMGoucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">10th March-ish 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 22 March, Sat, 18:17</span>
<h1>Some more updates</h1>
<h4>Redesign</h4>
<p>Some color changes
<br></br>
<div class="media"><video src="https://attachments.are.na/35440277/01c403b3e1f05c1f41d69b8d2df2051e.mp4?1742682152" loading="lazy" controls loop></video></div></p>
<a href="./blocks/35440216.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/35440203.html"><h1><h1>Working on a typesetting algorithm</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNTQ0MDE5Ni9vcmlnaW5hbF8zNWMxMTljZjBkNWI0MDQ0MjAyNTAzMjItMi1vMGt2bjYucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">22 March 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:50</span>
<span class="metadata">posted_on: 22 March, Sat, 18:16</span>
<h1>Working on a typesetting algorithm</h1>
<p>Wondering if I could implement a paragraph styles, text overflow etc stuff and make a basic indesign clone...</p>
<p><div class="media"><video src="https://attachments.are.na/35440196/fb349e6c38e76bfcdc913a9d21ba7537.mp4?1742681746" loading="lazy" controls loop></video></div></p>
<a href="./blocks/35440203.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34993721.html"><h1><h1>Editor Updates</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDk5MzcwMC9vcmlnaW5hbF8yNTZiOWVjODBhZTk3ZjcxY2EwNzA1OGQwZjIzY2Y2ZC5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDk5MzY5OC9vcmlnaW5hbF85MzQ4MDM0Y2E5Yzg3MzcyMDU0OTU0YWRhNmM5MWM5Mi5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDk5MzcwMS9vcmlnaW5hbF81YzRlMjlkNTYxN2VhODY5NGYyOTY4Yzg5NWViMzE2MS5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDk5MzcwMy9vcmlnaW5hbF8xM2RiMDMwZDA0MjA4ZTA0MjAyNTAzMDUtMi1uem5rencucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDk5MzcwNC9vcmlnaW5hbF9kNWY2YmYyODk3NDRkZTU1MjAyNTAzMDUtMi1pODl3M2UucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDk5MzcwMi9vcmlnaW5hbF80OTNiYzIwNzJlYWIwMTk4MjAyNTAzMDUtMi1haXpjNTIucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">5 March 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 5 March, Wed, 03:25</span>
<h1>Editor Updates</h1>
<h3>Url file loading</h3>
<p>Until now if you wanted to load a file in the editor, you used the loader-object. Where you would enter the file path and press enter.</p>
<p>I added url based file loading today. It would have been super easy if the editor had a base url. Currently I have multiple versions of the editor as files that I can open and run them through /fs-run/* endpoint.</p>
<p>Anyways, so if I want to run editor five I go to: (url)/fs-run/editor/five.json</p>
<a href="./blocks/34993721.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34953185.html"><h1><p>The feed is also a workshop.</p></h1></a>
</div>
<div class="block">
<p class="date">3 March 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 3 March, Mon, 16:03</span>
<p>The feed is also a workshop.</p>
<p>If I port the feed to the editor, I can workshop blog pages. For instance I can start with combining feed posts, or writing one long feed post and exporting it as a webpage. And I can edit and refine the blocks on feed.a-p.space. Sanchari used a term called "soft-studio" I'm wondering if I can think of Feed as a "soft-studio".</p>
<a href="./blocks/34953185.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34953122.html"><h1><p>Do a post about the potluck website I made.</p></h1></a>
</div>
<div class="block">
<p class="date">3 March 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 3 March, Mon, 16:01</span>
<p>Do a post about the potluck website I made.</p>
<p>A decently written blog post.</p>
<a href="./blocks/34953122.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34952393.html"><h1><p>what kind of things do you notice making your own tools. When you're building entireity of functionality and tweaking each single detail, what kind of thoughts cross by:</p></h1></a>
</div>
<div class="block">
<p class="date">Notes.</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 3 March, Mon, 15:35</span>
<p>what kind of things do you notice making your own tools. When you're building entireity of functionality and tweaking each single detail, what kind of thoughts cross by:</p>
<p>Eg. Oh I really wanna be able to click this block to be active
<br></br>
which would be a note on me expecting -> (mouse and keyboard to work in coherence)</p>
<p>The thing come out of this would be 1. just an archive of ui/ux research kind of notes, but framed as my personal inclinations and how I incorporate them + 2.it would also be documentation for anyone else to learn and lastly the presentation of this documentation would be awesome to do in the editor, as -> editor views.</p>
<a href="./blocks/34952393.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34909531.html"><h1><p>This is any interesting pattern:</p></h1></a>
</div>
<div class="block">
<p class="date">1 March 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 1 March, Sat, 14:40</span>
<p>This is any interesting pattern:</p>
<p><span class="link"><a target="_blank" href="https://svelte.dev/tutorial/svelte/context-api">setContext and getContext • Svelte Tutorial <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 5H4.5a3 3 0 0 0 0 6H6m3-6h1.5a3 3 0 0 1 0 6H9M5.5 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></a></span></p>
<p>I wonder if I can implement something like JSX now that I have a render list. Also need to see if I can write a Lezer grammar for that.</p>
<p>I also need to make a trello board for these tasks. I think I should do color library and this trello board thing next in my editor.</p>
<a href="./blocks/34909531.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34903496.html"><h1><p>Also would like to implement something like this in the editor.</p></h1></a>
</div>
<div class="block">
<p class="date">1 March 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 1 March, Sat, 04:52</span>
<p>Also would like to implement something like this in the editor.</p>
<p><span class="link"><a target="_blank" href="https://www.theatrejs.com/">Theatre.js - animation toolbox for the web <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 5H4.5a3 3 0 0 0 0 6H6m3-6h1.5a3 3 0 0 1 0 6H9M5.5 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></a></span></p>
<p>I thinking looking into the architecture of theatre.js would be really nice because it seems to have very similar workflows as I have been working with the editor, namely these:</p>
<ul><li><p>Editor edits state</p></li>
<li><p>State can be used independently</p></li>
<a href="./blocks/34903496.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34902844.html"><h1><blockquote><p>##########################</p></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDkwMjg4My9vcmlnaW5hbF84YWMwMmEwMmFmMDFjNTMyMjAyNTAzMDEtMi1uOTFoYTcucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDkwMjg4Ny9vcmlnaW5hbF9hY2IzNTZmZGU3ZWUyNDk5MjAyNTAzMDEtMi00Z3Nia28ucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDkwMjkxMS9vcmlnaW5hbF8zZDI5ZWVjMDc0NTI4MTljMjAyNTAzMDEtMi1oY29tb3cucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDkwMjkzMi9vcmlnaW5hbF82OWRlNzAyMTM2ZTAxZDUyMjAyNTAzMDEtMi1qMzV6NC5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDkwMzAzNy9vcmlnaW5hbF9mOGNlMjE5Yzg4MmFjOWQzMjAyNTAzMDEtMi15YmFsemEucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">1 March 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 1 March, Sat, 03:07</span>
<blockquote><p>##########################</p>
<h2>drafting/inprogress</h2>
<p>##########################</p></blockquote>
<h1>(editor-editor) Updates</h1>
<p>So I got the editor to
<a href="./blocks/34902844.html"> See more </a>
</div>
<div class="block month mt30"><h1>February</h1></div>
<div class="block-list">
<a href="./blocks/34902674.html"><h1><p>I love this guy's editor (towards the end)</p></h1></a>
</div>
<div class="block">
<p class="date">28 February 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 1 March, Sat, 02:33</span>
<p>I love this guy's editor (towards the end)</p>
<p><span class="media"><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FWqUe7q-NJ8s%3Fstart%3D389%26wmode%3Dtransparent%26feature%3Doembed&wmode=transparent&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DWqUe7q-NJ8s&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FWqUe7q-NJ8s%2Fhqdefault.jpg&type=text%2Fhtml&schema=youtube" width="640" height="360" scrolling="no" title="YouTube embed" frameborder="0" allow="autoplay; fullscreen; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></span></p>
<p>Basically made his own touch designer but writes assembly + gui components? Pretty rad. Also references Uxn and the 100 rabbits stack. Dance stuff in the beginning was interesting too, how he thinks of composing through
<a href="http://www.todo.com">directed graph functions</a>
.</p>
<a href="./blocks/34902674.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34853245.html"><h1><h1>Editor on a canvas</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDcwMzIyMS9vcmlnaW5hbF9kMTI2Mjk5ODEzYjk0OGRiMjAyNTAyMjEtMi1yM2FiMS5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">21 February 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 27 February, Thu, 01:49</span>
<h1>Editor on a canvas</h1>
<p><div class="media"><video src="https://attachments.are.na/34703221/5ab30b3466d9f5bb2a71fbcbc51d385f.mp4?1740118605" loading="lazy" controls loop></video></div></p>
<p>OCR viewer for omama's ISP</p>
<a href="./blocks/34853245.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34853211.html"><h1><h1>CSS Algorithms</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDUxOTkxNi9vcmlnaW5hbF9kMDg4ZTBjNjM4ZTBjNDg0MzQ0YTM2NWE4YzQ5ZTQ0Yy5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">13 February 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 27 February, Thu, 01:45</span>
<h1>CSS Algorithms</h1>
<p><span class="media"><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FdxY5CdZNzsk%3Fstart%3D1972%26wmode%3Dtransparent%26feature%3Doembed%26start%3D1972&wmode=transparent&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DdxY5CdZNzsk&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FdxY5CdZNzsk%2Fhqdefault.jpg&type=text%2Fhtml&schema=youtube" width="640" height="360" scrolling="no" title="YouTube embed" frameborder="0" allow="autoplay; fullscreen; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></span></p>
<h3>Exceprt</h3>
<p><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDUxOTkxNi9vcmlnaW5hbF9kMDg4ZTBjNjM4ZTBjNDg0MzQ0YTM2NWE4YzQ5ZTQ0Yy5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></p>
<p>This was nice to see, she talks about masculinity in the tech... Made me rethink some ways I have been thinking about programming.</p>
<a href="./blocks/34853211.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34503089.html"><h1><h1>Lots of work on the Editor today</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDUwMzM4OC9vcmlnaW5hbF85NjMxZDBlZGRhZDk0Mzk5MzNjYWMzMzBjYmRiMjdjZC5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDUwMzM5NS9vcmlnaW5hbF84NDVmYzAzYjM3OTk3YzA3MjAyNTAyMTMtMi1hN3Y0Z3EucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDUwMzA3OS9vcmlnaW5hbF8yMDVmZjJiN2Q5ZmE2ZGEwMjAyNTAyMTMtMi15OTY2cHMucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDUwMzA3Ny9vcmlnaW5hbF8wNDgyZWY1OWNlMjNhY2M4MjAyNTAyMTMtMi1vcDVuamsucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">12 February 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 13 February, Thu, 00:45</span>
<h1>Lots of work on the Editor today</h1>
<h3>Setting up TSSERVER</h3>
<p>The goal today was to get LSP/intellisense/autcomplete working. So I can get tooling over the code. Tsserver is a package maintained by microsoft that lets you create a virtual filesystem in the browser and get diagnostics, completions, linting, refernce trees and basically tooling over your code. I had seen this was possible before but it is a whole task to set this up. So I started by getting this tsserver connected to the editor. This took much longer than I would have wanted it to.</p>
<h3>Reconciling blocks, character positioning</h3>
<p>The main issue with connecting the tsserver to the editor was reconciling the splitting of the file. The main function of the editor is to give you components that add up to the file. So a file is split up into smaller self contained chunks. This works all and good till the tsserver returns a {from, to} position for the diagnostics.</p>
<a href="./blocks/34503089.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34495985.html"><h1><p>(B)it</h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDQ5NTk3Ny9vcmlnaW5hbF84N2FmMzIwZDFlNTg3YjdjZTUxZDMxZmJkNWMwZGQyZi5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">12 February 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 12 February, Wed, 17:20</span>
<p>(B)it
<br></br>
^
<br></br>
|
<a href="./blocks/34495985.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34438454.html"><h1><p><div class="media"><video src="https://attachments.are.na/34438449/837a55a7142f7ccb2edc6bc402e5d55d.mp4?1739249607" loading="lazy" controls loop></video></div></p></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDQzODQ0OS9vcmlnaW5hbF8xMDQ4OWU1ZTBmZmRmMmRmMjAyNTAyMTEtMi1ibHBpaC5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">10 February 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 10 February, Mon, 23:53</span>
<p><div class="media"><video src="https://attachments.are.na/34438449/837a55a7142f7ccb2edc6bc402e5d55d.mp4?1739249607" loading="lazy" controls loop></video></div></p>
<a href="./blocks/34438454.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34402531.html"><h1><h1>Editing Editor using Editor</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDQwMjQ2OS9vcmlnaW5hbF9kOGIzM2RhYzEzYTRmNzk4MjAyNTAyMTAtMi1yaTFjdzgucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">9 February 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 9 February, Sun, 19:17</span>
<h1>Editing Editor using Editor</h1>
<p><div class="media"><video src="https://attachments.are.na/34402469/c69702490b769454ff5150d3107c6bd4.mp4?1739146366" loading="lazy" controls loop></video></div></p>
<p>I implemented saving and outputing html files and a mechanism to traverse levels. Just have to make it a little smoother to work. Right now its very jaggedy, mostly because I don't know how it should work.</p>
<p>The current implementation outputs the html file with a SOURCE_PATH variable which can be used to navigate back to the source files. I think this is the way to do it.</p>
<p>Also re-watched Nada Amin's
<a href="./blocks/34402531.html"> See more </a>
</div>
<div class="block month mt30"><h1>January</h1></div>
<div class="block-list">
<a href="./blocks/34382162.html"><h1><h1>Updated Mechanical Slider</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDM4MjEzMC9vcmlnaW5hbF83M2RhZDE5ZTQwYzJkNDMyMjAyNTAyMDgtMi02MjVuNjMucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">31 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 8 February, Sat, 16:13</span>
<h1>Updated Mechanical Slider</h1>
<p>
was a little loose, so I got the gears to be tighter together. They're still a little loose than what I would have wanted it to be but they work pretty well.</p>
<p><div class="media"><video src="https://attachments.are.na/34382130/2139b96918de386c0a553e43935e43d0.mp4?1739049089" loading="lazy" controls loop></video></div></p>
<p>using one hand for one direction, and vice versa — if for instance this was controlling animation, one hand would be reverse and the other would be forward...</p>
<a href="./blocks/34382162.html"> See more </a>
</div>
<div class="block month mt30"><h1>February</h1></div>
<div class="block-list">
<a href="./blocks/34381436.html"><h1><h1>Yay!</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDM4MTQwMy9vcmlnaW5hbF8wZjc2YjVjMWE5MmZkYzNlMjAyNTAyMDgtMi1rcjUwbjIucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">8 February 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 8 February, Sat, 15:25</span>
<h1>Yay!</h1>
<p>This was already in theory possible, but rewrote the editor for it to be a much simpler implementation and then ran the editor in the editor</p>
<p><div class="media"><video src="https://attachments.are.na/34381403/5082dacd7f69475e57f89b6bcad18e54.mp4?1739046192" loading="lazy" controls loop></video></div></p>
<h3>Next steps</h3>
<ul><li><p>Have a way to output a new editor from the editor</p></li>
<a href="./blocks/34381436.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34238509.html"><h1><h1>Learning, recently...</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDIzODk5MS9vcmlnaW5hbF85ZDNhMWZmZjA3NDU2M2NjMjAyNTAyMDMtMi1jYjE0ODEucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">3 February 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 3 February, Mon, 13:57</span>
<h1>Learning, recently...</h1>
<p>I started the
<a href="http://craftinginterpreters.com/">crafting interpreters</a>
book yesterday. It takes you through writing a compiler+interpreter in first Java and then C. I'm going to be following the book with Typescript and Zig.</p>
<p>Wrote the implementation of a REPL and a Lexer yesterday that reads through the text and produces a Token stream:</p>
<a href="./blocks/34238509.html"> See more </a>
</div>
<div class="block month mt30"><h1>January</h1></div>
<div class="block-list">
<a href="./blocks/34119321.html"><h1><p>Drafts</p></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDExOTMxOS9vcmlnaW5hbF9iNWIwOTU1ZDUwZWIwMWU5NWY1YzQzMTdkZjUxMDljYy5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">29 January 2024</p>
<span class="metadata">updated_at: 21 September, Mon, 22:44</span>
<span class="metadata">posted_on: 29 January, Wed, 23:04</span>
<p>Drafts</p>
<p><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDExOTMxOS9vcmlnaW5hbF9iNWIwOTU1ZDUwZWIwMWU5NWY1YzQzMTdkZjUxMDljYy5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></p>
<a href="./blocks/34119321.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34089086.html"><h1><p><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDA4OTA1NS9vcmlnaW5hbF9hMGU5NGZhMTNjNmJjNGZiMTE2OTMyNzkzNTY3YjE3Zi5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></p></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDA4OTA1NS9vcmlnaW5hbF9hMGU5NGZhMTNjNmJjNGZiMTE2OTMyNzkzNTY3YjE3Zi5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">29 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:50</span>
<span class="metadata">posted_on: 29 January, Wed, 00:16</span>
<p><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDA4OTA1NS9vcmlnaW5hbF9hMGU5NGZhMTNjNmJjNGZiMTE2OTMyNzkzNTY3YjE3Zi5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></p>
<a href="./blocks/34089086.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/34053466.html"><h1><h1>Latest rabbit hole (Zig)</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDA3NjU0OC9vcmlnaW5hbF9mMTkwOWYyNmQ4NWNiMTMwYmNlOGYxYTYzNTIzZmEwNS5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDA3Njc3NS9vcmlnaW5hbF82MmEzZmEzMGI0NTlmMmRmMTkyYjJlZTg2ZWUwODgyYy5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzNDA3NjgyMC9vcmlnaW5hbF9jYjM2MTJiMDc1NmQ1YjgzMTk5NDQ4MmNmMmY5ODIyMy5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">28 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:50</span>
<span class="metadata">posted_on: 28 January, Tue, 02:44</span>
<h1>Latest rabbit hole (Zig)</h1>
<p>Yesterday I fell into a rabbit hole. I was going through
<a href="https://permacomputing.net/">permacomputing</a>
writings and there was a
<a href="https://permacomputing.net/programming_languages/">section on programming</a>
<a href="./blocks/34053466.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/33990597.html"><h1><h1>Editor</h1></h1></a>
</div>
<div class="block">
<p class="date">25 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:50</span>
<span class="metadata">posted_on: 25 January, Sat, 21:50</span>
<h1>Editor</h1>
<p>As some of you may know I have been working on an Editor. I won't go in depth to explain exactly what it is, but essentially its a code editor that outputs to an iframe, and the idea is to be able to make it modular and interoperable and be able to edit the editor itself as you work in it.</p>
<p>I've been struggling to figure out what to name it, but after careful consideration, I have decided to name it editor.</p>
<p>I think the non specificity of what kind of editor it is, is interesting. It can be a code editor, but it can also be a photo editor or a vector editor or a json editor or a pdf editor, etc etc.</p>
<p>Also thinking, as a designer I think it would be cool if we could have a basic engine kind of thing for graphics and then we could just design our own tools. For instance game (engines) design tools are just gui based programming that make it super easy to make a game. So what if we had software that were graphic engines in this sense and you tinker it to fit your needs project to project and have some barebones versions for getting started as well.</p>
<a href="./blocks/33990597.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/33989945.html"><h1><p>Calendar systems are so intriguing and complicated. I've been researching these different systems with all these different variations and the crux of most of them have been:</p></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzk4OTg5MC9vcmlnaW5hbF9kMjlkOWYwNWQ5ZjQyNjUxNDJlOWExYzdiMzI5M2I1Yi5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzk5MDA5NS9vcmlnaW5hbF80YzY3ZTIyMjBlMDA2Mzk0NjYyZmI4MDFkMDdmOGU1Mi5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">25 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:50</span>
<span class="metadata">posted_on: 25 January, Sat, 20:51</span>
<p>Calendar systems are so intriguing and complicated. I've been researching these different systems with all these different variations and the crux of most of them have been:</p>
<ul><li><p>Using celestial bodies (Sun, Moon and Constellations) as markers of time</p></li>
<li><p>In order to anticipate and predict seasons for festivals and agriculture (festivals heavily linked to agriculture).</p></li>
<li><p>Reconciling the inconsistencies between orbitting of moon around earth and earth around sun. (Leap years and such)</p></li></ul>
<p>Its also really cool to see how advanced these time keeping technologies were so early on (2000 years ago they had an accurate estimate of earths orbit time down to seconds).</p>
<a href="./blocks/33989945.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/33989076.html"><h1><h1>Mechanical sliders</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzk4OTAzMC9vcmlnaW5hbF85MmY4MTllMGQ2NzUzNWFhMjAyNTAxMjYtMi1pbzNianMucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div>
<div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzk4OTEwOC9vcmlnaW5hbF8zYWM4NGEwYmRkMzExMWJhMjAyNTAxMjYtMi1jeWNrNXIucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">24 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:51</span>
<span class="metadata">posted_on: 25 January, Sat, 19:42</span>
<h1>Mechanical sliders</h1>
<p>I've been intrigued by gears and other forms of tangible mechanics and I'm hoping to start exploring these for my Independent study this semester.</p>
<p>Laser cutting at the Xfab studio is super cheap so I'm thinking just finding wooden scraps and cutting out various sizes of gears so I can modular-ly use them and make interchangeble mechanics that can be used with arduino/computer-vision/sound.</p>
<p>I did a first attempt at making a wooden slider today:</p>
<p><div class="media"><video src="https://attachments.are.na/33989030/5de6bc624b1ffd5cad682e47da570a51.mp4?1737851899" loading="lazy" controls loop></video></div></p>
<a href="./blocks/33989076.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/33971766.html"><h1><p>This is fuckin cool</p></h1></a>
</div>
<div class="block">
<p class="date">25 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:51</span>
<span class="metadata">posted_on: 25 January, Sat, 00:10</span>
<p>This is fuckin cool</p>
<p><span class="media"><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FE0pJST5mL3A%3Fwmode%3Dtransparent%26feature%3Doembed&wmode=transparent&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DE0pJST5mL3A&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FE0pJST5mL3A%2Fhqdefault.jpg&type=text%2Fhtml&schema=youtube" width="640" height="360" scrolling="no" title="YouTube embed" frameborder="0" allow="autoplay; fullscreen; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></span></p>
<p>2 things</p>
<ul><li><p>it is a mechanical-digital calculator</p></li>
<li><p>yes, mechanical and digital. Digital being all computation is binary, the values in the gears cannot be between 1 and 2 or 7 and 8 etc, it can only be 1 or 2. The discrete nature makes it digital. He talks about certainty mechanisms like using ball bearings and springs to make sure there are no middle values, etc.</p></li></ul>
<a href="./blocks/33971766.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/33936540.html"><h1><h1>Creative Coding Club</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzkzNjUwMS9vcmlnaW5hbF82NGYxMzVkOWEwOWRjNTk5MjAyNTAxMjMtMi1jNHA0cy5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">23 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:51</span>
<span class="metadata">posted_on: 23 January, Thu, 17:22</span>
<h1>Creative Coding Club</h1>
<p><div class="media"><video src="https://attachments.are.na/33936501/ec4c5b7f9eaff861ea0d10ede7dc9033.mp4?1737670810" loading="lazy" controls loop></video></div></p>
<p>A p5 sketch.</p>
<h3>Components</h3>
<ul><li><p>Grid -> animating</p></li>
<a href="./blocks/33936540.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/33909948.html"><h1><p>Added Link styles to feed & added a no javascript checkbox! -> that changes size of the divs.</p></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzkwOTkwMi9vcmlnaW5hbF9mNWFhYjk4ZjM4M2ZhYzM3YjdmNWFiMjYwZmFlYTk3MC5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">22 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:51</span>
<span class="metadata">posted_on: 22 January, Wed, 22:44</span>
<p>Added Link styles to feed & added a no javascript checkbox! -> that changes size of the divs.</p>
<p>Its a trick where you can use checkbox :checked psuedoclass and use the sibling selector : ~ to select neighbouring elements and change their css. No js required :)</p>
<p><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzkwOTkwMi9vcmlnaW5hbF9mNWFhYjk4ZjM4M2ZhYzM3YjdmNWFiMjYwZmFlYTk3MC5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></p>
<xmp>input:checked~div {
max-width: 1200px;
<a href="./blocks/33909948.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/33908467.html"><h1><p>Cyclical time</p></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzkwODMyNy9vcmlnaW5hbF8xNmEwZGUzNTVlMTcyOGE3M2EwYjE5NThjNDQzOTM5Yy5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">22 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:51</span>
<span class="metadata">posted_on: 22 January, Wed, 21:27</span>
<p>Cyclical time</p>
<p><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzkwODMyNy9vcmlnaW5hbF8xNmEwZGUzNTVlMTcyOGE3M2EwYjE5NThjNDQzOTM5Yy5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></p>
<p>Links
<span class="link"><a target="_blank" href="https://en.wikipedia.org/wiki/Kalachakra#Time_and_cycles">Kalachakra - Wikipedia <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 5H4.5a3 3 0 0 0 0 6H6m3-6h1.5a3 3 0 0 1 0 6H9M5.5 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></a></span>
+
<a href="./blocks/33908467.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/33878400.html"><h1><h1>Wrote the basic version of </h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzg3ODMzOS9vcmlnaW5hbF9jNGFiZWI4NjAzZGIyZDVhZThjZGZkZDhkZDE4MDE2Ni5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">21 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:45</span>
<span class="metadata">posted_on: 21 January, Tue, 22:54</span>
<h1>Wrote the basic version of
<a href="https://feed.a-p.space">feed.a-p.space</a></h1>
<p><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzg3ODMzOS9vcmlnaW5hbF9jNGFiZWI4NjAzZGIyZDVhZThjZGZkZDhkZDE4MDE2Ni5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></p>
<p>Wanted to do this as an exercise+practice in static site generation. Maybe even an opportunity to make a static site generator.</p>
<p>While making this, as you can see above on the right, I highlighted comments all of which start with SECTION mark. Wondering about a Neovim shortcut which will jumpstart a regex search
<a href="./blocks/33878400.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/33857682.html"><h1><p>Added edges to the wave function tile component for </h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzg1NzgwOS9vcmlnaW5hbF80NzY1OTJmZDg1YTFhMGI3MjAyNTAxMjEtMi0yZnFqa3cucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxODAwLCJoZWlnaHQiOjE4MDAsImZpdCI6Imluc2lkZSIsIndpdGhvdXRFbmxhcmdlbWVudCI6dHJ1ZX0sIndlYnAiOnsicXVhbGl0eSI6NzV9LCJqcGVnIjp7InF1YWxpdHkiOjc1fSwicm90YXRlIjpudWxsfX0=" /></div></div>
</div>
<div class="block">
<p class="date">19 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:45</span>
<span class="metadata">posted_on: 21 January, Tue, 10:26</span>
<p>Added edges to the wave function tile component for
<a href="">buffalo</a></p>
<p><div class="media"><video src="https://attachments.are.na/33857809/f33830525b98cbb414384f9e20f2d4ee.mp4?1737473417" loading="lazy" controls loop></video></div></p>
<a href="./blocks/33857682.html"> See more </a>
</div>
<div class="block-list">
<a href="./blocks/33857582.html"><h1><h1>Implemented color detect sliders.</h1></h1></a>
<div class="image-thumbnails"><div class="image"><img loading="lazy" src="https://images.are.na/eyJidWNrZXQiOiJhcmVuYV9pbWFnZXMiLCJrZXkiOiIzMzg1NzU2Ny9vcmlnaW5hbF9mYjk0NTI4YTZkYmU0MzcwMjAyNTAxMjEtMi10NWkxZC5wbmciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE4MDAsImhlaWdodCI6MTgwMCwiZml0IjoiaW5zaWRlIiwid2l0aG91dEVubGFyZ2VtZW50Ijp0cnVlfSwid2VicCI6eyJxdWFsaXR5Ijo3NX0sImpwZWciOnsicXVhbGl0eSI6NzV9LCJyb3RhdGUiOm51bGx9fQ==" /></div></div>
</div>
<div class="block">
<p class="date">20 January 2025</p>
<span class="metadata">updated_at: 21 September, Mon, 22:45</span>
<span class="metadata">posted_on: 21 January, Tue, 10:22</span>
<h1>Implemented color detect sliders.</h1>
<p><div class="media"><video src="https://attachments.are.na/33857567/c764402bf8e1a4972cfb7680109337a2.mp4?1737472943" loading="lazy" controls loop></video></div></p>
<p>The colors on the sliders are misleading because it isn't really reading the color, but the grayscale values, so in theory all of them can be grayscale and it would still work.</p>
<p>TODO: abrupt progression instead of smooth gradient. Gradients with stops and what not.</p>
<p>Questions:
<a href="./blocks/33857582.html"> See more </a>
</div>
</body>
</html>
