Publish latest blog post

6 files changed, 123 insertions, 48 deletions

diff --git a/posts/feed.xml b/posts/feed.xml
index d69f666..a5769fa 100644
--- a/posts/feed.xml
+++ b/posts/feed.xml
@@ -5,9 +5,17 @@
     <link>https://matthewkosarek.xyz/</link>
     <description>The RSS feed for Matthew Kosarek's Blog</description>
     <language>en-us</language>
-    <lastBuildDate>Tue, 08 June 2025 15:36:00 -0400</lastBuildDate>
+    <lastBuildDate>Mon, 28 July 2025 17:30:00 -0400</lastBuildDate>
 
     <item>
+      <title>Update July 28, 2025</title>
+      <link>https://matthewkosarek.xyz/posts/jul_28_2025.html</link>
+      <guid>https://matthewkosarek.xyz/posts/jul_28_2025.html</guid>
+      <pubDate>Mon, 28 July 2025 17:30:00 -0400</pubDate>
+      <description>Update July 28, 2025</description>
+    </item>
+    
+    <item>
       <title>Update June 08, 2025</title>
       <link>https://matthewkosarek.xyz/posts/june_08_2025.html</link>
       <guid>https://matthewkosarek.xyz/posts/june_08_2025.html</guid>
diff --git a/posts/hello.html b/posts/hello.html
index ec10db2..071cec3 100644
--- a/posts/hello.html
+++ b/posts/hello.html
@@ -26,9 +26,9 @@
   </div>
 </div>
 <div id="content" class="content">
-<div id="outline-container-orgbec5765" class="outline-2">
-<h2 id="orgbec5765">TLDR</h2>
-<div class="outline-text-2" id="text-orgbec5765">
+<div id="outline-container-org55156fe" class="outline-2">
+<h2 id="org55156fe">TLDR</h2>
+<div class="outline-text-2" id="text-org55156fe">
 <ul class="org-ul">
 <li>Create a new folder</li>
 <li>Put <a href="https://raw.githubusercontent.com/mattkae/matthewkosarek-xyz/master/index.css">index.css</a>, <a href="https://raw.githubusercontent.com/mattkae/matthewkosarek-xyz/master/publish.el">publish.el</a>, and <a href="https://github.com/mattkae/matthewkosarek-xyz/blob/master/publish.sh">publish.sh</a> in the folder</li>
@@ -42,9 +42,9 @@
 </ul>
 </div>
 </div>
-<div id="outline-container-orgb717615" class="outline-2">
-<h2 id="orgb717615">Introduction</h2>
-<div class="outline-text-2" id="text-orgb717615">
+<div id="outline-container-org06dce95" class="outline-2">
+<h2 id="org06dce95">Introduction</h2>
+<div class="outline-text-2" id="text-org06dce95">
 <p>
 I've recently fallen in love with <code>org-mode</code>, specifically when I use it with <a href="https://www.orgroam.com/">org-roam</a>. I find the whole workflow of creating, tagging, and - later on - searching for information on my computer to be very elegant. On top of that, now that I have the time, I want to begin writing blog posts to better work out my thoughts. With both of these things in mind, I am again turning to the universal tool for human prospering: <code>org-mode</code>. This time, I want to see how it can help me turn a simple org file into a blog post on my website. My requirements are:
 </p>
@@ -67,9 +67,9 @@ And that's pretty much it for now. Without further ado, let's jump into getting
 </p>
 </div>
 </div>
-<div id="outline-container-org1ccbbae" class="outline-2">
-<h2 id="org1ccbbae">Basic HTML File</h2>
-<div class="outline-text-2" id="text-org1ccbbae">
+<div id="outline-container-org665c62a" class="outline-2">
+<h2 id="org665c62a">Basic HTML File</h2>
+<div class="outline-text-2" id="text-org665c62a">
 <p>
 As a pilot, we are going to use this org file that I am currently writing (<code>hello.org</code>) as our guinea pig. The goal is to have this org file be our very first blog post.
 </p>
@@ -109,9 +109,9 @@ We then do a <code>chmod +x publish.sh</code> to make it an executable and run i
 </p>
 </div>
 </div>
-<div id="outline-container-orga8b7149" class="outline-2">
-<h2 id="orga8b7149">Disabling features that we don't want</h2>
-<div class="outline-text-2" id="text-orga8b7149">
+<div id="outline-container-org7476986" class="outline-2">
+<h2 id="org7476986">Disabling features that we don't want</h2>
+<div class="outline-text-2" id="text-org7476986">
 <p>
 The next thing will be to remove some of the generated items that I didn't ask for, namely the table of contents, author, section numbers, creation time stamp, and the validation link.
 </p>
@@ -140,9 +140,9 @@ The next thing will be to remove some of the generated items that I didn't ask f
 </div>
 </div>
 </div>
-<div id="outline-container-org0d2b040" class="outline-2">
-<h2 id="org0d2b040">Styling &amp; Code Highlighting</h2>
-<div class="outline-text-2" id="text-org0d2b040">
+<div id="outline-container-org6f1669b" class="outline-2">
+<h2 id="org6f1669b">Styling &amp; Code Highlighting</h2>
+<div class="outline-text-2" id="text-org6f1669b">
 <p>
 Next thing on our list is custom styling. This can be achieved by first installing the <code>htmlize</code> package from <code>melpa</code> / <code>elpa</code>.  The EmacsWiki describes this as "a package for exporting the contents of an Emacs buffer to HTML while respecting display properties such as colors, fonts, underlining, invisibility, etc" (<a href="https://www.emacswiki.org/emacs/Htmlize">reference</a>). If used "out-of-the-box", the buffer will be exported to HTML with all of the styles inlined (e.g. if you underline something in your org file, you will generate a <code>&lt;span style="text-decoration: underline"&gt;...&lt;/span&gt;</code>).  However, we are more interested in styling everything by ourselves: we don't want <code>htmlize</code> making assumptions about what underlining means to us! Luckily, <code>htmlize</code> gives us the option to export with class names instead of inline styles so that we can specify each style for ourselves.
 </p>
@@ -312,9 +312,9 @@ If we run the publish again, we can see that we have full styling on our code sn
 </p>
 </div>
 </div>
-<div id="outline-container-org338b6ac" class="outline-2">
-<h2 id="org338b6ac">Images</h2>
-<div class="outline-text-2" id="text-org338b6ac">
+<div id="outline-container-org272c9e5" class="outline-2">
+<h2 id="org272c9e5">Images</h2>
+<div class="outline-text-2" id="text-org272c9e5">
 <p>
 Our first two criteria have been met! Next on the list is solving images. As an example, let's use this <a href="file:///_posts/assets/squirrel.jpg">squirrel image</a> that I found online with an open source license. The ideal situation would be:
 </p>
@@ -359,16 +359,16 @@ So what's the fix here? Well, we have two options, but I am going to go with the
 That's all there is to it! There are simpler ways as well, but that should do it:
 </p>
 
-<div id="org70c1fa6" class="figure">
+<div id="org82dcc19" class="figure">
 <p><img src="/_posts/assets/squirrel.jpg" alt="squirrel.jpg" width="300" />
 </p>
 <p><span class="figure-number">Figure 1: </span>A Cute Squirrel</p>
 </div>
 </div>
 </div>
-<div id="outline-container-org396f39b" class="outline-2">
-<h2 id="org396f39b">Creation Date</h2>
-<div class="outline-text-2" id="text-org396f39b">
+<div id="outline-container-org6f3b136" class="outline-2">
+<h2 id="org6f3b136">Creation Date</h2>
+<div class="outline-text-2" id="text-org6f3b136">
 <p>
 Let's add the creation date below the title next. To start, we will modify the publish command to remove the title (<code>:with-title nil</code>) and, in its place, show a preamble bit of HTML that contains a formatted <code>div</code> with the title and the "last modified" span.z
 </p>
@@ -427,9 +427,9 @@ Note that the downside of this is that the created date will change whenever you
 </p>
 </div>
 </div>
-<div id="outline-container-orgb732174" class="outline-2">
-<h2 id="orgb732174">Generating the Directory</h2>
-<div class="outline-text-2" id="text-orgb732174">
+<div id="outline-container-org67593f7" class="outline-2">
+<h2 id="org67593f7">Generating the Directory</h2>
+<div class="outline-text-2" id="text-org67593f7">
 <p>
 For every org file in my <code>_posts</code> folder, I would like to create a link to the generated HTML file at the <code>/posts.html</code> page of my website. You can think of this as the "directory" of all posts. My criteria is:
 </p>
@@ -489,9 +489,9 @@ If you open the <code>sitemap.html</code> file in your browser, you will see a b
 From here, you may customize it however you like.  The following are my customizations.
 </p>
 </div>
-<div id="outline-container-org7ed3bbf" class="outline-3">
-<h3 id="org7ed3bbf">Sitemap Title</h3>
-<div class="outline-text-3" id="text-org7ed3bbf">
+<div id="outline-container-org18f5be7" class="outline-3">
+<h3 id="org18f5be7">Sitemap Title</h3>
+<div class="outline-text-3" id="text-org18f5be7">
 <p>
 I changed the title to "Matthew's Blog Posts".
 </p>
@@ -513,9 +513,9 @@ I changed the title to "Matthew's Blog Posts".
 </div>
 </div>
 </div>
-<div id="outline-container-org5647f3c" class="outline-3">
-<h3 id="org5647f3c">Format blog entries in the list</h3>
-<div class="outline-text-3" id="text-org5647f3c">
+<div id="outline-container-org3f3b8f1" class="outline-3">
+<h3 id="org3f3b8f1">Format blog entries in the list</h3>
+<div class="outline-text-3" id="text-org3f3b8f1">
 <p>
 I like to include the creation date on the blog posts. To do this, we can use <code>org-publish-find-property</code> to find the date property of the org file. Afterward, we can format a string that  includes our formatted timestamp and the <code>org-publish-sitemap-default-entry</code>, which is just a link with the title of the post.
 </p>
@@ -536,9 +536,9 @@ I like to include the creation date on the blog posts. To do this, we can use <c
 </div>
 </div>
 </div>
-<div id="outline-container-org10b4190" class="outline-2">
-<h2 id="org10b4190">Tags &amp; Filtering</h2>
-<div class="outline-text-2" id="text-org10b4190">
+<div id="outline-container-orgff67792" class="outline-2">
+<h2 id="orgff67792">Tags &amp; Filtering</h2>
+<div class="outline-text-2" id="text-orgff67792">
 <p>
 I use <a href="https://www.orgroam.com/">Org-roam</a> for all of my note-taking and, in the next blog post, I plan to demonstrate how I will hook up my Org-roam note-taking workflow to my blogging. In the meantime, just know that we can add tags to the top of our org files like this:
 </p>
@@ -758,9 +758,9 @@ Finally, let's append the following to <code>posts/posts.css</code> so that our
 </div>
 </div>
 </div>
-<div id="outline-container-org32ee7b9" class="outline-2">
-<h2 id="org32ee7b9">Conclusion</h2>
-<div class="outline-text-2" id="text-org32ee7b9">
+<div id="outline-container-orge4fcefe" class="outline-2">
+<h2 id="orge4fcefe">Conclusion</h2>
+<div class="outline-text-2" id="text-orge4fcefe">
 <p>
 There are many more customizations that I plan to do on this system in the future, but I plan to leave this for now so that I can actually get to some blogging. I will proofread and fix my mistakes as time goes on, but this should be a good jumping off point for anyone interested in using org for their own blogging system.
 </p>
diff --git a/posts/jul_28_2025.html b/posts/jul_28_2025.html
new file mode 100644
index 0000000..b165948
--- /dev/null
+++ b/posts/jul_28_2025.html
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>&lrm;</title>
+<meta name="generator" content="Org Mode" />
+
+<link rel="stylesheet" href="/index.css" />
+<link rel="stylesheet" href="/posts/post.css" />
+<link rel="shortcut icon" href="/favicon/favicon.ico" type="image/x-icon">
+<script src='/posts/post.js'></script>
+</head>
+<body>
+<div id="org-div-home-and-up">
+ <a accesskey="h" href="/posts/sitemap.html"> UP </a>
+ <a accesskey="H" href="/"> HOME </a>
+</div><div id="preamble" class="status">
+
+  <div class="org-article-title">
+    <h1></h1>
+    <span>Last modified: 2025-07-28 Mon 17:30</span>
+    <span><a href="/posts/feed.xml">RSS Feed</a></span>
+  </div>
+</div>
+<div id="content" class="content">
+<p>
+TITLE: Update July 28, 2025
+</p>
+<div id="outline-container-org669fac4" class="outline-2">
+<h2 id="org669fac4">What have I been up to?</h2>
+<div class="outline-text-2" id="text-org669fac4">
+<p>
+Whoops! I missed this month's update by a <i>long</i> shot, but I still want to get it out there before the end of the month.
+</p>
+
+<p>
+This month was busy busy. I released <a href="https://github.com/miracle-wm-org/miracle-wm/releases/tag/v0.6.0">v0.6.0 of miracle-wm</a> which adds a bunch of new features, go and check it out if you haven't already! I am nearly finished with the sway/i3 IPC support and have big plans to wrap that up before the middle of August. There really isn't much more to go on that front so I might as well close that chapter. On top of that, the more interesting features of miracle that I have planned (e.g. some built-in shell integrations) are motivating me to wrap up the boring parts first.
+</p>
+
+<p>
+Aside from miracle, I've continued to land a bunch of things in Mir recently around accessibility. The magnifier work is finally done, so go check that out if you use that feature in your day-to-day! I also did a <i>ton of work</i> to fix screenshooting on rotated displays. We were ignoring <a href="https://wayland.app/protocols/wayland#wl_surface:request:set_buffer_transform">wl<sub>surface</sub>::set<sub>buffer</sub><sub>transform</sub></a> in a big way. Now that we're not doing that, your screenshots should like perfect every time!
+</p>
+
+<p>
+Last but not least, the team has been making waves implementing multi-window in the Flutter toolkit. That's some really interesting and exciting work, so stay tuned for that if you're a Flutter developer!
+</p>
+
+<p>
+That's all I got! I will make another post shortly, maybe once miracle v0.7.0 is out. Have a great rest of your summer/winter 🪐
+</p>
+</div>
+</div>
+</div>
+</body>
+</html>
diff --git a/posts/june_08_2025.html b/posts/june_08_2025.html
index 3683395..351d05c 100644
--- a/posts/june_08_2025.html
+++ b/posts/june_08_2025.html
@@ -26,9 +26,9 @@
   </div>
 </div>
 <div id="content" class="content">
-<div id="outline-container-orgd1fe380" class="outline-2">
-<h2 id="orgd1fe380">What have I been up to?</h2>
-<div class="outline-text-2" id="text-orgd1fe380">
+<div id="outline-container-org870c8c2" class="outline-2">
+<h2 id="org870c8c2">What have I been up to?</h2>
+<div class="outline-text-2" id="text-org870c8c2">
 <p>
 Another month has gone by, so I guess it's time to see what I've been up to.
 </p>
diff --git a/posts/may_06_2025.html b/posts/may_06_2025.html
index 52854f8..1af22d2 100644
--- a/posts/may_06_2025.html
+++ b/posts/may_06_2025.html
@@ -26,9 +26,9 @@
   </div>
 </div>
 <div id="content" class="content">
-<div id="outline-container-org539b8c9" class="outline-2">
-<h2 id="org539b8c9">What have I been up to?</h2>
-<div class="outline-text-2" id="text-org539b8c9">
+<div id="outline-container-orgc766ac4" class="outline-2">
+<h2 id="orgc766ac4">What have I been up to?</h2>
+<div class="outline-text-2" id="text-orgc766ac4">
 <p>
 I've been meaning to do these little blog-post type updates for a while, and I figured now is as good a time as any. So let's start :)
 </p>
diff --git a/posts/sitemap.html b/posts/sitemap.html
index f6e05fe..6105f8d 100644
--- a/posts/sitemap.html
+++ b/posts/sitemap.html
@@ -21,16 +21,25 @@
 
   <div class="org-article-title">
     <h1>Matthew's Blog Posts</h1>
-    <span>Last modified: 2025-06-08 at 15:35</span>
+    <span>Last modified: 2025-07-28 at 15:17</span>
     <span><a href="/posts/feed.xml">RSS Feed</a></span>
   </div>
 </div>
 <div id="content" class="content">
 <ul class="org-ul">
 <li><p>
+<a href="jul_28_2025.html">jul<sub>28</sub><sub>2025</sub></a> created on July 28, 2025
+</p>
+<div class="sitemap_tag" id="org68a38ea">
+<p>
+update
+</p>
+
+</div></li>
+<li><p>
 <a href="june_08_2025.html">Update June 08, 2025</a> created on June 08, 2025
 </p>
-<div class="sitemap_tag" id="org0a77fe2">
+<div class="sitemap_tag" id="org2356e69">
 <p>
 update
 </p>
@@ -39,7 +48,7 @@ update
 <li><p>
 <a href="may_06_2025.html">Update May 06, 2025</a> created on May 06, 2025
 </p>
-<div class="sitemap_tag" id="org32d887f">
+<div class="sitemap_tag" id="orgf73f0d8">
 <p>
 update
 </p>
@@ -48,7 +57,7 @@ update
 <li><p>
 <a href="hello.html">Hello, Org</a> created on June 20, 2023
 </p>
-<div class="sitemap_tag" id="org5c1e10a">
+<div class="sitemap_tag" id="org0e8a4a3">
 <p>
 technology,home
 </p>