Fix overlow and placeholder text

docs/feed.json

@@ -14,7 +14,7 @@
       "id": "https://www.adamjolicoeur.com/uses/",
       "url": "https://www.adamjolicoeur.com/uses/",
       "title": "Uses",
-      "date_published": "2025-01-15T18:11:47Z"
+      "date_published": "2025-01-15T18:24:04Z"
     }
     ,
     {

docs/sitemap.xml

@@ -158,7 +158,7 @@
 
     <url>
       <loc>https://www.adamjolicoeur.com/uses/</loc>
-      <lastmod>2025-01-15T18:11:47.990Z</lastmod>
+      <lastmod>2025-01-15T18:24:04.742Z</lastmod>
     </url>
 
 </urlset>

docs/uses/index.html

@@ -167,6 +167,9 @@ <h1 class="display-1 fw-bold text-break">Uses</h1>
   }
   /* Use the CODE block for general alert-style blocks when TEXT is specified as the language */
   .code-toolbar {
+    pre {
+      text-wrap: auto;
+    }
     pre.language-text {
       border: 1px solid var(--color-blue-100);
       & + .toolbar {
@@ -177,7 +180,7 @@ <h1 class="display-1 fw-bold text-break">Uses</h1>
 </style>
 <h2 id="desk" tabindex="-1">Desk <a class="anchor-link" href="#desk">#</a></h2>
 <ul>
-<li>My primary computer is a <a href="https://www.apple.com/macbook-pro/">MacBook Pro 16&quot; (M3)</a>, connected to an LG 32&quot; ultrawide running at ## x ## resolution, with an external Keychron keyboard and Logitech mouse.</li>
+<li>My primary computer is a <a href="https://www.apple.com/macbook-pro/">MacBook Pro 16&quot; (M3)</a>, connected to an LG 32&quot; ultrawide running at 2560 x 1440 resolution, with an external Keychron keyboard and Logitech mouse.</li>
 <li>The MacBook sits inside of a RainDesign vertical stand, as I use a sit-stand desk and there is no room to have the MacBook open.</li>
 <li>As part of my setup, I use an <a href="https://www.elgato.com/us/en/p/stream-deck-mk2-white">Elgato Streamdeck MK.2 (white)</a> to help with switching between applications and not having to memorize keyboard shortcuts.</li>
 <li>All of my hardware and accessories are plugged into a <a href="https://www.caldigit.com/ts3-plus/">Caldigit TS3 Plus</a> and I’ll never go without one again!</li>
@@ -210,7 +213,7 @@ <h2 id="desktop-apps" tabindex="-1">Desktop Apps <a class="anchor-link" href="#d
 </ul>
 <h2 id="travel-gear" tabindex="-1">Travel Gear <a class="anchor-link" href="#travel-gear">#</a></h2>
 <p>All of my travel gear fits into a <a href="https://www.peakdesign.com/products/everyday-backpack">Peak Design 20L</a> 20L bag and a small “tech pouch” for cables, charging bricks, Beats Studio Buds, and my Logitech mouse.</p>
-<h2 id="adamjolicoeur%5Bdot%5Dcom" tabindex="-1">AdamJolicoeur[dot]com <a class="anchor-link" href="#adamjolicoeur%5Bdot%5Dcom">#</a></h2>
+<h2 id="this-site" tabindex="-1">This Site <a class="anchor-link" href="#this-site">#</a></h2>
 <p>This site was created using <a href="https://www.11ty.dev/">Eleventy</a> (Markdown + Nunjucks), after many years of trying out essentially everything that was “hip” at a given time. In the end, I just needed something simple that I could build upon, but also could be used for other projects (with an easy-to-simplify structure). For the UI, I use the <a href="https://getbootstrap.com/docs/5.3/layout/grid/">Bootstrap Grid</a> system as I didn’t want to write one from scratch. Various UI elements of the site are made using <a href="https://shoelace.style/">Shoelace</a> (buttons, carousel, details - I’m really starting to get into <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_components">Web Components</a>) with custom pieces on top.</p>
 <pre class="language-text"><code class="hljs language-text">Be sure to check out uses.tech to see other /uses pages!</code></pre>
 

src/pages/uses.md

@@ -44,6 +44,9 @@ eleventyNavigation:
   }
   /* Use the CODE block for general alert-style blocks when TEXT is specified as the language */
   .code-toolbar {
+    pre {
+      text-wrap: auto;
+    }
     pre.language-text {
       border: 1px solid var(--color-blue-100);
       & + .toolbar {
@@ -55,7 +58,7 @@ eleventyNavigation:
 
 ## Desk
 
-- My primary computer is a [MacBook Pro 16" (M3)](https://www.apple.com/macbook-pro/), connected to an LG 32" ultrawide running at ## x ## resolution, with an external Keychron keyboard and Logitech mouse.
+- My primary computer is a [MacBook Pro 16" (M3)](https://www.apple.com/macbook-pro/), connected to an LG 32" ultrawide running at 2560 x 1440 resolution, with an external Keychron keyboard and Logitech mouse.
 - The MacBook sits inside of a RainDesign vertical stand, as I use a sit-stand desk and there is no room to have the MacBook open.
 - As part of my setup, I use an [Elgato Streamdeck MK.2 (white)](https://www.elgato.com/us/en/p/stream-deck-mk2-white) to help with switching between applications and not having to memorize keyboard shortcuts.
 - All of my hardware and accessories are plugged into a [Caldigit TS3 Plus](https://www.caldigit.com/ts3-plus/) and I'll never go without one again!
@@ -91,7 +94,7 @@ eleventyNavigation:
 
 All of my travel gear fits into a [Peak Design 20L](https://www.peakdesign.com/products/everyday-backpack) 20L bag and a small "tech pouch" for cables, charging bricks, Beats Studio Buds, and my Logitech mouse.
 
-## AdamJolicoeur[dot]com
+## This Site
 
 This site was created using [Eleventy](https://www.11ty.dev/) (Markdown + Nunjucks), after many years of trying out essentially everything that was "hip" at a given time. In the end, I just needed something simple that I could build upon, but also could be used for other projects (with an easy-to-simplify structure). For the UI, I use the [Bootstrap Grid](https://getbootstrap.com/docs/5.3/layout/grid/) system as I didn't want to write one from scratch. Various UI elements of the site are made using [Shoelace](https://shoelace.style/) (buttons, carousel, details - I'm really starting to get into [Web Components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components)) with custom pieces on top.