update image size

limits the size of images within a figure elementt to 30em.

content/posts/stanthams.md

@@ -11,27 +11,30 @@ externalLink = ""
 series = []
 +++
 
-Charles Stantham are a firm of made up solicitors who decided they wanted me to make up a [website](https://stanthams.rayelliott.dev/) for their firm.
+**Charles Stantham** are a firm of made up solicitors who decided they wanted me to make up a [website](https://stanthams.rayelliott.dev/) for their firm.
 
 The site is a fairly basic brochure site with no particularly special requirements.
 
-And so, for this relatively simple site I decided that a 'site-builder' and a pre-made theme would be used.
+And so, for this relatively simple site I decided that a ready made customisable theme would be used.
 
 ## The Theme
 
-The one chosen was [OceanWP](https://oceanwp.org/).
-This uses [Elementor](https://elementor.com/) and provides a ready made, general purpose theme that can be customised for a particular use.
+The theme I chose, that would be a starting point for the site, was [OceanWP](https://oceanwp.org/).
 
-There were some bits of minor customisation required that were not possible through the theme's interface and so a child theme was created.
-
-Reasons for choosing OceanWP and Elementor:
+{{<
+figure
+src="/images/logos/oceanwp-blue-icon.png"
+alt="The OceanWP icon."
+class="icon-inline"
+caption="There were a number of reasons why using OceanWP is appropriate for a project such as this:"
+>}}
 
 * **Quick**. Using such solutions can cut development time considerably.
   This can be especially important for low budget sites.
   Instead of building a site completely from scratch, a general, existing theme can be highly customised.
-* **Flexible**. Although not as flexible as a bespoke theme, Elementor, and therefore OceanWP, is highly customisable.
+* **Flexible**. Although not as flexible as a bespoke theme, OceanWP is highly customisable.
   For features that can't be created or modified within the theme a child theme can be created and these features added on that way.
-* **Extensible**. Many features are provided as extensions to the base of Elementor.
+* **Extensible**. Many features are provided as extensions to the base theme.
   It is also not difficult to add custom functionality if needed.
 * **Lightweight**. There are a lot of popular page builders available for WordPress.
   Not all of them are, relatively speaking, as lightweight or well coded.
@@ -53,9 +56,33 @@ So, when working with WordPress, a theme developed from scratch should always be
 However, this is not always possible given time or cost restraints and compromises may need to be made.
 In these cases a site builder may be the best option.
 
+As there were some minor customisations required that were not possible through the theme's interface, a child theme was created.
+
+{{<
+figure
+src="/images/stanthams/large-5.jpg"
+alt=""
+class="medium"
+caption=""
+>}}
+
 ## The Plugins
 
-Apart from Elementor, I used a limited number of plugins.
+The main plugin used was [Elementor](https://elementor.com/).
+
+{{<
+figure
+src="/images/logos/elementor-icon.png"
+alt="The Elementor logo."
+class="icon-inline"
+caption="Elementor is a 'Page Builder' that provides component based building blocks that can be added to a WordPress site and customised."
+>}}
+
+This has the advantage of speeding up development time considerably but brings disadvantages similar to those discussed above for using OceanWP.
+Again, for this particular project, I felt the advantages outweighed the disadvantages.
+
+
+Apart from Elementor, a limited number of other plugins were also used:
 
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/).  
   For a basic contact submission form, this is perfectly suitable.
@@ -74,7 +101,7 @@ Apart from Elementor, I used a limited number of plugins.
   UpdraftPlus handles these very well.
 * [WP Fastest Cache](https://wordpress.org/plugins/wp-fastest-cache/).  
   It is always better to use server side caching such as Nginx FastCGI cashing or Varnish.
-  However, in cases where this isn't practical, this plugin is a very competent solution.
+  However, in cases where this isn't practical, this plugin is a competent solution.
 * [WP Mail SMTP](https://wordpress.org/plugins/wp-mail-smtp/).  
   It can be tricky getting mail working when using WordPress within Docker containers.
   This plugin provides for a simple solution.
@@ -100,4 +127,10 @@ More interesting are the justifications for the development choices made which a
 The primary purpose of the site is to provide information about the business. It is important that this is presented in an easy navigable fashion and the information is given in a clean, uncluttered, easy to digest manner.
 All of which is achieved in the design choices of the theming and layout.
 
-
+{{<
+figure
+src="/images/stanthams/stanthams-team.jpg"
+alt=""
+class="medium"
+caption=""
+>}}

static/css/custom.css

@@ -16,6 +16,11 @@ body.colorscheme-light .avatar img {
   height: 100%;
 }
 
+.content figure.medium > img {
+  max-width: 30em;
+  width: 100%;
+}
+
 /*
 * icons
 */