Adjust image sizing

devalog · devalog · commit 88bf3fbcbd14 · 2025-02-09T11:58:13.000-05:00
diff --git a/_site/2024/01/05/recap.html b/_site/2024/01/05/recap.html
@@ -3,9 +3,9 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1"><!-- Begin Jekyll SEO tag v2.8.0 -->
-<title>2023 reading recap | Devin Logan, Freelance Technical Writer and Editor</title>
+<title>2024 reading recap | Devin Logan, Freelance Technical Writer and Editor</title>
 <meta name="generator" content="Jekyll v4.4.1" />
-<meta property="og:title" content="2023 reading recap" />
+<meta property="og:title" content="2024 reading recap" />
 <meta name="author" content=" " />
 <meta property="og:locale" content="en_US" />
 <meta name="description" content="Stats:" />
@@ -16,9 +16,9 @@
 <meta property="og:type" content="article" />
 <meta property="article:published_time" content="2024-01-05T00:00:00-05:00" />
 <meta name="twitter:card" content="summary" />
-<meta property="twitter:title" content="2023 reading recap" />
+<meta property="twitter:title" content="2024 reading recap" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"BlogPosting","author":{"@type":"Person","name":" "},"dateModified":"2024-01-05T00:00:00-05:00","datePublished":"2024-01-05T00:00:00-05:00","description":"Stats:","headline":"2023 reading recap","mainEntityOfPage":{"@type":"WebPage","@id":"http://localhost:4000/2024/01/05/recap.html"},"url":"http://localhost:4000/2024/01/05/recap.html"}</script>
+{"@context":"https://schema.org","@type":"BlogPosting","author":{"@type":"Person","name":" "},"dateModified":"2024-01-05T00:00:00-05:00","datePublished":"2024-01-05T00:00:00-05:00","description":"Stats:","headline":"2024 reading recap","mainEntityOfPage":{"@type":"WebPage","@id":"http://localhost:4000/2024/01/05/recap.html"},"url":"http://localhost:4000/2024/01/05/recap.html"}</script>
 <!-- End Jekyll SEO tag -->
 <link rel="stylesheet" href="/assets/main.css">
   <link rel="icon" type="image/png" href="/assets/favicon.png"><link type="application/atom+xml" rel="alternate" href="http://localhost:4000/feed.xml" title="Devin Logan, Freelance Technical Writer and Editor" /></head><body><header class="site-header" role="banner">
@@ -40,7 +40,7 @@
       <div class="wrapper">
         <article class="post h-entry">
   <header class="post-header">
-    <h1 class="post-title p-name">2023 reading recap
+    <h1 class="post-title p-name">2024 reading recap
 </h1>
     <p class="post-meta">
       <time class="dt-published" datetime="2024-01-05T00:00:00-05:00">Jan 5, 2024
diff --git a/_site/2025/01/10/librarykobo.html b/_site/2025/01/10/librarykobo.html
@@ -70,13 +70,8 @@ <h1 id="getting-started-with-overdrive">Getting started with OverDrive</h1>
 
     <div class="image-container">
  <img src="/assets/kobo/more.jpg" alt="Kobo more menu" class="side-by-side-image" />
- <img src="/assets/kobo/settings.jpg" alt="Kobo settings menu" class="side-by-side-image" />
-</div>
+ <img src="/assets/kobo/settings.jpg" alt="Kobo settings menu" class="side-by-side-image" /></div>
   </li>
-</ol>
-<p>&lt;/div&gt;</p>
-
-<ol>
   <li>
     <p>In the OverDrive menu, select <strong>Add a library</strong>. Search for your library in the OverDrive search bar, select it, and then enter your library card and pin directly on the device.</p>
 
@@ -86,13 +81,8 @@ <h1 id="getting-started-with-overdrive">Getting started with OverDrive</h1>
 
     <div class="image-container">
  <img src="/assets/kobo/notsignedin.jpg" alt="OverDrive menu: user not signed in" class="side-by-side-image" />
- <img src="/assets/kobo/addlibrary.jpg" alt="Add a library page" class="side-by-side-image" />
-</div>
+ <img src="/assets/kobo/addlibrary.jpg" alt="Add a library page" class="side-by-side-image" /></div>
   </li>
-</ol>
-<p>&lt;/div&gt;</p>
-
-<ol>
   <li>
     <p>When you’ve successfully added your library card, the device returns you to the OverDrive menu. Check the <strong>Communication</strong> bar to make sure your email address is up to date. OverDrive sends notifications to this email address to let you know when holds are available to borrow.</p>
 
diff --git a/_site/assets/main.css b/_site/assets/main.css
diff --git a/_site/assets/main.css.map b/_site/assets/main.css.map
diff --git a/_site/blog/index.html b/_site/blog/index.html
@@ -94,7 +94,7 @@ <h2><a href="/2024/06/17/newparent.html">Reading as a new parent
   </article>
 
 <article>
-    <h2><a href="/2024/01/05/recap.html">2023 reading recap
+    <h2><a href="/2024/01/05/recap.html">2024 reading recap
 </a></h2>
     <p><p>Stats:</p>
 </p>
diff --git a/_site/feed.xml b/_site/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2025-02-09T11:53:03-05:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Devin Logan, Freelance Technical Writer and Editor</title><subtitle></subtitle><author><name> </name></author><entry><title type="html">Using an LLM to revamp my site</title><link href="http://localhost:4000/2025/02/09/jekyll.html" rel="alternate" type="text/html" title="Using an LLM to revamp my site" /><published>2025-02-09T00:00:00-05:00</published><updated>2025-02-09T00:00:00-05:00</updated><id>http://localhost:4000/2025/02/09/jekyll</id><content type="html" xml:base="http://localhost:4000/2025/02/09/jekyll.html"><![CDATA[<p>This is a meandering post about my personal experience using Claude (just the LLM I happened to be casually using already – I have no affiliation and I also didn’t spend any amount of time trying to pick the “best” LLM for my project) to redesign my site and my broader takeaways on using LLMs for technical projects like this.</p>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2025-02-09T11:57:48-05:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Devin Logan, Freelance Technical Writer and Editor</title><subtitle></subtitle><author><name> </name></author><entry><title type="html">Using an LLM to revamp my site</title><link href="http://localhost:4000/2025/02/09/jekyll.html" rel="alternate" type="text/html" title="Using an LLM to revamp my site" /><published>2025-02-09T00:00:00-05:00</published><updated>2025-02-09T00:00:00-05:00</updated><id>http://localhost:4000/2025/02/09/jekyll</id><content type="html" xml:base="http://localhost:4000/2025/02/09/jekyll.html"><![CDATA[<p>This is a meandering post about my personal experience using Claude (just the LLM I happened to be casually using already – I have no affiliation and I also didn’t spend any amount of time trying to pick the “best” LLM for my project) to redesign my site and my broader takeaways on using LLMs for technical projects like this.</p>
 
 <p>This isn’t a tutorial on how to install Jekyll or design a site. There are plenty of resources for that, so I’m going to skip a lot of steps and gloss over some details.</p>
 
@@ -173,13 +173,8 @@
 
     <div class="image-container">
  <img src="/assets/kobo/more.jpg" alt="Kobo more menu" class="side-by-side-image" />
- <img src="/assets/kobo/settings.jpg" alt="Kobo settings menu" class="side-by-side-image" />
-</div>
+ <img src="/assets/kobo/settings.jpg" alt="Kobo settings menu" class="side-by-side-image" /></div>
   </li>
-</ol>
-<p>&lt;/div&gt;</p>
-
-<ol>
   <li>
     <p>In the OverDrive menu, select <strong>Add a library</strong>. Search for your library in the OverDrive search bar, select it, and then enter your library card and pin directly on the device.</p>
 
@@ -189,13 +184,8 @@
 
     <div class="image-container">
  <img src="/assets/kobo/notsignedin.jpg" alt="OverDrive menu: user not signed in" class="side-by-side-image" />
- <img src="/assets/kobo/addlibrary.jpg" alt="Add a library page" class="side-by-side-image" />
-</div>
+ <img src="/assets/kobo/addlibrary.jpg" alt="Add a library page" class="side-by-side-image" /></div>
   </li>
-</ol>
-<p>&lt;/div&gt;</p>
-
-<ol>
   <li>
     <p>When you’ve successfully added your library card, the device returns you to the OverDrive menu. Check the <strong>Communication</strong> bar to make sure your email address is up to date. OverDrive sends notifications to this email address to let you know when holds are available to borrow.</p>
 
@@ -358,7 +348,7 @@
 
 <p>I originally planned to continue with the <em>Outlander</em> series. However, I couldn’t bring myself to go on because the ending scene of the book (sex scene in a hot springs underneath a monastery?) was just too silly for words. I turned next to the <em>Kristin Lavransdatter</em> trilogy, and now I’m reading <em>East of Eden</em>.</p>
 
-<script data-goatcounter="https://dlog.goatcounter.com/count" async="" src="//gc.zgo.at/count.js"></script>]]></content><author><name> </name></author><summary type="html"><![CDATA[I had a baby in April and, predictably, barely read anything during the first month. After that, I’ve mostly returned to my typical pace of four books a month. Reading right now looks different than it did before the baby – and I expect it will change even more as the baby gets older and more active! For now, though, I’ve shifted to reading on my ereader instead of physical books, and to reading longer books and series instead of shorter books.]]></summary></entry><entry><title type="html">2023 reading recap</title><link href="http://localhost:4000/2024/01/05/recap.html" rel="alternate" type="text/html" title="2023 reading recap" /><published>2024-01-05T00:00:00-05:00</published><updated>2024-01-05T00:00:00-05:00</updated><id>http://localhost:4000/2024/01/05/recap</id><content type="html" xml:base="http://localhost:4000/2024/01/05/recap.html"><![CDATA[<p>Stats:</p>
+<script data-goatcounter="https://dlog.goatcounter.com/count" async="" src="//gc.zgo.at/count.js"></script>]]></content><author><name> </name></author><summary type="html"><![CDATA[I had a baby in April and, predictably, barely read anything during the first month. After that, I’ve mostly returned to my typical pace of four books a month. Reading right now looks different than it did before the baby – and I expect it will change even more as the baby gets older and more active! For now, though, I’ve shifted to reading on my ereader instead of physical books, and to reading longer books and series instead of shorter books.]]></summary></entry><entry><title type="html">2024 reading recap</title><link href="http://localhost:4000/2024/01/05/recap.html" rel="alternate" type="text/html" title="2024 reading recap" /><published>2024-01-05T00:00:00-05:00</published><updated>2024-01-05T00:00:00-05:00</updated><id>http://localhost:4000/2024/01/05/recap</id><content type="html" xml:base="http://localhost:4000/2024/01/05/recap.html"><![CDATA[<p>Stats:</p>
 
 <ul>
   <li><strong>42 books read</strong> (my lowest since I started tracking in 2020). 5 were nonfiction and the rest were fiction.</li>
diff --git a/assets/main.scss b/assets/main.scss
@@ -32,6 +32,7 @@ img {
 }
 
 .side-by-side-image {
-    max-width: 45%;    /* Make images smaller to fit side by side */
+    max-width: 300px;
+    height: auto;    /* Make images smaller to fit side by side */
     margin: 0;         /* Remove the margin we set on regular images */
 }

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,7 @@ img {`
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`.side-by-side-image {`
`35`		`- max-width: 45%; /* Make images smaller to fit side by side */`
	`35`	`+ max-width: 300px;`
	`36`	`+ height: auto; /* Make images smaller to fit side by side */`
`36`	`37`	`margin: 0; /* Remove the margin we set on regular images */`
`37`	`38`	`}`