<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/2.b7fadfdc3cf75745b4b0.css">@import url(https://fonts.googleapis.com/css?family=Merriweather:300,400);

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible}button{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{color:inherit;display:table;max-width:100%;white-space:normal}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden]{display:none}html{box-sizing:border-box;font-family:sans-serif}*,:after,:before{box-sizing:inherit}h1,h2,h3,p{margin:0}button{background:transparent;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}*,:after,:before{border:0 solid #dae1e7}img{border-style:solid;max-width:100%;height:auto}input::-webkit-input-placeholder{color:inherit;opacity:.5}input::-ms-input-placeholder{color:inherit;opacity:.5}input::placeholder{color:inherit;opacity:.5}[role=button],button{cursor:pointer}.bg-black{background-color:#22292f}.bg-white{background-color:#fff}.bg-yellow{background-color:#ffed4a}.bg-cover{background-size:cover}.border-white{border-color:#fff}.rounded{border-radius:.25rem}.border{border-width:1px}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.font-sans{font-family:system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.font-serif{font-family:Constantia,Lucida Bright,Lucidabright,Lucida Serif,Lucida,DejaVu Serif,Bitstream Vera Serif,Liberation Serif,Georgia,serif}.font-thin{font-weight:200}.font-bold{font-weight:700}.h-3{height:.75rem}.h-5{height:1.25rem}.h-screen{height:100vh}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.m-5{margin:1.25rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mr-6{margin-right:1.5rem}.max-w-xl{max-width:60rem}.min-h-screen{min-height:100vh}.opacity-75{opacity:.75}.p-3{padding:.75rem}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-6{padding-top:1.5rem}.pb-6{padding-bottom:1.5rem}.fixed{position:fixed}.absolute{position:absolute}.pin-x{right:0;left:0}.pin-t{top:0}.pin-b{bottom:0}.fill-current{fill:currentColor}.text-center{text-align:center}.text-right{text-align:right}.text-black{color:#22292f}.text-grey-darkest{color:#3d4852}.text-white{color:#fff}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-5xl{font-size:3rem}.uppercase{text-transform:uppercase}.no-underline{text-decoration:none}.tracking-tight{letter-spacing:-.05em}.tracking-wide{letter-spacing:.05em}.w-3{width:.75rem}.w-10{width:2.5rem}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-3\/4{width:75%}.w-full{width:100%}.z-10{z-index:10}.z-20{z-index:20}.font-serif{font-family:Merriweather,serif;font-weight:300}a,a:hover,a:visited{text-decoration:none}.bg-black-60{background-color:rgba(0,0,0,.6)}.indexCover{background-image:url(/static/bike-60473c51c860d6d6bd2b1bfecc011149.jpg)}.blog-post{margin:7rem 2rem 2rem}.blog-post p{font-family:Merriweather,serif;font-weight:300;margin-bottom:22.5px;font-size:17px;line-height:30px}.blog-post h3{margin-bottom:1rem}.blog-post .font-bold{font-weight:700;font-size:15px;line-height:23px;font-family:sans-serif}.blog-post p a{text-decoration:none;padding-bottom:2px;border-bottom:2px dotted #000;font-weight:400;color:#000}.c-triangle{position:absolute;width:100%;height:100%;overflow:hidden}.c-triangle:before{display:block;content:"";width:500%;height:1000px;background:hsla(0,0%,100%,.1);position:absolute;-webkit-transform:rotate(-32.77141deg) translatex(-600px) translatey(900px);transform:rotate(-32.77141deg) translatex(-600px) translatey(900px);-webkit-transform-origin:0 50%;transform-origin:0 50%}.anchor{padding-top:80px;margin-top:-inherit;display:block}@media (min-width:576px){.sm\:w-1\/2{width:50%}}@media (min-width:768px){.md\:inline-block{display:inline-block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:mt-0{margin-top:0}.md\:p-8{padding:2rem}.md\:text-2xl{font-size:1.5rem}.md\:w-auto{width:auto}.md\:w-1\/3{width:33.33333%}}@media (min-width:992px){.lg\:w-1\/4{width:25%}.lg\:w-1\/6{width:16.66667%}.lg\:w-5\/6{width:83.33333%}}@media (min-width:1200px){.xl\:w-1\/4{width:25%}}</style><meta name="generator" content="Gatsby 2.0.85"/><title data-react-helmet="true">Staple Home | ${data.site.siteMetadata.title}</title><link data-react-helmet="true" rel="shortcut icon" type="image/png" href="${favicon}"/><meta data-react-helmet="true" name="description" content="The website of Gwilym Griffith-Jones"/><meta data-react-helmet="true" property="og:title" content="Staple Home"/><meta data-react-helmet="true" property="og:description" content="The website of Gwilym Griffith-Jones"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" name="twitter:card" content="summary"/><meta data-react-helmet="true" name="twitter:creator" content="@gwilymgj"/><meta data-react-helmet="true" name="twitter:title" content="Staple Home"/><meta data-react-helmet="true" name="twitter:description" content="The website of Gwilym Griffith-Jones"/><meta data-react-helmet="true" name="keywords" content="Staple, Gwilym, New Zealand, Developer"/><link rel="shortcut icon" href="/icons/icon-48x48.png"/><link rel="manifest" href="/manifest.webmanifest"/><meta name="theme-color" content="#22292f"/><link as="script" rel="preload" href="/2-4d47e6a68a6a73a5a1e7.js"/><link as="script" rel="preload" href="/component---src-pages-index-js-16349d87619f38068e71.js"/><link as="script" rel="preload" href="/app-67a72bb875e5f99de7b9.js"/><link as="script" rel="preload" href="/0-3d1c1b4382517470b706.js"/><link as="script" rel="preload" href="/webpack-runtime-3a5603062baa5d15312e.js"/><link as="fetch" rel="preload" href="/static/d/927/path---index-6a9-WyWbmDoAub8rhJMa0rMBSLdx2Io.json" crossOrigin="use-credentials"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" role="group"><div><div class="indexCover bg-cover flex h-screen items-center justify-center text-white w-full"><div class="c-triangle z-10"></div><div class="indexCoverText bg-black-60 text-center p-3 w-1/2 z-20"><h1 class="text-5xl">Staple</h1><div class="text-2xl opacity-75">/ˈsteɪp(ə)l/</div><div class="mt-3 text-1xl md:text-2xl font-thin">A main or important element of something</div></div><a href="#blog" class="absolute pin-b z-20 mb-4"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0iZG93bi1hIiBkPSJNNC4xMTAwMjkxMSwxOS41MTIwODE2IEwyMC41Mzc0Nzg0LDM1LjgzNDkwNTkgQzIxLjE3NTEyNDQsMzYuNDY4NDkwOCAyMS4xNzg0MTY2LDM3LjQ5OTAyNzEgMjAuNTQ0ODMxNywzOC4xMzY2NzMxIEMyMC41NDEzODE3LDM4LjE0MDE0NTIgMjAuNTM3OTE2MSwzOC4xNDM2MDE3IDIwLjUzNDQzNDksMzguMTQ3MDQyNiBDMTkuODg3NjMxNSwzOC43ODYzNTE0IDE4Ljg0NjQ2MTksMzguNzg0OTgwOSAxOC4yMDEzNDM4LDM4LjE0Mzk3MTUgTDAuNjYwNTIxMTg2LDIwLjcxNDg2NDkgQzAuMjQ0MDY5MjU3LDIwLjMwMTA2NTMgMC4wOTgyMDEyNjY5LDE5LjcxNzk0NTkgMC4yMjM2MjAxNTEsMTkuMTg1NTQzNyBDMC4yNzQ0NDU3MDMsMTguODU5NDYyOCAwLjQyNDU1MzkzNCwxOC41NDU3Mzk0IDAuNjc0MjM1MTUsMTguMjkzMDYyOSBDMC42Nzc3MDEzNjMsMTguMjg5NTU1MSAwLjY4MTE4MzQ5MywxOC4yODYwNjMxIDAuNjg0NjgxNDMsMTguMjgyNTg2OSBMMTguMjI0Mjg1MiwwLjg1MjE2NzIwNSBDMTguODY5NzY4LDAuMjEwNzAyNDc3IDE5LjkxMTU5MTEsMC4yMDkyMjI5OTQgMjAuNTU4ODkzMiwwLjg0ODg1MTg0OSBDMjEuMTk4NjQ2MiwxLjQ4MTAyMTA2IDIxLjIwNDc5NDEsMi41MTIxMTc3MiAyMC41NzI2MjQ5LDMuMTUxODcwNzEgQzIwLjU2OTE1ODcsMy4xNTUzNzg1MSAyMC41NjU2NzY1LDMuMTU4ODcwNTQgMjAuNTYyMTc4NiwzLjE2MjM0NjcgTDQuMTEwMDI5MTEsMTkuNTEyMDgxNiBaIi8+CiAgPC9kZWZzPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDI1LjU5IDE0LjkxKSI+CiAgICA8bWFzayBpZD0iZG93bi1iIiBmaWxsPSIjZmZmIj4KICAgICAgPHVzZSB4bGluazpocmVmPSIjZG93bi1hIi8+CiAgICA8L21hc2s+CiAgICA8dXNlIGZpbGw9IiMzMTM2MzAiIHhsaW5rOmhyZWY9IiNkb3duLWEiLz4KICAgIDxnIGZpbGw9IiNGRjAxMDEiIGZpbGwtb3BhY2l0eT0iLjkxIiBtYXNrPSJ1cmwoI2Rvd24tYikiPgogICAgICA8cmVjdCB3aWR0aD0iNDMuMDUzIiBoZWlnaHQ9IjQyLjA1MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjcxIC0uODY4KSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==" class="w-10" alt="Down"/></a></div><div class="flex flex-col font-sans min-h-screen text-grey-darkest"><nav class="bg-black-60 fixed pin-t pin-x z-20"><div class="flex flex-wrap items-center justify-between max-w-xl mx-auto p-4 md:p-8"><a aria-current="page" class="flex items-center no-underline text-white" href="/"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1NS4yICg3ODE4MSkgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+c3RhcGxlLWljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0ic3RhcGxlLWljb24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xNTguMTE5NjIyLDE3Ni4xNjA0MjggQzE1OC4xMTk2MjIsMTcwLjMzNTA4NyAxNTUuMDk3NjE3LDE2NS42NjEzMzcgMTQ5LjA1MzUxNSwxNjIuMTM5MDM3IEMxNDMuMDA5NDE0LDE1OC42MTY3MzggMTMxLjUyNTc5MywxNTQuOTU5MDIxIDExNC42MDIzMDgsMTUxLjE2NTc3NSBDOTcuNjc4ODI0MSwxNDcuMzcyNTMgODMuNzEwNDQzMywxNDIuMzkzOTcgNzIuNjk2NzQ3MSwxMzYuMjI5OTQ3IEM2MS42ODMwNTA5LDEzMC4wNjU5MjMgNTMuMjg4NTkxMywxMjIuNTgxMTQ5IDQ3LjUxMzExNjUsMTEzLjc3NTQwMSBDNDEuNzM3NjQxNiwxMDQuOTY5NjUzIDM4Ljg0OTk0NzUsOTQuODc3MDYyMiAzOC44NDk5NDc1LDgzLjQ5NzMyNjIgQzM4Ljg0OTk0NzUsNjMuMzExODQyIDQ3LjExMDA5NTgsNDYuNjgyNzc0OCA2My42MzA2NDAxLDMzLjYwOTYyNTcgQzgwLjE1MTE4NDQsMjAuNTM2NDc2NSAxMDEuNzc1MzEyLDE0IDEyOC41MDM2NzMsMTQgQzE1Ny4yNDY3MzMsMTQgMTgwLjM0ODI4NiwyMC41NzAzNDQzIDE5Ny44MDkwMjQsMzMuNzExMjI5OSBDMjE1LjI2OTc2Miw0Ni44NTIxMTU2IDIyNCw2NC4xMjQ2NzAyIDIyNCw4NS41Mjk0MTE4IEwxNTUuOTAzNDYzLDg1LjUyOTQxMTggQzE1NS45MDM0NjMsNjcuOTE3OTE1NSAxNDYuNzAzMTM1LDU5LjExMjI5OTUgMTI4LjMwMjIwNCw1OS4xMTIyOTk1IEMxMjEuMTgzNTk1LDU5LjExMjI5OTUgMTE1LjIwNjc0LDYxLjExMDQ5NyAxMTAuMzcxNDU5LDY1LjEwNjk1MTkgQzEwNS41MzYxNzcsNjkuMTAzNDA2OCAxMDMuMTE4NTczLDc0LjA4MTk2NjYgMTAzLjExODU3Myw4MC4wNDI3ODA3IEMxMDMuMTE4NTczLDg2LjEzOTA2NzkgMTA2LjA3MzQyMyw5MS4wODM3NiAxMTEuOTgzMjExLDk0Ljg3NzAwNTMgQzExNy44OTI5OTksOTguNjcwMjUwNyAxMjcuMzI4MzcyLDEwMS43ODYwODQgMTQwLjI4OTYxMiwxMDQuMjI0NTk5IEMxNTMuMjUwODUyLDEwNi42NjMxMTQgMTY0LjYzMzczOSwxMDkuNTc1NzQxIDE3NC40Mzg2MTUsMTEyLjk2MjU2NyBDMjA3LjIxMTA3NywxMjQuMzQyMzAzIDIyMy41OTcwNjIsMTQ0LjczMDY5MSAyMjMuNTk3MDYyLDE3NC4xMjgzNDIgQzIyMy41OTcwNjIsMTk0LjE3ODM1MyAyMTQuNzY2MDksMjEwLjUwMjYxMSAxOTcuMTAzODgyLDIyMy4xMDE2MDQgQzE3OS40NDE2NzUsMjM1LjcwMDU5OCAxNTYuNTc1MTY3LDI0MiAxMjguNTAzNjczLDI0MiBDMTA5LjgzNDExNCwyNDIgOTMuMTc5NTA2NiwyMzguNjEzMjI1IDc4LjUzOTM0OTQsMjMxLjgzOTU3MiBDNjMuODk5MTkyMywyMjUuMDY1OTIgNTIuNDgyNzI3MiwyMTUuODUzODkxIDQ0LjI4OTYxMTgsMjA0LjIwMzIwOSBDMzYuMDk2NDk2MywxOTIuNTUyNTI2IDMyLDE4MC4yOTIzOTkgMzIsMTY3LjQyMjQ2IEw5NS40NjI3NDkyLDE2Ny40MjI0NiBDOTUuNzMxMzc1OSwxNzcuNTgyOTM5IDk5LjA4OTE1OTgsMTg0Ljk5OTk3NyAxMDUuNTM2MjAxLDE4OS42NzM3OTcgQzExMS45ODMyNDMsMTk0LjM0NzYxNyAxMjAuMjQzMzkxLDE5Ni42ODQ0OTIgMTMwLjMxNjg5NCwxOTYuNjg0NDkyIEMxMzkuNTg0NTE2LDE5Ni42ODQ0OTIgMTQ2LjUzNTEyOSwxOTQuNzg3ODk4IDE1MS4xNjg5NCwxOTAuOTk0NjUyIEMxNTUuODAyNzUxLDE4Ny4yMDE0MDcgMTU4LjExOTYyMiwxODIuMjU2NzE1IDE1OC4xMTk2MjIsMTc2LjE2MDQyOCBaIiBpZD0icyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjguMDAwMDAwLCAxMjguMDAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMjguMDAwMDAwLCAtMTI4LjAwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPHBhdGggZD0iTTEyMC4xNjI1NDUsODIuNzQ5NDA1NyBDMTE5LjgxNDI3OCw4Ni41NzA3NTQ1IDExOS4yMDc4NTgsODkuNjcxNjEwOSAxMTguMzQzMjgzLDkyLjA1MTk3NDkgQzExNy40Nzg3MDgsOTQuNDMyMzM4OSAxMTUuNzUxMjUzLDk3Ljc1NzE1NTIgMTEzLjE2MDkxNywxMDIuMDI2NDI0IEMxMjcuNDAyMTk5LDkxLjE0NTEzMjUgMTM4LjUyNjQzNCw4My42Njk2NDc4IDE0Ni41MzM2MjEsNzkuNTk5OTY5NyBDMTU0LjU0MDgwOCw3NS41MzAyOTE2IDE2NS42NjQzNTQsNzEuNjk4MjcyMSAxNzkuOTA0MjU3LDY4LjEwMzkxMSBDMTc5Ljk0NDc2NSw2MC41MTkxODEyIDE3OS4zOTAyMTgsNTQuNzk2MjY1IDE3OC4yNDA2MTQsNTAuOTM1MTYyMyBDMTc3LjA5MTAxMSw0Ny4wNzQwNTk2IDE3NC41MDk3MDgsNDIuMjY0Nzg3NiAxNzAuNDk2NzA3LDM2LjUwNzM0NjMgTDEyMC4xNjI1NDUsODIuNzQ5NDA1NyBaIiBpZD0iUGF0aC0yIiBmaWxsPSIjRDAwMjFCIj48L3BhdGg+CiAgICAgICAgPHBhdGggZD0iTTc0LDIwOS43MjQ3MTQgTDc4Ljg5NTIxMiwyMTcuNTE5MDc3IEM4Ni41NjUxNjU1LDIxMy43Mzc5MTkgOTQuMDY0NTc1NSwyMTAuMzEzOTcgMTAxLjM5MzQ0MiwyMDcuMjQ3MjMgQzEwOC43MjIzMDksMjA0LjE4MDQ5IDExOC4xMTA4MjUsMjAyLjE3NDI5OSAxMjkuNTU4OTkxLDIwMS4yMjg2NTYgQzEyOS41OTk0OTksMTkxLjY0MzkyNiAxMjkuMDQ0OTUxLDE4NC45MjEwMSAxMjcuODk1MzQ4LDE4MS4wNTk5MDcgQzEyNi43NDU3NDQsMTc3LjE5ODgwNCAxMjQuMTY0NDQyLDE3Mi4zODk1MzIgMTIwLjE1MTQ0LDE2Ni42MzIwOTEgTDc0LDIwOS43MjQ3MTQgWiIgaWQ9IlBhdGgtMiIgZmlsbD0iI0QwMDIxQiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxLjc4MDUyOSwgMTkyLjA3NTU4NCkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTEwMS43ODA1MjksIC0xOTIuMDc1NTg0KSAiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+" alt="Staple" class="h-5 mr-3"/><span class="font-thin tracking-wide text-xl tracking-tight">Staple</span></a><button class="block md:hidden border border-white flex items-center px-3 py-2 rounded text-white"><svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>Menu</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path></svg></button><div id="nav" class="hidden md:flex md:items-center w-full md:w-auto"><div class="text-sm"><a aria-current="page" class="block mt-4 md:inline-block md:mt-0 mr-6 no-underline text-white" href="/">Home</a><a class="block mt-4 md:inline-block md:mt-0 mr-6 no-underline text-white" href="/services">Services</a><a class="block md:inline-block mt-4 md:mt-0 mr-6 no-underline text-white" href="/about">About</a></div></div></div></nav><div class="flex flex-col flex-1 md:justify-center max-w-xl mx-auto px-4 py-8 md:p-8 w-full"><div id="blog" class="anchor"></div><div class="flex flex-wrap pt-6 pb-6 items-centerx justify-center w-full"><a class="link w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/4 mb-5 bg-white no-underline" href="/blog/2020-07-28-systems-that-teach/"><div class="m-5"><div class="w-full gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:100%"></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAAERklEQVQ4y62UbUyTVxTHK7L4wcT5wezLEmNcMlm2JXPGJZsRNL4yNjVh4uYs8uLmRIe2KupwmohkZGVVZJgpWIZYsi0UFRi+8LZpYThQKIItFApVQWlpoRMKgvDbfa6GuGz6aSc5ufece+7/OS//+6gQ4h/og/FH/B+iEnBot3/GsWPpOJ1O6urq6O7upqqqCrPZjMVikb6GhgbsdjudnZ3S39jYKM8Uv9Vqpbq6mpGREQUQTqRupqQgi3zTOZKSDsng3Nxc8vLyMBqNZGRkYDAY5NrW1kZKSgqZmZmUlpaSnZ0tY3Q6nTyTgC5rNv13zVhbO2hubsLn8+H3+xkeHqanpwePx4PX62VgYAC32y1tl8tFX1+fjFFia2trZWUS0OfpEH30yB6Mjo7KoKGhoQlQqcJWfA8fPvyH/quH4+PjjD8x9Ho9q1evITo6ho1R0UTHxAqNeaKxRAmfWh3Jhg1quV+1ao0oNXUiEQVLAo49ejzh+Ph4bDYbtx126v+swX6rmTudTmF34GhpoaO9XZTVJcp1y/Itlkbi4rbJu2NjY08BCkORvXv3yd7Ymloov1jB5cISctNSyfshnbO5P9LWYsfrG6DlVgOjQ37udnWxe3fCswETEhLkEPJO6En4IpLs9GTS96qJ+SCY4ykHMVdc5PCBXez6Moo2W5PI9h5a7a5nAypf6/P2sv3j5cxWqYhf+hKJ6hBC3wzg4KZZ6LVhLJgVyOaVM6mvOIPb0y/u7H5ehnsELXrIz0+jvCgU+/VPMGbGcvlsCA/uLKKieCvHv1tKVf5sXO0ZdN/vZ8eO7ROAE1N+uocKz2yWGoynDVy9UonX1U3X7bu02pw8EP1rd3Si++YQzTct9Hq8nD9fyODgoNRHYrgqZdzKk1FEo9XicLTz1aZw3pqmQhu5igH/kLjoocd1X+z9dAgGJGlicDra6Pf9hbu3V5JeGaYyedXTpNRoNMyZE8TrQUG8PONF1n4Ujvt+l6CMFZegi8/Ti1W8pMj167jZcINOeyvdd24Lvxtnh+NxyVlZWfLHkLBnH1vitrI2Yh3RsZ/zqTqab1P11F+ro6zoEmWFF6goKqH6ihmd/ijXzNVUlZVTevY8RUYTNVdqMBUUoBLCs3TxokXcsDRxqawS8/V6fq/+g6Kfcwh9Pwyj4SRHkg9hykrCoA/nluUcb897B1VgYCCTJ0+WOmnSJAkUEBAg1yXLVnB03yYWvzIF9eJX2R+5gAtndISJJ3f44DaO7H+BYuMSDBlTGfZsJDgk7L8znABcvoL0nVEEBap4Y/p0Il6bwa8io6UrwigpNnEm+zBXy37B9FMGTQ2lLFwY8nzAZctD+T45jsQIFacSp5GTOJWrBTv5cPVakaEG3dczxZNcz4H4KdyzxxEcvPL5gHPnzsNcVUxd7UnBu1O023OorDQyf/675BpSuXBOw2/laWSd2EKh6YDwv8ff25KkMtzOtFEAAAAASUVORK5CYII=" alt="Systems that teach as you use them" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 0.5s;transition-delay:0.25s"/><noscript><picture><source srcSet="/static/1e50345ca17f03ccb9849e2944cd9de3/5f5eb/cover.png 150w,
/static/1e50345ca17f03ccb9849e2944cd9de3/07cb7/cover.png 300w,
/static/1e50345ca17f03ccb9849e2944cd9de3/1e875/cover.png 600w,
/static/1e50345ca17f03ccb9849e2944cd9de3/30af0/cover.png 768w" sizes="(max-width: 600px) 100vw, 600px" /><img src="/static/1e50345ca17f03ccb9849e2944cd9de3/1e875/cover.png" alt="Systems that teach as you use them" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><h3 class="leading-tight text-black mt-2">Systems that teach as you use them</h3><div class="mt-0 mb-2 leading-normal text-sm text-black">July 28th 2020</div><div class="mt-2 leading-normal text-black font-serif">The last few months I&#x27;ve been deep in a couple of coding projects that use a variety of languages (JS, Python, SQL, PHP, CSS, HTML) and frameworks (Laravel, Wordpress) on bespoke hosting and AWS. While working on Wordpress today I was struck how…</div></div></a><a class="link w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/4 mb-5 bg-white no-underline" href="/blog/2020-01-10-greenhouse/"><div class="m-5"><div class="w-full gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:100%"></div><img src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGgABAAIDAQAAAAAAAAAAAAAAAAMEAQIFBv/EABcBAQEBAQAAAAAAAAAAAAAAAAIAAQP/2gAMAwEAAhADEAAAAcW61djuoleeiOK0Cz//xAAZEAACAwEAAAAAAAAAAAAAAAABAgADEjH/2gAIAQEAAQUCPKSpEtbMS1ki2hgzszaJOjP/xAAVEQEBAAAAAAAAAAAAAAAAAAARIP/aAAgBAwEBPwEj/8QAFxEAAwEAAAAAAAAAAAAAAAAAAQIQEv/aAAgBAgEBPwHZMWf/xAAbEAADAAIDAAAAAAAAAAAAAAAAARECECExQf/aAAgBAQAGPwLsiekVrilRWxY+a//EABsQAQACAwEBAAAAAAAAAAAAAAEAESExUZGh/9oACAEBAAE/IQ5PibyRpJk5CKMN3XSXDd9hqEUEYwuKwRHD7A7Bn//aAAwDAQACAAMAAAAQFBhC/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQARIf/aAAgBAwEBPxAJ20my/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAEhEP/aAAgBAgEBPxByMuv/xAAbEAEAAwEBAQEAAAAAAAAAAAABABEhMVFhof/aAAgBAQABPxBtMl9FQStcDabi5U/q1LHKgpu35N4mwWGcKWPkZEJbUT5pxrq99mKALk//2Q==" alt="Greenhouse" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 0.5s;transition-delay:0.25s"/><noscript><picture><source srcSet="/static/cd73f40b36239c1500338446492236aa/8bbd3/greenhouse_cover.jpg 150w,
/static/cd73f40b36239c1500338446492236aa/03d0a/greenhouse_cover.jpg 300w,
/static/cd73f40b36239c1500338446492236aa/3e5d5/greenhouse_cover.jpg 600w,
/static/cd73f40b36239c1500338446492236aa/02884/greenhouse_cover.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" /><img src="/static/cd73f40b36239c1500338446492236aa/3e5d5/greenhouse_cover.jpg" alt="Greenhouse" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><h3 class="leading-tight text-black mt-2">Greenhouse</h3><div class="mt-0 mb-2 leading-normal text-sm text-black">January 10th 2020</div><div class="mt-2 leading-normal text-black font-serif">We live on a big piece of rural land and pretty much built everything the wrong way round. We built the house first, shed second and lately the greenhouse last. Next time, if there is one, I think we&#x27;ll do it in the reverse order. Because I like to…</div></div></a><a class="link w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/4 mb-5 bg-white no-underline" href="/blog/2019-11-22-superscrews-2019/"><div class="m-5"><div class="w-full gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:100%"></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAAERklEQVQ4y62UbUyTVxTHK7L4wcT5wezLEmNcMlm2JXPGJZsRNL4yNjVh4uYs8uLmRIe2KupwmohkZGVVZJgpWIZYsi0UFRi+8LZpYThQKIItFApVQWlpoRMKgvDbfa6GuGz6aSc5ufece+7/OS//+6gQ4h/og/FH/B+iEnBot3/GsWPpOJ1O6urq6O7upqqqCrPZjMVikb6GhgbsdjudnZ3S39jYKM8Uv9Vqpbq6mpGREQUQTqRupqQgi3zTOZKSDsng3Nxc8vLyMBqNZGRkYDAY5NrW1kZKSgqZmZmUlpaSnZ0tY3Q6nTyTgC5rNv13zVhbO2hubsLn8+H3+xkeHqanpwePx4PX62VgYAC32y1tl8tFX1+fjFFia2trZWUS0OfpEH30yB6Mjo7KoKGhoQlQqcJWfA8fPvyH/quH4+PjjD8x9Ho9q1evITo6ho1R0UTHxAqNeaKxRAmfWh3Jhg1quV+1ao0oNXUiEQVLAo49ejzh+Ph4bDYbtx126v+swX6rmTudTmF34GhpoaO9XZTVJcp1y/Itlkbi4rbJu2NjY08BCkORvXv3yd7Ymloov1jB5cISctNSyfshnbO5P9LWYsfrG6DlVgOjQ37udnWxe3fCswETEhLkEPJO6En4IpLs9GTS96qJ+SCY4ykHMVdc5PCBXez6Moo2W5PI9h5a7a5nAypf6/P2sv3j5cxWqYhf+hKJ6hBC3wzg4KZZ6LVhLJgVyOaVM6mvOIPb0y/u7H5ehnsELXrIz0+jvCgU+/VPMGbGcvlsCA/uLKKieCvHv1tKVf5sXO0ZdN/vZ8eO7ROAE1N+uocKz2yWGoynDVy9UonX1U3X7bu02pw8EP1rd3Si++YQzTct9Hq8nD9fyODgoNRHYrgqZdzKk1FEo9XicLTz1aZw3pqmQhu5igH/kLjoocd1X+z9dAgGJGlicDra6Pf9hbu3V5JeGaYyedXTpNRoNMyZE8TrQUG8PONF1n4Ujvt+l6CMFZegi8/Ti1W8pMj167jZcINOeyvdd24Lvxtnh+NxyVlZWfLHkLBnH1vitrI2Yh3RsZ/zqTqab1P11F+ro6zoEmWFF6goKqH6ihmd/ijXzNVUlZVTevY8RUYTNVdqMBUUoBLCs3TxokXcsDRxqawS8/V6fq/+g6Kfcwh9Pwyj4SRHkg9hykrCoA/nluUcb897B1VgYCCTJ0+WOmnSJAkUEBAg1yXLVnB03yYWvzIF9eJX2R+5gAtndISJJ3f44DaO7H+BYuMSDBlTGfZsJDgk7L8znABcvoL0nVEEBap4Y/p0Il6bwa8io6UrwigpNnEm+zBXy37B9FMGTQ2lLFwY8nzAZctD+T45jsQIFacSp5GTOJWrBTv5cPVakaEG3dczxZNcz4H4KdyzxxEcvPL5gHPnzsNcVUxd7UnBu1O023OorDQyf/675BpSuXBOw2/laWSd2EKh6YDwv8ff25KkMtzOtFEAAAAASUVORK5CYII=" alt="Superscrews Website Project" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 0.5s;transition-delay:0.25s"/><noscript><picture><source srcSet="/static/ebde987fb8dc557054acc22ed89ec8af/5f5eb/cover.png 150w,
/static/ebde987fb8dc557054acc22ed89ec8af/07cb7/cover.png 300w,
/static/ebde987fb8dc557054acc22ed89ec8af/1e875/cover.png 600w,
/static/ebde987fb8dc557054acc22ed89ec8af/4ddaa/cover.png 900w,
/static/ebde987fb8dc557054acc22ed89ec8af/5cbdc/cover.png 1024w" sizes="(max-width: 600px) 100vw, 600px" /><img src="/static/ebde987fb8dc557054acc22ed89ec8af/1e875/cover.png" alt="Superscrews Website Project" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><h3 class="leading-tight text-black mt-2">Superscrews Website Project</h3><div class="mt-0 mb-2 leading-normal text-sm text-black">November 22nd 2019</div><div class="mt-2 leading-normal text-black font-serif">Our family spent the last six months in Europe, learning German and cycle touring through Germany, France and Spain. When I was asked what my vocation is, my reply often went like this: &quot;I&#x27;m a web developer, recently left a job of four years and…</div></div></a><a class="link w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/4 mb-5 bg-white no-underline" href="/blog/2019-05-12-hawea-logo/"><div class="m-5"><div class="w-full gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:100%"></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAAE3ElEQVQ4y22V12+bVRjGv5ahSnDDBSBouS1I/AlQoarcsVQEQkhIDIFo4QZuEBQQEkhQWjogzbLdJE1iZziO43g7aYadOLGzvJrlxI6TeMXxzB7OjxMnQkhwpEfnPd97znPG+7zvJ1WdMFN90vIfVJ04hPkIJ4/mVP7f3IeOcTyWRuq8+JqDuOt8OBUTDNd4Szi0nTUTDCrGGJCP0FM+yKgyQNyeYaknRcyeZVo3R6Q7Lr5lifalifamkSJLYZZjUWaDM3h8gmBogH5HH8MuJyOjbvrtPYxNuHkw6SMaX+awHVAs9bFkhJ2DDf7dpEnfNP4xP6POcQxaE8o6Fap7TahVGjo1nTTVNWDvduBxu7h19TqD/cOlhbubu8wGpsmtpg93oLhXpLh/gOQZG8c9OMyQw4XTMSQWCNidwnbiHhrCM+ZhdSWEzabii0tf8cOVn1iKxNksbOMb85JKxI5OfXBwdMJRl5uerl40zRo62nRo2zpRt6jp1Olp13YwHbzPxs5VrJZG/rwpR1ZRTYdah9PuxmwwsxwJlYiKxSLbW1tITnGaXlsvNmMXRp0JXbsefaeJnr4BFuJ2Qsn3adW/haatixaVGlm5grvVtWJTHWU3ywjNTpcI93Z3WSusIfXZ+kpk1XdkyCsUNNQq0XWYCMcNuPwf8t67p3jj/EvIKuuokddSr6invUWLsdNGo3jvfDZbItze2mYtn0eyGq2YOs3CqaSirIq/xK7qVi2Kmo94/cLTXLzwCu+8eo7vv/kWRZWcsttl3KtpoE5eLxQwcBzbo/fb391Bam/UolXp6DX1Y1CbqK9W0lKn4fcf/+C3K7/y9cef8ubL5/j8g08ou3aH5poW7lUpKb8hYzkcFSziupv77G/ts7MmCOXPGFGcNnP3jIWaM1YBC3dPC/s5K/Jnjdx8rInrp5TceryVO09oqXpST/VTBipFrzrbT9Pz9hKaX3DQdNaOFNQvMqUNEWibI6CZF+oPE9RHmDMsEbbEmOoQY8MiC9aY8C0QtiZERmQImRMEjVEC2kVmDHGm9TH8mgWkzGaGVCHJqkBmfYVkLkEiEyVbEAtTS6TXU2Q302JOguxWpvRaxWMc2lvCKuxtk9laJ5HPIi0vLhEKzhPw+vBPeEtC7rbeLwVK09rBA/8U2UyWlUSS+bkFAoFZpibn8XgmSac3WEkVCAYX6RbZZBfalPQ6A44+O61NatTNagxC0F0WG+PjEwyIKPq8flZWkuSEPDY2d0SOj9PT68BsuY971IvF2ovBZKNVJER3zwDS/a5uwezAIeARJIcnDfgDpFZWyOdyZNJpEvEY2ztFsvlN4qksUzPzuETaRaJJ/A9mMZq6GfdOiiKTOiwOARbDERYXIiWRFjI5Crk8mdQqq8mkuFYWxS/f0VZ9m20hkVxhh9mZBeKJNIX1XZLJPOFwnFA4RjqzgZQXj57Jp0Qw4iyJcrQcD4syFSYSDxFbjeIctHL5tRf5+dJ5USwsbB4HYrfUQ35vh9X1NXK7W8JXRHKrPLiUHoYaxxlqGMMl+hHVBO4mH972WWSXr3Hl3EVuvP0ZtV9eo182wGizKHfCP946KTDFmHoKjzbIjHkZqfLkUYmXPWxF8WgX8kdsyATkx5Adl/iq0m/BRLnU+Q8qJL2AEPkJo4Cp5P8btccD1dP6P80AAAAASUVORK5CYII=" alt="Hawea Logo" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 0.5s;transition-delay:0.25s"/><noscript><picture><source srcSet="/static/2d92e03021fd52a2fe538a54bc2fd7fb/5f5eb/cover.png 150w,
/static/2d92e03021fd52a2fe538a54bc2fd7fb/07cb7/cover.png 300w,
/static/2d92e03021fd52a2fe538a54bc2fd7fb/1e875/cover.png 600w,
/static/2d92e03021fd52a2fe538a54bc2fd7fb/adfd6/cover.png 800w" sizes="(max-width: 600px) 100vw, 600px" /><img src="/static/2d92e03021fd52a2fe538a54bc2fd7fb/1e875/cover.png" alt="Hawea Logo" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><h3 class="leading-tight text-black mt-2">Hawea Logo</h3><div class="mt-0 mb-2 leading-normal text-sm text-black">May 12th 2019</div><div class="mt-2 leading-normal text-black font-serif">While away I&#x27;ve been having a design competition with myself in my sketch book to come up with a logo for my home valley of Hawea, to be used in a community website and also on a T-Shirt. I&#x27;ve wanted a Hawea T-Shirt for ever. Some scribbling. I like…</div></div></a><a class="link w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/4 mb-5 bg-white no-underline" href="/blog/2019-03-19-project-community-commons-online/"><div class="m-5"><div class="w-full gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:92.11111111111111%"></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsSAAALEgHS3X78AAAEq0lEQVQ4y12U+U/UVxTFvz/UP4A0KdG2Gk1tVWpb07qbSqxWUVupRtvY0lYjsUljXKMiM4oWQcSCqOxWBMWytKI2kU0FERQQQRaBzjjD4jDMjsy+8umbaewPfcnNW5J73jn3vvOk0VEtmWdPcz79FFnn0yi4mIN6QM34+DgWiwWz2Ywv4OVxnYK7N1vp7+vFbrPz0uqiuLyLujM59JyU0SE7hHV4CKmtrY1p06cSMeddZs2cRpp8B4redp496xPxjP7+foLjUn45R2TpFBQV0tr8CFV7N4VbDlAxdz6N06fwKHIWQ033kbp7upn1fgQRc+exPmot2SkHMI+qUShVqFQqTEZjCPDuaRkVOzdTk7CL/O1RVGck0/LtBm59EkHVymU0rliKuqEBqUsARq5ZxdpNm9kQvY6kuFhM+iF0eiMGvQ6DThcCLNjyBV9LEitfl/h05ltcL7pC987t1M94m+oPZ3Nv+mSsLc1IHR1P+DJ6FWvWRrI88mM+X7VAyOzB6/OLOlnx+idCgBeyzxHzw0b27t9FfOIp6qpqGdi3h75tP1ITs5XWJBmGzi6kYc0gyekyjsh3Exe/m3j5PrQjA4yZtGi0epyeAG6PF7fTgd1qwzpuxeN2EQj4GXc6GXe7Q7NHEHB7PEg2rRNFloGRPgOqYTVqtZKbtb1s+zmHvISfyDi8jbKsRG71+kipc5Ld7CW9yUd1v4sxo46RkRFGtVocdjtuAS5ZDGPkJl0lP/capeVlVN+pouzaNWI2RHEkNprU/d9zI/ckJX9DQhOktU2Q+gRuK1yoFX2o1KKBCgVG0Tyv14v0QqNBfkLOieMJ7NgRi+yonMbavzhz+jBJyUdJkB2g4U4Fhfd6SL2tFMxslLRbaegzYdRrMQggo9GEVdQ7xLC7u4vFC+bxwZxpTH0zjCWL5/Ogvob6qnLKblxBXp7NvfZ6Us8mE5uYzZnrT4m7/JCSul7wewWQDaeor8vl/BdQpxvlt/wLXMw7R2FBJuWlV9C8GGT0hRKzUYNyUCES3cR89w3vzHiDeYuWMXn2R+w9dDDU/cDEhHgRE/gD4PEIwCCq3yt2Af4bFsuYcEk/SuVz1M9VIUk1tbXk5eXyR+lViooKaGxsCOW4XW4cIsflCwiWLiSz3s7vZ1tRtKvRDKmxWS1UFDew5L2thIeH89qkSWz6aj2V7VDR6MA0bkdnMhNwgzrDgr3fh7+vE4/JhDvYlCDVAdUFhgcuoVIk4HHdJiUlE0m44lVELl9OXU8vh35NY0XanyzamUjd/eaQmpdDgzxYtx7TwTi8Yi8FglK9KfjsWehG9jDhLyMnp4QpU8IJCwsLAUat/IzWIS1Lj2cQn3OZpscdOERXB5QK2o4doy02lkG5IOP3I2mNE/xScJfqh81YdJn4PI8oLq5g48ZoVq9ezSQheeHChSE2HU+78TsdoXXQkGaLmZ7ODjTdndh9PjxByXqTndwbBh50vMRp1+PzucVPo6SsrJSamhoqKytpaWnB4XBgs9mwizkYwUdsFX+mVZy5BTOfsJ0naD2PxyXucgipDnGD8KPbI0B9/H+8Agy+imBisKN2YbdguMU6eB48+wdjbHAHDBGEmQAAAABJRU5ErkJggg==" alt="An online public commons for small communities" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 0.5s;transition-delay:0.25s"/><noscript><picture><source srcSet="/static/2ec338f7a118a8727692fbe57286582d/5f5eb/hca_feed.png 150w,
/static/2ec338f7a118a8727692fbe57286582d/07cb7/hca_feed.png 300w,
/static/2ec338f7a118a8727692fbe57286582d/1e875/hca_feed.png 600w,
/static/2ec338f7a118a8727692fbe57286582d/4ddaa/hca_feed.png 900w" sizes="(max-width: 600px) 100vw, 600px" /><img src="/static/2ec338f7a118a8727692fbe57286582d/1e875/hca_feed.png" alt="An online public commons for small communities" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><h3 class="leading-tight text-black mt-2">An online public commons for small communities</h3><div class="mt-0 mb-2 leading-normal text-sm text-black">March 19th 2019</div><div class="mt-2 leading-normal text-black font-serif">My main beef with Facebook as a community tool is its ability to distract people who have good community intentions with commercial and political messages. A platform that has hosted the system that swayed and arguably resulted in the votes for…</div></div></a><a class="link w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/4 mb-5 bg-white no-underline" href="/blog/2019-03-05-password-managers-depth-of-quality-over-glamour/"><div class="m-5"><div class="w-full gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:100%"></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAADOElEQVQ4y42U60uTURzH/QMiKOhFEL3oTRRCVymoVxVRmBVkoGRqBVHvApOsfJP3u1hqKVaaloRhmWRq3jU3nZdne7Znm23W1E3FvM61i5dvv/PMZ2ot1wM/ztk5v9+H7+9y5qdWq8HzPJRKJTiO29CYD/OVYtj6p/lJF2azGWNjYxildXRkZNUsFvGcmYX2giD8E+YBajQauBYW4OtbXl6GTqeDSqXyDbTb7WLQ5LsKDD+8D3NiPIZiH2C2ox3LDLa0BJfL9Z9A2jhWgIaroejduhncrp3o27IJY+mpbnkEXKAs/h/odIpBFgKY7t2FOSEOpsx0DL15DddKug6nC4JWB46AKopba1Jd/1JovBEJ5fZt4MJCEUdpx8ZE437UHcxP/xTvhwx6GLVqDOoFDOo0MJB902o8nffUUAKOFxViKPwKuJQURDzKQVRuOY5HRiO3thcV/cPIrpYjo6oTmVUyZH+UI7emCy++KEg1v74pDofD3cmVjo5b7TiRVY+jWU0IK1XgystOhBS1I7xYhuulXaKFPO/AwZQ6nM5phKJfBUGzBuhkNVypFfvmfjkRmNtM1oQpm90zOrN2BwYn5mCZscHqcOHisxacfdKIHo5fD7RareJY2EnposuJyTkbgp62IjCvBTO/nB5gmdyIA0k1CC5ohXlmHsGFbaSwYT2Q5c6g7BVoNAJ0WgE9SjXOPG7EufxWTK8BlnQasTfuEy7Q+fC0F6DUHcnYCAhqHt1UE69AmQH+CTWUahsBbbhc2O5doWQ8rxYvujk3MJCAUzYHNctd21dyNzAov4VStuFSgReF64Huiy5SGJTXjMOpdeg1TXgUFsuM2BFTiYK2AejHp3EkrY78mqDgVL6B5/ObsT+5FtdKOilt91i9+KpHRr0aNmrg7ddy7EuqpXo2r46NL+CxzAYEkMqI4q/QWqawuLgA48QsbpbJEJBSK96LQF8K5X0qnKSB9U+qw6G0euyJr0EArbfKFZRmPXbHfaZyfBHvT5Ff90YK2dvuU/LIqu5CfKUMie9lSPogRwLtH77tEM+S6Tc7Z3vm1690x/l5+wuSOs8e/3f9qv0gMw0I4rr2nPlJcb8BREo16OJHULYAAAAASUVORK5CYII=" alt="Password Managers - Depth of quality over glamour" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 0.5s;transition-delay:0.25s"/><noscript><picture><source srcSet="/static/428357ec8421a24885eb58729299346e/5f5eb/password_managers.png 150w,
/static/428357ec8421a24885eb58729299346e/07cb7/password_managers.png 300w,
/static/428357ec8421a24885eb58729299346e/1e875/password_managers.png 600w,
/static/428357ec8421a24885eb58729299346e/4ddaa/password_managers.png 900w,
/static/428357ec8421a24885eb58729299346e/5cbdc/password_managers.png 1024w" sizes="(max-width: 600px) 100vw, 600px" /><img src="/static/428357ec8421a24885eb58729299346e/1e875/password_managers.png" alt="Password Managers - Depth of quality over glamour" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><h3 class="leading-tight text-black mt-2">Password Managers - Depth of quality over glamour</h3><div class="mt-0 mb-2 leading-normal text-sm text-black">March 5th 2019</div><div class="mt-2 leading-normal text-black font-serif">I&#x27;ve been a  Lastpass  user for over 5 years. It&#x27;s been a great app and I can&#x27;t recommend enough the use of a password manager: Allows you to have very strong passwords for everything (that you couldn&#x27;t possibly remember) and a single password/2FA…</div></div></a><a class="link w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/4 mb-5 bg-white no-underline" href="/blog/2019-03-01-the-cactus-miklat-pack/"><div class="m-5"><div class="w-full gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:100%"></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAADUUlEQVQ4y41V60tTYRjvTygQLVrmvKd4WUuXzs25ObepLW/kLaIPXUCoLwn1ISjqg1GWl5SiLLWslebQLmAi+UUiUqKk0LILxTYr6Fu5tXP59Zz3nKVpaQd+vM959zy/53qerQrMqhCYjSKolXMefsIPTyRhwx+Y80Yu0g3ZqrBKEnj/QwjcewjBKcL0b4jcawAegm8RPi3Qm2K2vH+ECGMkQjVdfMDCR1TOYBAYHXkEd28f3Ld7MXTPjcF+N54+GV+iK/KfiDBWjlDywi5FjiCA54Ps/W7/LVizNSg26+C06LCrXIdSWxYqHEZMv3rBdAT+p3xybxYSTituBCIUGaTnaP1BOHL1qHTaUVNqxw6nDbXlhagoNOHBQB/TCTkXuLdLCUWR/03W09VF0VhQYjOjzG5BldNKxPmo3G6lOwPu3OxamTD0Y1tzM+r27sHxI/XYZjHCTlEWmXNQXVKA2jIHHCYdem9ck224fxAKSnW9Hg/KiguZfKmtFbkZGpj1W1FgzELN9gLspJTz9VqcOnli+Qh5QSYcdPdThOeY3Np4GgatBnlZmTAQcU2JVEMHbMYMnG9qVAg51ul/EjadOY1nE/JYuLo64MyXUs6BSaclQillO6W8lRyv0BRBIey+0oFZn5fJnRfbUUi1s1ENjRlaaooV1aU2cqBDn+vGyk0JBObQ3tKM4E95tlzXrqLIkkP108OwRYOKYuo2RWnLzaRhd/1Hl6ljj8fGMDw0pIxOB6wGHSzUFL02DeXFeagkQivVsL3l7PKEojKHbGxaWjE5OYme7k6kJ8bBlJWBbG0KyopMjNCi34zLF9pXjlAQOHbO+nw4UFeHqtJypMcnQ5OYREiELj0Z2ZtTkRIXjYH+//pSBHCcTNrUeBYbw9dBm5SK1LhNSItPQFpCHDRJiUiIVMF1vXu5wZ5fDgIvE069ekmGGxEZFo6o8AhsCFsDVdhqxKrWImZ9BO4PuhXC0HKYCRGq2T772+oaHhrF0cPHsG/3fhw6eAgNJxvQ3dmDifHnUBKZX1/cgvUlLUfpQvIihS5B5N6R2mfCF8JHqbKEb4Sv8pLl3ym6M8yWD4yGFqyKCRL7Yvzwqmnlq+H3xZAcje+eKPY+R7J/iU0M+wv4BeUc3QaAcEW1AAAAAElFTkSuQmCC" alt="The Cactus Miklat Daypack - 22 years on" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 0.5s;transition-delay:0.25s"/><noscript><picture><source srcSet="/static/c2724f12eb2bdb0e36d4ec1db9ab18d1/5f5eb/miklat.png 150w,
/static/c2724f12eb2bdb0e36d4ec1db9ab18d1/07cb7/miklat.png 300w,
/static/c2724f12eb2bdb0e36d4ec1db9ab18d1/1e875/miklat.png 600w,
/static/c2724f12eb2bdb0e36d4ec1db9ab18d1/4ddaa/miklat.png 900w,
/static/c2724f12eb2bdb0e36d4ec1db9ab18d1/5cbdc/miklat.png 1024w" sizes="(max-width: 600px) 100vw, 600px" /><img src="/static/c2724f12eb2bdb0e36d4ec1db9ab18d1/1e875/miklat.png" alt="The Cactus Miklat Daypack - 22 years on" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><h3 class="leading-tight text-black mt-2">The Cactus Miklat Daypack - 22 years on</h3><div class="mt-0 mb-2 leading-normal text-sm text-black">March 1st 2019</div><div class="mt-2 leading-normal text-black font-serif">I am lucky that my personal design ethics have persevered at  Cactus , a company I started in 1992 as a teenager and still retain a small shareholding in over 25 years later. Our mantra was &quot;Gear that wears in not out&quot; and as time passes it is…</div></div></a><a class="link w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/4 mb-5 bg-white no-underline" href="/blog/2019-01-20-catching-the-big-fish/"><div class="m-5"><div class="w-full gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:100%"></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAADO0lEQVQ4y52U709TZxTH+xfsha+WGFyMGsNi9oI3JhqVoJlmCb4BUSPJkB8CERUGDWUtINCWjc05FDajKJUYpW1w1FZmNExAWRyTHyoE2aJkg6tSYHYIjaW9/ay99dbeUnXxSW6ec8+5z/d+zznf86iIsfx+P35RlOz7nXZGbneG/AFfMPa2pXoToOjzSvb1pm+xfK2TbNHnez9A6bDok/ZH/b1c0pcoAGXQSDsMGB0Mv79KeerxKGfVmRGAIr4Ae/mH0aAq2RkdlHe3a4amkv28eP5PjNKIS1OOBojF1qTJwfVM4JkwgTo9maqCzxkbvi/FvF6vgkQYUAyk2D8wgMfjCQP7vKHGnD6yl2stZ2jUZdCr/YRfitdRmpqA272gIKFguBg4fPFSK4ueRQRBYHp6JvxxXW4aLce+YtzxI3c1Sfxasp4LFfukmNVqYXZ29jVD8VXxBeEJFmsbExMTtJotDA4OSf7557NkJSVgspgZ6ezAEL8W9ZqPuGWzUm2sxWjQK1iGm+J0TtNus9NsauGndhtdXd3YHD8z/qCf8rTN7MxKJTc/leqCPTTX5pOauIYDeQeXpiwXtrXVTHGxmpMNjWjKtGRkZFJWXsVNRxs1e7Zz43o7R9UpNDRq6DiWguvEJlxPHis0q2hKcL9z5zf0eiPx8R8TFxfH0RoDj+710ZC3C3u7hdKywkBZTqHTH2GgaDnM9CG1zf9a8KpoyUxOTmK3O2hqOsvUlDM0LX8+5LvaKsry9lFZnEORNpstCSswnz8Tlk5MhnKDIgoTmhani4vnTFTrcvm+opCCA4mUV35Jyq7d3P29LyQxny/2pARBg4+swRd/D2Mt3IpZ/ylaXTqGqsMY9dk4n44EFDFDiVrDwvy8ssvRExKa5dAfPWPX6C76gNPaZAyB2hlqsjl+PIt6Yw6jgx0I40O4XHOxASOXnILtyhXyk1YyWr+T3pPpNH/xGbVFiegOLeOqUYXQthe3NFz+/wfY1d1D0rYdjA8HajU3hLvHiKNiA/eqP+Rf00Yu/1DJ3ILn3Qwja+v1LiLrYPiPv1i9chX1mcnwch4xlrDfBqa8H/14Xrqp+6aOm7d7l9ziwf0/ifuBVfc5+ggAAAAASUVORK5CYII=" alt="Catching the big fish" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 0.5s;transition-delay:0.25s"/><noscript><picture><source srcSet="/static/9d4b98053d1ceeea21cca6ac5890eed0/5f5eb/big_fish.png 150w,
/static/9d4b98053d1ceeea21cca6ac5890eed0/07cb7/big_fish.png 300w,
/static/9d4b98053d1ceeea21cca6ac5890eed0/1e875/big_fish.png 600w,
/static/9d4b98053d1ceeea21cca6ac5890eed0/4ddaa/big_fish.png 900w,
/static/9d4b98053d1ceeea21cca6ac5890eed0/5cbdc/big_fish.png 1024w" sizes="(max-width: 600px) 100vw, 600px" /><img src="/static/9d4b98053d1ceeea21cca6ac5890eed0/1e875/big_fish.png" alt="Catching the big fish" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><h3 class="leading-tight text-black mt-2">Catching the big fish</h3><div class="mt-0 mb-2 leading-normal text-sm text-black">January 20th 2019</div><div class="mt-2 leading-normal text-black font-serif">The last 9 months have been a period of exploration for me after my wonderful partner packed herself off to a retreat and came back with insights into how our small family might live better and be happier. This resulted in a bunch of divergent…</div></div></a><a class="link w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/4 mb-5 bg-white no-underline" href="/blog/2018-11-22-design-systems/"><div class="m-5"><div class="w-full gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:100%"></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAADY0lEQVQ4y62U+U8cZRzG9/eWsrC7c+/s7HJadkFKhTV4FLnqQtmCMag1WpNaoEUrLZVNTRqPxMarYKg2jTHW1KYJoUtZpHJoSwhIW41Ha4w/GJPaP+TjO7PsdqlYj/jDM/O+78w88zzfy+U3A/yfcBl+M7ux17n7O3G3Z2sIzYBFwApmCe31nbDfyRAadyO0L7Ki4vH6socFHh/uQi9ucS/wSuS7C5FkVTyz/lalS5IVWlu309PTg6b7URWZxOCLvHF0iNeODJAY2Mfbx16na2dMkMpppc7H6xO7NmzMI5FIsLy8hFdS8Cv5fPXlLNe/+4bvv77M1YVZbv1+k5cPD7IxbxOBYMghtbFeXB3LDdseZmdHG0WhIOESjaamRmKxGLG2Nto74mwX6601W7CstDJJ0QRU4cj4E6lrR2c3pz8aYXH+Ap9fnKKhvoqD/Xs5OTrMxNgZznzwFsmxs0yMn+OzTz/Gr8vU1dYQraultOwedMO/SmY6cDU/uoPR999hKpXk+uIkjzeWMfrum6SSY0xOprgwkWRubo7x80neOz5CfXQrV5cu88vPP7Fvfz+FHi/BUJEIQdBJmisUCgkrQaqrIlyan+aJtvtQfF5UVXViamfXftn5yDSor6vh1PAxTn84TFtrCxvy8pFFsiTJh65rmbLRiGwu48r5EzzbXsmWeyO0NDfyWFeceLyD8rISiiyN4pDfIfX6JPFTN3t2P0V/73Mc2P88L73QS8MjTbjMQABVM6iKVLB0aYp4w2bOfnKSa8uL/HrjGrdu/kas+QFCpkxpUYBQ0KS0RDSBrvDFxWlSqZTAJDd+/IGhoSFBKBQqNmG4nJXxE8QeCrO7O86Bvj309/UwcPAQkXAYw9AFWZrQFmHoKq8efYUjiUEODR6ms7OLaLQubVnRdCqFwuWFGdqbong9bgp9Mh4BO+iZTBr+dGlYlihuTWJuZpr5mSmurKw43WZjldCgsqKchXMjtDxYTcDUV3s43eO3a83Mktoiup/cxa6nn6G3rw9LFLxTh45lVaeqsoJvl2Zp3na/Ex+7BNa2V4bs9kTySbKTIHsOZM4chZqwVFxcwvHEXmqrKxzFuRb/apRlWjDXRXYe2vdNBaL+dP8ai/96wOb2orUmXoH/RpirMHdi/5PpvB7+ACBekrNlI9snAAAAAElFTkSuQmCC" alt="Design as part of a system" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 0.5s;transition-delay:0.25s"/><noscript><picture><source srcSet="/static/8b12cfd642aa88a82f86f3367faf9cf8/5f5eb/design_system.png 150w,
/static/8b12cfd642aa88a82f86f3367faf9cf8/07cb7/design_system.png 300w,
/static/8b12cfd642aa88a82f86f3367faf9cf8/1e875/design_system.png 600w,
/static/8b12cfd642aa88a82f86f3367faf9cf8/4ddaa/design_system.png 900w,
/static/8b12cfd642aa88a82f86f3367faf9cf8/5cbdc/design_system.png 1024w" sizes="(max-width: 600px) 100vw, 600px" /><img src="/static/8b12cfd642aa88a82f86f3367faf9cf8/1e875/design_system.png" alt="Design as part of a system" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><h3 class="leading-tight text-black mt-2">Design as part of a system</h3><div class="mt-0 mb-2 leading-normal text-sm text-black">November 22nd 2018</div><div class="mt-2 leading-normal text-black font-serif">I used to think design was a discreet, segregated process in which one cloistered themselves in a room somewhere with a box of coloured pencils and a computer. The creative explosion &#x27;process&#x27; would happen, then the pruning and refinement. I would…</div></div></a><a class="link w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/4 mb-5 bg-white no-underline" href="/blog/2018-9-04-static-versus-dynamic-websites/"><div class="m-5"><div class="w-full gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:100%"></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAAEG0lEQVQ4y3WUa2xTdRjGGzcDBEa7dlwGeEkkhnhZMNlIUDFqotPMxPjBSDR+8INI/GQ0MvyAgiTEZJcyHSAYbyAQMVmCsNCu6zbHVsa2so5u6+rWe9f72m1szC30/Pyfc7qVBDjJk/d/TnKePO/7PO9fY9X76dgUoHNLiI7SAO0CbRt8Kjb6aTP4adX6add6adLFqTPAUX1WhUG6B5q+VyPM+hdIOmeYE3VhIouUgGwEmAPHezFMD3np0Hv5vXhmmdB4HzKF0PlOivGRICcPNGG7ep3Wfyw0m5q58NcForfDuD5JY9KM02oIcFy/gLFE/vH+6hTCgbfizM3fxuMKkZnJEIz68Yd9OEecTJNmZE+aFs0YlwxRRVXt6ix1RVnqdTlo82ejUK5p3xzA/lqMwaqkqHEcb6QUON9MM/h2ks4ng7St9nBWn6FGB2dfzvLLcxKNjwhskTj+uMSxR9WzovDqthCj+1K4900y/lUGd7Vcp3AfyHBjdwTLSh/WYh8n9fPUasH8aZaL70uceVES5Cr+eEm875JoWC8I7VVR5EfiDonZOMGkj2AqRDh+k4x9BusqH836sDI3o16dn7FYbVVuUak69ZvSsr0qxiILuAOjDHuG6HVe5+aQndDlE8wO/od1pYc/i1PU6cmR5gwpeYAp3WVhhg9HcB9J4KvJMCqqV+DfQ15Gv8hgedjDzxsWlLgYtapKRaHuXqcVhZY1PiyFfloKfZgLvGoVaFkRxCzi0r41QrJTxOfcLUECp7ZlFSNkE5Zar8+1rCi0FottKFFhXZdH23ofrWu9dJWJGcc8pLpjok0EUVYx4NwrEr/tkDi9U+LXchXyGDSta1RFpgJBICsUsIhzi9gOU0FAhNqL7dkIf29NU7tWVdWwTuKHUlXlscfUCMnvisKuZyZwfR7D82UCe3UK1/5JBqpjjOxP4/naz9DeBNYVHk4XZagryRujuLoU6Ltd7ns9DE3XmDzfxe7eEJ+5AlSHbJxPdMD0Yab7zbRpQ/xkmFP3OBcfFfmzaop8OVRGyDYPMHXRzpHhBD964xwNOTDHbwjCk0z32DAVRWg0LKoXghybkqzSorwh329UA70UJ037piC2F9Jc3zVNX0UYx44o/RVResvjXKuI0FMe4ZIuQr0hH2qZSF6/U0+pZpx4Qsq73PV0CPeeTtwfmQnVzDF6KMnY4TSB724RapijpyzI+VXJu+YnTNgslJWq6mRTZHeXFfZX+lm8Ws/khb3UNB7ioPEg3xq/4cO9H9DqusLYx5Oc0kxRvz53seZULkOX3x7FlP7KGPO2ZqYtZ+hq72Zk0MXQwDCWy1Zs/V3Y343SWDi/TGh8wE2dn+HGIN3bJ7BtjzCwM0NfeULMMInj+SkcO1OYN03QoLuTN+QBF+sS/gczfXjZVBup6QAAAABJRU5ErkJggg==" alt="Static versus Dynamic websites" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 0.5s;transition-delay:0.25s"/><noscript><picture><source srcSet="/static/e2bcc26e75e87094b5ed32d544fc6643/5f5eb/static_dynamic.png 150w,
/static/e2bcc26e75e87094b5ed32d544fc6643/07cb7/static_dynamic.png 300w,
/static/e2bcc26e75e87094b5ed32d544fc6643/1e875/static_dynamic.png 600w,
/static/e2bcc26e75e87094b5ed32d544fc6643/4ddaa/static_dynamic.png 900w,
/static/e2bcc26e75e87094b5ed32d544fc6643/5cbdc/static_dynamic.png 1024w" sizes="(max-width: 600px) 100vw, 600px" /><img src="/static/e2bcc26e75e87094b5ed32d544fc6643/1e875/static_dynamic.png" alt="Static versus Dynamic websites" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><h3 class="leading-tight text-black mt-2">Static versus Dynamic websites</h3><div class="mt-0 mb-2 leading-normal text-sm text-black">September 26th 2018</div><div class="mt-2 leading-normal text-black font-serif">In my daily work I have been constructing websites for (really?) over twenty years. It started with static html, went to PHP2, then to content management systems like Joomla, Magento, Prestashop, Wordpress, Concrete5 and frameworks like Cake and…</div></div></a><a class="link w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/4 mb-5 bg-white no-underline" href="/blog/2018-8-13-staple-logo-development/"><div class="m-5"><div class="w-full gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:100%"></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAADnElEQVQ4y3VUaWxMURi9IX4gluo2S2c6b2betDXTZUZVqx2pVMdOiSURQSLhhyAiMpbQCKmIJUEsQURChESIpRSx1Kii/hhtkaAo2kHplnaWtse9d+Y9M9P6ki/3vvfud975lnuIPi0TkgupGTCMzeL7+CQ9kgxpsObaUVA0DVkTCqBINkEppMAQOss8PJ45CQczmq0cJMk4Fms3bIKrqhqtra0IBAL4Q9er127AMWMutCZLEJTFRoESCUykYAqdCdn5hXj02IVo6+vr42v5/QfQCKkQQpkI0QwlZkoKVuiYicav33ig3++Hz+dDoKeH75k9dL+CMzUHh0boIFiscnnCUyfspYamaMudhM9fGnmg1+vrx7Cqvh5OcRzekVjUEQXMGhFK0QyRxjMMCZQDKnUpKL99JwTm5ev3piaU7T2A6zdvodrtxn7BipdkKM4PUqDMYMPsmfMw3l5EGyXyurMsGShhLxYtXcFBemh6zH78/MXTHx2vRoI5C5tjDbhMRqFs4XLcqLiLhpYWdHZ18YYxIhMLHbz7DJTEqgScPXchgt25CxcxLEYBMWMcFPT71iw77pZXwIuBrdnjgZ2OllqfBsLqV+mqkhvBzP26FtYJdliy81C6czc8bW3ByN5efoaNUS/ds857fcF6339YCRVlSbS0sE+eVsspS+Ph8fxAU3OzzCIQAooeJel8Fy0BK1NEyhJD9nfJesLGhqfX7MGDysfo6OyUz0qgJQuXgKjokDpmzZP/zoIZCHtmrBA63N3djYOHj/KrOCJOjU1btkc0kjEsmj4HhHUmUWvEuo3OAQveQf36nXsoplcuXmOAaLEhTi1g2crVwVKEiNTWvQmOjSQIiVoRs+YvxqXLV/D0eQ3uuZ7g9LGTOFJUgoNkDJKVAhLobRqjTEZmTj7q3rwNTkaoKaW79vAfEUk1GFMVHfCRVGXydGk4MUSJChKDR2QIDkydj6qal3Bu3QHnth342PApAqy2rp7H61LS/4kDFwjKVJtuw2S9GQ2DNXBRwI2OEnxq/dOvFNLMtrd3YAoth0oa7Ag9Y8B0NVLgfcM12DxjAT78bpHvt98f4IIhdb2NzifrbALtgWgJXb0IgZXXDGiov3C/xv/s2YsaPneJHMz2TxyiGUp7nSkd+YXFOH7qDOppA740fsX7Dx9RTu/yqjXruciq9KmyKPRTbDnlMGlXUxWJU+t5sTNzCmCiTBI0RuoG/j1ctiT/C47y/Qip8wq7AAAAAElFTkSuQmCC" alt="Staple logo Development" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity 0.5s;transition-delay:0.25s"/><noscript><picture><source srcSet="/static/8dd3cb9b6fc11e584c988185dc7f276d/f3253/staple-icon.png 150w,
/static/8dd3cb9b6fc11e584c988185dc7f276d/b80bb/staple-icon.png 256w" sizes="(max-width: 256px) 100vw, 256px" /><img src="/static/8dd3cb9b6fc11e584c988185dc7f276d/b80bb/staple-icon.png" alt="Staple logo Development" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:0.5s;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><h3 class="leading-tight text-black mt-2">Staple logo Development</h3><div class="mt-0 mb-2 leading-normal text-sm text-black">August 13th 2018</div><div class="mt-2 leading-normal text-black font-serif">I love designing logos, especially devices. This page is a just a log of my ideas. Here is the current one - I like the simplicity an contrast, it doesn&#x27;t work so well small (see above in the navbar of this site): Hopefully make some more iterations…</div></div></a></div></div><footer class="bg-black"><div class="flex justify-between max-w-xl mx-auto p-4 md:p-8 text-sm"><p class="text-white">Created by<!-- --> <a href="https://staple.co.nz" class="font-bold no-underline text-white">Gwilym Griffith-Jones</a></p><p class="text-white">:-)</p></div></footer></div></div></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.page={"componentChunkName":"component---src-pages-index-js","jsonName":"index","path":"/"};window.dataPath="927/path---index-6a9-WyWbmDoAub8rhJMa0rMBSLdx2Io";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-67a72bb875e5f99de7b9.js"],"component---node-modules-gatsby-plugin-offline-app-shell-js":["/component---node-modules-gatsby-plugin-offline-app-shell-js-eea33e48c9bfd477520e.js"],"component---src-templates-blog-post-js":["/component---src-templates-blog-post-js-e343c461d7be3d3a6ecb.js"],"component---src-pages-404-js":["/component---src-pages-404-js-4cad938ca811798aef72.js"],"component---src-pages-about-js":["/component---src-pages-about-js-e9f2cad2f053fbbec494.js"],"component---src-pages-index-js":["/component---src-pages-index-js-16349d87619f38068e71.js"],"component---src-pages-services-js":["/component---src-pages-services-js-9cc18ae1e1fefc6525b7.js"],"pages-manifest":["/pages-manifest-b9b2a28fc5edffba57a6.js"]};/*]]>*/</script><script src="/webpack-runtime-3a5603062baa5d15312e.js" async=""></script><script src="/0-3d1c1b4382517470b706.js" async=""></script><script src="/app-67a72bb875e5f99de7b9.js" async=""></script><script src="/component---src-pages-index-js-16349d87619f38068e71.js" async=""></script><script src="/2-4d47e6a68a6a73a5a1e7.js" async=""></script></body></html>