Some semblance of layout and style

.gitignore

@@ -1 +1,5 @@
 public/
+.sass-cache/
+
+# Temporary until we get the image sizes right
+resources/

assets/sass/components/_post.scss

@@ -0,0 +1,5 @@
+.post {
+  img {
+    max-width: 100%;
+  }
+}

assets/sass/components/_site-header.scss

@@ -0,0 +1,3 @@
+.site-header {
+  @include container;
+}

assets/sass/elements/_figure.scss

@@ -0,0 +1,3 @@
+figure {
+  margin: 1em 0;
+}

assets/sass/generic/_box-sizing.scss

@@ -0,0 +1,7 @@
+/* apply a natural box layout model to all elements, but allowing components to change */
+html {
+  box-sizing: border-box;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+}

assets/sass/main.scss

@@ -0,0 +1,34 @@
+// 0. Vendor - Imported from other source
+@import "vendor/normalize";
+
+// 1. Settings – used with preprocessors and contain font,
+//    colors definitions, etc.
+@import "settings/global";
+@import "settings/colors";
+@import "settings/typography";
+
+// 2. Tools – globally used mixins and functions.
+//    It’s important not to output any CSS in the first 2 layers.
+@import "tools/container";
+
+// 3. Generic – reset and/or normalize styles, box-sizing definition, etc.
+//    This is the first layer which generates actual CSS.
+@import "generic/box-sizing";
+
+// 4. Elements – styling for bare HTML elements (like H1, A, etc.).
+//    These come with default styling from the browser so we can redefine
+//    them here.
+@import "elements/figure";
+
+// 5. Objects – class-based selectors which define undecorated design patterns,
+//    for example media object known from OOCSS
+@import "objects/container";
+
+// 6. Components – specific UI components.
+//    This is where majority of our work takes place and our UI components
+//    are often composed of Objects and Components
+@import "components/site-header";
+@import "components/post";
+
+// 7. Utilities – utilities and helper classes with ability to override
+//    anything which goes before in the triangle, eg. hide helper class

assets/sass/objects/_container.scss

@@ -0,0 +1,3 @@
+.container {
+  @include container;
+}

assets/sass/settings/_colors.scss

@@ -0,0 +1,23 @@
+$white: #fff;
+
+$background-color: $white;
+$background-color-dark: #282828;
+
+$text-color: #333;
+$text-color-dark: #ddd;
+$text-color-light: lighten($text-color, 45%);
+$heading-color: #333;
+$heading-color-dark: #ddd;
+$meta-text-color: lighten($text-color, 45%);
+$header-color: #518f00;
+$header-color-dark: adjust-color($header-color, $lightness: -10%, $saturation: -10%);
+
+$border-color: #ccc;
+$border-color-dark: #666;
+
+$link-color: rgb(24, 99, 161);
+$link-color-dark: lighten($link-color, 25%);
+$link-color-hover: lighten($link-color, 10%);
+
+$footer-link-color: lighten($text-color, 25%);
+$footer-link-color-hover: lighten($link-color, 10%);

assets/sass/settings/_global.scss

@@ -0,0 +1,2 @@
+$max-width: 816px !default;
+$pad-min: 8.5% !default;

assets/sass/settings/_typography.scss

@@ -0,0 +1,5 @@
+$heading-font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, Times, "Times New Roman", serif;
+$body-font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, Times, "Times New Roman", serif;
+$mono: "Source Code Pro", "Consolas", "Menlo", monospace !default;
+$header-title-font-family: $heading-font-family !default;
+$header-subtitle-font-family: $heading-font-family !default;

assets/sass/tools/_container.scss

@@ -0,0 +1,7 @@
+@mixin container {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: $max-width;
+  padding-left: $pad-min;
+  padding-right: $pad-min;
+}

assets/sass/vendor/_normalize.css

@@ -0,0 +1,349 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}

content/blog/2010-06-30-iphone-4/index.md

@@ -11,7 +11,8 @@ image: "blog/iphone-4/IMG_0035.jpg"
 ---
 
 <figure>
-  {% picture full-width blog/iphone-4/IMG_0035.jpg %}
+  {{< img src="IMG_0035.jpg" alt="" caption="" >}}
+
 </figure>
 
 So on Thursday 24th June I decided to go and join the queue for the iPhone 4. Thankfully I was early enough and, after waiting for about 3 and a half hours they finally let me into the o2 shop to buy one.

content/blog/2010-07-23-iphone-4-revisited/index.md

@@ -11,7 +11,8 @@ image: "blog/iphone-4-revisited/IMG_0052.jpg"
 ---
 
 <figure>
-  {% picture full-width blog/iphone-4-revisited/IMG_0052.jpg %}
+  {{< img src="IMG_0052.jpg" alt="" caption="" >}}
+
 </figure>
 
 Well, I've had the iPhone 4 for about 3 weeks now, so I can write a bit more about my first impressions with it.

content/blog/2010-07-26-apple-in-ear-headphones/index.md

@@ -13,7 +13,8 @@ image: "blog/apple-in-ear-headphones/IMG_0053.jpg"
 ---
 
 <figure>
-  {% picture full-width blog/apple-in-ear-headphones/IMG_0053.jpg %}
+  {{< img src="IMG_0053.jpg" alt="" caption="" >}}
+
 </figure>
 
 One of my favourite albums is Marillion's "Misplaced Childhood". I wore out the cassette tape (remember them?) listening to it and I knew the album inside out. When I first listened to it on CD I noticed things I hadn't heard before, particularly the singers wail as the guitar solo started, so I had to go back and listen to the tape again to see if it was there which, of course, it was.

content/blog/2010-10-29-horsey/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/c85ca056f0a44bcb0cea0694143f0601.jpg"
 ---
 
-{{< img src="c85ca056f0a44bcb0cea0694143f0601.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="c85ca056f0a44bcb0cea0694143f0601.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2010-10-29-lord-of-the-rings/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/5b4edb5e5b6d2cd15df23287bc06d8b1.jpg"
 ---
 
-{{< img src="5b4edb5e5b6d2cd15df23287bc06d8b1.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="5b4edb5e5b6d2cd15df23287bc06d8b1.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2010-12-21-it-s-christmas/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/950c5529a395736e7ddefa01bf679e2e.jpg"
 ---
 
-{{< img src="950c5529a395736e7ddefa01bf679e2e.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="950c5529a395736e7ddefa01bf679e2e.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2010-12-23-glowing/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/f5d230d55a243266048719044f7910e9.jpg"
 ---
 
-{{< img src="f5d230d55a243266048719044f7910e9.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="f5d230d55a243266048719044f7910e9.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2011-01-21-made-an-awesome-curry-tonight/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/5e2e48b560db27f9d6902d4b53ab57da.jpg"
 ---
 
-{{< img src="5e2e48b560db27f9d6902d4b53ab57da.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="5e2e48b560db27f9d6902d4b53ab57da.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2011-02-09-lego-rocks/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/e75b10071f0e41bf1de4dfad0b896ea1.jpg"
 ---
 
-{{< img src="e75b10071f0e41bf1de4dfad0b896ea1.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="e75b10071f0e41bf1de4dfad0b896ea1.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2011-02-11-best-birthday-cake-ever/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/bcf3d58b419074f246212c05e18d74ce.jpg"
 ---
 
-{{< img src="bcf3d58b419074f246212c05e18d74ce.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="bcf3d58b419074f246212c05e18d74ce.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2011-02-22-bickleigh-viaduct/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/2bb4ba0c25255c347f78a78868bbb80d.jpg"
 ---
 
-{{< img src="2bb4ba0c25255c347f78a78868bbb80d.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="2bb4ba0c25255c347f78a78868bbb80d.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2011-10-06-steve-jobs/index.md

@@ -11,7 +11,8 @@ image: "blog/steve-jobs/steve-jobs.jpg"
 ---
 
 <figure>
-  {% picture full-width blog/steve-jobs/steve-jobs.jpg %}
+  {{< img src="steve-jobs.jpg" alt="" caption="" >}}
+
 </figure>
 
 I never met Steve Jobs, but it still feels like someone I knew has died. An inspiration.

content/blog/2011-12-04-russian-dolls/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/ad98d7423079c13062fbb7c947eca017.jpg"
 ---
 
-{{< img src="ad98d7423079c13062fbb7c947eca017.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="ad98d7423079c13062fbb7c947eca017.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2011-12-25-furry-deerstalker/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/1ddf581168aa219445204273b08f1bd8.jpg"
 ---
 
-{{< img src="1ddf581168aa219445204273b08f1bd8.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="1ddf581168aa219445204273b08f1bd8.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2012-09-14-taps/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/540c86a2ca606cafcf84a1014da438ca.jpg"
 ---
 
-{{< img src="540c86a2ca606cafcf84a1014da438ca.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="540c86a2ca606cafcf84a1014da438ca.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2012-09-15-sunrise-at-the-pool-2/index.md

@@ -7,7 +7,9 @@ tags: ["2"]
 image: "blog/instagram/132d2ed51d8c2e0fcdb410f39ff3eb53.jpg"
 ---
 
-{{< img src="132d2ed51d8c2e0fcdb410f39ff3eb53.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="132d2ed51d8c2e0fcdb410f39ff3eb53.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2012-09-15-sunrise-at-the-pool/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/dd66de46fd3e10a27b28ef88fba1ce8a.jpg"
 ---
 
-{{< img src="dd66de46fd3e10a27b28ef88fba1ce8a.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="dd66de46fd3e10a27b28ef88fba1ce8a.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2013-02-26-burger/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/fdac98292f1c58f82dad2af34c0fbed2.jpg"
 ---
 
-{{< img src="fdac98292f1c58f82dad2af34c0fbed2.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="fdac98292f1c58f82dad2af34c0fbed2.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-02-08-zx81/index.md

@@ -7,8 +7,10 @@ categories:
 image: "blog/zx81/154120730_9cb06dbc98_o.jpg"
 ---
 
-{{< img src="154120730_9cb06dbc98_o.jpg" alt="Close up of Sinclair ZX81" caption="" >}}
-<figcaption class="attribution"><a href="https://www.flickr.com/photos/barnoid/154120730">Photo</a> by Barney Livingston / <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC BY SA</a></figcaption>
+<figure>
+  {{< img src="154120730_9cb06dbc98_o.jpg" alt="Close up of Sinclair ZX81" caption="" >}}
+
+  <figcaption class="attribution"><a href="https://www.flickr.com/photos/barnoid/154120730">Photo</a> by Barney Livingston / <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC BY SA</a></figcaption>
 </figure>
 
 With the 30th anniversary of the Mac just gone by I thought it would be nice (and a little self indulgant!) to write about some of the computers I've owned in the past. I use Mac's almost exclusively now but it wasn't always the case.
@@ -19,8 +21,10 @@ About the same time as Steve Jobs was wowing the crowds with the launch of the f
 
 It was possible to plug in a RAM pack and expand the memory vastly to 16Kb. The RAM pack plugged into the back of the machine and was a frequent cause of crashes when it wobbled. Users would commonly stick the pack in place with Blu-Tack to try and prevent this.
 
-{{< img src="3915673063_2b5d4015aa_o.jpg" alt="Typical ZX81 setup" caption="" >}}
-<figcaption class="attribution"><a href="https://www.flickr.com/photos/mikecattell/3915673063">Photo</a> by 
+<figure>
+  {{< img src="3915673063_2b5d4015aa_o.jpg" alt="Typical ZX81 setup" caption="" >}}
+
+  <figcaption class="attribution"><a href="https://www.flickr.com/photos/mikecattell/3915673063">Photo</a> by 
 Mike Cattell / <a href="https://creativecommons.org/licenses/by/2.0/">CC BY</a></figcaption>
 </figure>
 

content/blog/2014-04-29-zx-spectrum-plus-2/index.md

@@ -7,8 +7,10 @@ categories:
 image: "blog/zx-spectrum-plus-2/5364873704_0fe55f7e3e_o.jpg"
 ---
 
-{{< img src="5364873704_0fe55f7e3e_o.jpg" alt="ZX Spectrum" caption="" >}}
-<figcaption class="attribution"><a href="https://www.flickr.com/photos/gonzalomerat/5364873704">Photo</a> by Gonzalo Merat / <a href="https://creativecommons.org/licenses/by-nc-nd/2.0/">CC BY NC ND</a></figcaption>
+<figure>
+  {{< img src="5364873704_0fe55f7e3e_o.jpg" alt="ZX Spectrum" caption="" >}}
+
+	<figcaption class="attribution"><a href="https://www.flickr.com/photos/gonzalomerat/5364873704">Photo</a> by Gonzalo Merat / <a href="https://creativecommons.org/licenses/by-nc-nd/2.0/">CC BY NC ND</a></figcaption>
 </figure>
 
 The second computer to ever enter my life was a Sinclair ZX Spectrum +2. This machine had colour, 3 channel sound and a built in tape deck. I was in love!
@@ -25,8 +27,10 @@ The 128k + wasn't around long. Amstrad bought Sinclair -- including the rights t
 
 This was the machine that really got me started with programming. It started with typing in BASIC program listings from magazines and figuring out how they worked. My dad and I would also type in line after line of machine code in hex dump format. This was remarkably prone to error and so the success rate was low! When it worked though the results could be pretty spectacular compared to what was possible with BASIC alone.
 
-{{< img src="IMG_1950.jpg" alt="UDG on graph paper" caption="" >}}
+<figure>
+  {{< img src="IMG_1950.jpg" alt="UDG on graph paper" caption="" >}}
 
+</figure>
 
 I learned binary on the Spectrum completely by accident. In order to create graphics for BASIC programs it was necessary to create UDG characters. These were defined as an 8x8 grid which was represented in memory by 8 bytes. You'd design your sprite on graph paper, then add up all the numbers to derive the byte that should represent each row. These were then poked into memory. It only occurred to me later that each row was a binary number!
 

content/blog/2014-07-10-bambinos/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/da30843953de132ee29946da1733ebae.jpg"
 ---
 
-{{< img src="da30843953de132ee29946da1733ebae.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="da30843953de132ee29946da1733ebae.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-10-06-g-t-by-candlelight/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/c2a8e6f3b490a9f8650d4976690f425b.jpg"
 ---
 
-{{< img src="c2a8e6f3b490a9f8650d4976690f425b.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="c2a8e6f3b490a9f8650d4976690f425b.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-11-13-bright-lights/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/4c517c8eefe623159827064fe530c4d1.jpg"
 ---
 
-{{< img src="4c517c8eefe623159827064fe530c4d1.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="4c517c8eefe623159827064fe530c4d1.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-11-23-trails-in-the-sky/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/2602aa7873a1572e6f1f4736a973cb5e.jpg"
 ---
 
-{{< img src="2602aa7873a1572e6f1f4736a973cb5e.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="2602aa7873a1572e6f1f4736a973cb5e.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-11-30-checking-the-speccy-works-before-next-weekend/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/bab473611a763d703aad8cb7d0c6171c.jpg"
 ---
 
-{{< img src="bab473611a763d703aad8cb7d0c6171c.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="bab473611a763d703aad8cb7d0c6171c.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-11-30-thames-barrier/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/fa36892e0a7496061f0c75690aeb78fa.jpg"
 ---
 
-{{< img src="fa36892e0a7496061f0c75690aeb78fa.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="fa36892e0a7496061f0c75690aeb78fa.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-12-08-beautiful-sunrise-this-morning/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/0322a76189d9675364a65cdc5f482255.jpg"
 ---
 
-{{< img src="0322a76189d9675364a65cdc5f482255.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="0322a76189d9675364a65cdc5f482255.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-12-10-christmas-commences/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/ad1565f503fee7389131a139ea709bc1.jpg"
 ---
 
-{{< img src="ad1565f503fee7389131a139ea709bc1.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="ad1565f503fee7389131a139ea709bc1.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-12-10-eyes-bigger-than-his-belly/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/cf65badacf3c32364f85881549816551.jpg"
 ---
 
-{{< img src="cf65badacf3c32364f85881549816551.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="cf65badacf3c32364f85881549816551.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-12-10-hats-match-shirt/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/1d5721a999dd946341f7d34d1935e347.jpg"
 ---
 
-{{< img src="1d5721a999dd946341f7d34d1935e347.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="1d5721a999dd946341f7d34d1935e347.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-12-10-more-christmas/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/8fb3d286b203c9ac7237b29f8d82628f.jpg"
 ---
 
-{{< img src="8fb3d286b203c9ac7237b29f8d82628f.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="8fb3d286b203c9ac7237b29f8d82628f.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-12-19-barad-d-r-is-lit-up-tonight/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/7d0b74ec807c753fb185f8dd757fa1f8.jpg"
 ---
 
-{{< img src="7d0b74ec807c753fb185f8dd757fa1f8.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="7d0b74ec807c753fb185f8dd757fa1f8.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-12-20-sunsets-are-clich-but-who-cares-when-they-re-this-pretty/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/8136313c2ed458daa2312fe1ef96cd2f.jpg"
 ---
 
-{{< img src="8136313c2ed458daa2312fe1ef96cd2f.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="8136313c2ed458daa2312fe1ef96cd2f.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-12-22-generations/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/b9f801593eb19c2b8a17dfdc6e81372b.jpg"
 ---
 
-{{< img src="b9f801593eb19c2b8a17dfdc6e81372b.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="b9f801593eb19c2b8a17dfdc6e81372b.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-12-22-recursive-christmas-trees/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/1f64311c29579c04bae4f8d346af1529.jpg"
 ---
 
-{{< img src="1f64311c29579c04bae4f8d346af1529.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="1f64311c29579c04bae4f8d346af1529.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2014-12-30-south-bank-christmas-lights/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/df6251abf9732ac8837d6705f889b19f.jpg"
 ---
 
-{{< img src="df6251abf9732ac8837d6705f889b19f.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="df6251abf9732ac8837d6705f889b19f.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-01-01-spiral-up-to-the-chapel/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/66625108b870198d1f59be00517d5895.jpg"
 ---
 
-{{< img src="66625108b870198d1f59be00517d5895.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="66625108b870198d1f59be00517d5895.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-01-01-the-painted-hall/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/33a9d8cbeedf5b38c643e3fd8c6a2f95.jpg"
 ---
 
-{{< img src="33a9d8cbeedf5b38c643e3fd8c6a2f95.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="33a9d8cbeedf5b38c643e3fd8c6a2f95.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-01-07-happy-birthday-pablo/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/c57d6ed3f9d2cee2bb81122a2fe4395b.jpg"
 ---
 
-{{< img src="c57d6ed3f9d2cee2bb81122a2fe4395b.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="c57d6ed3f9d2cee2bb81122a2fe4395b.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-01-12-2nd-on-the-ladder-ismasan-i-m-coming-for-you/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/6825643d41e15612d4119d29b39167c0.jpg"
 ---
 
-{{< img src="6825643d41e15612d4119d29b39167c0.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="6825643d41e15612d4119d29b39167c0.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-01-13-department-of-coffee-and-social-affairs/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/76d9fedc04e04aa5cd3e17f937bf6908.jpg"
 ---
 
-{{< img src="76d9fedc04e04aa5cd3e17f937bf6908.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="76d9fedc04e04aa5cd3e17f937bf6908.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-02-01-mr-strong/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/ef92a4f1be5631315b98e90ee260bda9.jpg"
 ---
 
-{{< img src="ef92a4f1be5631315b98e90ee260bda9.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="ef92a4f1be5631315b98e90ee260bda9.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-02-03-alright-cupcake/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/434a911797f5743f4134e160691ff943.jpg"
 ---
 
-{{< img src="434a911797f5743f4134e160691ff943.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="434a911797f5743f4134e160691ff943.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-02-03-raspberry-pi-2/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/c59a8945e54769ab159944127dac10e0.jpg"
 ---
 
-{{< img src="c59a8945e54769ab159944127dac10e0.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="c59a8945e54769ab159944127dac10e0.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-02-19-the-gravy-train/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/30d299f28244e2b6aee02d302c50e876.jpg"
 ---
 
-{{< img src="30d299f28244e2b6aee02d302c50e876.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="30d299f28244e2b6aee02d302c50e876.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-02-25-fridge-tetris/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/8a5d6c1ed4b1177346aa5ea1f7954e87.jpg"
 ---
 
-{{< img src="8a5d6c1ed4b1177346aa5ea1f7954e87.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="8a5d6c1ed4b1177346aa5ea1f7954e87.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-03-13-tunnocks-boat/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/01473439ac43078ecbc350c56c8b9ab1.jpg"
 ---
 
-{{< img src="01473439ac43078ecbc350c56c8b9ab1.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="01473439ac43078ecbc350c56c8b9ab1.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-03-28-favourite-part-of-the-train-journey-to-plymouth/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/3015eee868f4522e67989ab89d8338ee.jpg"
 ---
 
-{{< img src="3015eee868f4522e67989ab89d8338ee.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="3015eee868f4522e67989ab89d8338ee.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-03-28-hello-paddington-i-ve-missed-you/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/3c3cbc99c8c981d18e18cda6d94b03e6.jpg"
 ---
 
-{{< img src="3c3cbc99c8c981d18e18cda6d94b03e6.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="3c3cbc99c8c981d18e18cda6d94b03e6.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-03-29-omg/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/4ee8493d37385e9f6efc8d425019a7c6.jpg"
 ---
 
-{{< img src="4ee8493d37385e9f6efc8d425019a7c6.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="4ee8493d37385e9f6efc8d425019a7c6.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-03-29-underpass/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/63e6580d843197fb61b6b3f4f87ea1c7.jpg"
 ---
 
-{{< img src="63e6580d843197fb61b6b3f4f87ea1c7.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="63e6580d843197fb61b6b3f4f87ea1c7.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-03-30-plymouth-seafront/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/14d3ea65470a07b833a81d54af3c62b7.jpg"
 ---
 
-{{< img src="14d3ea65470a07b833a81d54af3c62b7.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="14d3ea65470a07b833a81d54af3c62b7.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-04-06-afternoon-gelato/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/12d28e54bf783ee94d94088bf91adf82.jpg"
 ---
 
-{{< img src="12d28e54bf783ee94d94088bf91adf82.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="12d28e54bf783ee94d94088bf91adf82.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-04-12-camden-lunch/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/1fba7723825b95617190a59b5df35bd5.jpg"
 ---
 
-{{< img src="1fba7723825b95617190a59b5df35bd5.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="1fba7723825b95617190a59b5df35bd5.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-04-16-drum-selfie-in-the-mirror/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/72e3518c7cdfb72ea0d0ba0e375d195e.jpg"
 ---
 
-{{< img src="72e3518c7cdfb72ea0d0ba0e375d195e.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="72e3518c7cdfb72ea0d0ba0e375d195e.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-04-20-cake-at-nbhq/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/5e2d259db8d97255bb6c75619089a107.jpg"
 ---
 
-{{< img src="5e2d259db8d97255bb6c75619089a107.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="5e2d259db8d97255bb6c75619089a107.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-04-24-ye-olde-cheshire-cheese/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/6fafd27ddf12d6fc75138c2044693a35.jpg"
 ---
 
-{{< img src="6fafd27ddf12d6fc75138c2044693a35.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="6fafd27ddf12d6fc75138c2044693a35.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-04-26-homemade-granola/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/307807002621ada9586bdf5e266edc74.jpg"
 ---
 
-{{< img src="307807002621ada9586bdf5e266edc74.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="307807002621ada9586bdf5e266edc74.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-04-had-an-interesting-encounter-with-a-duck-and-her-ducklings-this-morning-a-crow-got-one-but-managed-to-herd-the-rest-to-safety/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/6b491ca4329184569f504c2fd1d79486.jpg"
 ---
 
-{{< img src="6b491ca4329184569f504c2fd1d79486.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="6b491ca4329184569f504c2fd1d79486.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-08-dishoooooooom/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/2e0e193bb49fbed50d484d51249c0148.jpg"
 ---
 
-{{< img src="2e0e193bb49fbed50d484d51249c0148.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="2e0e193bb49fbed50d484d51249c0148.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-08-i-don-t-normally-instagram-my-food/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/02efe709e6394906193273e4c8f06f0e.jpg"
 ---
 
-{{< img src="02efe709e6394906193273e4c8f06f0e.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="02efe709e6394906193273e4c8f06f0e.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-08-king-s-cross-tunnel/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/1816aa2fa8e5d3d556e8e3ed1c72084c.jpg"
 ---
 
-{{< img src="1816aa2fa8e5d3d556e8e3ed1c72084c.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="1816aa2fa8e5d3d556e8e3ed1c72084c.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-15-arcade-machine-now-has-a-marquee/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/a13f37de84044a12ca022bf93d2dcc1a.jpg"
 ---
 
-{{< img src="a13f37de84044a12ca022bf93d2dcc1a.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="a13f37de84044a12ca022bf93d2dcc1a.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-16-beautiful-day-on-the-heath/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/05805a5c3da8c529bfda07306d62e57a.jpg"
 ---
 
-{{< img src="05805a5c3da8c529bfda07306d62e57a.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="05805a5c3da8c529bfda07306d62e57a.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-17-sugar-factory/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/f683e5ca10dad1eec2e24022c41141ec.jpg"
 ---
 
-{{< img src="f683e5ca10dad1eec2e24022c41141ec.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="f683e5ca10dad1eec2e24022c41141ec.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-17-the-victoria/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/b86afbe77ee552a7a4fd34252487881e.jpg"
 ---
 
-{{< img src="b86afbe77ee552a7a4fd34252487881e.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="b86afbe77ee552a7a4fd34252487881e.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-25-boat-slice/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/b2a1fcd387c94cb39377f3a7ab671620.jpg"
 ---
 
-{{< img src="b2a1fcd387c94cb39377f3a7ab671620.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="b2a1fcd387c94cb39377f3a7ab671620.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-25-crossness-engines-industrial-museum/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/32a37cfba29282005305b404cbbb884b.jpg"
 ---
 
-{{< img src="32a37cfba29282005305b404cbbb884b.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="32a37cfba29282005305b404cbbb884b.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-25-morden-wharf/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/789f4594b3271c2d167858869f7658f1.jpg"
 ---
 
-{{< img src="789f4594b3271c2d167858869f7658f1.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="789f4594b3271c2d167858869f7658f1.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-25-old-pier/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/2ae10c8e0e53e16483c45b8786ac8efd.jpg"
 ---
 
-{{< img src="2ae10c8e0e53e16483c45b8786ac8efd.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="2ae10c8e0e53e16483c45b8786ac8efd.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-27-all-set-for-new-bamboo-nostalgia-film-night/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/dfe9529535b17e30c1f7641e82aab5cb.jpg"
 ---
 
-{{< img src="dfe9529535b17e30c1f7641e82aab5cb.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="dfe9529535b17e30c1f7641e82aab5cb.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-05-30-lovely-day-to-chill-out-in-st-james-s-park/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/b56618fe9fd44e17be9d6d47fd90e2e6.jpg"
 ---
 
-{{< img src="b56618fe9fd44e17be9d6d47fd90e2e6.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="b56618fe9fd44e17be9d6d47fd90e2e6.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-03-bambinos-hard-at-work/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/1a8dff89610e6e36ff43d58625223505.jpg"
 ---
 
-{{< img src="1a8dff89610e6e36ff43d58625223505.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="1a8dff89610e6e36ff43d58625223505.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-04-drums-are-out/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/f06ff93f1ced5ed4b2ba655f22bfdaa9.jpg"
 ---
 
-{{< img src="f06ff93f1ced5ed4b2ba655f22bfdaa9.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="f06ff93f1ced5ed4b2ba655f22bfdaa9.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-05-pizza/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/12c4f852c79f93f76d172d1802a7bada.jpg"
 ---
 
-{{< img src="12c4f852c79f93f76d172d1802a7bada.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="12c4f852c79f93f76d172d1802a7bada.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-07-basilic/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/1885d9df1da0ae42e8f57d740d24819d.jpg"
 ---
 
-{{< img src="1885d9df1da0ae42e8f57d740d24819d.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="1885d9df1da0ae42e8f57d740d24819d.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-07-canard/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/157345d9bd28e8c5baa7210d20015f1c.jpg"
 ---
 
-{{< img src="157345d9bd28e8c5baa7210d20015f1c.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="157345d9bd28e8c5baa7210d20015f1c.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-07-eyyyyy/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/1ec235f7a95b6e0d6581811590934825.jpg"
 ---
 
-{{< img src="1ec235f7a95b6e0d6581811590934825.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="1ec235f7a95b6e0d6581811590934825.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-07-je-ne-poste-pas-souvent-selfies/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/5d2daf6714c31803ff9320ae77271aea.jpg"
 ---
 
-{{< img src="5d2daf6714c31803ff9320ae77271aea.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="5d2daf6714c31803ff9320ae77271aea.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-07-jus-d-orange/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/92e71aab6b0c7804052b0291c197591c.jpg"
 ---
 
-{{< img src="92e71aab6b0c7804052b0291c197591c.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="92e71aab6b0c7804052b0291c197591c.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-07-oiseau-affam/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/36f8244cf48f295d65ff06850379e73c.jpg"
 ---
 
-{{< img src="36f8244cf48f295d65ff06850379e73c.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="36f8244cf48f295d65ff06850379e73c.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-07-pommes/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/d7c2cc60e3710ebca63e12ead9ee29ce.jpg"
 ---
 
-{{< img src="d7c2cc60e3710ebca63e12ead9ee29ce.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="d7c2cc60e3710ebca63e12ead9ee29ce.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-07-pont-dans-le-parc/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/cc57d97dc54a681b22f9a9d6fdd7623b.jpg"
 ---
 
-{{< img src="cc57d97dc54a681b22f9a9d6fdd7623b.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="cc57d97dc54a681b22f9a9d6fdd7623b.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-07-sunlit/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/3af87253e95f51506af33dc3ee3d07fe.jpg"
 ---
 
-{{< img src="3af87253e95f51506af33dc3ee3d07fe.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="3af87253e95f51506af33dc3ee3d07fe.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-08-je-suis-sur-un-bateau/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/2b76c246976c19318374529125941e1a.jpg"
 ---
 
-{{< img src="2b76c246976c19318374529125941e1a.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="2b76c246976c19318374529125941e1a.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-08-lacanau-beach/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/e5d3d98e5a646c67f0e41007c6cdfb1a.jpg"
 ---
 
-{{< img src="e5d3d98e5a646c67f0e41007c6cdfb1a.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="e5d3d98e5a646c67f0e41007c6cdfb1a.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-08-lacanau-oc-an/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/5f0c8bf39986e03e2b36de524771e3f5.jpg"
 ---
 
-{{< img src="5f0c8bf39986e03e2b36de524771e3f5.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="5f0c8bf39986e03e2b36de524771e3f5.jpg" alt="" caption="" >}}
+
+</figure>
 
 

content/blog/2015-06-08-paddle-board/index.md

@@ -7,7 +7,9 @@ tags: []
 image: "blog/instagram/cef9ff3e2451938bf64c3471691249f3.jpg"
 ---
 
-{{< img src="cef9ff3e2451938bf64c3471691249f3.jpg" alt="" caption="" >}}
-
+<figure class="photo photo--square">
+  {{< img src="cef9ff3e2451938bf64c3471691249f3.jpg" alt="" caption="" >}}
+
+</figure>