28:null 29:["$","title",null,{"children":"path | Artem | Observable"}] 2e:T751,canvas = { const height = Math.ceil (width * screen.height / screen.width / 3.14159) const context = DOM.context2d (width, height) context.canvas.style.background = '#fff' const azure = '#0080ff' // https://graf1x.com/shades-of-blue-color-palette/ context.fillStyle = azure context.strokeStyle = azure // Make a separate object for the state in order to better JIT it // All fields should be present at the object creation in order to reuse the v8 HiddenClass const bundle = { /** True if the animation is outdated */ stop: false, /** First non-zero animation frame, to count the time from */ start: 0, lastColumn: -1} if (window.animationBundle) window.animationBundle.stop = true // Recycle outdated animations window.animationBundle = bundle const colWidth = 14 const rowHeight = colWidth const columns = Math.floor (width / colWidth) const drawColumn = (column, filled) => { const rows = Math.floor (height / rowHeight) for (let row = 0; row < rows; ++row) { const args = [column * colWidth + 1, row * rowHeight + 1, colWidth - 4, rowHeight - 4] if (filled) context.fillRect (...args) else context.strokeRect (...args)}} const step = (ms) => { // Render empty checkboxes if (!bundle.start) { bundle.start = ms context.clearRect (0, 0, width, height) for (let ci = 0; ci < columns; ++ci) drawColumn (ci, false)} // Gradually fill the checkboxes, left to right const frame = (ms - bundle.start) / 314 if (frame >= 1) { const column = Math.floor (frame - 1) % columns if (bundle.lastColumn < column) { bundle.lastColumn = column //console.log (`drawing column ${column + 1} out of ${columns}`) drawColumn (column, true)}} if (!bundle.stop) requestAnimationFrame (step)} step (0) return context.canvas}2f:T56e,md`Our approach previously was to maintain [task lists](https://docs.github.com/en/github/managing-your-work-on-github/about-task-lists), also TODO items in the code, but the problem with these is that every point on a list and every TODO item *wants* to be implemented by default, competing with other items, and can lead to inefficient blanket implementations (ковровая бомбардировка), to bifurcation conflicts (лебедь, щука и рак) and even to the feeling of guilt from not doing [consistently](https://www.goodreads.com/quotes/353571-a-foolish-consistency-is-the-hobgoblin-of-little-minds-adored) that which "was planned". Different paths in a [decision tree](https://en.wikipedia.org/wiki/Decision_tree) are modeled by different brain agents and there is a [communication overhead](https://en.wikipedia.org/wiki/The_Mythical_Man-Month#The_mythical_man-month) between them. The conflict between the paths might approach the intensity of a design paralysis. Making the tasks optional reduces the intensity of such decision conflict. To change the frame the checkbox symbol should be replaced perhaps. To something that represents a known possibility or a path [䷹](https://www.onlineclarity.co.uk/answers/2020/01/21/hexagram-58-opening/); an option - ⌥; a part, quarter - ۞ ༓ ⛶; a growth point, a meristem - ☉ ⚆ 𝇇 ⚘ ㈇ • ⺾⺿`30:T80a,fileForm = { // cf. https://observablehq.com/@observablehq/introduction-to-html // TODO: Completion to look for similar items, in case we already filed one? const itemⁱ = html`` // TODO: Tag completion, based on the database of tasks we have here const tagsⁱ = html`` const file = html`