{"$schema":"https://ejfox.com/schema/page-twin@1.json","kind":"blog_post","url":"https://ejfox.com/blog/week-notes/2024-03","json_url":"https://ejfox.com/blog/week-notes/2024-03.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<ul class=\"list-disc\">\n<li class=\"\">Summarize the general mood and key themes of the week here.</li>\n</ul>\n<h2 class=\"\" id=\"projects-worked-on\">Projects Worked On</h2>\n<h3 class=\"\" id=\"remaking-the-room302studio-website\">Remaking the Room302.studio Website</h3>\n<h3 class=\"\" id=\"httpsknowhvcom\"><a href=\"https://knowhv.com/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"external-link group inline-flex items-center text-blue-600 dark:text-blue-400\" data-preview-url=\"https://knowhv.com/\">https://knowhv.com/</a></h3>\n<h2 class=\"\" id=\"-learning--development\">📘 Learning &#x26; Development</h2>\n<ul class=\"list-disc\">\n<li class=\"\">\n<p class=\"\">Watched this <a href=\"https://www.reddit.com/r/CombatFootage/comments/1957ngc/rare_tank_battle_between_ukrainian_bradley_and/\" 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.reddit.com/r/CombatFootage/comments/1957ngc/rare_tank_battle_between_ukrainian_bradley_and/\">video from reddit<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 512 512\"><path fill=\"currentColor\" d=\"M0 256C0 114.6 114.6 0 256 0s256 114.6 256 256s-114.6 256-256 256H37.1c-13.7 0-20.5-16.5-10.9-26.2L75 437C28.7 390.7 0 326.7 0 256m349.6-102.4c23.6 0 42.7-19.1 42.7-42.7s-19.1-42.7-42.7-42.7c-20.6 0-37.8 14.6-41.8 34c-34.5 3.7-61.4 33-61.4 68.4v.2c-37.5 1.6-71.8 12.3-99 29.1c-10.1-7.8-22.8-12.5-36.5-12.5c-33 0-59.8 26.8-59.8 59.8c0 24 14.1 44.6 34.4 54.1c2 69.4 77.6 125.2 170.6 125.2s168.7-55.9 170.6-125.3c20.2-9.6 34.1-30.2 34.1-54c0-33-26.8-59.8-59.8-59.8c-13.7 0-26.3 4.6-36.4 12.4c-27.4-17-62.1-27.7-100-29.1v-.2c0-25.4 18.9-46.5 43.4-49.9c4.4 18.8 21.3 32.8 41.5 32.8zm-172.5 93.3c16.7 0 29.5 17.6 28.5 39.3s-13.5 29.6-30.3 29.6s-31.4-8.8-30.4-30.5S160.3 247 177 247zm190.1 38.3c1 21.7-13.7 30.5-30.4 30.5s-29.3-7.9-30.3-29.6s11.8-39.3 28.5-39.3s31.2 16.6 32.1 38.3zm-48.1 56.7c-10.3 24.6-34.6 41.9-63 41.9s-52.7-17.3-63-41.9c-1.2-2.9.8-6.2 3.9-6.5c18.4-1.9 38.3-2.9 59.1-2.9s40.7 1 59.1 2.9c3.1.3 5.1 3.6 3.9 6.5\" class=\"\"></path></svg></a> of a tank battle between a Ukrainian Bradley, which sent me down a bit of a rabbit hole. <a href=\"https://www.youtube.com/watch?v=CKvmpcLbZFA\" 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.youtube.com/watch?v=CKvmpcLbZFA\">This is the same video, but narrated and annotated<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=\"M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z\" class=\"\"></path></svg></a> which makes it a little bit easier to understand. I then ended up on this incredible <a href=\"https://www.youtube.com/watch?v=lYvMc-tQvkM\" 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.youtube.com/watch?v=lYvMc-tQvkM\">30 minutes of go-pro footage<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=\"M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z\" class=\"\"></path></svg></a> from an American fighting on the front lines. This era of high-definition imagery in near-realtime from battlefields across the world is very strange.</p>\n</li>\n<li class=\"\">\n<p class=\"\"><a href=\"https://www.youtube.com/watch?v=gHfZ2972mr0\" 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.youtube.com/watch?v=gHfZ2972mr0\">https://www.youtube.com/watch?v=gHfZ2972mr0<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=\"M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z\" class=\"\"></path></svg></a></p>\n</li>\n<li class=\"\">\n<p class=\"\"><a href=\"https://www.youtube.com/watch?v=mFj_ULMjcNQ\" 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.youtube.com/watch?v=mFj_ULMjcNQ\">https://www.youtube.com/watch?v=mFj_ULMjcNQ<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=\"M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z\" class=\"\"></path></svg></a></p>\n</li>\n<li class=\"\">\n<p class=\"\"><a href=\"https://www.youtube.com/watch?v=9IQdAQ-7hxM\" 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.youtube.com/watch?v=9IQdAQ-7hxM\">https://www.youtube.com/watch?v=9IQdAQ-7hxM<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=\"M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z\" class=\"\"></path></svg></a></p>\n</li>\n<li class=\"\">\n<p class=\"\"><a href=\"https://www.youtube.com/watch?v=ooCoej-31uk\" 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.youtube.com/watch?v=ooCoej-31uk\">https://www.youtube.com/watch?v=ooCoej-31uk<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=\"M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z\" class=\"\"></path></svg></a></p>\n</li>\n<li class=\"\">\n<p class=\"\"><a href=\"https://www.youtube.com/watch?v=0wCLbiHvsMg\" 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.youtube.com/watch?v=0wCLbiHvsMg\">https://www.youtube.com/watch?v=0wCLbiHvsMg<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=\"M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z\" class=\"\"></path></svg></a></p>\n</li>\n</ul>\n<p class=\"\">I've been watching a lot of YouTube videos from survival/prepper/outdoors folks and one thing I keep noticing is that people will do a whole 10 minute video on some sort of preparation, but never actually talk about the situation they are preparing for. This is especially noticeable in YouTube videos about radios or military equipment.</p>\n<p class=\"\">These guys keep talking about having equipment to navigate and survive in \"non-permissive environments\" with their Every Day Carry or Bug Out Bags. In Cybersecurity, the first step towards building a defense is to create a <a href=\"https://en.wikipedia.org/wiki/Threat_model\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"external-link group inline-flex items-center text-blue-600 dark:text-blue-400\" data-preview-url=\"https://en.wikipedia.org/wiki/Threat_model\">Threat Model<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.09 13.119c-.936 1.932-2.217 4.548-2.853 5.728c-.616 1.074-1.127.931-1.532.029c-1.406-3.321-4.293-9.144-5.651-12.409c-.251-.601-.441-.987-.619-1.139q-.27-.225-1.122-.271q-.314-.034-.313-.159v-.455l.052-.045c.924-.005 5.401 0 5.401 0l.051.045v.434q0 .177-.225.176l-.564.031c-.485.029-.727.164-.727.436c0 .135.053.33.166.601c1.082 2.646 4.818 10.521 4.818 10.521l.136.046l2.411-4.81l-.482-1.067l-1.658-3.264s-.318-.654-.428-.872c-.728-1.443-.712-1.518-1.447-1.617c-.207-.023-.313-.05-.313-.149v-.468l.06-.045h4.292l.113.037v.451c0 .105-.076.15-.227.15l-.308.047c-.792.061-.661.381-.136 1.422l1.582 3.252l1.758-3.504c.293-.64.233-.801.111-.947c-.07-.084-.305-.22-.812-.24l-.201-.021a.23.23 0 0 1-.145-.051a.15.15 0 0 1-.067-.129v-.427l.061-.045c1.247-.008 4.043 0 4.043 0l.059.045v.436c0 .121-.059.178-.193.178c-.646.03-.782.095-1.023.439c-.12.186-.375.589-.646 1.039l-2.301 4.273l-.065.135l2.792 5.712l.17.048l4.396-10.438c.154-.422.129-.722-.064-.895c-.197-.172-.346-.273-.857-.295l-.42-.016a.26.26 0 0 1-.152-.045c-.043-.029-.072-.075-.072-.119v-.436l.059-.045h4.961l.041.045v.437c0 .119-.074.18-.209.18c-.648.03-1.127.18-1.443.421c-.314.255-.557.616-.736 1.067c0 0-4.043 9.258-5.426 12.339c-.525 1.007-1.053.917-1.503-.031c-.571-1.171-1.773-3.786-2.646-5.71z\" class=\"\"></path></svg></a> that describes the likely motives and tactics of potential attackers.</p>\n<h3 class=\"\" id=\"experimenting-with-tres-js\">Experimenting with Tres js</h3>\n<p class=\"\">Tres JS <a href=\"https://tresjs.org\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"external-link group inline-flex items-center text-blue-600 dark:text-blue-400\" data-preview-url=\"https://tresjs.org\">https://tresjs.org</a> is a Vue wrapper around the 3D web graphics library Three.js- and it makes it very easy to integrate 3D scenes into Vue components using Vue's reactivity system, and making it easy to pull in other helpers like VueUse. So far, I am enjoying the technology, but finding the documentation and examples a bit lacking, so I am finding myself stumbling around aimlessly sometimes.</p>\n<p class=\"\"><img src=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1705897187/Screenshot_2024-01-21_at_11.19.35_PM.png\" alt=\"https://res.cloudinary.com/ejf/image/upload/v1705897187/Screenshot_2024-01-21_at_11.19.35_PM.png\" loading=\"lazy\" decoding=\"async\" srcset=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_640/v1705897187/Screenshot_2024-01-21_at_11.19.35_PM.png 640w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_960/v1705897187/Screenshot_2024-01-21_at_11.19.35_PM.png 960w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1705897187/Screenshot_2024-01-21_at_11.19.35_PM.png 1280w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1920/v1705897187/Screenshot_2024-01-21_at_11.19.35_PM.png 1920w\" sizes=\"(max-width: 430px) 92vw, (max-width: 768px) 85vw, 900px\" width=\"2120\" height=\"1962\" style=\"--splay-rot:0.62deg;\" data-dimensions=\"2120×1962\" class=\"img-full my-8 rounded-sm img-splay aspect-square w-full mx-auto py-4\" crossorigin=\"anonymous\"></p>\n<h3 class=\"\" id=\"experimenting-with-anime-js-40\">Experimenting with Anime JS 4.0</h3>\n<h2 class=\"\" id=\"personal-growth--health\">Personal Growth &#x26; Health</h2>\n<ul class=\"list-disc\">\n<li class=\"\">Reading NOLS Wilderness Medicine to be better prepared to use my first aid kit if necessary while motorcycle camping next summer</li>\n</ul>\n<h3 class=\"\" id=\"building-a-first-aid-kit-for-motorcycle-travel\">Building A First Aid Kit For Motorcycle Travel</h3>\n<ul class=\"list-disc\">\n<li class=\"\">Emergency Blanket</li>\n<li class=\"\">Rolled aluminum splint</li>\n<li class=\"\">Neosporin</li>\n<li class=\"\">Athletic Tape</li>\n<li class=\"\">Medical Shears</li>\n<li class=\"\">QuickClot Gauze</li>\n<li class=\"\">Gauze (rolls + dressings)</li>\n<li class=\"\">Rubber Gloves</li>\n</ul>","title":"Overview of the Week","metadata":{"tags":["weekly-notes","reflections","progress","3d","coding","health","military","personal","travel"],"date":"2024-01-15T05:00:00.000Z","modified":"2024-10-14T23:52:28.000Z","dek":"In which the author immerses themselves in learning about warfare footage and military equipment, experimenting with 3D graphics libraries, and preparing a first aid kit for motorcycle travel.","words":366,"images":1,"imageDetails":{"total":1,"cloudinary":1,"withDimensions":0},"links":5,"codeBlocks":0,"headers":{"h2":4},"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":"Remaking the Room302.studio Website","slug":"remaking-the-room302studio-website","level":"h3","children":[]},{"text":"https://knowhv.com/","slug":"httpsknowhvcom","level":"h3","children":[]}]},{"text":"📘 Learning & Development","slug":"-learning--development","level":"h2","children":[{"text":"Experimenting with Tres js","slug":"experimenting-with-tres-js","level":"h3","children":[]},{"text":"Experimenting with Anime JS 4.0","slug":"experimenting-with-anime-js-40","level":"h3","children":[]}]},{"text":"Personal Growth & Health","slug":"personal-growth--health","level":"h2","children":[{"text":"Building A First Aid Kit For Motorcycle Travel","slug":"building-a-first-aid-kit-for-motorcycle-travel","level":"h3","children":[]}]}],"type":"post"}},"_links":{"self":"https://ejfox.com/blog/week-notes/2024-03.json","html":"https://ejfox.com/blog/week-notes/2024-03","index":"/blog.json"}}