{"$schema":"https://ejfox.com/schema/page-twin@1.json","kind":"blog_post","url":"https://ejfox.com/blog/week-notes/2024-24","json_url":"https://ejfox.com/blog/week-notes/2024-24.json","generator":"ejfox.com/json-twin@1","data":{"cacheVersion":"2026-05-13-gear-cards","html":"<h2 class=\"\" id=\"overview-of-the-week\">Overview of the Week</h2>\n<h2 class=\"\" id=\"projects-worked-on\">Projects Worked On</h2>\n<ul class=\"list-disc\">\n<li class=\"\">Created <code class=\"md-inline-code\">git-status-dash</code> project to make a little dashboard for the status of various git repos in a folder, helped a lot by Claude: <a href=\"https://github.com/ejfox/git-status-monitor\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"external-link group inline-flex items-center text-blue-600 dark:text-blue-400\" data-preview-url=\"https://github.com/ejfox/git-status-monitor\">https://github.com/ejfox/git-status-monitor<svg class=\"inline-block w-4 h-4 ml-1 opacity-50 dark:opacity-75 group-hover:opacity-100 transition-opacity align-text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\" class=\"\"></path></svg></a></li>\n</ul>\n<h3 class=\"\" id=\"video-recording\">Video Recording</h3>\n<p class=\"\">Finally accomplished my goal of recording an instructional coding video, preparing for recording a course on rapid prototyping with Nuxt.</p>\n<p class=\"\">Inspired by <a href=\"https://maggieappleton.com/home-cooked-software\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"external-link group inline-flex items-center text-blue-600 dark:text-blue-400\" data-preview-url=\"https://maggieappleton.com/home-cooked-software\">https://maggieappleton.com/home-cooked-software</a> and <a href=\"https://www.are.na/editorial/an-interview-with-spencer-chang\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"external-link group inline-flex items-center text-blue-600 dark:text-blue-400\" data-preview-url=\"https://www.are.na/editorial/an-interview-with-spencer-chang\">https://www.are.na/editorial/an-interview-with-spencer-chang</a> – I wanted to show other people how easy it is to take your own data, in this case from are.na, and build your own interfaces and experiments from it.</p>\n<p class=\"\">For the video, I worked to get the necessary data from the are.na API, and then display it on draggable cards that remember their positions between sessions. I also added some basic controls for size, so you can arrange all of the blocks in a channel spatially in any way that makes sense to your brain</p>\n<h2 class=\"\" id=\"creative-endeavors\">Creative Endeavors</h2>\n<h2 class=\"\" id=\"books-movies-tv\">Books, Movies, TV</h2>\n<h2 class=\"\" id=\"personal-growth--health\">Personal Growth &#x26; Health</h2>\n<h2 class=\"\" id=\"social--community-engagement\">Social &#x26; Community Engagement</h2>\n<h2 class=\"\" id=\"goals-for-the-future\">Goals for the Future</h2>\n<ul class=\"list-disc\">\n<li class=\"\">Story idea: where do motorcycle crashes happen in the Hudson Valley</li>\n</ul>\n<!-- Set Specific, Measurable, Achievable, Relevant, and Time-bound goals or intentions for the upcoming week. -->\n<svg class=\"mx-auto my-8 w-full max-w-prose\" height=\"1\">\n  <line x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\" stroke=\"currentColor\" stroke-width=\"1\" stroke-dasharray=\"2,4\" />\n</svg>\n<figure role=\"figure\" aria-label=\"Network diagram showing interconnected nodes in peach and mint colors linked by red lines, with large red circular hubs.\" class=\"\">\n<img src=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1718126253/Screenshot_2024-06-11_at_1.17.22_PM.png\" alt=\"Network diagram showing interconnected nodes in peach and mint colors linked by red lines, with large red circular hubs.\" loading=\"lazy\" decoding=\"async\" srcset=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_640/v1718126253/Screenshot_2024-06-11_at_1.17.22_PM.png 640w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_960/v1718126253/Screenshot_2024-06-11_at_1.17.22_PM.png 960w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1718126253/Screenshot_2024-06-11_at_1.17.22_PM.png 1280w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1920/v1718126253/Screenshot_2024-06-11_at_1.17.22_PM.png 1920w\" sizes=\"(max-width: 430px) 92vw, (max-width: 768px) 85vw, 900px\" title=\"Network diagram showing interconnected nodes in peach and mint colors linked by red lines, with large red circular hubs.\" width=\"1430\" height=\"2014\" style=\"--splay-rot:1.6deg;\" data-dimensions=\"1430×2014\" class=\"img-full my-8 rounded-sm img-splay aspect-[3/4] w-full mx-auto py-4\" crossorigin=\"anonymous\">\n<figcaption class=\"\">Network diagram showing interconnected nodes in peach and mint colors linked by red lines, with large red circular hubs.</figcaption>\n</figure>\n<figure role=\"figure\" aria-label=\"Network visualization showing Mastodon and Pinboard posts with timestamps and user IDs connected by flowing white lines on black background.\" class=\"\">\n<img src=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1718209833/Screenshot_2024-06-12_at_12.30.21_PM.png\" alt=\"Network visualization showing Mastodon and Pinboard posts with timestamps and user IDs connected by flowing white lines on black background.\" loading=\"lazy\" decoding=\"async\" srcset=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_640/v1718209833/Screenshot_2024-06-12_at_12.30.21_PM.png 640w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_960/v1718209833/Screenshot_2024-06-12_at_12.30.21_PM.png 960w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1718209833/Screenshot_2024-06-12_at_12.30.21_PM.png 1280w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1920/v1718209833/Screenshot_2024-06-12_at_12.30.21_PM.png 1920w\" sizes=\"(max-width: 430px) 92vw, (max-width: 768px) 85vw, 900px\" title=\"Network visualization showing Mastodon and Pinboard posts with timestamps and user IDs connected by flowing white lines on black background.\" width=\"1892\" height=\"2058\" style=\"--splay-rot:1.09deg;\" data-dimensions=\"1892×2058\" class=\"img-full my-8 rounded-sm img-splay aspect-square w-full mx-auto py-4\" crossorigin=\"anonymous\">\n<figcaption class=\"\">Network visualization showing Mastodon and Pinboard posts with timestamps and user IDs connected by flowing white lines on black background.</figcaption>\n</figure>\n<figure role=\"figure\" aria-label=\"Network visualization showing connections between Mastodon posts and pinboard entries with timestamps, displayed as white lines on black background.\" class=\"\">\n<img src=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1718210031/Screenshot_2024-06-12_at_12.33.37_PM.png\" alt=\"Network visualization showing connections between Mastodon posts and pinboard entries with timestamps, displayed as white lines on black background.\" loading=\"lazy\" decoding=\"async\" srcset=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_640/v1718210031/Screenshot_2024-06-12_at_12.33.37_PM.png 640w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_960/v1718210031/Screenshot_2024-06-12_at_12.33.37_PM.png 960w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1718210031/Screenshot_2024-06-12_at_12.33.37_PM.png 1280w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1920/v1718210031/Screenshot_2024-06-12_at_12.33.37_PM.png 1920w\" sizes=\"(max-width: 430px) 92vw, (max-width: 768px) 85vw, 900px\" title=\"Network visualization showing connections between Mastodon posts and pinboard entries with timestamps, displayed as white lines on black background.\" width=\"1514\" height=\"2032\" style=\"--splay-rot:0.73deg;\" data-dimensions=\"1514×2032\" class=\"img-full my-8 rounded-sm img-splay aspect-[3/4] w-full mx-auto py-4\" crossorigin=\"anonymous\">\n<figcaption class=\"\">Network visualization showing connections between Mastodon posts and pinboard entries with timestamps, displayed as white lines on black background.</figcaption>\n</figure>\n<figure role=\"figure\" aria-label=\"Developer debugging Node.js application with weather API integration showing memory management errors and Discord message chain processing failures.\" class=\"\">\n<img src=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1718226055/Screenshot_2024-06-12_at_5.00.41_PM.png\" alt=\"Developer debugging Node.js application with weather API integration showing memory management errors and Discord message chain processing failures.\" loading=\"lazy\" decoding=\"async\" srcset=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_640/v1718226055/Screenshot_2024-06-12_at_5.00.41_PM.png 640w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_960/v1718226055/Screenshot_2024-06-12_at_5.00.41_PM.png 960w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1718226055/Screenshot_2024-06-12_at_5.00.41_PM.png 1280w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1920/v1718226055/Screenshot_2024-06-12_at_5.00.41_PM.png 1920w\" sizes=\"(max-width: 430px) 92vw, (max-width: 768px) 85vw, 900px\" title=\"Developer debugging Node.js application with weather API integration showing memory management errors and Discord message chain processing failures.\" width=\"3600\" height=\"2338\" style=\"--splay-rot:-1.42deg;\" data-dimensions=\"3600×2338\" class=\"img-full my-8 rounded-sm img-splay w-full mx-auto py-4\" crossorigin=\"anonymous\">\n<figcaption class=\"\">Developer debugging Node.js application with weather API integration showing memory management errors and Discord message chain processing failures.</figcaption>\n</figure>","title":"Overview of the Week","metadata":{"tags":["weekly-notes","reflections","progress","coding","git","video","datajournalism","visualization","javascript"],"modified":"2024-10-14T23:50:34.000Z","date":"2024-06-10T21:39:36.000Z","dek":"In which the author embarked on creative projects, recorded coding tutorials, and set goals for future storytelling endeavors.","words":277,"images":4,"imageDetails":{"total":4,"cloudinary":4,"withDimensions":0},"links":4,"codeBlocks":0,"headers":{"h2":7},"toc":[{"text":"Overview of the Week","slug":"overview-of-the-week","level":"h2","children":[]},{"text":"Projects Worked On","slug":"projects-worked-on","level":"h2","children":[{"text":"Video Recording","slug":"video-recording","level":"h3","children":[]}]},{"text":"Creative Endeavors","slug":"creative-endeavors","level":"h2","children":[]},{"text":"Books, Movies, TV","slug":"books-movies-tv","level":"h2","children":[]},{"text":"Personal Growth & Health","slug":"personal-growth--health","level":"h2","children":[]},{"text":"Social & Community Engagement","slug":"social--community-engagement","level":"h2","children":[]},{"text":"Goals for the Future","slug":"goals-for-the-future","level":"h2","children":[]}],"type":"post"}},"_links":{"self":"https://ejfox.com/blog/week-notes/2024-24.json","html":"https://ejfox.com/blog/week-notes/2024-24","index":"/blog.json"}}