figures and media queries

assets/_cheese/styles.scss

@@ -72,7 +72,11 @@ article h6 {
     font-size: 100%
 }
 
-img {
+figure {
+    margin: 40px 0;
+}
+
+img,figcaption {
     margin: 10px auto;
     width: 90%;
     max-width: 600px;
@@ -81,6 +85,14 @@ img {
     display: block
 }
 
+@media (max-width:500px) {
+    img,figcaption {
+        margin: 0;
+        padding: 0;
+        width: 100%;
+    }
+}
+
 hr {
     border: none;
     border-top: 1px dashed $border;

content/log/git-subtrac.md

@@ -64,7 +64,14 @@ maintenance costs.
 To sum up, the "modern" languages optimize for initial development experience,
 not maintenance. And as [Corbet says][linux-rust]. "We can't understand why
 Kids These Days just don't want to live that way". Kids want to build, John,
-not maintain.
+not maintain. This house is in desperate need of maintenance, but my son
+refuses to do so, and builds a new car instead.
+
+{{<figure src="https://dl.jakstys.lt/mtpad/house.jpg"
+    alt="House of Duplo pieces"
+    caption="House of Duplo pieces"
+    width="50%"
+    >}}
 
 This is why I am always hesitant to pull in code to my project, and have a my
 dependency checklist: