Add images & icons for about page

And use relative URLs so they are served locally.

about.html

@@ -19,10 +19,10 @@
 <link rel='shortlink' href='https://www.coops.tech/?p=248' />
 <link rel="alternate" type="application/json+oembed" href="https://www.coops.tech/wp-json/oembed/1.0/embed?url" />
 <link rel="alternate" type="text/xml+oembed" href="https://www.coops.tech/wp-json/oembed/1.0/embed?url&#038;format=xml" />
-<link rel="icon" href="https://www.coops.tech/app/uploads/2017/02/cropped-cotech_512x512-32x32.png" sizes="32x32" />
+<link rel="icon" href="/app/uploads/2017/02/cropped-cotech_512x512-32x32.png" sizes="32x32" />
-<link rel="icon" href="https://www.coops.tech/app/uploads/2017/02/cropped-cotech_512x512-192x192.png" sizes="192x192" />
+<link rel="icon" href="/app/uploads/2017/02/cropped-cotech_512x512-192x192.png" sizes="192x192" />
-<link rel="apple-touch-icon-precomposed" href="https://www.coops.tech/app/uploads/2017/02/cropped-cotech_512x512-180x180.png" />
+<link rel="apple-touch-icon-precomposed" href="/app/uploads/2017/02/cropped-cotech_512x512-180x180.png" />
-<meta name="msapplication-TileImage" content="https://www.coops.tech/app/uploads/2017/02/cropped-cotech_512x512-270x270.png" />
+<meta name="msapplication-TileImage" content="/app/uploads/2017/02/cropped-cotech_512x512-270x270.png" />
 		<style type="text/css" id="wp-custom-css">
 			section#contact div.row div p a:active,
 section#contact div.row div p a:focus,
@@ -31,7 +31,7 @@ section#contact div.row div p a:hover {
   color: white;
 }		</style>
 	    <link rel="stylesheet" href="/app/themes/coop-tech-oowp-theme/public/foundation-icons/foundation-icons.css">
-    <link rel="icon" type="image/x-icon" href="https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/img/CoTech-logo.png">
+    <link rel="icon" type="image/x-icon" href="app/themes/coop-tech-oowp-theme/public/img/CoTech-logo.png">
     <script type="text/javascript">
         window.mapboxAccessToken = 'pk.eyJ1IjoiY290ZWNoIiwiYSI6ImNpemgxbzhwODAwMHMzM28zdXF3cGxyYmwifQ.9nPExuEUqwblCCl-6gyFXA';
     </script>
@@ -49,7 +49,7 @@ section#contact div.row div p a:hover {
             <div class="top-bar-title">
                 <strong>
                     <a id="logo" href="https://www.coops.tech/">
-                        <img src="https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/img/CoTech-logo.png">CoTech
+                        <img src="/app/themes/coop-tech-oowp-theme/public/img/CoTech-logo.png">CoTech
                     </a>
                 </strong>
                 <a class="back" href="https://www.coops.tech/">&#8592; Go Back</a>
@@ -114,7 +114,7 @@ section#contact div.row div p a:hover {
     <div class="footer-lower">
         <div class="row">
             <div class="small-12 columns">
-                <img src="https://www.coops.tech/app/themes/coop-tech-oowp-theme/public/img/coop-logo.png" class="float-center" />
+                <img src="/app/themes/coop-tech-oowp-theme/public/img/coop-logo.png" class="float-center" />
 		<!-- TODO the CSS link colour needs fixing! -->
                 <!-- p>Site developed by <a href="http://www.glowboxdesign.co.uk/">Glowbox Designs</a> &amp;
                    <a href="http://outlandish.com/">Outlandish</a>, hosted by