FIx image paths

Gemfile.lock

@@ -1,20 +1,45 @@
 GEM
   remote: https://rubygems.org/
   specs:
+    activesupport (8.0.0)
+      base64
+      benchmark (>= 0.3)
+      bigdecimal
+      concurrent-ruby (~> 1.0, >= 1.3.1)
+      connection_pool (>= 2.2.5)
+      drb
+      i18n (>= 1.6, < 2)
+      logger (>= 1.4.2)
+      minitest (>= 5.1)
+      securerandom (>= 0.3)
+      tzinfo (~> 2.0, >= 2.0.5)
+      uri (>= 0.13.1)
     addressable (2.8.7)
       public_suffix (>= 2.0.2, < 7.0)
+    base64 (0.2.0)
+    benchmark (0.4.0)
     bigdecimal (3.1.8)
     colorator (1.1.0)
     concurrent-ruby (1.3.4)
+    connection_pool (2.4.1)
+    drb (2.2.1)
     em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0)
     eventmachine (1.2.7)
     ffi (1.17.0-aarch64-linux-musl)
+    ffi (1.17.0-x86_64-linux-musl)
     forwardable-extended (2.6.0)
+    gemoji (4.1.0)
     google-protobuf (4.28.3-aarch64-linux)
       bigdecimal
       rake (>= 13)
+    google-protobuf (4.28.3-x86_64-linux)
+      bigdecimal
+      rake (>= 13)
+    html-pipeline (2.14.3)
+      activesupport (>= 2)
+      nokogiri (>= 1.4)
     http_parser.rb (0.8.0)
     i18n (1.14.6)
       concurrent-ruby (~> 1.0)
@@ -40,6 +65,10 @@ GEM
       sass-embedded (~> 1.54)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
+    jemoji (0.13.0)
+      gemoji (>= 3, < 5)
+      html-pipeline (~> 2.2)
+      jekyll (>= 3.0, < 5.0)
     kramdown (2.4.0)
       rexml
     kramdown-parser-gfm (1.1.0)
@@ -48,10 +77,17 @@ GEM
     listen (3.9.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
+    logger (1.6.1)
     mercenary (0.4.0)
+    minitest (5.25.2)
+    nokogiri (1.16.7-aarch64-linux)
+      racc (~> 1.4)
+    nokogiri (1.16.7-x86_64-linux)
+      racc (~> 1.4)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     public_suffix (6.0.1)
+    racc (1.8.1)
     rake (13.2.1)
     rb-fsevent (0.11.2)
     rb-inotify (0.11.1)
@@ -61,9 +97,15 @@ GEM
     safe_yaml (1.0.5)
     sass-embedded (1.81.0-aarch64-linux-musl)
       google-protobuf (~> 4.28)
+    sass-embedded (1.81.0-x86_64-linux-musl)
+      google-protobuf (~> 4.28)
+    securerandom (0.3.2)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
     unicode-display_width (2.6.0)
+    uri (1.0.2)
     webrick (1.9.0)
 
 PLATFORMS
@@ -74,6 +116,7 @@ DEPENDENCIES
   http_parser.rb (~> 0.6.0)
   jekyll (~> 4.3.3)
   jekyll-feed (~> 0.12)
+  jemoji
   kramdown (~> 2.4)
   tzinfo (~> 1.2)
   tzinfo-data

src/_drafts/2022-02-14-personal-pbx.md

@@ -21,11 +21,11 @@ This is all coming from someone that has very little experience with the telepho
 
 As far as I have ever been concerned, the telephone network looks as follows:
 
-![The magical phone network](/images/posts/personal-pbx/magic_phones.png)
+![The magical phone network](/assets/blog/personal-pbx/magic_phones.png)
 
 But in reality, it looks a little more like the internet (I guess that makes sense, since dialup was a thing).
 
-![The magical phone network, with more phones](/images/posts/personal-pbx/phone_internet.png)
+![The magical phone network, with more phones](/assets/blog/personal-pbx/phone_internet.png)
 
 The *Dark Magic* still exists, and I am still not entirely sure whats going on there. Presumably some kind of routing protocols exists to handle country codes and such, but I have had no need (yet) to explore this further.
 
@@ -85,7 +85,7 @@ Trunking in the telephony world, is essentially the same as VLANs in the compute
 
 In my system, I have two trunks, one for Twilio (and by extension the whole PSTN), and one for Hamshack Hotline.
 
-![My trunking setup](/images/posts/personal-pbx/my_trunks.png)
+![My trunking setup](/assets/blog/personal-pbx/my_trunks.png)
 
 ## Provisioning an IAX2 Trunk through Hamshack Hotline
 

src/_drafts/2022-06-08-bell-ipv6.md

@@ -49,7 +49,7 @@ I chose 6in4, mostly because I felt like it :laughing:. I'm sure Teredo would ha
 
 Below is a diagram of a typical 6in4 packet:
 
-<img src="/images/posts/bell-ipv6/sit.png" loading="lazy" >
+<img src="/assets/blog/bell-ipv6/sit.png" loading="lazy" >
 
 ### Tunnel brokerage
 
@@ -67,13 +67,13 @@ Before I continue further down the path of explaining the tunnel setup, I must p
 
 Now, we enter the territory of undocumented Bell router features.
 
-<img src="/images/posts/bell-ipv6/hh4k.png" loading="lazy" style="max-width:300px;">
+<img src="/assets/blog/bell-ipv6/hh4k.png" loading="lazy" style="max-width:300px;">
 
 The [Home Hub 4000](https://support.bell.ca/internet/products/home-hub-4000-modem) is Bell's all-in-one modem, router, switch, access point, and smart home hub. From my point of view, it kinda sucks at all of those things, but luckily, it can be bypassed.
 
 I have my own *much superior* [Unifi Dream Machine PRO](https://ca.store.ui.com/products/udm-pro) which is doing the heavy lifting of this home network. With a bit of configuration tweaking clearly designed for a small handful of Bell technicians, the UDM-PRO can be configured to act in place of the HH4K mentioned above.
 
-<img src="/images/posts/bell-ipv6/udm-pro.png" loading="lazy" style="max-width:300px;">
+<img src="/assets/blog/bell-ipv6/udm-pro.png" loading="lazy" style="max-width:300px;">
 
 The rest of these instructions will be UDM-PRO specific, but should be fairly easily adaptable to other routers.
 

src/_drafts/2022-07-02-robotics-journey.md

@@ -39,7 +39,7 @@ The year before I joined Raider Robotics, most of the members with substantial t
 
 I remember in mid December of 2017, this testbed was brought in to the software lab I was working in, thus marking my first hands-on experience with a fully programable machine at this level.
 
-![Testbed photo I took](/images/posts/robotics-journey/testbed.jpg)
+![Testbed photo I took](/assets/blog/robotics-journey/testbed.jpg)
 
 I don't remember a ton about that night, aside from a group of confused students trying to figure out how to load code onto the thing, and [@hyperliskdev](https://github.com/hyperliskdev) teaching me how to make a `class` in Python3 (its the weirdest things that stick in my memory..)
 

src/_drafts/2022-10-17-ampr-vultr-bgp.md

@@ -31,7 +31,7 @@ Firstly, you must be a licensed [amateur radio](https://en.wikipedia.org/wiki/Am
 
 Once logged in, head to `Networks > 44.0.0.0/8`, and request a `/24` netmask. If you need more addresses, you can also request a *smaller* number than this, but you must have good reason. Be sure to also check the `Direct (BGP)` box.
 
-![A screenshot of the prefix request page](/images/posts/ampr-vultr-bgp/request-page.png)
+![A screenshot of the prefix request page](/assets/blog/ampr-vultr-bgp/request-page.png)
 
 After filing the application, a member of the ARDC will review your request, and should follow up with more questions and information for you. Once its all done, you have yourself at least 255 IPv4 addresses for radio use for the next couple years (yes, you have to occasionally renew your prefix).
 

src/_drafts/2023-03-21-amprnet-bgp-announce.md

@@ -25,4 +25,4 @@ A surprising number of people seem to request BGP allocations without understand
 
 The internet *inter-networks networks*. Or, in less confusing terms: the internet is a broad term for how network **A** can communicate with networks **B** and **C**.
 
-![](/images/posts/amprnet-bgp-announce/internet_1.svg)
+![](/assets/blog/amprnet-bgp-announce/internet_1.svg)

src/_drafts/2023-11-23-pid.md

@@ -16,11 +16,11 @@ aliases:
 
 We are here.
 
-<img src="/images/posts/pid/here.svg" style="margin: 2em auto;" />
+<img src="/assets/blog/pid/here.svg" style="margin: 2em auto;" />
 
 And we want to go there.
 
-<img src="/images/posts/pid/here_there.svg" style="margin: 2em auto;" />
+<img src="/assets/blog/pid/here_there.svg" style="margin: 2em auto;" />
 
 ## Figuring out how to get there
 
@@ -30,17 +30,17 @@ I suppose a good place to start is checking to see if *here* and *there* are in
 
 Are we there?
 
-<img src="/images/posts/pid/are_we_there.svg" style="margin: 2em auto;" />
+<img src="/assets/blog/pid/are_we_there.svg" style="margin: 2em auto;" />
 
 *Nope.*
 
 Well, let's say we want to go *there* from *here* (because we do).. Which way do we have to go?
 
-<img src="/images/posts/pid/this_way.svg" style="margin: 2em auto;" />
+<img src="/assets/blog/pid/this_way.svg" style="margin: 2em auto;" />
 
 I think we can do that. How far will we have to travel?
 
-<img src="/images/posts/pid/how_far.svg" style="margin: 2em auto;" />
+<img src="/assets/blog/pid/how_far.svg" style="margin: 2em auto;" />
 
 Great!
 

src/_drafts/2024-01-22-rfc6052-bitmasks.md

@@ -42,7 +42,7 @@ The PL column on the left signifies the IPv6 prefix length, and the remaining co
 
 Imagine a scenario where you are a client on a single-stacked IPv6 network, trying to communicate with a single-stack IPv4 host. Your network setup probably looks like this:
 
-![A network using NAT64](/images/posts/rfc6052-bitmasks/NAT64-setup.png)
+![A network using NAT64](/assets/blog/rfc6052-bitmasks/NAT64-setup.png)
 
 As the request originator, you need an address to send your packet to. Since you are on an IPv6-only network though, the IPv4 address of the host is not very useful. Sending a packet to that address would be like sending physical mail addressed to only your friend's cell phone number.
 
@@ -98,7 +98,7 @@ let rfc6052_address = {
 
 This effectively splits the IPv4 address into two parts, moves them around the `u` boundary, then applies that ontop of the IPv6 prefix.
 
-![A bad drawing of how this works](/images/posts/rfc6052-bitmasks/ipv4-embed.png)
+![A bad drawing of how this works](/assets/blog/rfc6052-bitmasks/ipv4-embed.png)
 
 Of course, this isn't how the address would actually look (I did just mix Decimal and Hexadecimal in the same number), but you get the point.
 
@@ -123,4 +123,4 @@ let ipv4_addr = {
 
 I find this one a bit simpler. It masks off the IPv6 prefix and the `u` column, then smushes the IPv4 address back into one piece.
 
-![Another bad drawing of how this works](/images/posts/rfc6052-bitmasks/ipv4-extract.png)
+![Another bad drawing of how this works](/assets/blog/rfc6052-bitmasks/ipv4-extract.png)

src/_drafts/2024-04-26-leapmotion-photography.md

@@ -14,13 +14,13 @@ Ah, Leap Motion...
 
 Back in 2013, a company called *~~OcuSpec~~.. ~~Leap Motion~~.. ~~Ultrahaptics~~.. Ultraleap* released their first motion tracking device, the Leap Motion Controller.
 
-![The Leap Motion Controller](/images/posts/leapmotion-photography/controller.jpg)
+![The Leap Motion Controller](/assets/blog/leapmotion-photography/controller.jpg)
 
 I recall first seeing one in elementary school. 
 
 Looking back, I have no memory of what it was being used for, but I remember being fascinated with the diagnostics tool that showed the raw hand tracking data streaming from the device.
 
-![A screenshot of the visualizer](/images/posts/leapmotion-photography/leap-visualizer.png)
+![A screenshot of the visualizer](/assets/blog/leapmotion-photography/leap-visualizer.png)
 
 ## What does one actually do with one of these devices?
 

src/_posts/2017-11-24-weatherballoon-lost.md

@@ -12,7 +12,7 @@ aliases:
 
 A news article was written about a project I was involved in. It's even headed by a photo I took!
 
-![](/images/posts/weatherballoon/927942227749416960-DOC2hmHVwAI8aXW.jpg)
+![](/assets/blog/weatherballoon/927942227749416960-DOC2hmHVwAI8aXW.jpg)
 
 From the **London Free Press**:
 
@@ -32,4 +32,4 @@ Once found on the American side of the border, a corresponding article was writt
 
 ## The balloon on the other side
 
-![](/images/posts/weatherballoon/5a1826bd8b199.webp)
+![](/assets/blog/weatherballoon/5a1826bd8b199.webp)

src/_posts/2019-06-16-Graphing-w2a.md

@@ -13,7 +13,7 @@ aliases:
 
 I was scrolling through reddit the other day, and came across [this great post](https://www.reddit.com/r/FRC/comments/byzv5q/i_know_what_im_doing/) by u/[MasterQuacks](https://www.reddit.com/user/MasterQuacks/).
 
-![My insporation](/images/posts/wheels-to-awards/w2ainspo.jpg)
+![My insporation](/assets/blog/wheels-to-awards/w2ainspo.jpg)
 
 I thought to myself "ha. Thats funny", and moved on. But that thought had stuck with me. 
 
@@ -64,4 +64,4 @@ with plt.xkcd():
 ## The result
 Here is the resulting image. From left, to right: 5024, 254, 1114, 5406, 2056
 
-![Thr result](/images/posts/wheels-to-awards/w2a.png)
+![Thr result](/assets/blog/wheels-to-awards/w2a.png)

src/_posts/2019-07-15-MindMap.md

@@ -13,7 +13,7 @@ While working on an assignment with [Coggle](https://coggle.it) today, I noticed
 ## What is a .mm file?
 It turns out, a `.mm` file is just some XML describing the mind map. Here is a simple mind map:
 
-![Simple Mind Map](/images/posts/mindmap/mindmap-simple.png)
+![Simple Mind Map](/assets/blog/mindmap/mindmap-simple.png)
 
 And again as a `.mm` file:
 

src/_posts/2019-08-11-Setting-up-JA.md

@@ -32,12 +32,12 @@ I am currently running a stock Ubuntu [18.04](https://releases.ubuntu.com/18.04.
 env XDG_CURRENT_DESKTOP=GNOME gnome-control-center
 ```
 
-![Gnome language settings](/images/posts/japanese-input/language-settings.png)
+![Gnome language settings](/assets/blog/japanese-input/language-settings.png)
 
 Next, go to *Settings > Language and Region > Input Sources*, and click on *Manage Installed Languages*.
 This will bring up a window where you can select a new language to install. From here, I clicked on *Install / Remove Language*.
 
-![Language installation panel](/images/posts/japanese-input/language-installation.png)
+![Language installation panel](/assets/blog/japanese-input/language-installation.png)
 
 In this list, I just selected the languages I wanted (English and Japanese), and applied my changes. You may be asked to enter your password while installing the new languages. Once installation is complete, log out, and in again.
 
@@ -61,12 +61,12 @@ Now that `ibus` is installed, run the setup script:
 ibus-setup
 ```
 
-![Ibus settings](/images/posts/japanese-input/ibus-general.png)
+![Ibus settings](/assets/blog/japanese-input/ibus-general.png)
 
 From here, set your shortcut to something not used by I3 (I chose `CTRL+Shift+Space`, but most people prefer `Alt+Space`), and enable the system tray icon.
 Now, go to the *Input Method* settings.
 
-![Ibus input settings](/images/posts/japanese-input/ibus-input.png)
+![Ibus input settings](/assets/blog/japanese-input/ibus-input.png)
 
 From here, press the `+`, and add your language(s).
 

src/_posts/2019-09-11-Buildingimgfrombin.md

@@ -56,9 +56,9 @@ I also looked at other file types. Binaries are very interesting because they fo
 
 Back to executable data, these are small segments of a `dll` file:
 
-![Segment 1](/images/posts/bin-images/dll.png)
+![Segment 1](/assets/blog/bin-images/dll.png)
 
-![Segment 2](/images/posts/bin-images/dll2.png)
+![Segment 2](/assets/blog/bin-images/dll2.png)
 
 ## Check out the script
 This script is hosted [on my GitHub account](https://github.com/Ewpratten/binmap) as a standalone file. Any version of python3 should work, but the following libraries are needed:

src/_posts/2020-04-20-LudumDare46.md

@@ -50,7 +50,7 @@ After task allocation, I took on the job of handling sounds and sound loading fo
 
 Day 1 started with @exvacuum developing a heartrate monitor system for the game:
 
-![Heartrate monitor](/images/posts/ludum-dare-46/ld46-heartrate.png)
+![Heartrate monitor](/assets/blog/ludum-dare-46/ld46-heartrate.png)
 
 *Demo image showing off his algorithm*
 
@@ -72,19 +72,19 @@ soundAssets.debug_ding.play();
 
 This rewrite also added integration with the volume control sliders in the game settings menu:
 
-![Settings menu](/images/posts/ludum-dare-46/ld46-settings-screen.png)
+![Settings menu](/assets/blog/ludum-dare-46/ld46-settings-screen.png)
 
 *Audio Settings screen*
 
 Later on in the day, a basic HUD was designed to incorporate the game elements. A bug was also discovered that causes Firefox-based clients to not render the background fill. We decided to replace the background fill with an image later.
 
-![V1 HUD](/images/posts/ludum-dare-46/ld46-hud-v1.png)
+![V1 HUD](/assets/blog/ludum-dare-46/ld46-hud-v1.png)
 
 *V1 of the game HUD*
 
 While developing the sound backend, and tweaking UI, I added sound assets for heartbeats, and footsteps. World assets were also added, and the walking system was improved.
 
-![World Mockup](/images/posts/ludum-dare-46/ld46-world-assets-v1.png)
+![World Mockup](/assets/blog/ludum-dare-46/ld46-world-assets-v1.png)
 
 *The game with basic world assets loaded*
 
@@ -99,11 +99,11 @@ While developing the sound backend, and tweaking UI, I added sound assets for he
 
 Day 2 started with a new background asset, and a new HUD design:
 
-![Background](/images/posts/ludum-dare-46/ld46-new-game-bg.png)
+![Background](/assets/blog/ludum-dare-46/ld46-new-game-bg.png)
 
 *The game's new background*
 
-![HUD](/images/posts/ludum-dare-46/ld46-hud-v2.png)
+![HUD](/assets/blog/ludum-dare-46/ld46-hud-v2.png)
 
 *The game's new HUD* 
 
@@ -121,6 +121,6 @@ From then on, development time was just spent tweaking things such as:
 
 Micromanaged Mike is free to play on [@rsninj722's website](https://rsninja.dev/LudumDare46/).
 
-![Game screenshot](/images/posts/ludum-dare-46/ld46-final.png)
+![Game screenshot](/assets/blog/ludum-dare-46/ld46-final.png)
 
 *Final game screenshot*

src/_posts/2020-08-23-Notetaking-with-LaTeX.md

@@ -36,7 +36,7 @@ In terms of workflow, I write all my notes as markdown files with [embedded LaTe
 
 <script src="https://gist.github.com/Ewpratten/163aa9c9cb4e8c20e732e3713c95c915.js" ></script>
 
-![](/images/posts/latex-notes/hs_notes_workflow.png)
+![](/assets/blog/latex-notes/hs_notes_workflow.png)
 *A screenshot of my workspace*
 
 Now, the question came up of *"how do you easily distribute notes and assignments to classmates and professors?"*. That question got me stuck for a while, but here is the system I have come up with: