{"componentChunkName":"component---src-templates-work-post-template-js","path":"/work/xoodlra","result":{"data":{"markdownRemark":{"html":"<h4>About the project</h4>\n<div class=\"blurb\">\n<p>Our sister company created out of our love of furniture design.</p>\n<p>Lively shapes and Javascript/CSS animations play in harmony with the showcased furniture pieces.</p>\n<p><a href=\"https://xooldra.com\">Visit site</a></p>\n</div>\n<h4>Desktop</h4>\n<span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1000px; margin-left: 0 !important; margin-right: 0 !important;\">\n      <a class=\"gatsby-resp-image-link\" href=\"/static/4bb363e48e8e0c3caa2c745bb1a104e6/5497d/Xooldra_Page_1.jpg\" style=\"display: block\" target=\"_blank\" rel=\"noopener\">\n    <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 196%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAnABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAUEAQP/xAAXAQEBAQEAAAAAAAAAAAAAAAACAwEA/9oADAMBAAIQAxAAAAG1yftmvUUOX37GCrMDnTnClrGb/8QAHhABAAICAQUAAAAAAAAAAAAAAgEDERIABBATIUH/2gAIAQEAAQUCxzbsHrBWTHHSHJME74n7dfZ5KNpGPdnTyrANT//EABkRAAIDAQAAAAAAAAAAAAAAAAABAhARMf/aAAgBAwEBPwFqumRrT//EABoRAAICAwAAAAAAAAAAAAAAAAERABACEiH/2gAIAQIBAT8BGbKrUDsZpCf/xAAcEAACAgMBAQAAAAAAAAAAAAAAAQIRECFBMZH/2gAIAQEABj8CO/MNN1tl42UVR4SipUky33DkulH/xAAcEAADAAMAAwAAAAAAAAAAAAAAAREhMUFRgZH/2gAIAQEAAT8h2tf0jwCdVM8nV7MedyNUXEIWF0hozgOcBK0pKIu5qtHVCJFkTp0f/9oADAMBAAIAAwAAABD7z/D4L//EABgRAQADAQAAAAAAAAAAAAAAAAEAECER/9oACAEDAQE/EFDWhcrEM5Xc/8QAGREBAAMBAQAAAAAAAAAAAAAAAQAQEUFx/9oACAECAQE/ECxD7WnBBOxNq//EAB0QAQADAAMBAQEAAAAAAAAAAAEAESExUWFBocH/2gAIAQEAAT8Qq9xeKo3pwdKFUuvSoBDYAVsVsqdtAo7NKLVT4DVfs1a4vIf03Bp8H+zjrr9SH6wBNHbBuCknUo2coyAT2Lby+xxEHDSf/9k='); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"Xooldra Page 1\" title=\"Xooldra Page 1\" src=\"/static/4bb363e48e8e0c3caa2c745bb1a104e6/a2510/Xooldra_Page_1.jpg\" srcset=\"/static/4bb363e48e8e0c3caa2c745bb1a104e6/0479a/Xooldra_Page_1.jpg 250w,\n/static/4bb363e48e8e0c3caa2c745bb1a104e6/41099/Xooldra_Page_1.jpg 500w,\n/static/4bb363e48e8e0c3caa2c745bb1a104e6/a2510/Xooldra_Page_1.jpg 1000w,\n/static/4bb363e48e8e0c3caa2c745bb1a104e6/c58a3/Xooldra_Page_1.jpg 1500w,\n/static/4bb363e48e8e0c3caa2c745bb1a104e6/5497d/Xooldra_Page_1.jpg 1641w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n  </a>\n    </span>\n<h4>Mobile</h4>\n<div class=\"mobile-images\">\n<span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 428px; margin-left: 0 !important; margin-right: 0 !important;\">\n      <a class=\"gatsby-resp-image-link\" href=\"/static/6cb982636d0a95df79d3009a65e974ec/65a3f/Xooldra_Mobile_Page_01.jpg\" style=\"display: block\" target=\"_blank\" rel=\"noopener\">\n    <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 216.39999999999998%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAArABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAEDBAUC/8QAFwEAAwEAAAAAAAAAAAAAAAAAAQIDBP/aAAwDAQACEAMQAAAB2uqM02sEQwy7EVTNXXGMJV0XmxhH/8QAHhAAAgICAgMAAAAAAAAAAAAAAQMAAhEhEBMSMkH/2gAIAQEAAQUC3ymx6s1gIiMLX2Viz5VasmBTMr9dTUE+wT//xAAaEQACAgMAAAAAAAAAAAAAAAAAAQIREBIh/9oACAEDAQE/AdWUxuV8GW8f/8QAGxEAAQUBAQAAAAAAAAAAAAAAAAECERIxE1H/2gAIAQIBAT8B6N9LIQxdG4VQg//EAB0QAAEEAgMAAAAAAAAAAAAAAAABEBExAhIgITL/2gAIAQEABj8CdN12PJRGWXbShCQ9FFcP/8QAHBAAAwEAAgMAAAAAAAAAAAAAAAERIRBRMUFh/9oACAEBAAE/IZXl8w1r2/OBJkDRTVnR9XOxPoKajjNWswHJ2I1DdGq1SdIinoMQ8D//2gAMAwEAAgADAAAAEG/BMGjf/8QAGREAAwEBAQAAAAAAAAAAAAAAAAERYSFB/9oACAEDAQE/EK+DUZQq9NCs/8QAGREBAQEAAwAAAAAAAAAAAAAAAREAIUFh/9oACAECAQE/EE2YOUcUr50RN4mg63//xAAiEAEBAAICAQMFAAAAAAAAAAABEQAxIVFBEIHwYaHB0eH/2gAIAQEAAT8Qt4V7P1hrv0bBEGrUQe07yN7fXLvEurlZnJFQocfn3wQpBtHGNlWhUlwYBmnScbyaBDaiYDoDLJ9so087+GfH/mWoBfBhKcBdeMM9+f/Z'); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"Xooldra Mobile Page 01\" title=\"Xooldra Mobile Page 01\" src=\"/static/6cb982636d0a95df79d3009a65e974ec/65a3f/Xooldra_Mobile_Page_01.jpg\" srcset=\"/static/6cb982636d0a95df79d3009a65e974ec/0479a/Xooldra_Mobile_Page_01.jpg 250w,\n/static/6cb982636d0a95df79d3009a65e974ec/65a3f/Xooldra_Mobile_Page_01.jpg 428w\" sizes=\"(max-width: 428px) 100vw, 428px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n  </a>\n    </span>\n<span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 428px; margin-left: 0 !important; margin-right: 0 !important;\">\n      <a class=\"gatsby-resp-image-link\" href=\"/static/2baf3045275f6cced0f7e0ac822a53a2/65a3f/Xooldra_Mobile_Page_02.jpg\" style=\"display: block\" target=\"_blank\" rel=\"noopener\">\n    <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 216.39999999999998%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAArABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAECAwQF/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAIB/9oADAMBAAIQAxAAAAHbXGyaRAIQM+btKw66sLhDD//EAB0QAAMAAgMBAQAAAAAAAAAAAAABAgMRBBASExT/2gAIAQEAAQUCy8ZNe+TR75MmqNM82yqmT6yJy1eOsh+aiFliX0jRrr//xAAYEQADAQEAAAAAAAAAAAAAAAAAARJREP/aAAgBAwEBPwGVpK0lkPv/xAAYEQACAwAAAAAAAAAAAAAAAAAQEgARYf/aAAgBAgEBPwFo2Cz/AP/EACMQAAEDAwIHAAAAAAAAAAAAAAABAhEDIZESICIxMjNBYYH/2gAIAQEABj8Cmmml6XISmjF8uUhaev2XqPO4/JZ7y6nMnh+l6b5Ol2CEY/O//8QAHxAAAwACAgIDAAAAAAAAAAAAAAERIUExcVGBYZHR/9oACAEBAAE/IZfPQ1imH1ABWrstcUjirsakngYel/jIyUFeIemZka+DJjVTpj0/W/RKn+g2dl8s4EEnB//aAAwDAQACAAMAAAAQTDR/gw//xAAZEQACAwEAAAAAAAAAAAAAAAABEAAR8PH/2gAIAQMBAT8Q0E3CLOv/xAAZEQADAAMAAAAAAAAAAAAAAAAAAREQIUH/2gAIAQIBAT8QvqKGhKs//8QAIBABAAIBBAIDAAAAAAAAAAAAAQARITFBUXFhgZGh8f/aAAgBAQABPxDmmi5d0wKONRfofseQnC0ECUI1siPUMtJYoL52iVvGHDLuyCGyga9Xmu5SZxOkKgGQrfqEEhlMjvd69y3zN5FCBuDPolCBt3iDss9MQly3zL20y+Z4X5YAKNJ//9k='); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"Xooldra Mobile Page 02\" title=\"Xooldra Mobile Page 02\" src=\"/static/2baf3045275f6cced0f7e0ac822a53a2/65a3f/Xooldra_Mobile_Page_02.jpg\" srcset=\"/static/2baf3045275f6cced0f7e0ac822a53a2/0479a/Xooldra_Mobile_Page_02.jpg 250w,\n/static/2baf3045275f6cced0f7e0ac822a53a2/65a3f/Xooldra_Mobile_Page_02.jpg 428w\" sizes=\"(max-width: 428px) 100vw, 428px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n  </a>\n    </span>\n<span class=\"gatsby-resp-image-wrapper\" style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 428px; margin-left: 0 !important; margin-right: 0 !important;\">\n      <a class=\"gatsby-resp-image-link\" href=\"/static/0602ab5c580959b631a75e29da546ba6/65a3f/Xooldra_Mobile_Page_03.jpg\" style=\"display: block\" target=\"_blank\" rel=\"noopener\">\n    <span class=\"gatsby-resp-image-background-image\" style=\"padding-bottom: 216.39999999999998%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAArABQDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAIEBQMB/8QAFwEBAQEBAAAAAAAAAAAAAAAAAgEDAP/aAAwDAQACEAMQAAAB1WzGpvMszdLWeaFDuTpezsWAI//EAB0QAAICAgMBAAAAAAAAAAAAAAECAAMEEhARExT/2gAIAQEAAQUC7E3E9RLbChRyw+bc2Y5eJQVVU6B4EXIRjXYLEmo5/8QAGhEAAgIDAAAAAAAAAAAAAAAAAhAAERJBUf/aAAgBAwEBPwGZDxlWl//EABsRAAIBBQAAAAAAAAAAAAAAAAAREAECEkFR/9oACAECAQE/AUY39HFHuP/EAB4QAAIBBAMBAAAAAAAAAAAAAAABERASITECICIy/9oACAEBAAY/Avpm6Nkj5XxkfpbIuRvpiS5U0q//xAAdEAEAAwACAwEAAAAAAAAAAAABABExEFEhQYFh/9oACAEBAAE/IW5mCaYL3DECXX2XIAOS28YCZiu0EYI9VGDytT3BREAKVY9wl9TrgFsJfyAGHH//2gAMAwEAAgADAAAAEN8Sc8vP/8QAGhEAAwADAQAAAAAAAAAAAAAAAAERECEx8P/aAAgBAwEBPxCuU8GTUIhn5mP/xAAbEQADAAIDAAAAAAAAAAAAAAAAAREQMVGR4f/aAAgBAgEBPxCNHMvXpWysRLWP/8QAIBABAQADAAIBBQAAAAAAAAAAAREAITEQQYFRcbHR8P/aAAgBAQABPxCQkjwD9YFGT2m3K2tGajhYah27fjJOFz35yjq5KPRkcD6fnK7olMSratMTgGAsHX++uahN3FYBBOPtlIAdJ1HR8JABFAUyhArWEvj/2Q=='); background-size: cover; display: block;\"></span>\n  <img class=\"gatsby-resp-image-image\" alt=\"Xooldra Mobile Page 03\" title=\"Xooldra Mobile Page 03\" src=\"/static/0602ab5c580959b631a75e29da546ba6/65a3f/Xooldra_Mobile_Page_03.jpg\" srcset=\"/static/0602ab5c580959b631a75e29da546ba6/0479a/Xooldra_Mobile_Page_03.jpg 250w,\n/static/0602ab5c580959b631a75e29da546ba6/65a3f/Xooldra_Mobile_Page_03.jpg 428w\" sizes=\"(max-width: 428px) 100vw, 428px\" style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\" loading=\"lazy\">\n  </a>\n    </span>\n</div>","frontmatter":{"date":"2021-04-19","path":"/work/xoodlra","title":"Xooldra","featuredImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB2klEQVQoz5VQW2sTQRjND/XFJx+8RhGkPuiDaFWqiDesllZtqMWKGOqFKq1pTTbZJtlNsptN5rKzs9/cdrL2N0jYUC0WRDgPh8N35pwzJdAEDAUxFvtfRdiA5hfY3wLUmer/QmnGJGL9H6y7w/0aBPX/M6eaUIEwoMTEYsIhY1NR4QIFnynHJGsiDJGGCk1AYVBYGKonTGaxskxZNuNZLAw9xly8XUBmMWbBXnO74X7fbXxrdffq7o7Trjnt2oj0hKHF8cyciLG2FDQGjUAjYTDlYduve4Nmp+dE2PeC1hB53qCFWXgYXkoVMRP2bPXli/V1k8tUJ2A4ZFxkqcqltImyRflpYflXbawse7Cy+PHtnI1WdLisgyUdPNfBou4/Emw31Qz09AsK25/rSqCwtMmbpcfk06WD9tXMuWyd87Zx1jrnbP2UxB/AQirHKA5IEjIYH0lOFVY/efXWjcqZE3l3Lm+Vc7d84F7Mm+XcOa3JJtdJhL1B1B5EnRB5cRr93gwKq5xXF+a3bp/Mo+u0dy/0nkbuHda5mTavAN4EwzEbDJE/RP6I9LhERzanWZJU5rc3Lqy+v/vq3f3ljYW1zSeV6sPXa9fI6DOX1A9bwagTjLp+6I5p/zD5F0/0WdjB4jdLAAAAAElFTkSuQmCC","aspectRatio":1.6260162601626016,"src":"/static/42a960c22f09cd1599386149111a0e69/ee604/xooldra.png","srcSet":"/static/42a960c22f09cd1599386149111a0e69/69585/xooldra.png 200w,\n/static/42a960c22f09cd1599386149111a0e69/497c6/xooldra.png 400w,\n/static/42a960c22f09cd1599386149111a0e69/ee604/xooldra.png 800w,\n/static/42a960c22f09cd1599386149111a0e69/6f354/xooldra.png 1030w","sizes":"(max-width: 800px) 100vw, 800px"}}}}}},"pageContext":{}},"staticQueryHashes":["3649515864","63159454"]}