{"componentChunkName":"component---src-templates-work-js","path":"/work/ginger_whale/","result":{"data":{"mdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Ginger Whale\",\n  \"order\": 100,\n  \"timeFrame\": \"2012\",\n  \"type\": \"Freelance work\",\n  \"url\": \"http://gingerwhale.com/\",\n  \"excerpt\": \"From the pioneer days of responsive websites...\",\n  \"featuredImage\": \"./ginger_whale/cover.jpg\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component '\" + name + \"' was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Gallery = makeShortcode(\"Gallery\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"Ginger Whale make beautifully illustrated interactive iPad books for children. Working as Experience Bureau,\\nI took the ideas and illustrations for a supporting website and turned them into an animated, fully responsive\\nand fun website. \"), mdx(Gallery, {\n    mdxType: \"Gallery\"\n  }, mdx(\"span\", {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"inline-block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"10px\",\n      \"maxWidth\": \"400px\",\n      \"width\": \"142.85714285714286px\",\n      \"maxHeight\": \"300px\",\n      \"verticalAlign\": \"top\"\n    }\n  }, \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"210%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAqABQDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAIEBQMB/8QAFwEBAQEBAAAAAAAAAAAAAAAAAgEDAP/aAAwDAQACEAMQAAABk47TXPIHOWnTHSs8g8C3fnGNHNgs/8QAHhAAAgICAwEBAAAAAAAAAAAAAQMCBAASERMhMTL/2gAIAQEAAQUCaxhZyzIvbALJ42yx+1/NRlvxsJxGdnlk7NLxEm54xm5tAd/GVIRKf//EABoRAAICAwAAAAAAAAAAAAAAAAABESECEBP/2gAIAQMBAT8B6KzFypGrFROv/8QAGhEAAwADAQAAAAAAAAAAAAAAAAEREBIhQf/aAAgBAgEBPwGPwaLwtNVj/8QAHxAAAgEEAgMAAAAAAAAAAAAAAAERAhIhMUGBEHGh/9oACAEBAAY/Aqs1bN1EXMj2bOjXLODoh7lkwSNWZTeSLPpKUFWPGaVs/8QAHhAAAwADAAMBAQAAAAAAAAAAAAERITFRQXGRsfD/2gAIAQEAAT8hYi3NUfk+rJSv2Vaxf0NoGqiXEZyP2xV0EUVwTeU+sWerS4aZMFctAe8iXnz+cEeMui0k+EcRaMuto//aAAwDAQACAAMAAAAQgAtxWy//xAAZEQEBAQEBAQAAAAAAAAAAAAABABEhMaH/2gAIAQMBAT8Q4Jcz7Y08GQRjCJ663//EABgRAQEBAQEAAAAAAAAAAAAAAAERACGh/9oACAECAQE/EGwC3zQZg9XR0ZTABDf/xAAjEAEBAAIBAwMFAAAAAAAAAAABEQAhMUFRYZGx0YGhwfDx/9oACAEBAAE/EGQyBYAGATHkUefmxOMtjs9c4yG2t8sEC1NJKOO5ej3cBXRKx9K/u8Bsx2h8ZFoFPfECF7bzlSfdXh/coX1gO++IVAkIi3qawHCPH0wFYSE2u1vHn7ZCzUWDbOcY/ixByRCvBn//2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Sample screen from the Ginger Whale home page\",\n    \"title\": \"Sample screen from the Ginger Whale home page\",\n    \"src\": \"/static/ed2aaed5aa20091c2b2f6993c22f2f20/066f9/1.jpg\",\n    \"srcSet\": [\"/static/ed2aaed5aa20091c2b2f6993c22f2f20/b9e9c/1.jpg 100w\", \"/static/ed2aaed5aa20091c2b2f6993c22f2f20/e07e9/1.jpg 200w\", \"/static/ed2aaed5aa20091c2b2f6993c22f2f20/066f9/1.jpg 400w\", \"/static/ed2aaed5aa20091c2b2f6993c22f2f20/7723c/1.jpg 564w\"],\n    \"sizes\": \"(max-width: 400px) 100vw, 400px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n    \"), mdx(\"span\", {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"inline-block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"10px\",\n      \"maxWidth\": \"400px\",\n      \"width\": \"400px\",\n      \"maxHeight\": \"300px\",\n      \"verticalAlign\": \"top\"\n    }\n  }, \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"75%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAEDAgT/xAAWAQEBAQAAAAAAAAAAAAAAAAACAAP/2gAMAwEAAhADEAAAAelqtjIyMf/EABoQAAEFAQAAAAAAAAAAAAAAAAABAhESEyH/2gAIAQEAAQUCnliRGOUzSubj/8QAGhEAAgIDAAAAAAAAAAAAAAAAAAECAxETIf/aAAgBAwEBPwHXJLA6ZJ8P/8QAGxEAAgEFAAAAAAAAAAAAAAAAAAECAxESITH/2gAIAQIBAT8Bzj1iqxts/8QAGRAAAgMBAAAAAAAAAAAAAAAAABABESEx/9oACAEBAAY/Al0qVh//xAAbEAEAAgMBAQAAAAAAAAAAAAABABEhMUGBYf/aAAgBAQABPyFQM7luLLHXkvFutfIYlqzK2PZ//9oADAMBAAIAAwAAABCXL//EABcRAQADAAAAAAAAAAAAAAAAAAEAITH/2gAIAQMBAT8QrLTsaGJ//8QAGREBAAIDAAAAAAAAAAAAAAAAAQARITFB/9oACAECAQE/ELHsajArM//EABwQAQEAAgMBAQAAAAAAAAAAAAERACExccFhgf/aAAgBAQABPxAQ4rQ4unasmLIp2hjBcKoT24ApC7GfgPucIT626z//2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Sample screen from the Ginger Whale home page\",\n    \"title\": \"Sample screen from the Ginger Whale home page\",\n    \"src\": \"/static/5e42aaf07b53218337c6d836bd3dd50b/066f9/cover.jpg\",\n    \"srcSet\": [\"/static/5e42aaf07b53218337c6d836bd3dd50b/b9e9c/cover.jpg 100w\", \"/static/5e42aaf07b53218337c6d836bd3dd50b/e07e9/cover.jpg 200w\", \"/static/5e42aaf07b53218337c6d836bd3dd50b/066f9/cover.jpg 400w\", \"/static/5e42aaf07b53218337c6d836bd3dd50b/b4294/cover.jpg 600w\", \"/static/5e42aaf07b53218337c6d836bd3dd50b/4b190/cover.jpg 800w\", \"/static/5e42aaf07b53218337c6d836bd3dd50b/e5166/cover.jpg 1200w\"],\n    \"sizes\": \"(max-width: 400px) 100vw, 400px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n    \"), mdx(\"span\", {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"inline-block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"10px\",\n      \"maxWidth\": \"400px\",\n      \"width\": \"212.76595744680853px\",\n      \"maxHeight\": \"300px\",\n      \"verticalAlign\": \"top\"\n    }\n  }, \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"141%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAcABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIDBAX/xAAWAQEBAQAAAAAAAAAAAAAAAAABAgP/2gAMAwEAAhADEAAAAUa+yseGUDXRflELiif/xAAfEAACAgIBBQAAAAAAAAAAAAABAgADERMEEhQhMjP/2gAIAQEAAQUC1dQ7cRga2T1xOT9hnBUhbvDmx1O62DNk/8QAGhEAAgIDAAAAAAAAAAAAAAAAAAECERAhMf/aAAgBAwEBPwFTeyPBJXeP/8QAGhEAAgIDAAAAAAAAAAAAAAAAAAECERAiMf/aAAgBAgEBPwFx4M2qsf/EAB0QAAICAgMBAAAAAAAAAAAAAAABAhEhURIxMjP/2gAIAQEABj8Ctzlk9zKUmI6GLWz0Z0cVN0j6MubbZ//EAB0QAAICAgMBAAAAAAAAAAAAAAERACExQRBRgcH/2gAIAQEAAT8hAog2lYd0qH5zMXT+xXFPCOCRcbKCxNnh6gkG6Q1AlKHXAi10Jz//2gAMAwEAAgADAAAAEJzOM//EABgRAQEBAQEAAAAAAAAAAAAAAAEAESEx/9oACAEDAQE/EGAfbSNgjEGcL//EABgRAQEBAQEAAAAAAAAAAAAAAAEhABEx/9oACAECAQE/EOihmhmToH3BLv/EAB4QAQEAAwADAAMAAAAAAAAAAAERACExQWFxUYHR/9oACAEBAAE/EHyqYGi1yKCjSFHGzKDZjv5jqCrbG5DPxDABCAafrCFRDRhrIdfGC8tNVI39ncCqtN955wZZWrhfWajw82fzABdsJyHr3n//2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Sample screen from the Ginger Whale home page\",\n    \"title\": \"Sample screen from the Ginger Whale home page\",\n    \"src\": \"/static/29626c7df4c6a5335b201a4d453a8453/066f9/3.jpg\",\n    \"srcSet\": [\"/static/29626c7df4c6a5335b201a4d453a8453/b9e9c/3.jpg 100w\", \"/static/29626c7df4c6a5335b201a4d453a8453/e07e9/3.jpg 200w\", \"/static/29626c7df4c6a5335b201a4d453a8453/066f9/3.jpg 400w\", \"/static/29626c7df4c6a5335b201a4d453a8453/b4294/3.jpg 600w\", \"/static/29626c7df4c6a5335b201a4d453a8453/4b190/3.jpg 800w\", \"/static/29626c7df4c6a5335b201a4d453a8453/3981f/3.jpg 889w\"],\n    \"sizes\": \"(max-width: 400px) 100vw, 400px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n    \"), mdx(\"span\", {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"inline-block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"10px\",\n      \"maxWidth\": \"400px\",\n      \"width\": \"142.85714285714286px\",\n      \"maxHeight\": \"300px\",\n      \"verticalAlign\": \"top\"\n    }\n  }, \"\\n      \", mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"210%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAqABQDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAMEBQIB/8QAFgEBAQEAAAAAAAAAAAAAAAAAAQAC/9oADAMBAAIQAxAAAAFKtSlxiDAb7pHNlHgPXU8lPNUr/8QAHxAAAQQCAgMAAAAAAAAAAAAAAgABAwQRExQzEiEy/9oACAEBAAEFAj3GeudNLNEoxTC4q3naBMzD7a73R/CudvK8FzlNLuO0zb8KmAvD/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAESIP/aAAgBAwEBPwGhZ//EABYRAAMAAAAAAAAAAAAAAAAAABEgIf/aAAgBAgEBPwEVv//EACMQAAIABAUFAAAAAAAAAAAAAAABERIxkQIQITJhI0JRcYH/2gAIAQEABj8CbTdzuuSzMrU0eE18C6eN8ojC58yoL0Sy05NjuTQgYtMtqqf/xAAcEAEAAwADAQEAAAAAAAAAAAABABEhMUFRcbH/2gAIAQEAAT8hsq2tVSL5qQ7B3TsuDNpx+sKQw7DTcVPE2Q7hnLADYXtcicfzODDl/WC1gr5PFWYbltkvtsPUPmIqruCrHPkp4SwKtup//9oADAMBAAIAAwAAABBDP3F33//EABsRAQACAgMAAAAAAAAAAAAAAAEAIRARMWHw/9oACAEDAQE/EFaov3cSl4OJox//xAAYEQADAQEAAAAAAAAAAAAAAAABETEAIP/aAAgBAgEBPxAFUxT5/8QAIhABAAMAAgEDBQAAAAAAAAAAAQARITFRQWFxwYGRodHw/9oACAEBAAE/ECZTjFQpxeS4WXJr5ls/wWwPvAyzITvZlRIIY1gmXC+NbE5uee+49Y9qQoV6CT+t2xm6dsucH1JvF4QVWs3iPCnK9Ss0+w/UECqt3gvfzKKNhaHNRp+KJVjZK+J//9k=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Sample screen from a Ginger Whale story page\",\n    \"title\": \"Sample screen from a Ginger Whale story page\",\n    \"src\": \"/static/7f69fd6fee4fe54c5230a4553dc330a5/066f9/4.jpg\",\n    \"srcSet\": [\"/static/7f69fd6fee4fe54c5230a4553dc330a5/b9e9c/4.jpg 100w\", \"/static/7f69fd6fee4fe54c5230a4553dc330a5/e07e9/4.jpg 200w\", \"/static/7f69fd6fee4fe54c5230a4553dc330a5/066f9/4.jpg 400w\", \"/static/7f69fd6fee4fe54c5230a4553dc330a5/7723c/4.jpg 564w\"],\n    \"sizes\": \"(max-width: 400px) 100vw, 400px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n    \")), mdx(\"h3\", null, \"My contributions\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Design production\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Interaction design\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Web development\")), mdx(\"h3\", null, \"Technology I used\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"HTML\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"CSS (SASS/Compass)\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"JavaScript (including Backbone)\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Adobe CS suite\")));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"Ginger Whale","timeFrame":"2012","type":"Freelance work","repo":null}}},"pageContext":{"slug":"/work/ginger_whale/","prev":{"fields":{"slug":"/work/experience_bureau/","isWork":true},"frontmatter":{"title":"Experience Bureau"}},"next":{"fields":{"slug":"/work/aroundaboutway/","isWork":true},"frontmatter":{"title":"Aroundaboutway"}}}}}