Add graph to note

content/notes/how-to-spend-time/index.md

@@ -17,6 +17,8 @@ references:
   file: www-artofmanliness-com-6lxmwc.txt
 ---
 
+{{<thumbnail graph1 "500x" />}}
+
 > Book smarts, street smarts. Learning by study, learning by doing.
 > Read about it, apply it, see it in action, take that practical experience
 > back to your reading, deepen your understanding, take that deeper

themes/v2/assets/css/style.scss

@@ -66,6 +66,10 @@ sup {
   line-height: 0;
 }
 
+figure {
+  margin: 0;
+}
+
 .nowrap {
   white-space: nowrap;
 }
@@ -74,13 +78,9 @@ sup {
   display: flex;
   gap: 1em;
 
-  figure {
-    margin: 0;
-
-    img {
-      width: 100%;
-      height: auto;
-    }
+  img {
+    width: 100%;
+    height: auto;
   }
 }
 

themes/v2/layouts/shortcodes/thumbnail.html

@@ -1,6 +1,11 @@
 {{ $orig := .Page.Resources.GetMatch (printf "*%s*" (.Get 0)) }}
 {{ $options := .Get 1 }}
-{{ $img := $orig.Fill $options }}
+
+{{ $img := $orig.Resize $options }}
+
+{{ if findRE `\d+x\d+` $options }}
+  {{ $img = $orig.Fill $options }}
+{{ end }}
 
 <figure>
   <a href="{{ $orig.RelPermalink }}">