{
"$type": "site.standard.document",
"bskyPostRef": {
"cid": "bafyreigp5dkstmwtjmmlaizdfrug5yspebofovtfqffrsszi5dtfrjwxdy",
"commit": {
"cid": "bafyreiavvy7v7brr2fwrll4fkam4snrrus55wrq456wmtnxcdopbn6xfpm",
"rev": "3mnl2d7x6d425"
},
"uri": "at://did:plc:wlzd76q6sfrwrxaixkqkso43/app.bsky.feed.post/3mnl2d7v2w22t",
"validationStatus": "valid"
},
"content": {
"$type": "pub.leaflet.content",
"pages": [
{
"$type": "pub.leaflet.pages.linearDocument",
"blocks": [
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Rounding off my second week of work on L5! This week focused heavily on the design and beginning implementations of documentation, as well as seeing some of the tensions on first-time users. "
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight"
}
],
"index": {
"byteEnd": 5,
"byteStart": 0
}
}
],
"level": 1,
"plaintext": "Recap"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "If you missed the first post:"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.standardSitePost",
"uri": "at://did:plc:wlzd76q6sfrwrxaixkqkso43/site.standard.document/3mmwjwh5dos2z"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://leaflet.pub/51ebd1db-f975-4fb5-8048-a5f06ada41e3?page=019e6f88-fd16-7663-b63d-9e771390f39f"
}
],
"index": {
"byteEnd": 29,
"byteStart": 13
}
}
],
"plaintext": "Based on the schedule outline"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.unorderedList",
"children": [
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://p5js.org/community/"
}
],
"index": {
"byteEnd": 60,
"byteStart": 45
}
},
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://ml5js.org/community/"
}
],
"index": {
"byteEnd": 78,
"byteStart": 62
}
},
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://permacomputing.net/"
}
],
"index": {
"byteEnd": 98,
"byteStart": 84
}
},
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://permacomputing.net/L5/"
}
],
"index": {
"byteEnd": 121,
"byteStart": 110
}
}
],
"plaintext": "Build out community guidelines based off of: p5.js community, ml5.js community, and permacomputing (including the L5 page on it)."
}
},
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://www.arduino.cc/"
}
],
"index": {
"byteEnd": 58,
"byteStart": 51
}
},
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://hydra.ojack.xyz/?sketch_id=naoto_1"
}
],
"index": {
"byteEnd": 77,
"byteStart": 60
}
}
],
"plaintext": "Look at other open-source reference pages, such as Arduino, Hydra Live Coding."
}
},
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Co-lead L5 workshop and surveying at ITP camp."
}
}
]
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight"
}
],
"index": {
"byteEnd": 5,
"byteStart": 0
}
}
],
"level": 1,
"plaintext": "TLDR;"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.unorderedList",
"children": [
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Updated feature request forms for github templates"
}
},
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Did a ton of research on the design, looking at other reference pages and pitches from the usability studies. "
}
},
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Created some test designs."
}
},
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Implemented some designs on the documentation website that may have bloated the site too much, or it could have been because the pages are large now. "
}
},
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://notapipe.itch.io/l5/devlog/1542318/welcoming-sam-our-summer-of-code-contributor"
}
],
"index": {
"byteEnd": 129,
"byteStart": 110
}
},
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#italic"
}
],
"index": {
"byteEnd": 175,
"byteStart": 168
}
}
],
"plaintext": "Created an L5 devlog on itch.io as we will be hosting an L5 jam later this summer. Lee wrote a very nice post about my first week. For some reason itch requires you to request to have custom CSS on your own pages, so I had to do that also?"
}
},
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Ran a workshop at ITP camp on Wednesday!"
}
}
]
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight"
}
],
"index": {
"byteEnd": 30,
"byteStart": 0
}
}
],
"level": 1,
"plaintext": "New L5 Website Feature Request"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/configuring-issue-templates-for-your-repository#creating-issue-forms"
}
],
"index": {
"byteEnd": 156,
"byteStart": 136
}
},
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
}
],
"index": {
"byteEnd": 157,
"byteStart": 156
}
}
],
"plaintext": "The previous feature request issue template was a little wonky and had some duplicate issues, so went through and cleaned it up using a Github Template Form."
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "It now looks sleek :)"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 606,
"width": 791
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreigqspe3z5wc5v6l2lvnwu66aawrtbmp6glz73udi3uciafrsyouha"
},
"mimeType": "image/webp",
"size": 30634
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "You can see my notes on the PR here:"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.website",
"description": "added new feature template form using github yml issue forms: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/syntax-for-issue-forms this is simi...",
"previewImage": {
"$type": "blob",
"ref": {
"$link": "bafkreigjt2cvva6pugptw6r3cfjhro4wwe7gtetx3ukz3r3kpgd7ycmlky"
},
"mimeType": "image/png",
"size": 25604
},
"src": "https://github.com/L5lua/L5-website/pull/23",
"title": "created new formatted feature template form by samheckle · Pull Request #23 · L5lua/L5-website"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight"
}
],
"index": {
"byteEnd": 17,
"byteStart": 0
}
}
],
"level": 1,
"plaintext": "Usability Studies"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "There were two usability studies conducted by the University of Washington prior to my work with GSoC"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.unorderedList",
"children": [
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://ashgreyseafoam.com/L5_usability_studies_beginners.pdf"
}
],
"index": {
"byteEnd": 28,
"byteStart": 0
}
}
],
"plaintext": "beginners to creative coding"
}
},
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://ashgreyseafoam.com/L5_usability_studies_experienced.pdf"
}
],
"index": {
"byteEnd": 27,
"byteStart": 0
}
}
],
"plaintext": "experienced creative coders"
}
}
]
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "From these studies, they had a few suggestions, varying from design suggestions to updates of the general flow. Given a strong starting point for design and implementation, I broke them out into several issues (using my new feature request form):"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.website",
"description": "Feature Description from beginner usability study, simplify documentation by adding clarity on: what is L5 and who is it for beginner path simple navigation video walkthroughs some of the copy is a...",
"previewImage": {
"$type": "blob",
"ref": {
"$link": "bafkreiarpad3aikzwuwn5y2cnnuhm4nbim2uu4wg4jf7zrph7n73vu2qme"
},
"mimeType": "image/png",
"size": 24206
},
"src": "https://github.com/L5lua/L5-website/issues/24",
"title": "[Feature Request]: clean up homepage and getting started pages · Issue #24 · L5lua/L5-website"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.website",
"description": "Feature Description this should also cover beginner usability studies issues 3 and 4, which states that installation flow should explain clearly the distinction between L5 vs. Lua vs. Love2D. Probl...",
"previewImage": {
"$type": "blob",
"ref": {
"$link": "bafkreicdm5dritnevvprlwzj5i4xtgd3rceb6ds6aekmhhahvqqbhczs7q"
},
"mimeType": "image/png",
"size": 24449
},
"src": "https://github.com/L5lua/L5-website/issues/25",
"title": "[Feature Request]: combine download and getting started menus to simplify installation process · Issue #25 · L5lua/L5-website"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.website",
"description": "Feature Description reinforce low-bandwidth design of L5 with the amount of bandwidth used by the website Problem or Use Case allow audience to see the few resources even the site design has to rei...",
"previewImage": {
"$type": "blob",
"ref": {
"$link": "bafkreic4tqk426nnq57mbirwr3lmqswtmhquelitimvr276xcsvufjf67u"
},
"mimeType": "image/png",
"size": 23083
},
"src": "https://github.com/L5lua/L5-website/issues/26",
"title": "[Feature Request]: add bandwidth consumption to visual design · Issue #26 · L5lua/L5-website"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.website",
"description": "Feature Description change reference pages to reorganize and rename parameters and syntax. this is from experienced usability study # 5 Problem or Use Case clarity on examples Proposed Solution mov...",
"previewImage": {
"$type": "blob",
"ref": {
"$link": "bafkreicgledvb67wrgqoq6inqm6fvkyvzskmupone3vakdcasqcidxy52q"
},
"mimeType": "image/png",
"size": 21577
},
"src": "https://github.com/L5lua/L5-website/issues/28",
"title": "[Feature Request]: update and reorganize parameters and syntax on reference pages · Issue #28 · L5lua/L5-website"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Right now, not everything covered in the usability studies is necessarily fixed by written documentation but these created issues prioritized that. "
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Things that will be fixed in another repository:"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.unorderedList",
"children": [
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Live preview "
}
},
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "macOS Security Override step"
}
}
]
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Things that might not be addressed as a constraint of Lua:"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.unorderedList",
"children": [
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#footnote",
"contentPlaintext": "This is probably an entire project of writing a web-compiler for L5 and converting it to p5 for browser rendering. ",
"footnoteId": "019e9956-890e-7993-ba55-925cfa76d8ef"
}
],
"index": {
"byteEnd": 34,
"byteStart": 33
}
}
],
"plaintext": "Embedded and interactive examples*"
}
}
]
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"level": 2,
"plaintext": "Design Suggestions"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "The experienced usability studies also created some design suggestions. "
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1080,
"width": 1920
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreif72k224vj5xxibmc4pm3thmeb7ibo7sbnf7tfuzumyzlf3bfywkq"
},
"mimeType": "image/webp",
"size": 182136
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight"
}
],
"index": {
"byteEnd": 15,
"byteStart": 0
}
}
],
"level": 1,
"plaintext": "Design Research"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "I spent most of this week on research, design, and prototype of the updated web design. "
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Now I grew up learning Processing; shifting to p5.js when I was in university. So I have a special place in my heart for the old p5.js reference pages. "
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1354,
"width": 2828
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreieisk7me5x3mz5wiireuqy4fogz5ts2n3exacyyiptdigeqfzbs3e"
},
"mimeType": "image/webp",
"size": 177222
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.blockquote",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://web.archive.org/web/20161022185309/http://p5js.org/"
}
],
"index": {
"byteEnd": 99,
"byteStart": 40
}
}
],
"plaintext": "p5.js landing page in October 2016 from https://web.archive.org/web/20161022185309/http://p5js.org/"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1336,
"width": 1946
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreiciagyelrfclfu6znmhps2rijdugvpar5fbcvlgum4l2reqwqfk4q"
},
"mimeType": "image/webp",
"size": 164316
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.blockquote",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://web.archive.org/web/20200610233636/https://p5js.org/"
}
],
"index": {
"byteEnd": 87,
"byteStart": 27
}
}
],
"plaintext": "p5.js landing page in 2020 https://web.archive.org/web/20200610233636/https://p5js.org/"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Lee and I also discussed some other reference pages:"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 830,
"width": 1116
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreia5is34hn3w5zj3iapislnvtr4s3kftd5i6azfridy3eex7fdqr4e"
},
"mimeType": "image/webp",
"size": 74594
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.blockquote",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://hydra.ojack.xyz/docs/"
}
],
"index": {
"byteEnd": 49,
"byteStart": 20
}
}
],
"plaintext": "Current hydra docs: https://hydra.ojack.xyz/docs/"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1456,
"width": 2832
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreihejdztmgyy4bgpm3sz22wv74sd36hxxbuegwu4a2ije4bk3irxp4"
},
"mimeType": "image/webp",
"size": 140976
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.blockquote",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://docs.arduino.cc/"
}
],
"index": {
"byteEnd": 46,
"byteStart": 22
}
}
],
"plaintext": "Current Arduino docs: https://docs.arduino.cc/"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 375,
"width": 800
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreifo2l47uyplijoj5tie34crphmckd7cfuoxlq2cop4z5mc7fhpqsi"
},
"mimeType": "image/gif",
"size": 104792
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.blockquote",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://www.lua.org/"
}
],
"index": {
"byteEnd": 38,
"byteStart": 18
}
}
],
"plaintext": "Current Lua docs: https://www.lua.org/"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#footnote",
"contentPlaintext": "yeah yeah i should migrate to semble",
"footnoteId": "019e9973-2299-7886-b30c-da8b27c286a0"
}
],
"index": {
"byteEnd": 56,
"byteStart": 55
}
}
],
"plaintext": "I have more bookmarked in nice code references on arena*:"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.website",
"description": "references of programming language documentation pages",
"previewImage": {
"$type": "blob",
"ref": {
"$link": "bafkreihiji7evklip6ikrknqhp7l6bdigobbnwjvabhlc32ed3nfwuos3y"
},
"mimeType": "image/png",
"size": 3904
},
"src": "https://www.are.na/sam-heckle/nice-code-txt",
"title": "nice code txt | Are.na"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight"
}
],
"index": {
"byteEnd": 17,
"byteStart": 0
}
}
],
"level": 1,
"plaintext": "Design Prototypes"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://design.penpot.app/"
}
],
"index": {
"byteEnd": 25,
"byteStart": 19
}
}
],
"plaintext": "I created these in penpot, an open-source alternative to Figma. It worked ok I think, but maybe I'm not getting the most out of it since I didn't make any prototypes or export CSS. "
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"level": 3,
"plaintext": "Landing Page Prototypes"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1080,
"width": 1920
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreieb44fsyr5uubtvjbsoknryrns7viuphlt6nu3afjkjnytvxeeg7u"
},
"mimeType": "image/webp",
"size": 196352
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1080,
"width": 1920
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreiallorpiljvilrxdspckvh225dullq3flr5k4mahpzxnirnnhipui"
},
"mimeType": "image/webp",
"size": 107134
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Obviously these come from heavy inspiration from the original p5.js and Lua pages. "
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"level": 3,
"plaintext": "Navigation Updates"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1080,
"width": 1920
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreibgfyzqeatbz2r25zrm2fpsogdcak2zjdqleolkid4gxgszzqm6wm"
},
"mimeType": "image/webp",
"size": 215496
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1080,
"width": 1920
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreigbv7buhzrzeh2a7bnwgycuaxgisbevv2tocvf2lybo7mqjsyvgta"
},
"mimeType": "image/webp",
"size": 85820
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1080,
"width": 1920
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreidh4e7wqzc42fcxrj5bxzt3zn3qu2vwdaq4qfwrmhgjg5i37kin2q"
},
"mimeType": "image/webp",
"size": 90388
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1080,
"width": 1920
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreigze5fycpjkh54uolokczqhyu3dvdiqbn26zdlclv7jkijawy253q"
},
"mimeType": "image/webp",
"size": 126762
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1080,
"width": 1920
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreih4hcll2ixhvfhcmqtbgrftdyevap6ptojvbmdeksvq2rhfal366m"
},
"mimeType": "image/webp",
"size": 110066
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#italic"
}
],
"index": {
"byteEnd": 24,
"byteStart": 20
}
}
],
"plaintext": "In retrospect I did not need to make these massive images and probably could have made a sitemap of the navigation. "
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"level": 2,
"plaintext": "Design Discussion"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "From there, Lee and I had a conversation about which designs worked best and went to set up the L5 blog. "
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#footnote",
"contentPlaintext": "Referring to the first two screenshots under the design prototypes header without the large navigation bar on the left.",
"footnoteId": "019e9985-8371-7886-b31f-fc9d96b3f08f"
}
],
"index": {
"byteEnd": 43,
"byteStart": 42
}
}
],
"plaintext": "We kind of concluded that the landing page* was unnecessary, but curious about others! Let's see how this Leaflet poll goes:"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.poll",
"pollRef": {
"cid": "bafyreiau3tjywx5mpmrelnbphj2e3v5hokya3hwxb2i6y2vlqpmyj7czci",
"uri": "at://did:plc:wlzd76q6sfrwrxaixkqkso43/pub.leaflet.poll.definition/019e996b-5720-7886-b2f9-8d6917802734"
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://web.badges.world/"
}
],
"index": {
"byteEnd": 73,
"byteStart": 48
}
}
],
"plaintext": "I also made this cute low-bandwidth badge using https://web.badges.world/"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 33,
"width": 741
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreiesazvra4czb4jgyhdrsvzw4okahrqc2uujrhddsc5kpnbkzaoahm"
},
"mimeType": "image/webp",
"size": 1152
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Uncertain if it will actually end up on the documentation site but if you have ideas let me know!"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight"
}
],
"index": {
"byteEnd": 21,
"byteStart": 0
}
}
],
"level": 1,
"plaintext": "Design Implementation"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://squidfunk.github.io/mkdocs-material/"
}
],
"index": {
"byteEnd": 84,
"byteStart": 78
}
},
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://www.are.na/sam-heckle/blog-tools"
}
],
"index": {
"byteEnd": 166,
"byteStart": 132
}
}
],
"plaintext": "After completing the designs, I began work on implementing them using our SSG MkDocs. I haven't used it before (but I have a pretty large are.na channel on blog tools), but figured out I needed some plugins to modify the navigation. "
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1496,
"width": 2808
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreichyvfq5yv72tm6p24cii4dtwz2jcf3w472tszjjtn2e4rgg5tf3q"
},
"mimeType": "image/webp",
"size": 211370
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "An open conversation we are having is whether or not to include some of these Mkdocs plugins due to site bloat. Right now, the live site runs ~850kb. My implementation makes each page ~1MB, so it increases by 200kb."
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1466,
"width": 2810
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreid7k2k2pkbdp27ybxvudto2ky7rqc4lndmslxlotptqbi6i6uvtoi"
},
"mimeType": "image/webp",
"size": 166494
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#code"
}
],
"index": {
"byteEnd": 141,
"byteStart": 133
}
},
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#italic"
}
],
"index": {
"byteEnd": 184,
"byteStart": 178
}
},
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#code"
}
],
"index": {
"byteEnd": 197,
"byteStart": 189
}
},
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#italic"
}
],
"index": {
"byteEnd": 433,
"byteStart": 427
}
}
],
"plaintext": "Mkdocs builds on Python Markdown, which has some extensions that allow for these nice toggles. Unfortunately, the way Mkdocs renders <detail> sections doesn't allow for markdown within the <detail>. The only way to enable it is to install an extension. Another blocker is that the entire webpage is rendered, instead of only rendering the visible components. If there was a way to force lazy-loading on these toggable-elements within Mkdocs..."
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Questions we are considering at this point:"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.unorderedList",
"children": [
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "With the emphasis on low-bandwidth, are these extensions necessary?"
}
},
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Does the UX have precedent?"
}
}
]
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Some other reference for low-bandwidth sites:"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.website",
"description": "The 512KB Club is an exclusive list of web pages weighing less than 512 kilobytes.",
"src": "https://512kb.club/",
"title": "512KB Club"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.website",
"description": "An exclusive membership for web pages weighing less than 1 megabyte.",
"previewImage": {
"$type": "blob",
"ref": {
"$link": "bafkreig7rd7pcxqlk7wlzkbxerkrc66caqt2tjejofb3umbssi4z5bvd7y"
},
"mimeType": "image/png",
"size": 14900
},
"src": "https://1mb.club/",
"title": "1MB Club: A collection of web pages weighing in less than 1MB"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.website",
"description": "Have you always meant to finish setting up your site on Ctrl-C.club but never got around to it? From Aug. 25 to Sep. 1, we'll be taking a week to update, polish, and fix our sites. Details on how to participate are here.",
"src": "https://web.archive.org/web/20260602110640/https://ctrl-c.club/",
"title": "Ctrl-C.club!"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "And some commandments for designing for low-bandwidth:"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.website",
"description": "Design guidelines for low bandwidth website development",
"src": "https://web.archive.org/web/20190215051701/https://aptivate.org/webguidelines/TopTen.html",
"title": "Web Design Guidelines for Low Bandwidth - TopTen"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"level": 3,
"plaintext": "Test my changes!"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "If you want to test my changes and see whats up, feel free to take a look and write feedback on this PR."
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.website",
"description": "Related to #24 , first pass at navigation updates and some simplification on UI. Changes made: in contributing.md added some styling to hide the TOC from showing in navigation. This is an ugly sol...",
"previewImage": {
"$type": "blob",
"ref": {
"$link": "bafkreigix6yo3jxruz4x5vkhz5qvrv4t5bbflimdgj7dpneugh6iya4ahu"
},
"mimeType": "image/png",
"size": 24355
},
"src": "https://github.com/L5lua/L5-website/pull/27",
"title": "Updates to Navigation by samheckle · Pull Request #27 · L5lua/L5-website"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight"
}
],
"index": {
"byteEnd": 13,
"byteStart": 0
}
}
],
"level": 1,
"plaintext": "L5 Blog Setup"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Lee and I ran through some different blog options:"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.unorderedList",
"children": [
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Tried using Mkdocs blog plugin with an RSS feed. "
}
},
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "Attempted creating and linking manual Markdown pages, but this required too much labor even for a post once a month. "
}
},
{
"$type": "pub.leaflet.blocks.unorderedList#listItem",
"content": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://notapipe.itch.io/l5/devlog"
}
],
"index": {
"byteEnd": 61,
"byteStart": 27
}
},
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#footnote",
"contentPlaintext": "Unfortunately not a Leaflet (Lee doesn't have a bluesky). Because L5 has a build hosted on itch, it made sense. ",
"footnoteId": "019e998a-7021-7886-b327-4573bacf0761"
}
],
"index": {
"byteEnd": 62,
"byteStart": 61
}
}
],
"plaintext": "Landed on an itch.io blog: https://notapipe.itch.io/l5/devlog*"
}
}
]
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"level": 1,
"plaintext": "Unfortunately not a Leaflet, live to fight another day!"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight",
"color": {
"$type": "pub.leaflet.theme.color#rgb",
"b": 195,
"g": 205,
"r": 255
}
},
{
"$type": "pub.leaflet.richtext.facet#link",
"uri": "https://itp.nyu.edu/camp/2026/about"
}
],
"index": {
"byteEnd": 46,
"byteStart": 38
}
}
],
"plaintext": "Lee and I ran a workshop yesterday at ITP Camp!"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1260,
"width": 1246
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreifininl6mtyz3md5mvmkabr35cgrifquc6grf5uoxob2mzy4lcnfm"
},
"mimeType": "image/webp",
"size": 201062
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "We had about 30 people in-and-out testing L5! Based off this experience, I think we are going to add higher priority on building out a VS Code extension."
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1280,
"width": 1920
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreie225mldbme2erl2t6wbtyr3f7u4r4vrifhh5yelafe2pw2x26fha"
},
"mimeType": "image/webp",
"size": 240274
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1280,
"width": 1920
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreigsaoc3sl2h53qdhovjktxbzoxtgdzw63hntvnvhjj4vfqph7wime"
},
"mimeType": "image/webp",
"size": 316748
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.image",
"aspectRatio": {
"height": 1280,
"width": 1920
},
"image": {
"$type": "blob",
"ref": {
"$link": "bafkreiasjnymiomhl6qgpknaaxbema3nr7dvhai6mxawcdjlpund4wkjgy"
},
"mimeType": "image/webp",
"size": 227584
}
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.header",
"facets": [
{
"features": [
{
"$type": "pub.leaflet.richtext.facet#highlight"
}
],
"index": {
"byteEnd": 6,
"byteStart": 0
}
}
],
"level": 1,
"plaintext": "Anyway"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "My friend Patrick got into boxing and is having his first exhibition match tonight! Good luck Pat!"
}
},
{
"$type": "pub.leaflet.pages.linearDocument#block",
"block": {
"$type": "pub.leaflet.blocks.text",
"plaintext": "xx smh",
"textSize": "small"
}
}
],
"id": "019e9921-882d-733a-800a-bf91cc9c5555"
}
]
},
"coverImage": {
"$type": "blob",
"ref": {
"$link": "bafkreifus6u7munyog5jbajwy6kgryvvmqbdprvtyoht25v5tu5bfn7doe"
},
"mimeType": "image/webp",
"size": 864
},
"description": "Updates on week 2 of work on L5, a Lua port of Processing. ",
"path": "/3mnl2ctpg622e",
"publishedAt": "2026-06-05T21:08:43.490Z",
"site": "at://did:plc:wlzd76q6sfrwrxaixkqkso43/site.standard.publication/3mmeyfprfc222",
"tags": [
"l5lua",
"gsoc",
"lua"
],
"title": "L5 Week 2 Round Up"
}