From 6b21844d4a3249c3b7c1a44bf5a2892738991701 Mon Sep 17 00:00:00 2001
From: Tom Hodson <thomas.c.hodson@gmail.com>
Date: Fri, 25 Nov 2022 15:59:00 +0100
Subject: [PATCH] clamp the size of images that appear in the blogroll

---
 _sass/thesis.scss | 8 +++++++-
 blog.html         | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/_sass/thesis.scss b/_sass/thesis.scss
index 31ceff2..8da3487 100644
--- a/_sass/thesis.scss
+++ b/_sass/thesis.scss
@@ -15,8 +15,14 @@ figure {
     // border-top: solid #222 1px;
     // padding-top: 1em;
 }
+
+//clamp the size of the images on the blog roll
+figure.blogroll > img, figure.blogroll > svg {
+    max-height: 300px;
+}
+
 figure > img, figure > svg {
-    width: 90% !important;
+    max-width: 90% !important;
     margin-bottom: 2em;
 }
 
diff --git a/blog.html b/blog.html
index d1d2684..1d2484a 100644
--- a/blog.html
+++ b/blog.html
@@ -7,6 +7,6 @@ permalink: /blog/
 <article>
     <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
     <summary>{{ post.excerpt }}</summary>
-    <figure><img src = "{{post.image}}"></figure>
+    <figure class="blogroll"><img src = "{{post.image}}"></figure>
 </article>
 {% endfor %}