add images to content

move styles responsible for centering images within figure elements to
the theme.

content/posts/leopold.md

@@ -102,8 +102,13 @@ So, these reasons are why, in this case, I consider a platform like October to b
 Having said that, it may sound like WordPress isn't very good when compared to something like October.
 This, however, just isn't true.
 
-WordPress is very good at what it actually is - a platform that allows users, who may have limited technical ability, to publish a website.
-For this it is very successful, after all it powers [over 30%](https://wordpress.org/news/2019/03/one-third-of-the-web/) of the world's websites.
+{{<
+figure
+src="/images/logos/wp-logo.png"
+alt="The WordPress icon."
+class="icon-inline sm-order-rev wp-icon"
+caption="WordPress is very good at what it actually is - a platform that allows users, who may have limited technical ability, to publish a website. For this it is very successful, after all it powers [over 30%](https://wordpress.org/news/2019/03/one-third-of-the-web/) of the world's websites."
+>}}
 
 However, it is also a victim of its own success.
 
@@ -120,15 +125,14 @@ Interest that would encourage visitors to explore the site further.
 The site has a colour scheme that is intentionally, lacking colour and fairly dark.
 This is to draw the attention of visitors to the full colour photographs that are intended to be the focus of attention.
 
-## The Deployment
-
 {{<
 figure
-src="/images/logos/docker-vertical-monochromatic.png"
-alt="The Docker logo."
-class="logo large"
+src="/images/leopold/medium-2.jpg"
+alt=""
 >}}
 
+## The Deployment
+
 The website is hosted on a Virtual Private Server using [Docker](https://www.docker.com/).
 
 The main advantage of using Docker containers in this case, is in how it simplifies development and deployment.
@@ -139,3 +143,9 @@ The Dockerised services we require, are simple to set up and having these servic
 
 Deployment is also simplified in that the containers can be easily pushed to production servers.
 
+{{<
+figure
+src="/images/logos/docker-vertical-monochromatic.png"
+alt="The Docker logo."
+class="logo large"
+>}}

static/css/custom.css

@@ -36,7 +36,6 @@ body.colorscheme-light .avatar img {
   display: block;
   height: auto;
   width: auto;
-  margin: 0 auto;
 }
 
 @media (max-width: 500px) {
@@ -88,7 +87,6 @@ body.colorscheme-light .avatar img {
   height: auto;
   width: 100%;
   max-width: 250px;
-  margin: 0 auto;
 }
 
 @media (min-width: 500px) {
@@ -114,7 +112,6 @@ body.colorscheme-light .avatar img {
 .content figure.logo > img {
   display: block;
   height: 100%;
-  margin: 0 auto;
 }
 
 @media (min-width: 500px) {
@@ -130,3 +127,13 @@ body.colorscheme-light .avatar img {
     height: 1.6em;
   }
 }
+
+.wp-icon > img {
+  opacity: 0.7;
+}
+
+@media (max-width: 500px) {
+  .content figure.icon-inline.wp-icon > img {
+    display: none;
+  }
+}