Contact Email Email Phone +44 117 305 6498 Twitter Twitter Linkedin Linkedin Work URL/title> <use xlink:href="#tools"></use> </svg> <noscript> <img src="/assets/images/tools.png" alt="Work URL"/> </noscript> Work URL </a> </li></ul> </article> </main> <footer> <ul> <li> <a href="https://susanhall.shoesforindustry.net/about/privacy" class="btn btn-pagenav" rel="previous" title="Privacy">← Privacy </a> </li><li><a data-scroll href="#content" class="btn btn-pagenav" title="Top of page">↑ <span class=visuallyhidden>Top</span> </a> </li><li class="ielast-child"> <a href="https://susanhall.shoesforindustry.net/search" class="btn btn-pagenav" rel="next" title="Search"> Search → </a> </li> </ul> <script> //Just remove the cookiewarning div when the buttton is pressed function hide() { var myClasses = document.querySelectorAll('.cookiewarning'), i = 0, l = myClasses.length; for (i; i < l; i++) { myClasses[i].style.display = 'none'; } } </script> <!-- Cookie Warnings --> <!-- init.js Combined Scripts JS via bower and local - bind-polyfill (requirement for smooth-scroll) - smooth-scroll (https://github.com/cferdinandi/smooth-scroll) - fastclick (https://github.com/ftlabs/fastclick/) - init.js, init code for smooth-scroll, fastclick & SVG Local Storage (in header) fallback - cookie function (https://github.com/filamentgroup/cookie) See 'assets/js/' scripts and init.js for futher details. 'true parameter sets 'async' --> <script src="https://susanhall.shoesforindustry.net/assets/scripts/scripts-min.1493706054.js" async></script> <script> /*! Faster Font loading from Filament Group - in footer https://github.com/filamentgroup/font-loading/blob/master/font-events.html*/ /* fontfaceobserver 1.6.3 Copyright (c) 2014 - Bram Stein https://github.com/bramstein/fontfaceobserver fontfaceobserver.standalone.js 2016-01-04 */ (function(){'use strict';var h=!!document.addEventListener;function k(a,b){h?a.addEventListener("scroll",b,!1):a.attachEvent("scroll",b)}function w(a){document.body?a():h?document.addEventListener("DOMContentLoaded",a):document.onreadystatechange=function(){"interactive"==document.readyState&&a()}};function x(a){this.a=document.createElement("div");this.a.setAttribute("aria-hidden","true");this.a.appendChild(document.createTextNode(a));this.b=document.createElement("span");this.c=document.createElement("span");this.h=document.createElement("span");this.f=document.createElement("span");this.g=-1;this.b.style.cssText="display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.c.style.cssText="display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;"; this.f.style.cssText="display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;";this.b.appendChild(this.h);this.c.appendChild(this.f);this.a.appendChild(this.b);this.a.appendChild(this.c)} function y(a,b){a.a.style.cssText="min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;left:-999px;white-space:nowrap;font:"+b+";"}function z(a){var b=a.a.offsetWidth,c=b+100;a.f.style.width=c+"px";a.c.scrollLeft=c;a.b.scrollLeft=a.b.scrollWidth+100;return a.g!==b?(a.g=b,!0):!1}function A(a,b){function c(){var a=l;z(a)&&null!==a.a.parentNode&&b(a.g)}var l=a;k(a.b,c);k(a.c,c);z(a)};function B(a,b){var c=b||{};this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal"}var C=null,D=null,H=!!window.FontFace;function I(){if(null===D){var a=document.createElement("div");try{a.style.font="condensed 100px sans-serif"}catch(b){}D=""!==a.style.font}return D}function J(a,b){return[a.style,a.weight,I()?a.stretch:"","100px",b].join(" ")} B.prototype.a=function(a,b){var c=this,l=a||"BESbswy",E=b||3E3,F=(new Date).getTime();return new Promise(function(a,b){if(H){var q=function(){(new Date).getTime()-F>=E?b(c):document.fonts.load(J(c,c.family),l).then(function(b){1<=b.length?a(c):setTimeout(q,25)},function(){b(c)})};q()}else w(function(){function r(){var b;if(b=-1!=e&&-1!=f||-1!=e&&-1!=g||-1!=f&&-1!=g)(b=e!=f&&e!=g&&f!=g)||(null===C&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),C=!!b&&(536>parseInt(b[1], 10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=C&&(e==t&&f==t&&g==t||e==u&&f==u&&g==u||e==v&&f==v&&g==v)),b=!b;b&&(null!==d.parentNode&&d.parentNode.removeChild(d),clearTimeout(G),a(c))}function q(){if((new Date).getTime()-F>=E)null!==d.parentNode&&d.parentNode.removeChild(d),b(c);else{var a=document.hidden;if(!0===a||void 0===a)e=m.a.offsetWidth,f=n.a.offsetWidth,g=p.a.offsetWidth,r();G=setTimeout(q,50)}}var m=new x(l),n=new x(l),p=new x(l),e=-1,f=-1,g=-1,t=-1,u=-1,v=-1,d=document.createElement("div"), G=0;d.dir="ltr";y(m,J(c,"sans-serif"));y(n,J(c,"serif"));y(p,J(c,"monospace"));d.appendChild(m.a);d.appendChild(n.a);d.appendChild(p.a);document.body.appendChild(d);t=m.a.offsetWidth;u=n.a.offsetWidth;v=p.a.offsetWidth;q();A(m,function(a){e=a;r()});y(m,J(c,'"'+c.family+'",sans-serif'));A(n,function(a){f=a;r()});y(n,J(c,'"'+c.family+'",serif'));A(p,function(a){g=a;r()});y(p,J(c,'"'+c.family+'",monospace'))})})};window.FontFaceObserver=B;window.FontFaceObserver.prototype.check=B.prototype.a;"undefined"!==typeof module&&(module.exports=window.FontFaceObserver);}()); /* Fonts are loaded through @font-face rules in the CSS whenever an element references them. FontFaceObserver creates a referencing element to trigger the font request, and listen for font load events. When all the fonts are loaded, we enable them by adding a class to the html element and setting a cookie 'sfifontsloaded' and check for it on page load in snippets/header.php. */ (function( w ){ // if the class is already set, we're good. if( w.document.documentElement.className.indexOf( "fonts-loaded" ) > -1 ){ return; } var fontA = new w.FontFaceObserver( "Lato", { weight: 300 }); var fontB = new w.FontFaceObserver( "Lato", { weight: 600 }); var fontC = new w.FontFaceObserver( "Lato", { weight: 600, style: "italic" }); var fontD = new w.FontFaceObserver( "Lato", { weight: 300, style: "italic" }); w.Promise .all([fontA.check(), fontB.check(), fontC.check(), fontD.check()]) .then(function(){ w.document.documentElement.className += " fonts-loaded"; cookie( "sfifontsloaded", "sfi-fonts-loaded-check", 350 ); }); }( this )); </script> <script> // Fallback for browsers that do not support SVG // Adpated from code by Osvaldas Valutis at http://osvaldas.info/caching-svg-sprite-in-localstorage // This doesn't use 'data-img', uses 'svg-sprites.svg' instead of 'svg.html' // Assumes same path/name e.g. svg-sprites.svg has symbol id='NAME' / HTML5 has <use xlink:href="#NAME"></use> // So for fallback path/NAME.ext <img src="/path/NAME.ext" alt="NAME"> we just trim `#` & add extension // Note: no end close tag '/>' for img (ok in HTML5) and NAME for alt function getiOS(){ return/(iPhone|iPod|iPad)/i.test(navigator.userAgent)&&/OS [2-6](.*) like Mac OS X/i.test(navigator.userAgent)?!0:!1}var storage,fail,uid;try{uid=new Date,(storage=window.localStorage).setItem(uid,uid),fail=storage.getItem(uid)!=uid,storage.removeItem(uid),fail&&(storage=!1)}catch(exception){}!function(e,t){var r="/assets/images/",a=1,i=".png"; if(getiOS()){if(!t.createElementNS&&t.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect)return!0}else if(storage&&t.createElementNS&&t.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect)return!0;for(var n,g=t.getElementsByTagName("use");n=g[0];){var s=n.parentNode,o=new Image;o.src=r+n.getAttribute("xlink:href").substring(a)+i,o.alt=n.getAttribute("xlink:href").substring(a),s.parentNode.replaceChild(o,s)}}(window,document); </script> </footer> <!--[]> Content copyright © 2006-2023 Susan Hall, all rights reserved. Hand crafted from mostly accessible, valid html5 & css by shoesforindustry.net <![]--> </body> </html>
Email
+44 117 305 6498
Twitter
Linkedin